/* Basic Example CSS */
body { font-family: Trebuchet MS, Helvetica, sans-serif; background: #ffd9e8; margin:0; padding: 0; }

#ie6 {display:none; font-weight:bold}
#top{ width:100%; height:100px; background:#ff5094}
#topround{ width:780px; height:10px; background:url(/i/home_top.png); line-height:10px; overflow:hidden}
#bottom{ width:100%; height:100px; background:#dcbed7}
#bottomround{ width:780px; height:10px; background-color:#ffd9e8; background-image:url(/i/home_bottom.png); line-height:10px; overflow:hidden}

h3 { color: #ff5094; }
.wrapper { background: #313647; width: 780px; margin: 20px auto }

#logo {
	width: 319px;
	height: 83px;
	background:transparent url(/i/logo_trans.png) no-repeat;
	background-position:top left;
	position:relative;
	top:-2px;
	left:8px;
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/logo_trans.png",sizingMethod="crop")
}

#beta {
	font-family:Verdana;
	font-size:9px;
	color:#eee;
	margin-left:294px;
}

#slogan {
	color:#fff; float:right; position:relative; right:280px; top:20px; display:block;
	background: url(/i/weten.png) no-repeat;
  width:159px;
  height:56px;
}

/* login menu */

#login_menu
{
  display: none;
  border:none;
  background-color: #ffd9e8;
  position: absolute;
  width: 215px;
  z-index: 100;
  text-align: left;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-left: 530px;
  margin-top: 30px;
  color: #67224b;
  font-size: 11px;
}

#login_text {
	z-index:1000;
	font-weight:bold;
	position:relative;
	left:144px;
	color:#fff; float:right; postion:relative; top:8px; display:block;
	padding-top:2px;
	font-size:0.8em;
	color:#67224b;
}

#login_button {
	cursor:pointer;
	text-decoration:underline;
	background-image:url('/i/arrow_down.png'); 
	background-position: 100% 50%;
	background-repeat:no-repeat;
	padding-top:2px;
	padding-left:4px;
	margin-left:6px;
	padding-bottom:2px;
	padding-right:16px;
	cursor:pointer;
	z-index:1000;
	font-weight:bold;
	position:relative;
	left:144px;
	color:#fff; float:right; postion:relative; top:8px; display:block;
	font-size:0.8em;
}

#login_button.selected {
	background: #ffd9e8;
	color:#67224b;
	background-image:url('/i/arrow_up.png'); 
	background-position: 100% 50%;
	background-repeat:no-repeat;
}

#interested_form, #lostpw_form {
  font-size:11px;
  color: #67224b;
  width:220px;
  margin: 4px auto;
}

#if_container, #lostpw_container {
  background-color: #ffd9e8;
  width:220px;
  height:190px;
  margin: 4px auto;
}

#thanks {
  color:#fff;
  font-size: 1em;
}

#footer {
	font-family:Verdana;
	font-size:10px;
	text-align:right;
	width:100%;
	background: #ffd9e8;
}

#footer a {
  text-decoration:underline;
  color:#67224b;
}
  

/* ===== Tooltip CSS ===== */
div.tooltip { 
	display: none; /* initially tooltips are hidden */
	padding: 10px;
	background: #222;
	color: #fff;
	font-size: 13px;
	font-style: italic;
}

/* ===== Scrollable CSS ===== */
/* Primary Container */
div.scrollable { position: relative; background:#313647; width: 780px; height: 400px; overflow: hidden; color:#fff }

/* Items Container */
div.scrollable div.items { width: 20000em; position: absolute; clear: both; }

/* Individual Item Containers */
div.scrollable div.items div {
	float: left;
	width: 760px;
	height: 50px;
	padding: 0 15px;
	/*background: url(/i/h300.png) repeat-x;*/
	height:500px;
}

/* Next and Previous buttons */
a.prev, a.next {
	display:block;
	float:right;
	padding: 5px 4px;
	cursor:pointer;
	font-size: 13px;
	color: #999;
}
a.prev:hover, a.next:hover { color: #333; }

/* Disabled Next or Previous button */
a.disabled { visibility: hidden !important; }

/* Navigation Container */
div.navi { padding-left: 20px; height:30px; background:#5292ba; background:url(/i/blue_30.gif) repeat-x; }

/* Navigation Links */
div.navi a {
	float: left;
	margin-left: 2px;
	padding: 4px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	height:40px;
}

div.navi a.active { 
  font-weight: bold; 
  background: url(/i/arrow_tab.gif);
  background-position:20px 30px;
  background-repeat:no-repeat;
}

div.navi a:hover{}

a {
	color:#ffd9e8;
}

img {
	margin-left:8px;
	margin-right:8px;
}

#emailaddress, #password, #interested_emailaddress, #interested_name, #lostpw_emailaddress
{
	display: block;
	border: 1px solid #aaccee;
	font-size: 13px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 203px;
}

p.forgot a {
	color:#67224b;
}

.error {
	color:#ff3333;
}

/* use a semi-transparent image for the overlay */ 
.overlay { 
  background-image:url(/i/overlay.png); 
  color:#efefef; 
  height:526px; 
  width:656px;
  display:none;
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.overlayWrap { 
  height:441px;
  margin:0px 40px; 
  overflow-y:auto; 
} 

div.faq {
  font-family:Helvetica;
  font-size:0.8em;
}

div.faq h1 {
  font-size:1em;
}

div.close {
  background:url(/i/close.png) no-repeat;
  width:36px;
  height:36px;
  cursor:pointer;
}

#vtip { font-family:Verdana; display: none; position: absolute; padding: 10px; left: 5px; margin-top:22px;font-size: 0.8em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

#content {
	margin:10px;
	color:#fff;
}