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

html,body{height:100%}

body{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#545353;
margin: 0pt auto;
background:url(../images/background-bg.gif) center top repeat-y;
background-color:#686867;
height:100%; /* this is the key! */ 

}
#contentmain{
width:960px;
margin: 0 auto;
background:#fff url(../images/inner-bg.gif) repeat-y top left;
height:100%;
min-height:100% !important;
text-align:justify;
height:auto;/* this is the key! */ 

}

#contentmain-login{
width:960px;
margin: 0 auto;
background:#fff;
height:100%;
font-family:Arial, Helvetica, sans-serif;

/* this is the key! */ 

}
#headr{
background:url(../images/header-bg.gif) repeat-x;
height:112px;

}

#headr #headr-colm1{
float:left;
width:256px;
}
#headr #headr-colm2{
float:right;
width:704px;
}
#banner{
background:#fff;
}
#content{
width:960px;
}

#content-admin{
width:940px;
margin-left:10px;
margin-right:10px;
}

#content #cnleft{
width:248px;
float:left;
background:url(../images/bg-left-panel.gif) repeat-x;	
}

.leftrow1{
width:248px;
margin:0 auto;
padding-top:10px;
text-align:center;
background:#e9e9e9;
padding-bottom:10px;
}
.leftrow2{
margin:0 auto;
padding-top:5px;
padding-bottom:5px;
white-space:nowrap;
background:#e9e9e9;
}
.leftrow2 .leftnav div{
margin-left:24px;
margin-bottom:18px;

}

.leftrow3{
margin:0 auto;
padding-top:5px;
padding-bottom:5px;
white-space:nowrap;
background:#e9e9e9;
}

.leftrow3 ul{
margin-left: 1em;
padding-left: 0;
list-style: none;
}
.leftrow3 li{
background-position: 0 .5em;
background:url(../images/arrow-img.gif) no-repeat;
width:7px;
height:12px;
padding-left:1.2em;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
}

.leftrow3 li a{
color:#0066cc;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
}
.leftrow3 li a:hover{
color:#474646;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
}
.marclass{
padding-bottom:15px;
}
.marclass1{
padding-bottom:30px;
clear:both;
}

#content #cnright{
float:left;
width:712px;

}
#content #cnright .rtp{
background:#fff;
height:10px;
width:712px;


}

#content-bottom{
background:url(../images/bottom-bg.gif) no-repeat top #024579 left;
color:#FFFFFF;
padding-left:30px;
padding-top:25px;
padding-bottom:20px;
}
#content-bottom .cbheadtext{
line-height:30px;
font-weight:bold;
}
#content-bottom .cbheadtext a{
color:#FFFFFF;
text-decoration:none;
}
#content-bottom .cbheadtext a:hover{
color:#FFFFFF;
text-decoration:none;
}

#content-bottom img{
float:left;
width:127px;
}
#content-bottom .cbtext{
float:left;
margin-left:10px;
width:155px;
}

#content-bottom .cb-clom1{
width:300px;
float:left;
}


#content-bottom .cb-clom2{
width:300px;
float:left
}
#content-bottom .cb-clom3{
width:300px;
float:left
}


#footer{
background:#242424;
height:83px;
width:960px;
text-align:left;
}

#footer-login{
background:#242424;
height:83px;
width:960px;
text-align:left;
margin:0 auto;
margin-top:-83px;
}

.navfooter{
float:left;
color:#929292;
width:400px;
margin-left:10px;
margin-top:20px
}
.navfooter .cpy{
margin-top:20px
}

.navfooter a{
color:#929292;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;

margin-right:30px;
}
.navfooter a:hover{
color:#929292;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;

}

.copyfooter{
float:right;
color:#929292;
padding-right:16px;
text-align:right;
width:400px;
padding-top:28px
}
.copyfooter a{
color:#929292;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;

}
.copyfooter a:hover{
color:#929292;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;

}

.copyfooter img{
margin-left:20px;
}
.copyfooter div{
margin-bottom:8px;
}




.login{
background:url(../images/login.gif) repeat-x left top;
padding-left:10px;
width:238px;
}

.login .lhead{
padding-top:10px;
padding-bottom:10px;
}
.login .ltxt{
float:left;
color:#555;
width:70px;
text-align:left
}

.login .input{
width:150px;
float:left;
margin:0px;
padding:0px;
height:18px;
border:1px solid #dfe5ec;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
}
.login .lbtm{
background:url(../images/login.gif) repeat-x bottom;
margin-bottom:50px;
}
#bttn{
width:222px;
text-align:right;
}

.login  forget{
line-height:30px;
}

.login .forget a{
text-decoration:none;
color:#555;
}
.login .forget a:hover{
text-decoration:none;
color:#166cc0;
}

#leftrow4{
width:248px;
margin:0px auto;
text-align:center;
background:url(../images/login.gif) repeat-x top;
}
#leftrow4 .blue{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
text-align:left;

}
#cnt-rgt{
width:712px;
}

#cnt-rgt #clftclm{
width:514px;
float:left;

}

#cnt-rgt #clftclmt{
margin-left:10px;
margin-right:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
#cnt-rgt #clftclmt ul{
margin:0px;
margin-left:30px;
padding:0px;

}
#cnt-rgt #clftclmt ul li{
padding-bottom:10px;
list-style-image:url(../images/bullet.gif);
}

#cnt-rgt #clftclmt h2{
color:#005dac;
font-size:1.2em;
}

#cnt-rgt #crgtclm{
width:196px;
float:left;
}
#cnt-rgt #crgtclm .right-txt{
width:170px;
margin:0 auto;
}
#cnt-rgt #crgtclm .right-txt .testy{
background:url(../images/quote-tp.gif) no-repeat left top;
padding-top:30px;
}
#cnt-rgt #crgtclm .right-txt .testy-b{
background:url(../images/quote-bt.gif) no-repeat right top;
padding-top:30px;
}
#cnt-rgt #crgtclm .right-txt .news{
padding-top:10px;
width:170px;
}
#cnt-rgt #crgtclm .right-txt .news .news1{
padding-top:10px;
text-align:left;
padding-bottom:10px;

}

#cnt-rgt #crgtclm .right-txt .news ul{
margin-left: 1em;
padding-left: 0;
list-style: none;
}
#cnt-rgt #crgtclm .right-txt .news ul li{
background-position: 0 .5em;
background:url(../images/book-img.gif) no-repeat;
padding-left:1.2em;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
margin-bottom:10px;
}

#cnt-rgt #crgtclm .right-txt .news li a{
color:#0066cc;
text-decoration:none;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;
}
#cnt-rgt #crgtclm .right-txt .news li a:hover{
color:#0066cc;
text-decoration:none;
font-family:Verdana, Helvetica, sans-serif;
font-size:11px;

}
.blk{
color:#000000;
font-style:italic;
font-family:Arial;
font-size:.8em;

}
#innerfooter{
padding-top:15px;
text-transform:uppercase;
}


.pageclear{
clear:both;
margin:0pt;
padding:0pt;
}


#nav{
padding-left:10px;
top:84px;
position:absolute;


}
#nav .navcoln{
padding-left:10px;
padding-right:10px;
float:left;
text-align:center;
}
#nav .navtxt{
white-space:nowrap;
color:#FFFFFF;
font-size:.9em;
text-transform:uppercase;
}
#nav .navtxt a{
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:1em;
color:#FFFFFF;
}
#nav .navtxt a:hover{
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:1em;
color:#FFFFFF;
}

#login-bred
{
	float:right;
	padding-top:15px;
	font-family:Verdana;
	}
	#login-bred div
{
	float:left;
	white-space:nowrap;
	margin-right:6px;
		}

#topsearch
{
background:url(../images/search-bg.gif) repeat-x;
height:20px;
margin-top:10px;
float:right;
margin-right:18px;
}
#topsearch .input{
width:100px;
margin:0px;
padding:0px;
height:13px;
border:solid 1px white ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#333;
margin-bottom:6px;
}
.brag{
color:#1d7ac9;
}
.style1 input{
float:left;
margin-left:80px;
margin-top:10px;
}
.style2 input{
float:left;
margin-left:20px;
margin-top:10px;
}

a{
color:#555;
}
a:hover{
color:#555;
}
.contect{
float:left;
margin-right:20px;
margin-bottom:20px;
}

.stay{
padding-top:10px; padding-bottom:10px;}




/* learnersign   */

.input-txt{
float:left;
color:#545353;
text-align:left;
padding-left:10px;
padding-right:20px;
white-space:nowrap;
}
.input-txt-reg{
float:left;
color:#545353;
text-align:left;
padding-left:10px;
padding-right:20px;
white-space:nowrap;
width:150px;
background:#f4f4f4;
}
.input-txt-btn{
float:left;
margin-right:20px;
}

.input-box-btn{
float:left;
padding-top:20px;



}

.input-box{
width:150px;
float:left;
margin:0px;
padding:0px;
height:18px;
border:1px solid #333;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#545353;
}



#learner-sign
{ padding:20px;
padding-top:0px;
	}
	
.learner-header{
background: url(../images/login-header-bg.gif) repeat-x;
height:20px;
}
.learner-header h3
{
	margin-bottom:5px;
	margin-left:20px;

}

.login-btn
{
	float:right;
	margin-right:10px;
	margin-top:10px;
}

.forgot-border1
{ border:1px solid #afb5ba;
	width:200px;
	margin:0 auto;
	padding:10px;
	padding-left:50px;
	}

.forgot-border
{ border:1px solid #afb5ba;
	width:200px;
	margin:0 auto;
	padding:10px;
	}
	
.forgot-border .float
{ float:left;
	white-space:nowrap;
	margin-right:10px;	 
	}
	.forgot-border .lft-mrgn
{ margin-left:10px;
	white-space:nowrap; 
	}
.sitebtn{
background:#fff url(../images/btnbg.gif) repeat-x;
border-left:1px solid #dfe5ec;
border-top:1px solid #dfe5ec;
border-right:1px solid #8e9cae;
border-bottom:1px solid #8e9cae;
font-family:Arial, Helvetica, sans-serif;

font-size:11px;
color:#444;

}

.result
{
	color:#333333;
	text-align:center;
	border:1px double #999999; 
	margin:0 auto;
	font-weight:bold;
	font-size:1.3em;
	font-family:Verdana;
	width:300px;
	height:125px;
	background:#f0f0f0;
	vertical-align:middle;	
	}
	
	.result-inner
{
	margin-top:30px;
	}
	
	.login-admin{
width:300px;
margin:0 auto;
border:1px solid #cecece;
padding-left:0px;
margin-top:100px;
color:#646e7b;
}

.login-admin, a, a:hover {
text-decoration:none;
color:#646e7b;
}



.login-admin .login-admin-header{
background: url(../images/login-header-bg.gif) repeat-x;
height:48px;
width:300px;
text-align:center;
padding-top:20px;
font-weight:bold;
}
.login-admin-name{
padding:10px;
}
.login-admin-name .login-admin-mame-txt{
float:left;
width:100px;
text-align:left;
}

.login-admin-name .login-admin-name-input{
float:left;
width:150px;
text-align:left;
}
.admin-bar
{background:#1e7ad5; 
	width:926px;
	 height:19px; 
	 margin-bottom:15px; 
	 margin-top:10px; 
	 color:#fff; 
	 padding:2px;
	 padding-left:10px;
	}
	
#news-detail
{
	}

#news-detail ul{
margin-left: .1em;
padding-left: 0;
list-style: none;
margin-bottom:5px;

}
#news-detail ul li{
background-position: 0 .5em;
background:url(../images/book-img.gif) no-repeat;
padding-left:1.2em;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#4488c2;
font-weight:bold;
}
#news-detail ul li a
{color:#4488c2;
font-weight:bold;
}
#news-detail ul li a:hover
{color:#4488c2;
font-weight:bold;
}


.news-detail-date

{margin-left:20px;
	margin-bottom:8px;
	font-weight:bold;
	
	}
	
.news-detail-description

{margin-left:20px;
	
	}	
	
	.star
	{color:Red;
		
		}		
			
		.input-box-reg{
width:250px;
margin:0px;
padding:2px;

border:1px solid #dfe5ec;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#545353;

}	


.input-txt-reg{
color:#545353;
text-align:left;
padding-left:10px;
background:#f4f4f4;

}	

.input-txt-reg-2c{
color:#545353;
text-align:left;
background:#e8eef4;
text-indent:10px;
}	

.input-txt-reg-c{
color:#545353;
text-align:left;
background:#f4f4f4;
text-indent:10px;

}	

.input-txt-reg-2{
color:#545353;
text-align:left;
padding-left:10px;
padding-right:20px;
background:#e8eef4;
}	



.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(Scripts/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}