@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */

* {
  margin:0;
  padding:0;
}
html {
	height:100%;
}
#LogoArea{
margin:0 auto;
background-repeat:no-repeat;
height:150px;
width:880px;
background-image:url(images/usSudokuTeam.gif);
}
#LogoArea .user{
margin-left:600px; text-align:right;
margin-top:4px;
/* color:#57a3f0;*/
color:#000000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif; 

}
#banner_wide
{
	background-color:#08086b;
	/* 
	background-image:url(images/banner_01_bg.jpg);
	background-repeat:repeat-x;
	*/
	height:150px;
	width:880px;
	margin:0 auto;
}
#banner_img
{
	margin:0 auto auto 46%;
	background-image:url(images/banner_img_01.jpg);
	background-repeat:no-repeat;
	height:150px;
}
#banner_wide #top_menu{
width:250px; height:35px; position:relative; top:0px; left:23px;
margin-left:15%;
}
#banner_wide ul li{width:180px; height:24px; background:url(images/dot-line.jpg) 0 100% repeat-x; list-style:none;padding-top:5px;padding-left:5px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF}

#banner_wide ul li a{display:block; width:102px; height:24px; background:url(images/bullet1.jpg) 0 9px no-repeat; font:12px/24px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 20px;color:#FFFFFF}

#banner_wide ul li a:hover{text-decoration:underline; background:url(images/bullet1.jpg) 0 9px no-repeat;color:#99CC33;} 

#banner_horiz
{
	background-color:#08086b;
	/* 
	background-image:url(images/banner_01_bg.jpg);
	background-repeat:repeat-x;
	*/
	height:24px;
	width:880px;
	margin:0 auto;
	color:#CCCCCC;
}

#banner_horiz a:hover{
text-decoration:underline; 
/*background:url(images/bullet1.jpg) 0 9px no-repeat;*/
color:#FFFFFF;
} 

#banner_horiz a{
/* display:block; 
width:102px; 
height:24px; 
font:12px/24px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold; */
text-decoration:none; 
/* padding:0 0 0 20px;*/
color:#CCCCCC;
font-weight:normal;
padding:0 15px 0 15px;
}

#container {
	
	
	width:880px;
	background-color:#FFFFFF;
	margin: 0 auto;
	
	
}
#contentBox{
width:630px;
height:auto;
float:left;
_margin-top:5px;
margin-left:px;
}

#contentBox li{
margin-left:30px;
}
#contentBox a{
color:#FFFFFF;
font-weight:bold;
margin:0px;
padding:0px;
}
#contentBox a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}

.Label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
margin-top:25px;
_margin-top:0px;
color:#FF0000;
font-weight:bold;
width:620px;
height:24px;
background-image:url(images/bg_sideBarTitle.jpg);
background-repeat:repeat;
padding-left:10px;
}
.textBox{
background-color:#08086b;
width:610px;
margin-top:0px;
padding:10px 10px 10px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
line-height:20px;
}
.tiny{
font-size:10px;
line-height:normal;
}
.answerLabel{
background-color:#08086b;
width:610px;
margin-top:0px;
padding:10px 10px 10px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
line-height:20px;
}
.answerText{
/*background-color:#08086b;
width:610px;
margin-top:0px;
padding:10px 10px 10px 10px;*/
font-family:"Courier New", Courier, monospace;
/*color:#FFFFFF;*/
font-size:16px;
/*line-height:20px;*/
}
.answerSavedText{
background-color:#CCCCCC;
/*width:610px;
margin-top:0px;
padding:10px 10px 10px 10px;*/
font-family:"Courier New", Courier, monospace;
/*color:#FFFFFF;*/
font-size:16px;
/*line-height:20px;*/
}
.loginText{
/*background-color:#08086b;
width:610px;
margin-top:0px;
padding:10px 10px 10px 10px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
/*color:#FFFFFF;*/
font-size:12px;
/*line-height:20px;*/
}
.button{
/*background-color:#08086b;
width:610px;
margin-top:0px;
padding:10px 10px 10px 10px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
/*color:#08086b; */
font-size:12px;
height:24px;
/*font-weight:bold;*/
/*line-height:20px;*/
}

#container #rightsidebar{
width:200px;
height:auto;
float:right;
margin-top:50px;
margin-right:0px;
_margin-right:10px;
}
#sidebox{
width:195px;
background-color:#FFFFFF;
height:auto;
border:#CCCCCC solid 1px;
}
.boxheadtitle{
background-image:url(images/bg_sideBarTitle.jpg);
background-repeat:repeat-x;
background-color:#08086b;
height:18px;
width:193px;
border: #CCCCCC solid 2px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#sidebox input {
	width:220px;
	background:url(images/input.jpg) top no-repeat;
	font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	color:#333;
	border:0;
	padding:7px 0px;
	margin:3px;
	color:#777;
	
}

#sidebox input{ border: 1px solid #cdcdcd; padding: 0.2em; background: #FFFFFF url("images/input.jpg") repeat-x ; color:#666666;height:14px;}
#sidebox .submit { width:80px; height:20px; border:none; background: #FFFFFF url("images/submit_login.jpg") no-repeat 0 0; }
.sidebar{
width:195px;
background-color:#FFFFFF;
height:auto;
margin-right:5px;
margin-top:0px;
border:#CCCCCC solid 1px;
}
.label_login{
font: 100% "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;

color:#777;
padding:7px 10px;
font-size:14px;
}
#linksSection ul{
margin-top:0px;
}
#linksSection li{
list-style-image:url(images/greenArrow.jpg);
margin-left:20px;
padding-bottom:2px;
}
#linksSection li.x{
list-style-image:url(images/greenArrow.jpg); 
margin-left:20px;
padding-bottom:2px;
color:#CCCCCC;
font:12px/24px Verdana, Arial, Helvetica, sans-serif; 
display:block;padding:0 0 0 10px;
}

#linksSection a{
display:block; font:12px/24px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 10px;color:#999999;
}

#linksSection a:hover{
display:block; font:12px/24px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline; padding:0 0 0 10px;color:#08086b;
}
#linksSection .liseperate{
margin-bottom:-20px;
margin-left:0px;
list-style:none;
border-top:#CCCCCC solid 1px;
}
a{
	 font:14px/24px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 10px;color:#57a3f0;
}
#BlueSky {   margin-bottom:5px; width:100%;}
#FormBox { margin:0px;padding:0px; margin-left:0px;}
#FormBox h1 { color:#333399; font-size:13px;margin-bottom:10px;padding:0px; }
#FormBox p { color:#777777; font-size:10px;margin-bottom:20px;padding:0px; }
#FormBox label { margin-bottom:2px;margin-top:3px; color:#555555;display:block;font-weight:bold; font-size:12px; margin-left:20px}
#FormBox .input { margin-bottom:2px; border: 1px solid #cdcdcd; padding: 0.2em; background: #FFFFFF url("form-smooth-sdw-dre-bg-field.gif") repeat-x 0 1px; color:#666666; margin-left:20px;height:20px;font-size:12px;}
#FormBox .input:hover { margin-bottom:5px; border: 1px solid #FF0000; padding: 0.2em; background: #FFFFFF url("form-smooth-sdw-dre-bg-field.gif") repeat-x 0 1px; color:#666666; }
#FormBox .submit { width:117px; height:40px; border:none; background: #FFFFFF url("images/button.gif") no-repeat 0 0; margin-left:20px;}
#FormBox .spacer { margin-bottom:10px; }


#reg_section{
/* margin-left:50px; */
margin-left: auto;
margin-right:auto;
/* height:450px; */
margin-top:20px;
}
#reg_section fine{
/* margin-left:50px; */
margin-left: auto;
margin-right:auto;
/* height:450px; */
margin-top:20px;
font-size:10px;
}
#reg_section input{
 border: 1px solid #cdcdcd; 
 padding: 0.2em; 
 background: #FFFFFF  ; 
 color:#666666;
 height:12px; 
 margin-bottom:0px;
 /* width:208px; */
 /*font-size:10px;*/
}
#reg_section .button{
 /* width:80px; height:20px; border:none; */
 background: #FFFFFF  ; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
/*color:#08086b; */
font-size:12px;
height:24px;
 /* margin-left:30px; */
}
#reg_section a{
color:#FFFFFF;
font-weight:bold;
margin:0px;
padding:0px;
text-decoration:underline;
font-size:9px;
}
#reg_section a:hover{
color:#FFFFFF;
font-weight:bold;
}


#footer{
width:630px;
background-color:#08086b;
float:left;
height:auto;
margin-left:0px;
margin-top:10px;
}
#footer h5{
float:right;
padding-right:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:2px;
margin-top:2px;
font-size:10px;
color:#FFFFFF;
}

.seperateline{
 BORDER-TOP: #eee 1px dotted; WIDTH: 100%;  margin:0px;
}
.noLines{
	/* assumes white background, a different colored background requires changes to 
	border and background color to keep these textboxes invisible */
	border: 1px solid #FFFFFF; 
	color: #FF0000; 
	background-color: #FFFFFF ;
	margin-left:20px;
	
}
.formerror{
	padding-left:10px;
	background-color:#08086b;
	color:#FFFF00;
	/*font-weight:bold; */
	font-size:12px; 
}

#login_section{
/* margin-left:50px; */
margin-left: auto;
margin-right:auto;
height:130px;
margin-top:20px;
}

#login_section input{
 border: 1px solid #cdcdcd; 
 padding: 0.2em; 
 background: #FFFFFF  ; 
 color:#666666;
 height:12px; 
 margin-bottom:0px;
 /* width:208px; */
 /*font-size:10px;*/
}
#login_section label{
margin-bottom:0px;
margin-top:0px; 
color:#FFFFFF;
font-weight:bold; 
font-size:12px; 
margin-left:20px;
}
#login_section .button{
 /* width:80px; height:20px; border:none; */
 background: #FFFFFF  ; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
/*color:#08086b; */
font-size:12px;
height:24px;
 /* margin-left:30px; */
}
#login_section .submit{
 /* width:80px; height:20px; border:none; */
 background: #FFFFFF  ; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
/*color:#08086b; */
font-size:12px;
height:24px;
 /* margin-left:30px; */
}
#pwd_section {
margin-bottom:0px;
margin-top:0px; 
color:#FFFFFF;
font-weight:normal;  
font-size:12px; 
}
#msg_section {
margin-bottom:0px;
margin-top:0px; 
height:auto;
color:#FFFFFF;
font-weight:normal;  
font-size:12px; 
}
#msg_section a{
color:#FFFFFF;
font-weight:bold;
margin:0px;
padding:0px;
text-decoration:underline;
}
#msg_section a:hover{
color:#FFFFFF;
font-weight:bold;
}
#download_section {
margin-bottom:0px;
margin-top:0px; 
/* height:150px; */
color:#FFFFFF;
font-weight:normal; 
font-size:12px; 
}

#download_section a {
color:#FFFFFF;
font-weight:bold;
margin:0px;
padding:0px;
text-decoration:underline;
}
#download_section a:hover{
color:#FFFFFF;
font-weight:bold;
}
#rules_section {
margin-bottom:0px;
margin-top:0px; 
/* height:150px; */
color:#FFFFFF;
font-weight:normal; 
font-size:12px; 
}
#rules_section li{
margin-left:30px;
}
#rules_section a{
color:#FFFFFF;
font-size:12px; 
font-weight:bold;
}
#rules_section a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}
#results_section {
margin-bottom:0px;
margin-top:0px; 
height:auto;
color:#08086b;
font-size:12px; 
}
#results_section a{
color:#08086b;
font-size:10px;
margin:0px;
padding:0px;
text-decoration:underline;
}
#results_section a:hover{
color:#08086b;
font-size:10px;
text-decoration:underline;
}
#solution_section {
margin-bottom:0px;
margin-top:0px; 
height:auto;
color:#08086b;
font-size:12px; 
}
#solution_section a{
color:#FFFFFF;
font-weight:bold;
margin:0px;
padding:0px;
}
#solution_section a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}