/* info
--------------------------------------------------------
	Start:	1.1.2007.
	Author:	BozooArt, www.bozooart.com
		EmuSoft, www.emusoft.org
	URL: 	www.left-or-right.com
*/

* { padding: 0px; margin: 0px; }
body { font: 62.5% Arial, Helvetica, sans-serif; background: #fff url(../images/bg.jpg) repeat-x; margin: 5px 0; padding: 0px; text-align:center }

fieldset { border: none }
legend, hr { display: none; }
input, textarea { padding-left: 2px; font-family: Arial, Helvetica, sans-serif; }

a { text-decoration: none; }
a:active,
a:focus { outline: none; }
.clr { clear: both; }
.hide { display: none; }

/* interface
-------------------------------------------------------- */
#container { width: 785px; margin: 0 auto; text-align: left; }
	
	#footer { clear: both; text-align: center; color: #ccc; padding-left: 100px; line-height: 30px; }
	#footer a { color: #ccc; padding: 5px 5px 0 5px; }
		#footer a:hover { color: #05ace3; text-decoration: none; }
	
	#reflection { background: #fff url(../images/wet_floor.jpg) repeat-x; height: 410px; margin: 0 22px; padding-top: 30px; } 
		#winalink{ padding-bottom: 5px; color: #666666; margin-bottom: 35px; }
			#winalink img{ border: none; position: absolute; margin: -6px 0 0 5px;  }

/* header
-------------------------------------------------------- */
#header { background:url(../images/header_bg.jpg) no-repeat; height: 423px; width: 740px; padding: 0 22px 0 22px; }

	#header h1 a { background: url(../images/left-or-right.jpg) no-repeat; height: 114px; width: 449px; margin: 4px auto 0 155px; text-indent: -9999em; position: absolute; }
	#header #images { padding-top: 50px; }
	#header ol { height: 118px; }
	#header ol span { display: none; }
	
	#header .images img { margin-left: 80px; height: 206px; width: 243px; background: url(../images/come_back.gif); background: url(../images/vote_for_a.jpg); background: url(../images/loading.gif);   }
	#header .images img, 
	#header .images a img { padding: 2px; border: 1px solid #000; }
		#header .images a:hover { background: none; }
		#header .images a:hover img{ background: #000; }
	
	#header ol #previous, 
	#header ol #previous a { height: 76px; width: 109px; float: left; background: url(../images/left_button.jpg); display: block; }
		#header ol #previous a:hover { background-position: right; }
	
	#header ol #next, 
	#header ol #next a { height: 76px; width: 109px; float: right; background: url(../images/right_button.jpg); display: block; }
		#header ol #next a:hover { background-position: right; }

/* results
-------------------------------------------------------- */
ul#results h2 { font-size: 180%; }
	ul#results h2 a {  color: #000; }
		ul#results h2 a:hover {  color: #0eacdc; }

ul#results { margin-left: 81px; }
ul#results span.hide { display: none; }
		
	ul#results li { width:280px; float:left; list-style-type: none; }
		ul#results li#right { margin-left: 51px; }
		ul#results li .name { margin:10px 0; display: block; }
		ul#results li .number { font-weight: bold; font-size: 120%; margin-left: 5px; float: left; width: 60px; }
		ul#results li .leftline { background: url(../images/green.jpg); width: 146px; margin-top: 1px; display:inline; height:20px; float:left; text-indent: -1000px; }
		ul#results li .rightline { background: url(../images/green.jpg); margin-top: 1px; height: 20px; float: left; text-indent: -1000px; }
		
		#loading_l img { position: absolute; width: 70px; height: 10px; margin: 90px 170px; }
		#loading_r img { position: absolute; width: 70px; height: 10px; margin: 90px 500px; }
		
		ul#results li #left_tooltip { font: 90% Verdana, Arial, Helvetica, sans-serif; position: absolute; width: 270px; border: 1px solid #c2c0c1; background-color: #fdfaf1; padding: 5px; z-index: 20; display: none; margin-top: 380px; clear: left; top: 0px;}
		ul#results li #right_tooltip { font: 90% Verdana, Arial, Helvetica, sans-serif; position: absolute; width: 270px; border: 1px solid #c2c0c1; background-color: #fdfaf1; padding: 5px; z-index: 20; display: none; margin-top: 380px; clear: left; top: 0px; }

/* last 15
-------------------------------------------------------- */
#last15 { float: left; width: 270px; }
	#last15 h3 { background: url(../images/last15.jpg) no-repeat; height: 21px; width: 150px; text-indent: -9999em; }
	
	#last15 dl { padding-top: 17px; line-height: 18px; }
		#last15 dt { float: left; color: #ccc; margin: 0 10px 0 0; }
		#last15 dd { border-bottom: 1px solid #eee; font-size: 110% }
			#last15 dd a{ text-decoration: none; color: #000; display: block; }
				#last15 dd a:visited{text-decoration:none; background:url(../images/visited.jpg) no-repeat right center; }
				#last15 dd a .or { font-weight: bold; color: #0eacdc; margin: 0 2px 0 2px; text-transform: uppercase; }
				#last15 dd a:hover .or { color: #000; }
				#last15 dd a:hover { color: #0eacdc; }
	
	#last15 ul { padding: 15px 0 0 42px; }
		#last15 li { display: inline; margin-right: 30px; font-size: 120%; }
			#last15 li a { font-weight: bold; color: #000; text-decoration: none; }
			#last15 li a:hover { color: #0eacdc; }

/* suggest
-------------------------------------------------------- */
#suggest { float: left; width: 230px; margin: 0 15px 0 35px; }
	#suggest h3 { text-indent: -1000px; background: url(../images/suggest.jpg) no-repeat; height:28px; width:181px; }
	#suggest h3.sponsors span { display: none; }
	
	#suggest form { padding-left: 10px; padding-top: 20px; }
		#suggest form label { font-size: 130%; font-weight: bold; color:#000; }
		#suggest form label span { font-size: 80%; font-weight: bold; color:#ccc; }
		#suggest form .button { font-weight: bold; width: 120px; margin: 20px 0 0 35px; height: 25px; font-size: 110%; }
		#suggest p.tnx { font-weight: bold; font-size: 140%; margin-left: 5px; color: #0eacdc; }
		
		#suggest form p input { font-size: 140%; font-weight: bold; border: 1px solid #eee; width: 200px; padding: 4px; margin: 2px 0 10px 0; }
				#suggest form .input:hover, 
				#suggest form .input:focus { background: #f4fcfe; border: 1px solid #373232; }	

		#suggest form #moreless { padding: 5px 0 5px 0; color: #ccc; font-size: 110%; padding-left: 20px; background: url(../images/win-icon.gif) no-repeat 0 50%; margin-bottom: 10px; }
		#suggest form #more { margin-bottom: -10px; }

/* embed, bookmarking
-------------------------------------------------------- */
#embed { margin-bottom: 30px; }
	#embed h3 { background: url(../images/embed.jpg) no-repeat; height: 21px; width: 146px; text-indent: -9999em; }
	#embed #help { color: #999999; }
	#embed a { color: #0eacdc; font-weight: bold; }
		#embed a:hover { text-decoration: underline; }
	
	#embed input { border: 1px solid #eee; color: #ccc; padding: 2px 2px 2px 4px; margin: 10px 0 5px 0; width: 160px; font-size: 110%; }
		#reflection #embed input:hover, 
		#reflection #embed input:focus { background: #ecf9fd; color: #000; border: 1px solid #373232; }

#sociable { float:left; font-size: 110%; padding-left: 20px; width: 170px; }
	#sociable span { color: #999999; }
	
ul#bookmarking { padding: 10px 0 20px 0; list-style-type: none; }
		ul#bookmarking li { width: 150px; border-bottom: 1px solid #eee; padding-left: 20px;  }
		ul#bookmarking li a { color: #000; line-height: 15px;  }
		ul#bookmarking li a:hover{ color: #0eacdc;  }
		
    ul#bookmarking li.home { background: url(../images/home.gif) no-repeat 0 50%; }
    ul#bookmarking li.de { background: url(../images/de.gif) no-repeat 0 50%; }
		ul#bookmarking li.fr { background: url(../images/fr.gif) no-repeat 0 50%; }
		ul#bookmarking li.tr { background: url(../images/tr.gif) no-repeat 0 50%; }
		ul#bookmarking li.in { background: url(../images/in.gif) no-repeat 0 50%; }
		ul#bookmarking li.pl { background: url(../images/pl.gif) no-repeat 0 50%; }
		ul#bookmarking li.es { background: url(../images/es.gif) no-repeat 0 50%; }
		
/* contact
-------------------------------------------------------- */
#contact { border: 1px solid #000; width: 615px; margin: 5px auto 0 auto; padding-left: 15px; }
	#contact h3 { font-weight: bold; font-size: 160%; color: #000; }
	#contact h3 span { font-size: 90%; font-weight: normal; padding-top: 20px; display: block; }

	#contact form { margin-bottom: 10px; }
		#contact form label { display: block; font-size: 120%; }
		#contact form textarea { width: 300px; height:80px; font-size: 120%; border: 1px solid #ccc; }	
		#contact form select option { padding: 0 2px; }
		#contact form #message  { margin: 10px 0; padding-left: 50px; display: block; float: left; width: 350px; }	
		#contact form .button { width: 120px; font-weight: bold; }		
	
		#contact form .input { width: 150px; font-size: 120%; border: 1px solid #ccc; }
			#contact form .input:hover, 
			#contact form .input:focus,
			#contact form textarea:hover,
			#contact form textarea:focus { background: #ecf9fd; color: #000; }		
	
	#contact #subject { float: left; width: 170px; padding: 0 15px; margin-top: 15px; color: #333333; font-size: 120%; }
	#contact #subject a { color: #0eacdc; }
		#contact #subject a:hover { text-decoration: underline; }
	
	#contact #info { float: left; width: auto; margin-bottom: 10px; font-size: 120%; padding-top: 37px; }	
	#contact #info input { width: 400px; border: 1px solid #ccc; margin: 5px 0 30px 0; padding: 1px; color: #ccc; }
		#contact #info input:hover, 
		#contact #info input:focus { background: #f4fcfe; border: 1px solid #000; color: #000; }