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

body {
	color: #000000;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px auto 0px;
	padding: 0px;
	background-color:#000000;
	}
#wrap {
	width: 1003px;
	margin: 0px auto 0px;
	padding: 0px;
	border:#595959 1px solid;
	height:auto;
	overflow:hidden;
	}
a {
	color:#000000;
	text-decoration:none;
	}
a:hover {
	color:#000000;
	text-decoration:none;
	}
	
#header {
	width: 1003px;
	height:110px;
	float:left;
	position:relative;
	background:url(../login_images/top_bg.jpg) #000 repeat-x;
		}
/************************************************
*	logo  									*
************************************************/
#logo
	{
	width:220px;
	height:56px;
	background:transparent url('../login_images/logo.jpg') no-repeat scroll 0px 0px;
	float:left;
	margin: 24px 0px 0px 25px;
	}


/************************************************
*	Navigation 									*
************************************************/
#nav-bar
	{
	width:225px;
	height:37px;
	position:relative;
	float:right;
	margin: 28px 0px 0px 0px;
	}
#nav-bar .home
	{
	width:37px;
	height:50px;
	float:left;
	margin: 0px 0px 0px 0px;
	}
#nav-bar .feature
	{
	width:58px;
	height:50px;
	float:left;
	margin: 0px 0px 0px 30px;
	}
#nav-bar .contact
	{
	width:53px;
	height:50px;
	float:left;
	margin: 0px 0px 0px 30px;
	}
#home-middle {
	width: 1003px;
	height:auto;
	float:left;
	position:relative;
	}
#linebar {
	width: 7px;
	height:350px;
	float:left;
	background:transparent url('../login_images/v_linebar.jpg') no-repeat scroll 50% 0px;
	position:relative;
	}
#banner {
	width:664px;
	height:350px;
	background:transparent url('../login_images/banner.jpg') no-repeat scroll 50% 0px;
	position:relative;
	float:left;
	margin: 0px;
	}
#home-middle-right {
	width: 322px;
	height:350px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
	padding-left:3px;
	}
#home-login {
	width: 318px;
	float:left;
	background:url('../login_images/login_bg.jpg') #cccccc repeat-y 0px 0px;
	position:relative;
	margin: 3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
#login-title {
	width: 318px;
	display:block;	
	height:22px;
	float:left;
	background:transparent url('../login_images/login.jpg') no-repeat;
	position:relative;
	}
#login-test {
	width: 318px;
	display:block;	
	height:22px;
	float:left;
	background:transparent url('../images/test_login.gif') no-repeat;
	position:relative;
	}
#login-lable {
	width: 280px;
	height:22px;
	float:left;
	color:#294391;
	position:relative;
	text-align:right;
	font-weight:bold;
	padding: 5px 0px 5px 0px;
	}
	#login-lable1 {
	width: 280px;
	height:22px;
	float:left;
	color:#294391;
	position:relative;
	text-align:right;
	font-weight:bold;
	padding: 4px 0px 3px 0px;
	}
#login-lable .input {
	color:#294391;
	border-bottom:#a9c0d5 solid 1px;
	border-left:#a9c0d5 solid 1px;
	border-right:#a9c0d5 solid 1px;
	border-top:#546678 solid 1px;
	}
#login-lable .submit {
	color:#000;
	border:#004e85 solid 1px;
	background:transparent url('../login_images/submit_bg.jpg') repeat-x scroll 50% 0px;
	}
#login-lable3 {	width:1auto; height:20px; float:left; margin: 0px 160px 0px 20px;
	}
#login-lable4 {	width:auto; height:20px; float:left; margin: 7px 0px 0px 40px;
	}
#login-lable4  .submit{
	color:#000;
	border:#004e85 solid 1px;
	background:transparent url('../login_images/submit_bg.jpg') 0px 0px;
	margin:0px;
	}
.required {
	color:#cd1b1b;
	font-size:18px;
	padding: 0px 5px 0px 5px;
	}
.forgot {
	color:#000000;
	font-size:10px;
	text-decoration:underline;
	padding: 0px 5px 0px 5px;
	}
#home-options {
	width: 1003px;
	height:auto;
	float:left;
	position:relative;
	text-align:center;
	}
#home-options img {
	padding: 10px;
	}



/************************************************
*	Inner Page 									*
************************************************/

#innerpage {
	width:100%;
	height:auto;
	position:relative;
	overflow:visible;
	float:left;
	margin: 0px 0px 0px 0px;
	background:url('../login_images/inner_topbg.jpg') #f2f2e4 repeat-x 0px 0px;
	}
#inner-logo
	{
	width:161px;
	height:29px;
	background:transparent url('../login_images/inner_logo.jpg') no-repeat scroll 0px 0px;
	float:left;
	margin: 10px 0px 0px 25px;
	}
#inner-header {
	width: 100%;
	height:60px;
	float:left;
	position:relative;
		}
#navbar {
	width:420px;
	height:57px;
	float:left;
	margin: 3px 0 0 6%;
	display:inline;
	}
#navbar ul{
	margin: 0px;
	float:left;
	}
#navbar li {
	list-style:none;
	display:inline;
	margin: 0px;
	}
#right-navbar {
	width:150px;
	height:37px;
	position:absolute;
	top: 0px;
	right: 10px;
	display:inline;
	text-align:right;
	}
#right-navbar ul{
	margin: 0px;
	float:left;
	}
#right-navbar li {
	list-style:none;
	display:inline;
	margin: 0px 5px 0px 5px;
	}
#innerpage-content, #create-test {
	width:100%;
	height:auto;
	position:relative;
	float:left;
	margin: 0px 0px 0px 0px;
	background-color:#ebf2f9;
	border-bottom: 1px #91b1d5 solid;
	}

#innerpage-con-left {
	width:49%;
	height:auto;
	position:relative;
	float:left;
	margin: 0 .5% 0 .5%;
	}
#innerpage-con-right {
	width:49%;
	height:auto;
	position:relative;
	float:left;
	margin: 0 .5% 0 .5%;
	}
	
.t {background: url(../login_images/dot.gif) 0 0 repeat-x; width: 100%;}
.b {background: url(../login_images/dot.gif) 0 100% repeat-x}
.l {background: url(../login_images/dot.gif) 0 0 repeat-y}
.r {background: url(../login_images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../login_images/bl.gif) 0 100% no-repeat}
.br {background: url(../login_images/br.gif) 100% 100% no-repeat}
.tl {background: url(../login_images/tl.gif) 0 0 no-repeat}
.tr {background: url(../login_images/tr.gif) 100% 0 no-repeat	; padding:5px; height:auto; overflow:hidden;} 


/************************************************
*	table css details							*
************************************************/

.data-table { border:1px solid #b7babc; width:98%; margin: 10px auto 10px; }
.data-table tr { background:#dcf0fc; }
.data-table tr.bottom {  border-bottom:1px solid #b7babc;  }
.data-table td { padding: 5px 3px 5px 3px;  border-right:1px solid #b7babc; color:#000; font-weight:normal; }
.data-table tr.odd  { background:#fff; }
.data-table td.even  { background:#dcf0fc; border-bottom:1px solid #b7babc;  color:#2b4793; font-weight:bold; font-size:95%; }


/************************************************
*	Create Test 								*
************************************************/
#create-test {
	background-color:#608bc4;
	}
	
#create-right {
	width:81.2%;
	height:auto;
	float:left;
	margin: 0.5%;
	}

#create-title lable {
	color:#608bc4;	
	}
	
/************************************************
*	table css details							*
************************************************/
#create-leftmenu {
	width:209px;
	height:auto;
	background-color:#FFFFFF;
	float:left;
	margin: 0.5%;
	}
#leftmenu-title{
	width: 100%; background: url(../login_images/left_menu_titlebg.gif) repeat-x #bfdbff;
	color:#264290;
	font-weight:bold;
	padding: 7px 0px 7px 0px;
	font-size:14px;
	}
#common-menu {
width: 208px;
border:#8dabc8 solid 1px;
/* this width value is also effected by
the padding we will later set on the links. */
}
#common-menulist {
width: 208px;
border:#004e85 solid 1px;
/* this width value is also effected by
the padding we will later set on the links. */
}
#listmain-menu {
width: 96%;
/* this width value is also effected by
the padding we will later set on the links. */
}

#listmain-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
} 

#listmain-menu li {
margin: 2px 0 0;
} 

#listmain-menu a {
display: block;
width:100%;
padding: 4px 4px 4px 5px;
text-decoration: none; /*lets remove the link underlines*/
} 

#listmain-menu a:link, #listmain-menu a:active, #listmain-menu a:visited {
color: #000000;
}

#listmain-menu a:hover {
color: #ffffff;
} 

#listmain-menu a:hover {
background: #c6e6fc;
color: #000;
}

#list-menu {
width: 94%;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
} 

#list-menu li {
margin: 2px 0 0;
} 

#list-menu a {
display: block;
width:94%;
padding: 4px 4px 4px 28px;
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;
}

#list-menu a:hover {
color: #ffffff;
} 

#list-menu a:hover {
background: #c6e6fc;
color: #000;
}
/************************************************
*	Blue box								*
************************************************/  
.roundcont {
	width: 100%; background: url(../login_images/blue_tm.gif) repeat-x #bfdbff; color: #000; height:auto;	float:left;
}
.roundcont-bottom {
	width: 100%; background: url(../login_images/blue_bm.gif) repeat-x #bfdbff; color: #000; height:5px; float:left;
}
.roundtop { 
	background: url(../login_images/blue_tl.gif) no-repeat top left; float:left;	width:auto;	height:23px; padding: 7px 0px 0px 10px;	color:#264290; font-weight:bold;
}
.roundtop-right { 
	background: url(../login_images/blue_tr.gif) no-repeat top right; float:right; height:30px; width:5px;
}
.roundbottom { 
	background: url(../login_images/blue_bl.gif) no-repeat bottom left; float:left; width:5px; height:5px; padding: 0px;
}
.roundbottom-right { 
	background: url(../login_images/blue_br.gif) no-repeat bottom right; float:right;	height:5px;	width:5px;
}
.roundcont-content {
	width: 98.8%; color: #000; float:left; height:auto;	background-color:#bfdbff; border-left: #8bacd2 solid 1px; border-right: #8bacd2 solid 1px; padding: 0.5% 0.5% 0.5% 0.5%;
}
.roundcont-content-box {
	width: 100%; color: #000; float:left; height:auto;	background-color:#ebf2f9; margin: 5px 0px 5px 0px;
}

/************************************************
*	Gray box								*
************************************************/ 
.roundcont-gray {
	width: 100%; background: url(../login_images/gray_tm.gif) repeat-x #bfdbff; color: #000; height:auto;	float:left;
}
.roundcont-gray-bottom {
	width: 100%; background: url(../login_images/bbm.gif) repeat-x #bfdbff; color: #000; height:4px; float:left;
}
.roundtop-gray { 
	background: url(../login_images/gray_tl.gif) no-repeat top left; float:left;	width:auto;	height:23px; padding: 7px 0px 0px 10px;	color:#264290; font-weight:bold;
}
.roundtop-gray-right { 
	background: url(../login_images/gray_tr.gif) no-repeat top right; float:right; height:30px; width:5px;
}
.roundbottom-gray { 
	background: url(../login_images/bl.gif) no-repeat bottom left; float:left; width:5px; height:4px; padding: 0px;
}
.roundbottom-gray-right { 
	background: url(../login_images/br.gif) no-repeat bottom right; float:right;	height:4px;	width:5px;
}
.roundcont-gray-content {
	width: 98.8%; color: #000; float:left; height:auto;	background-color:#ebf2f9; border-left: #8bacd2 solid 1px; border-right: #8bacd2 solid 1px; padding: 0.5% 0.5% 0.5% 0.5%;
}
.roundcont-gray-content-box {
	width: 100%; color: #000; float:left; height:auto;	background-color:#ebf2f9; margin: 5px 0px 5px 0px;
}
.roundcont-text-left {
	width: 47%; color: #000; float:left; height:auto;	background-color:#ebf2f9; margin: 1% 1% 1% 1%; color:#264290; line-height:25px;
}
.roundcont-text-right {
	width: 45%; color: #000; float:left; height:auto;	background-color:#ebf2f9; margin: 1% 1% 1% 1%; color:#264290; line-height:25px;
}
.roundcont-gray-text lable {
	clear:none;
	float:left;
}
.text-align {
	text-align:right;
	}
.text-bold {
	font-weight:bold;
	}
.space {
	padding-right:20px;
	}

#gray-box-create {
	width:50%;
	float:left;
	height:auto;
	}
#gray-test-details {
	width:100%;
	float:left;
	height:auto;
	}
#gray-test-details ul{
	margin: 0px;
	float:left;
	list-style:none;
	}
#gray-test-details li {
	list-style:none;
	display:inline;
	margin: 0px;
	float:left;
	border-right: solid 1px #264290;
	padding: 0px 5px 0px 5px;
	color:#264290;
	font-weight:bold;
	text-decoration:underline;
	}
#create-details_nav {
	float:right;
	width:100%;
	text-align:right;
	border:0px;
	}




#gray-box-schedule {
	width:47%;
	float:left;
	height:auto;
	}
#gray-box-schedule-tab {
	width:6%;
	float:left;
	height:100%;
	padding-top:100px;
	}






/************************************************
*	tabmenu 									*
************************************************/
.glowingtabs{
float:left;
width:100%;
margin: 10px 0px 0px 0px;
line-height:normal;
/*border-bottom: 1px solid #7e9fff; Add border strip to bottom of menu*/
}
	
.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(../login_images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 1px;
margin-right: 1px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(../login_images/glowtab.gif) no-repeat right top;
padding: 5px 12px 3px 3px;
font-weight:bold;
color:#3B3B3B;
}
.glowingtabs1 a{
float:left;
background:url(../login_images/glowtab-left1.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs1 a span{
float:left;
display:block;
background:url(../login_images/glowtab1.gif) no-repeat right top;
padding: 5px 12px 3px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs a.current{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a.current span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}
	

#gray-box {
	width:100%;
	float:left;
	background-color:#f9f9f9;
	height:auto;
	border: #a4abab 1px solid;
	margin-top:-1px;
	}

		
#footer {
	width: 1003px;
	height:54px;
	float:left;
	position:relative;
	background:url(../login_images/top_bg.jpg) #000 repeat-x;
	color:#b5baae;
	text-align:center;
	line-height:20px;
	padding-top:20px;
	font-size:11px;
	}
#footer-inner {
	width: 100%;
	height:20px;
	float:left;
	position:relative;
	color:#000;
	text-align:center;
	font-size:12px;
	background-color:#f2f2e4;
	padding: 8px 0px 0px 0px;
	display:inline;
	}
.nav-bottom a{
	color:#000000;
	text-decoration:none;
	margin: 0px 15px 0px 15px;
	padding: 0px 15px 0px 15px;
	float:left;
	}
.nav-bottom a:hover {
	color:#000000;
	float:left;
	text-decoration:none;
	padding: 0px 15px 0px 15px;
	}

#footer-copyright{
	width:63%;
	height:auto;
	float:left;
	margin: 0px;
	padding-right:30px;
	display:inline;
	text-align:right;
	}
#footer-build{
	width:30%;
	height:auto;
	margin: 0px;
	text-align:right;
	float:right;
	display:inline;
	padding-right:10px;
	}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */





/* ///////////////////////////////// Login page ///////////////////////*/
#demo-login {
	width: 580px;
	float:left;
	position:relative;
	margin: 3px 0px 0px 0px;
	border:#FF6600 1px solid;
	background-color:#CCCCCC;
	}
.demo_class {
	color:#333399;
	font-weight:bold;
}
#forgot-title {
	width: 318px;
	display:block;	
	height:22px;
	float:left;
	background:transparent url('../images/forgot_password.gif') no-repeat;
	position:relative;
	}
#test-title {
	width: 318px;
	display:block;	
	height:22px;
	float:left;
	background:transparent url('../login_images/Tests.gif') no-repeat;
	position:relative;
	}
.test123 {
	color:#000000;
	font-size:10px;
	text-decoration:underline;
	padding: 0px 190px 0px 0px;
	}
.txt_box_class {
	font-size:14px;
	border:0px;
	/*border:#6699CC solid 1px;*/
	border:#6699CC solid 1px;
	width:180px;
	height:17px;
}