body{background: #eeeeee url(images/bg-body.png) repeat-x top;font-family: Arial, Helvetica, sans-serif;font-size:10pt;}

#wrapper{ background:#fff;  
	border: 1px solid #bfbfbf;
	border-radius:13px; 
	width:1000px;  
	margin:0 auto; }

#header{ 
	background:url(images/bg-head.png); 
	height:112px; 
	 margin:0 auto;
	 border-top-left-radius:13px; 
	 border-top-right-radius:13px; }

#logo{ margin:0 auto; width:408px; padding-top:6px; }

.container{width: 960px;
margin: 20px 20px;font-size:18px; 
border-radius: 8px;
}

.container p { margin-top:0px; padding:0}

h1{  font-size:16px; text-align:center; margin-top:0}

.left{ float:left; width:522px;}

.left .top { color:#7d0000; font-size:22px; text-align:center}

.left ul { font-size:16px; font-weight:bold; margin-bottom:15px}

.left li{ margin-bottom:15px; display: list-item; font-size:16px !important}

.right{ float:right}
.alt{float:right; width:392px; font-size:13px; margin:5px 0 30px; font-family:Verdana, Geneva, sans-serif}

#click-here {
	 background: #FFF url("images/click-here.png");
        width: 589px;
        height: 88px;
        display: block; clear:both; position:relative /* can use inline-block instead of block */
}

#click-here2 {
	 background: #FFF url("images/click-here2.png");
        width: 589px;
        height: 88px;
        display: block; clear:both; position:relative /* can use inline-block instead of block */
}


/* hover is trigger when we mouse over the A (anchor) tag and adjust the
        background position of the sprite to make it appear the button is down */
#click-here:hover {
        background-position: 0 -106px;
}
#click-here2:hover {
        background-position: 0 -106px;
}

.containe-should{ background:#f5f5f5;
	border: 1px solid #bfbfbf;
	border-radius: 13px; margin:0 auto 15px; padding:20px; 
	font-family: Arial, Helvetica, sans-serif; width:790px;
	}

.containe-should ul,
.test2{ list-style:none ;display:block; line-height:25px; margin:0}

.containe-should li,
.test2 li{ 
background: url(images/check-bullet.png) no-repeat; padding:0 0 0 30px}
#submit{width: 760px;
margin: 10px auto;}

.clear{ clear:both}

#footer{ 
background:url(images/bg-footer.jpg);
border-radius:0 0 13px 13px; color:#fff;  
text-align:center; 
 padding:10px; font-size:9pt 

 }

#footer span a{color:#fff}
#footer span a:visited{ color:#fff}
#footer span a:hover {
	color:#f9b046;
	}

#footer ul{margin:0px; 
	display:inline;
	text-decoration:none;
	color:#42cdff;
	padding:7px 0px 0px 17px; }

#footer li{
	list-style: none; 

	text-decoration:none; 
	display:inline; color:42cdff }

#footer a{ text-decoration:none; color:#42cdff;}
#footer a:visited {color:#42cdff;
	text-decoration:none; 
	}

#footer a:hover {
	text-decoration:none; 
	adding:6px 10px 6px 17px;
	color:#f9b046;
	}

.top-hed-right{
	 color: white; font-size: 20px; margin-right:40px; margin-top:70px; float:right;
}
.top-hed-right a{ color: white; text-decoration:none;}
.top-hed-right a:hover{ color: #79cdff; text-decoration:underline;}

.top-hed-left{
	 color: white; font-size: 20px; float:left; margin-top:70px;margin-left:40px;
}
.top-hed-left a{ color: white; text-decoration:none;}
.top-hed-left a:hover{ color: #79cdff; text-decoration:underline;}

.alignleft {
float:left;
margin-right:0.5em;
}



table.FormTable {
    margin: 5px 0 0;
    padding: 0;
}

table.FormTable td {
    color: #002740;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
    text-decoration: none;
}
table.FormTable td input {
    border: 1px solid #CCCCCC;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px;
    width: 250px;
}
table.FormTable td input.button {
    background: none repeat scroll 0 0 #3e5388;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    float: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    width: 70px;
}
table.FormTable td input.button:hover {
    background: none repeat scroll 0 0 #ff9c06;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    float: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    width: 70px;
}
table.FormTable td a, table.FormTable td a:hover {
    color: #002740;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
.LftClmn{width:193px; float:left; margin:0; padding:0;}
.LftClmn ul{list-style-type:none; margin:0; padding:0}
.LftClmn ul li{margin:0 0 10px 0; font-size:16px;}
.LftClmn ul li.MyAcnt{height:40px;}
.LftClmn ul li.MyAcnt a{color:#424242; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-my-account-01.jpg) no-repeat top left; }
.LftClmn ul li.MyAcnt a:hover{color:#fff; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-my-account-01.jpg) no-repeat left -42px; font-weight:bold }
.LftClmn ul li.MyAcnt a.act, .LftClmn ul li.MyAcnt a.act:hover{color:#fff; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-my-account-act.jpg) no-repeat top left; font-weight:bold }
.LftClmn ul li.TTest{height:40px;}
.LftClmn ul li.TTest a{color:#424242; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-take-test-01.jpg) no-repeat top left; }
.LftClmn ul li.TTest a:hover{color:#fff; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-take-test-01.jpg) no-repeat left -42px; font-weight:bold }
.LftClmn ul li.TTest a.act, .LftClmn ul li.TTest a.act:hover{color:#fff; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-take-test-act.jpg) no-repeat top left; font-weight:bold }
.LftClmn ul li.Result{height:40px;}
.LftClmn ul li.Result a{color:#424242; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-view-result-01.jpg) no-repeat top left; }
.LftClmn ul li.Result a:hover{color:#fff; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-view-result-01.jpg) no-repeat left -42px; font-weight:bold }
.LftClmn ul li.Result a.act, .LftClmn ul li.Result a.act:hover{color:#fff; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-view-result-act.jpg) no-repeat top left; font-weight:bold }
.LftClmn ul li.Logout{height:40px;}
.LftClmn ul li.Logout a{color:#424242; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-logout-01.jpg) no-repeat top left; }
.LftClmn ul li.Logout a:hover{color:#fff; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-logout-01.jpg) no-repeat left -42px; font-weight:bold }
.LftClmn ul li.Logout a.act, .LftClmn ul li.Logout a.act:hover{color:#fff; height:26px; text-decoration:none; padding:7px 0 7px 40px; display:block; line-height:24px; background:url(../images/icon-logout-act.jpg) no-repeat top left; font-weight:bold }

.ActCntArea{float:left; width:688px; border-left:1px solid #d8d8d8; margin:0 0 0 8px; padding:10px 20px; min-height:350px; }
.ActCntArea p.welcome{font-size:26px; font-weight:bold; text-align:center; padding:0 0 10px 0; margin:0}
.ActCntArea p.welcome span{color:#ff9c06;}
.ActCntArea p.NrmlTxt{text-align:left; padding:0px 0 10px 0; font-size:16px; margin:0; line-height:23px;}

.AvlTest{background:#3a986f; border-radius:10px; padding:10px; text-align:center; font-size:15px; color:#fff; margin:0 auto}

.ActCntArea table.ViewResult{border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; font-size:12px; color:#666666; margin:0; padding:0;}
.ActCntArea table.ViewResult tr.Title{background:#3e5388; color:#fff !important; font-weight:bold; font-size:14px;}
.ActCntArea table.ViewResult td{padding:5px; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; }
.ActCntArea table.ViewResult td a, .ActCntArea table.ViewResult td a:hover{color:#3e5388; text-decoration:underline;}
.ActCntArea table.ViewResult td img{vertical-align:middle;}

p.BackLink{padding:10px 0; font-size:12px; font-weight:bold; margin:0; text-align:right}
p.BackLink a, .BackLink a:hover{color:#3e5388; text-decoration:underline;}
.BtnTakeTest{width:199px; margin:0 auto;}
.BtnTakeTest span{display:none;}
.BtnTakeTest a{text-decoration:none; background:url(../images/btn-take-test-01.jpg) no-repeat top left; height:69px; width:199px; display:block}
.BtnTakeTest a:hover{background:url(../images/btn-take-test-01.jpg) no-repeat left -70px; height:69px; width:199px;}

.BtnSignUp{width:251px; margin:0 auto;}
.BtnSignUp span{display:none;}
.BtnSignUp a{text-decoration:none; background:url(../images/signup-button-01.png) no-repeat top left; height:58px; width:251px; display:block}
.BtnSignUp a:hover{background:url(../images/signup-button-01.png) no-repeat left -57px; height:58px; width:251px;}


.BtnLogin{width:153px; margin:0 auto; height:60px}
.BtnLogin span{display:none;}
.BtnLogin a{text-decoration:none; background:url(../images/btn-login-01.png) no-repeat top left; height:60px; width:153px; display:block}
.BtnLogin a:hover{background:url(../images/btn-login-01.png) no-repeat left -63px; height:60px; width:153px;}