/* CSS Document */

body{ padding:0; margin:0; background-color:#ececec; font-family:Arial;}

#satContainer{
	width:960px; margin-left:auto; margin-right:auto;	
}

#satContainer .header{
	background-image:url(../img/assessments/images/site_02.png); height:174px; width:960px;	
}
#satContainer .header .logo{
		float:left;width:110px; margin-top:22px;margin-left:20px;
}
#satContainer .header .headerText{	
	font-size:24px; padding-top:130px; width:300px; padding-left:82px; float:left;
}
#satContainer .header .headerlink{
	font-size:18px; padding-top:60px; width:150px; float:right;
}
#satContainer .header .headerlink a{ color:#FFF;}

#satContainer .footer{
	background-image:url(../img/assessments/images/site_06.png); height:25px; padding-left:50px; font-family:Arial; color:#b4b4b4; font-size:13px; padding-top:55px;
}
#satContainer .content{ clear:both; padding:10px 20px 10px 20px;
	background-image:url(../img/assessments/images/site_04.png); background-repeat:repeat-y;
}

#satContainer .content hr{ color:#9a9a9a; size:2px; background-color:#9a9a9a;}

#loginContainer {
    position:fixed;
    top: 50%;
    left: 50%;
    width:460px; padding-top:15px; padding-left:18px;
    height:315px;
    margin-top: -161px; /*set to a negative number 1/2 of your height*/
    margin-left: -239px; /*set to a negative number 1/2 of your width*/
    border: 0;
    background-color: #ececec;
	background-image:url(/img/assessments/login/bg.png);
}
#loginContainer .copyright{
		clear:both; padding-left:25px; font-family:Arial; color:#b4b4b4; font-size:13px; padding-top:10px;
}
#loginContainer .logo{
	float:left;width:115px;
}
#loginContainer .right{
	width:275px;
	height:300px;float:right;
}
#loginContainer .right .controls{ 
	height:70px; text-align:right; padding-right:25px; font-size:18px; padding-top:10px;
}
#loginContainer .right .controls a{ 
	color:#666; text-decoration:none; padding:0 4px 0 4px;
}
#loginContainer .right .controls a.s{ 
	color:#b5db3a;
}
#loginContainer .right label{
	font-size:18px; color:#191e22; display:block;font-family:Arial; font-weight:normal; 
}
#loginContainer .right input{
	width:150px;
}

#loginContainer .error_login{ font-size:12px; text-align:left; color:#900; font-weight:bold; padding-top:10px;}


.c{ clear:both;}

.singlecolumn{ padding:2px 20px 2px 20px; font-family:Arial; font-size:13px; width:75%; line-height:20px;}
.singlecolumn h1{ font-size:21px; font-weight:normal; line-height:28px;}
.singlecolumn p{ padding:0 5px 0 5px;}
.widthbig{ width:850px;}

.demoque{ font-size:13px; color:#3c464d; font-family:Arial; font-weight:bold; line-height:24px;}

#saveBtn, #backBtn, #loginContainer .right #loginBtn, .buttons{font-size:14px; padding:5px 15px 5px 15px;-moz-border-radius: 9px;
border-radius: 9px; background-color:#b5d10a;}



/* Indicators */

.indicatordiv{
	font-size:12px; padding:0; margin:0; width:300px; float:right;clear:both;
}
.indicatordiv hr{ padding:0;margin:0;}
.indicatordiv ul{ padding:0; margin:0; border:1px solid #9a9a9a; }
.indicatordiv li{ padding-right: 20px; padding-left:20px;  padding-top:0;margin:0; list-style:none;}
.indicatordiv li.n{ color:#000; background-image:url(/img/assessments/images/green-dot.png); background-repeat:no-repeat; background-position:2px; }
.indicatordiv li.d{ color:#5ec03c; cursor:pointer; font-weight:bold; background-image:url(/img/assessments/images/green-complete.png); background-repeat:no-repeat; background-position:2px; }
.indicatordiv li.w{ color:grey;}
.indicatordiv ul.done{background-color:#b4da37;}
.errorDlg{ padding:5px 0 5px 0; text-align:center; background-color:#C30; color:white;display:none;}

.demoque{ padding-top:10px;}