/* css based on Blueprint */
	@import url("reset.css");

/* general ----------------------------------------------------------- */
.fleft, .floatLeft {float:left;}
.flight, .floatRight {float:right;}
.center_t {text-align:center;}
.right_t {text-align:right}
.left_t {text-align:left}
.fullbox {padding-right:10px;}
.bigbox { margin-right:10px; }
.vspace { margin-top:10px; }
table td.vspace {margin:0;padding-top:10px;padding-bottom:10px;}
.yellow {color:#FFDE59}
.small {font-size:11px;}
.regErrorMsg {color:#C039A2;border-color:#C039A2;}
strong, .strong {font-weight:bold;}
em, .em {font-style:normal;font-weight:bold;}
.result, .header { font-weight:bold; }
a:focus, a:hover {color:#000;}
a {color:#ce0fa5;text-decoration:underline;}
address {font-style:normal;}
body {
	background:#526BC7 url(../images/body_bg.jpg) repeat fixed center top;
	text-align:center;
}		
#container {
	position:relative;
	margin:80px auto;
	background:transparent;
	text-align:left;
	padding:0 10px 0;
	width:860px;
}
.teaserbox {
	background:transparent url(../images/aqua_box_top.png) left top;
	margin-bottom:10px;
}
.teaserwrapper {
	background:transparent url(../images/aqua_box_bottom.png) no-repeat left bottom;
	padding:10px;
}
.display_data {
	font-size:1.3em;
	line-height:1.1;
	color:#FFF2BF;
}
.toplink {
	display:block;
	width:20px;
	height:20px;
	padding-right:10px;
	float:right;
	clear:right;
	background:transparent url(../images/top.gif) no-repeat left top;
}
.autotable {
		table-layout:auto;
		width:100%;
		margin-bottom:10px;
}
.autotable td, .autotable th {padding:1px 2px;}
.autotable th {font-weight:bold;}
table.resulttable td, td.resulttable {
		background:#50d6f1 url(../images/resulttable_bg.gif) repeat-x top left;
		border:1px solid #ABF6FE;
}
table.resulttable tr.result td, tr.result td { border-top:2px solid #ce0fa5; }
table.resulttable td.stars {
		background:#ABF6FE none;
		width:50px;
}
object {outline:none;}

.button{
	background:#7ce6f9 url(../images/bg_button.gif) repeat-x top left;
	border: 1px solid #2aacc8;
	height:24px;
	color:#06467a;
	font-weight:bold;
	padding:0 7px 2px 7px;
}
/* header ------------------------------------------------------------ */
#header {
	background:transparent url(../images/header_bg.jpg);
	height:397px;
	overflow:hidden;
	position:relative;
}
#logo {
	position:absolute;
	left:30px;
	top:10px;
	background-color:transparent;
	width:218px;
	height:115px;
	z-index:99;
}
#logo h1 {display:none;}
#content {
	background:transparent url(../images/content_bg.gif) repeat-y left top;
	padding:0 10px 0;
}
	/* Clock Countdown */
	#flash_clock {
		position:absolute;
		right:25px;
		top:135px;
		width:200px;
		color:#daf0fa;
		line-height:1;
	}
	/* Searchbox */
	#searchbox {
		position:absolute;
		right:30px;
		top:130px;
		width:125px;
		padding-left:45px;
		background:transparent url(../images/info.gif) no-repeat left bottom;
		color:#FFDE59;
		font-weight:bold;
		text-align:right;
	}
	#searchbox #search {
		border:2px solid #32cef0;
		width:125px;
		color:#000;
		font-weight:normal;
	}
	#searchbox #search:focus {
		background-color:#ABF5FE;
	}
	/* Flash Header Container */
	#flash_header {
		position:absolute;
		top:56px;
		left:13px;
		overflow:hidden;
	}
#results_display {
		position:absolute;
		top:210px;
		left:360px;
}
.results_button {
		display:block;
		width:160px;
		padding-top:5px;
		background-color:transparent;
}
/* Content Block ---------------------------------------------------- */
#main {
	width:560px;
	float:right;
	position:relative;
	top:-85px;
}
.left, .right {
	width:270px;
	float:left;
	margin-right:10px;
}
.right {float:right;}
.girlinabox {
	position:relative;
	background:transparent url(../images/girl_in_a_box.gif) no-repeat left top;
	margin-top:-28px;
	padding:70px 100px 0 20px;
	height:96px;
	overflow:hidden;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.2;
	color:#ac3392;
}
.picbox {
	padding:5px;
	margin-bottom:10px;
	border:1px solid #7CE6F9;
	background:#A0F2FE url(../images/fieldsetbg.gif) repeat-x left top;
}
.picbox img { vertical-align:middle; }
/* result balls: */
.result_no, .result_no_add {
	display:block;
	width:36px;
	height:27px;
	padding-top:9px;
	background:transparent url(../images/ball_blue.gif) no-repeat center center;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	float:left;
}
#result1.result_no {background:transparent url(../images/ball_blue.gif) no-repeat center center;}
#result2.result_no {background:transparent url(../images/ball_lime.gif) no-repeat center center;}
#result3.result_no {background:transparent url(../images/ball_orange.gif) no-repeat center center;}
#result4.result_no {background:transparent url(../images/ball_purple.gif) no-repeat center center;}
#result5.result_no {background:transparent url(../images/ball_red.gif) no-repeat center center;}
.result_no_add { background-image:url(../images/starball_blue.gif);	}
#result6.result_no_add { background-image:url(../images/starball_lime.gif);	}
#result7.result_no_add { background-image:url(../images/starball_purple.gif); }

/* small result balls: */
.small_result_no, .small_result_no_add {
	display:block;
	width:22px;
	height:18px;
	padding-top:2px;
	margin-top:1px;
	background:transparent url(../images/ball_small_blue.gif) no-repeat center center;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	float:left;
}
#result1_small.small_result_no {background:transparent url(../images/ball_small_blue.gif) no-repeat center center;}
#result2_small.small_result_no {background:transparent url(../images/ball_small_lime.gif) no-repeat center center;}
#result3_small.small_result_no {background:transparent url(../images/ball_small_orange.gif) no-repeat center center;}
#result4_small.small_result_no {background:transparent url(../images/ball_small_purple.gif) no-repeat center center;}
#result5_small.small_result_no {background:transparent url(../images/ball_small_red.gif) no-repeat center center;}
.small_result_no_add { background-image:url(../images/starball_small_blue.gif);	}
#result6_small.small_result_no_add { background-image:url(../images/starball_small_lime.gif);	}
#result7_small.small_result_no_add { background-image:url(../images/starball_small_purple.gif); }

/* faq */
ul.faq {
	list-style-type:none;
	padding:0;margin:0 0 10px 0;
	font-weight:bold;
}
ul {
	padding:0;
	margin:0 0 10px 13px;
}
/* Menu */
#menu {
	position:absolute;
	list-style:none;
	left:17px;
	top:250px;
	color:#adecff;
	width:260px;
	font:normal bold 13px/1.2 "trebuchet ms",tahoma,tahoma,sans-serif;
	background-color:transparent;
}
#menu li {
	display:block;
	float:left;
	clear:left;
	margin:0;padding:0;
	
}
#menu li.active {
	background:transparent url(../images/menu-active-back.gif) no-repeat right top;
}
#menu li a {
	text-decoration:none;
	color:#adecff;
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 4px 3px 0;
	padding-left:17px;
	background:#C13AA3 url(../images/menu-bg.gif) 0px -32px;
	height:16px;
}
#menu li a:hover {
	background:#C13AA3 url(../images/menu-bg.gif) 0px -16px;
	color:#FFDE59;
}
#menu li.active a, #menu li.active a:hover {
	color:#ffde59;
	background-position:0px 0px;
}
#submenu {
	list-style:none;
	color:#adecff;
	font:normal bold 13px/1.2 "trebuchet ms",tahoma,tahoma,sans-serif;
	background-color:#176EB5;
	margin:0;
	padding:10px 0 0 10px;
	width:259px;
}
#submenu li {
	display:block;
	float:left;
	clear:left;
	background-color:#176EB5;
	margin:0;padding:0;
}
#submenu li.active {
	background:transparent url(../images/submenu-active-back.gif) no-repeat right top;
}
#submenu li a {
	text-decoration:none;
	color:#adecff;
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 4px 3px 0;
	padding-left:17px;
	background:#176EB5 url(../images/submenu-bg.gif) 0px -32px;
	height:16px;
}
#submenu li a:hover {
	background:#176EB5 url(../images/submenu-bg.gif) 0px -16px;
	color:#FFDE59;
}
#submenu li.active a, #submenu li.active a:hover {
	color:#ffde59;
	background-position:0px 0px;
}
	
/* footer ------------------------------------------------------------ */
#footer {
	background:transparent url(../images/footer_bg.gif) no-repeat left top;
	height:35px;
	padding:15px 20px 0;
	font-size:0.8em;
	text-transform:uppercase;
}
#footer a { color:#05487e; }
#footer a:focus, #footer a:hover {color:#000;}