html, form, body {
    margin:0px;
    padding:0px;
    margin-left:5px;
    margin-right:5px;
    scrollbar-3dlight-color:#cce1fa; 
    scrollbar-arrow-color:#134f96; 
    scrollbar-base-color:#c9dffa; 
    scrollbar-darkshadow-color:#91bade; 
    scrollbar-face-color:#b2d0f3; 
    scrollbar-highlight-color:#dcddde; 
    scrollbar-shadow-color:#b2d0f3;
    scrollbar-track-color: #d5e6fb;
    height:100%;
}

#container 
{
    min-height:100%;
    position:relative;
}

#header 
{
    padding:10px;
}

#body {
    padding:10px;
    padding-bottom:70px;   /* Height of the footer */
}

#footer 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    position:absolute;
    color:#666666;
    bottom:0;
    width:100%;
    height:40px;   /* Height of the footer */
    /* background:#6cf; */
    background:transparent url('../im/footerline.png') no-repeat top left;
}

body{
    background-repeat:no-repeat;
    background-position:center top;
}

.MainContent{
    padding-top:4px;
    width:848px;
    max-width:1024px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:40px;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}

.tblforgotlogin, .tblforgotpassword
{
	border-collapse:collapse;
	padding:2px;
}

.tblforgotpassword tr, .tblforgotlogin tr
{
	height:18px;
}
#forgotlogin
{
	height:120px;
	width:350px;
	position:relative;
	margin-top:55px;
}

tr.spaceUnder > td
{
  padding-bottom: 5em;
}

#registeruser
{
	height:120px;
	width:350px;
	position:relative;
}


#userlogin
{
    height:120px;
    width:350px;
    position:relative;
}

/* #registeruser .btnRegister
{
	position:relative;
	float:right;
	background-color:#1a3a67;
	border:none;
	color:#ffffff;
	width:80px;
	height:24px;
	text-align:center;
	font-size:1em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	vertical-align:middle;
	margin-right:60px;
	margin-top:5px;
} */

.Textbox_Normal{
    background-color:#ffffff;
    border: 1px solid #c6c6c6;
    font-family: Arial;
    font-size:10pt;
    color: #191919;
}

.Textbox_Error{
    background-color:#efd9d9;
    border: 1px solid #b50624;
    font-family: Arial;
    font-size:10pt;
    color: #b50624;
}

.assessmentrow, .assessmentrow_alt
{
	text-align:left;
	vertical-align:text-top;
	height:40px;
	width:700px;
	min-width:500px;
	border-style:none;
}

.cpMainCont
{
	height:800px;
	width:100%;
	position:relative;
	margin-bottom:5px;
}

.DFont{
    font-family: Arial;
    font-size:11pt;
    color: #191919;
}

.BFont{
    font-family: Arial;
    font-size:11pt;
    /* color: #557daa; */
    color: #2E4A72;
}

.BWFont{
    font-family: Arial;
    font-size:14pt;
    color: #ffffff;
}

.clslogin 
{
	display:block;
	width:100px;
	height:29px;
	text-indent:-9999px;
	background:transparent url('../im/login.png') no-repeat top left;
	outline:none;
	border:none;
	cursor:pointer;
}

.clslogin:hover
{
	background-position:0 -29px;
}

.clsstart
{
	display:block;
	width:100px;
	height:29px;
	text-indent:-9999px;
	background:transparent url('../im/start.png') no-repeat top left;
	outline:none;
	border:none;
	cursor:pointer;
}

.clsstart:hover
{
	background-position:0 -29px;
}

.clsnext
{
	display:block;
	width:100px;
	height:29px;
	text-indent:-9999px;
	background:transparent url('../im/next.png') no-repeat top left;
	outline:none;
	border:none;
	cursor:pointer;
}

.clsnext:hover
{
	background-position:0 -29px;
}

.clsprevious
{
	display:block;
	width:100px;
	height:29px;
	text-indent:-9999px;
	background:transparent url('../im/previous.png') no-repeat top left;
	outline:none;
	border:none;
	cursor:pointer;
}

.clsprevious:hover
{
	background-position:0 -29px;
}

.clsfinish
{
	display:block;
	width:100px;
	height:29px;
	text-indent:-9999px;
	background:transparent url('../im/finish.png') no-repeat top left;
	outline:none;
	border:none;
	cursor:pointer;
}

.clsfinish:hover
{
	background-position:0 -29px;
}

.clsregister
{
	display:block;
	width:100px;
	height:29px;
	text-indent:-9999px;
	background:transparent url('../im/register.png') no-repeat top left;
	outline:none;
	border:none;
	cursor:pointer;
}

.clsregister:hover
{
	background-position:0 -29px;
}

.clscontinue
{
	display:block;
	width:100px;
	height:29px;
	text-indent:-9999px;
	background:transparent url('../im/continue.png') no-repeat top left;
	outline:none;
	border:none;
	padding-top: 20px;
	cursor:pointer;
}

.clscontinue:hover
{
	background-position:0 -29px;
}

.clsclose
{
	display:block;
	width:100px;
	height:29px;
	text-indent:-9999px;
	background:transparent url('../im/close.png') no-repeat top left;
	outline:none;
	border:none;
	padding-top: 20px;
	cursor:pointer;
}

.clsclose:hover
{
	background-position:0 -29px;
}

.btnlogin
{
	background-color:#dfeffc;
	border:none;
	color:#557daa;
	width:80px;
	height:24px;
	text-align:center;
	font-size:1em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	vertical-align:middle;
	float:right;
	position:relative;
	top:5px;
	margin-right:60px;
	border-color:#557daa;
	border-width:thin;
}

.btnPrev, .btnNext
{
	background-color:#dfeffc;
	border:none;
	color:#557daa;
	width:80px;
	height:24px;
	text-align:center;
	font-size:1em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	vertical-align:middle;
	border-color:#557daa;
	border-width:thin;
}

.RFont{
    font-family: Arial;
    font-size:10pt;
    color:#a13636;
    
}
.text, .txtlogin
{
	text-align:left;
	font-size:1em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	height:18px;
	width: 200px;
	margin-top:5px;
}
.logintitle, .usernametitle, .demographicstitle, .commenttitle, .usernametitle, .demographicstitle, .forgotpasswordtitle
{	
	border-style:none;
	color:#ffffff;
	height:22px;
	font-weight:bold;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 1em;
	text-align:center;
}
.lblprofile, .lbllogin
{
	text-align:right;
	margin-top:5px;
	margin-right: 5px;
	width:100px;
	height:18px;
	color:#666666;
}

.lbllogin_or, .login_or_email
{
	text-align:center;
}
.logintitle
{
	height:35px;
	width:340px;
	background:url(../im/userlogintitle.png) no-repeat top left;
}


.forgotlogintitle
{
	height:35px;
	width:340px;
	background:url(../im/forgotlogintitle.png) no-repeat top left;
}

.newusertitle
{
	height:35px;
	width:340px;
	background:url(../im/newusertitle.png) no-repeat top left;
}

.forgotusernametitle
{
	height:35px;
	width:340px;
	background:url(../im/forgotusernametitle.png) no-repeat top left;
}
.forgotpasswordtitle
{
	height:35px;
	width:340px;
	background:url(../im/forgotpasswordtitle.png) no-repeat top left;
}
.scoretemplate
{
	height:38px;
	width:720px;
	background:url(../im/scoring.png) no-repeat top right;
}
.commentstitle
{
	height:35px;
	background:url(../im/commentstitle.png) no-repeat top left;
}

.assessmenttitle
{
	height:35px;
	background:url(../im/assessmenttitle.png) no-repeat top left;
}
#header_nav
{
	height:150px;
	position:relative;
	width:100%;
	margin-bottom:5px;
	background:url(../im/header.png) no-repeat top left;
}

#logout
{
	position:absolute;
	right:30px; top:120px;
	list-style:none;
	float:right;
	font-size:1em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#ffffff;
}

#progressBackgroundFilter{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#000;
    filter:alpha(opacity=20);
    opacity:0.2;
    z-index:1000;
}
#processMessage{
    position:fixed;
    top:45%;
    left:39%;
    padding:10px;
    width:330px;
    height:66px;
    z-index:1001;
    font-family:Verdana;
    font-size:9pt;
    background:url('../im/contentbox.png') no-repeat;
}
.modalBackground {background-color:#b0c4de; filter:alpha(opacity=40); opacity:0.7px;}
.modalPopup {background-color:#ffffff; height:65px; width:460px; border-style:solid; border-color:#b0c4de; border-width:1px;}

.loading
{
	padding-left:20px;
	padding-top:5px;
}

.RowOver
{
    font-family: Arial;
    font-size: 9pt;
    color:#565656;
    background-color: #e0e0e0;
    cursor: pointer;
}

.RowOut
{
    background-color: White !important;
    cursor: pointer;
}

.RowSelected
{
    background-color: #ededed;
    cursor: pointer;
}

/* ---------------------------------- footer ---------------------------------------  */
.FooterContent{
    width:848px;
    max-width:1024px;
    left:50%;
    margin-left: -424px;
    position:fixed;
    bottom:0;
    height:80px;
    background-image:url('../im/footer.jpg');
    background-position: center top;
    background-repeat:no-repeat;
    font-family: Arial;
    font-size:10pt;
    color: #7b7b7c;
    z-index:1000;
}

#footer .rightside
{
	float:right;
	width:200px;
	font-size:12px;
}
#footer .rightside p{text-align:right;}
#footer .rightside p.copy{color:#666666;}
#footer .rightside .lighter {color:#cccccc;}
#footer .rightside p a {color:#ABABAB; text-decoration:none;}
#footer .rightside p a:hover{text-decoration:none;color:#0379fe;}

#footer .leftside
{
	float:left;
	width:400px;
	font-size:12px;
}

#footer .leftside p{text-align:left;}
#footer .leftside p.copy{color:#666666;}
#footer .leftside .lighter {color:#cccccc;}
#footer .leftside p a {color:#ABABAB; text-decoration:none;}
#footer .leftside p a:hover{text-decoration:underline;}

/* end: footer */
.tooltip 
{
    display:none;
    background:transparent url(../im/black_arrow_big.png);
    font-size:12px;
    height:90px;
    width:235px;
    padding:25px;
    color:#fff;
}