*
{
	margin:0;
	padding:0;
}
html, body
{
    background: url(Images/bgr.jpg);
    color: #000000;
    font: 12px Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

a
{
    cursor:pointer;
}

/*Div main format
-------------------------------------------------------------*/
#main
{
	width:760px;
	margin:auto;
	/*border: solid 1px #0A67C0; */
	background: none repeat scroll 0 0 #DAEBFC;
	
}
/*Div header format
-------------------------------------------------------------*/
#header
{
	height: 147px;
	border-bottom: solid 1px #0A67C0;
	background: url(Images/header.gif);
	color: #FFF;
	text-align: right;
	font-size:11px;
}

#logo
{
    width: 120px;
    height:142px;
	/* border: solid 1px red ! important; */
	float:left;
	text-align: left;
	margin-left:1px;
	margin-top:1px;
	display:block;
}
/*a tag in div header format
-------------------------------------------------------------*/
#header a
{
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}
/*Div menu format
-------------------------------------------------------------*/
#menu
{
	font-family: Tahoma;
	font-size: 10px;
	height: 31px;
	border-bottom: solid 1px #0A67C0;
	background-color:#0A67C0;
}
/*Div contain format
-------------------------------------------------------------*/
#contain
{
    padding-top: 10px;
	padding-bottom: 20px;
	height: auto;
	/*border-bottom: solid 1px #0A67C0;*/
	font-size:12px;
	z-index:200;
	/* min-height: 560px; */
	background-color:#DAEBFC;
}
/*Div contain1 format
-------------------------------------------------------------*/


#contain1
{
	padding-top: 10px;
	/*padding-bottom: 30px;*/
	height: auto;
	border-bottom: solid 1px #0A67C0;
	font-size:12px;
	z-index:200;
	min-height: 560px;
	background-color:#ffffff;	
	
}
/*Div footer format
-------------------------------------------------------------*/
#footer
{
	background-color:#043A6D;
	color:#fff;
	height:25px;
	text-indent:20px;
	padding-top: 5px;
}
/*<a> tag in div footer format
-------------------------------------------------------------*/
#footer a
{
	text-decoration: none;
	color: #fff;
	font-weight:bold;
}
/*<p> copyright tag format
-------------------------------------------------------------*/
p.copyright
{
	
}
/*welcome format
-------------------------------------------------------------*/
#welcome
{
	padding-top: 5px;
	padding-right: 5px;
}
/*<img> tag format
-------------------------------------------------------------*/
img
{
	margin: 5px;	
	
}  


 
/*class right format
-------------------------------------------------------------*/
.right
{
	float:right;
}
/*class left format
-------------------------------------------------------------*/
.left
{
	float:left;
}
/*class clear: this use to clear attribute float for the upper component
-------------------------------------------------------------*/
.clear
{
	clear:both;
}
/*<h1> tag format
-------------------------------------------------------------*/
h1
{
	color:#0A67C0;
	font-size:15px;
	margin: 5px;
	border-bottom: solid 1px #0A67C0;
	width: 40%;
	background: url(Images/list.jpg) bottom left no-repeat;
	text-indent: 15px;
	margin: 10px;	
}
/*<h2> tag format
-------------------------------------------------------------*/
h2
{
	color:#0A67C0;
	font-size:14px;
	margin: 5px;
	border-bottom: solid 1px #0A67C0;
	width: 40%;
	background: url(Images/list.jpg) bottom left no-repeat;
	text-indent: 15px;
	margin: 10px;	
}
/*intro class format
-------------------------------------------------------------*/
.intro
{
	text-align:justify;
	margin-bottom: 20px;
	margin-left: 10px;
	width:96%;
	border: dashed 0px #0A67C0;
	background: url(Images/tip.png) top left no-repeat #ffffcc;
	text-indent: 30px;
	padding: 5px;
	font-size: 11px;
}
/*success class format
-------------------------------------------------------------*/
.success
{
	text-align:justify;
	margin-bottom: 10px;
	margin-left: 10px;
	width:90%;
	border: dashed 1px #0A67C0;
	background: url(Images/check-29.png) top left no-repeat #ccff99;
	text-indent: 30px;
	padding: 5px;
	font-size: 11px;
	color: Green;
	height:20px;
}
/*congra class format
-------------------------------------------------------------*/
.congra
{
	text-align:justify;
	margin-bottom: 10px;
	margin-left: 5px;
	width:90%;	
	border: dashed 1px #0A67C0;
	background: url(Images/ok.png) top left no-repeat #ccff99;
	text-indent: 30px;
	padding: 5px;
	font-size: 11px;
	color: Green;
}
/*-------------------------------------------------------------*/
.congraResult
{
	text-align:justify;
	margin-bottom: 10px;
	margin-left:5px;
	width:85%;		
	padding: 10px;
	font-size: 12px;
	color: Green;
	}
/*error class format
-------------------------------------------------------------*/
.error
{
	text-align:justify;
	margin-bottom: 10px;
	margin-left: 10px;
	width:90%;
	border: dashed 1px #ff9999;
	background: url(Images/notice-alert.png) top left no-repeat #ffcccc;
	text-indent: 30px;
	padding: 5px;
	font-size: 11px;
	color: Red;
	height:20px;
	
}


/*exclamation when haven't examination
-------------------------------------------------------------*/
.exclamation
{
	text-align:justify;
	margin-bottom: 10px;
	margin-left: 10px;
	width:80%;
	border: dashed 1px #ff9999;
	background: url(Images/exclamation.png) top left no-repeat #ffcccc;
	text-indent: 30px;
	padding: 5px;
	font-size: 11px;
	color: Red;
	height:20px;
	
}

/*note class format
-------------------------------------------------------------*/
.note
{
	text-align:justify;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 10px;
	width:96%;
	border: dashed 1px #0A67C0;
	background: url(Images/alert.png) top left no-repeat #ffffcc;
	text-indent: 30px;
	padding: 5px;
	font-size: 11px;
	color: #9C9B9B;
	
}
/*button small format
-------------------------------------------------------------*/
.btnSmall
{
	width: 80px;
	/*background-color:#FFFFFF;
	border:1px solid #999999;*/
	/*float:left;*/
	
	
	
}
/*button signal format
-------------------------------------------------------------*/
.btnSignal
{
	width: 30px;
	/*background-color:#FFFFFF;
	border:1px solid #999999;*/
}
/*button big format
-------------------------------------------------------------*/
.btnBig
{
	width: 180px;
}

.btnMax
{
    width: 180px;
}
/*div add new class format
-------------------------------------------------------------*/
div.addNew
{
	width: 500px;
	margin:auto;
	
}
/*table class contain
-------------------------------------------------------------*/
table.contain
{
	width:740px;
	margin-left:10px;
	margin-bottom:20px;
	border: 1px solid #0A67C0;
	border-collapse: collapse;
}
/*<div> class contain
-------------------------------------------------------------*/
div.contain
{
	width:740px;
	margin:10px;
	border: 1px solid #0A67C0;
	border-collapse:collapse;
	padding-top:10px;
	padding-bottom: 10px;
}
/*Thang. Tran*/
#study
{
	margin:10px;
	border: 1px solid #0A67C0;
	padding-top:10px;
	padding-bottom:10px;
	width: 740px;
}
/*end*/

/*class header for <table> subject
-------------------------------------------------------------*/
table.subject .header
{
	font-weight:bold;
	height: 30px;
	color:#FFF;
	background-color: #666666;
	
}
/*class header for <table> category
-------------------------------------------------------------*/
table.category .header
{
	font-weight:bold;
	height: 30px;
	color:#FFF;
	background-color: #a1978a;
	
}
/*class header for <table> mainsection
-------------------------------------------------------------*/
table.mainsection .header
{
	font-weight:bold;
	height: 30px;
	color:#FFF;
	background-color: #d2c0a7;
	
}
/*class header for <table> subsection
-------------------------------------------------------------*/
table.subsection .header
{
	font-weight:bold;
	height: 30px;
	color:#FFF;
	background-color: #f4dfc2;
	
}
/*class header for <table> exam
-------------------------------------------------------------*/
table.exam .header
{
	font-weight:bold;
	height: 30px;
	color:#FFF;
	background-color: #666666;
	text-align: center;
	
}
/*class header for <table> exam
-------------------------------------------------------------*/

/*class header for <table> exam
-------------------------------------------------------------*/
table.exam .headersub
{
	font-weight:bold;
    height: 23px;
	color:#F2F2F2;
	background-color: #424242;
	
}
/*class header for <table> contain
-------------------------------------------------------------*/
table.contain .header
{
	font-weight:bold;
	height: 30px;
	color:#FFF;
	background-color: #666666;
	/*text-align: center;*/
	
}
/*class odd for <tr>
-------------------------------------------------------------*/
.odd
{
	height: 20px;
	background: #FFF;
}
/*class odd:hover for <tr>
-------------------------------------------------------------*/
.odd:hover
{
	background: #fbfbbf;
}
/*class even for <tr>

-------------------------------------------------------------*/
.oddedit
{
	height: 20px;
	background: #FFF;
}
/*class odd:hover for <tr>
-------------------------------------------------------------*/
.oddedit:hover
{
	background: #fbfbbf;
}
/*class even for <tr>
-------------------------------------------------------------*/
.even
{
	height: 20px;
	background: #D4FAEC;
}
/*class even:hover for <tr>
-------------------------------------------------------------*/
.even:hover
{
	background: #fbfbbf;
}

/*class checkbox for <td> to align checkbox at center
-------------------------------------------------------------*/
td.checkbox
{
	text-align: center;
}

#listGroupTeamAndMember td.quang
{
	text-align: center;
	width:80px;
}
#listGroupTeamAndMember td.subcheckbox
{
	text-align: center;
	width:80px;
}
/*class actions for <img> tag
-------------------------------------------------------------*/
.actions
{
	border-style: none;
	cursor: pointer;
}
/*class rte for <div> which contain rich textbox
-------------------------------------------------------------*/
.rte
{
    /* Thang.Tran: change #993300 to #0A67C0 and set width:540px*/
	border: 2px solid #0A67C0;
	border-collapse: collapse;
	width:540px;
    background: none repeat scroll 0 0 white;
	
}
.rteDiv
{
    padding-left:0.5px;
}

/*class trInput
-------------------------------------------------------------*/
.trInput
{
	height: 30px;
}
/*class file for <input type=file> tag
-------------------------------------------------------------*/
input.file
{
	height: auto;
	/*background-color:#FFFFFF;
	border:1px solid #999999;*/
	color:#000000;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
}
/*class label for <td> tag
-------------------------------------------------------------*/
td.label
{
	font-weight:bold;
	width: 130px;
}
/*class status for <td> tag
-------------------------------------------------------------*/
td.status
{
	width: 40px;
}
/*class date for <td> tag
-------------------------------------------------------------*/
td.date
{
	width: 100px;
}
/*class split for <div> tag
-------------------------------------------------------------*/
div.split
{
	border-bottom: dotted 1px #0A67C0;
	margin: 10px;
	
}
/*class taAnswer for <textarea> tag
-------------------------------------------------------------*/
.taAnswer
{
	width: 220px;
	height: 50px;
	vertical-align:middle;
	
}
/*class taNormal for <textarea> tag
-------------------------------------------------------------*/
.taNormal
{
	width: 150px;
	height: 50px;
	vertical-align:middle;
}
/*class taSearch fot <textarea> tag
-------------------------------------------------------------*/
.taSearch
{
	width: 200px;
}
/*class tbNormal for <textbox> tag
-------------------------------------------------------------*/
.tbNormal
{	
	width: 150px;
}
/*class filter for <div> tag
-------------------------------------------------------------*/
.filter
{
	background-color: #B5D7FB;
	width: 96%;
	margin-left:10px;
	margin-bottom: 20px;
	padding: 5px;
	
}
/*class label in class filter
-------------------------------------------------------------*/
.filter .label
{
	float: left;
	font-weight:bold;
	margin: 5px;
	width: 120px;
}
/*class paging for <div> tag, which contain paging option
-------------------------------------------------------------*/
div.paging
{
	text-align: center;
	margin-bottom: 20px;
	margin-left: 5px;
}
/*class div.label
-------------------------------------------------------------*/
div.label
{
	font-weight:bold;
	width: 200px;
}
/*class combo for combo box
-------------------------------------------------------------*/
.combo
{
	width: 100px;
	font-size:13px;
}
/*class comboExam for combo box
-------------------------------------------------------------*/
.comboExam
{
	width: 153px;
}

/*class feedback for <table>
-------------------------------------------------------------*/
table.feedback
{
	top:auto;
	width:590px;
	margin-left:10px;
	margin-bottom:20px;
	border: 1px solid #AEADAD;
	border-collapse: collapse;
}
/*class header for <table> exam
-------------------------------------------------------------*/
table.feedback .header
{
	font-weight:bold;
	height: 30px;
	color:#FFF;
	background-color: #666666;
	
}
/*class exam for <table>
-------------------------------------------------------------*/
table.exam
{
	width:720px;
	margin-left:10px;
	margin-bottom:20px;
	border: 1px solid #AEADAD;
	border-collapse: collapse;
}
/*class subject for <table>
-------------------------------------------------------------*/
table.subject
{
	width:720px;
	margin-left:10px;
	margin-bottom:20px;
	border: 1px solid #0A67C0;
	border-collapse: collapse;
}
/*class category for <table>
-------------------------------------------------------------*/
table.category
{
	width:700px;
	margin-left:10px;
	margin-bottom:20px;
	border: 1px solid #0A67C0;
	border-collapse: collapse;
}
/*class mainsection for <table>
-------------------------------------------------------------*/
table.mainsection
{
	width:680px;
	margin-left:10px;
	margin-bottom:20px;
	border: 1px solid #ffffff;
	border-collapse: collapse;
}
/*class subsection for <table>
-------------------------------------------------------------*/
table.subsection
{
	width:660px;
	margin-left:10px;
	margin-bottom:20px;
	border: 1px solid #0A67C0;
	border-collapse: collapse;
}
/*<img> tag in table
-------------------------------------------------------------*/
table img 
{
	margin: 0;
	border: medium none;
}
/*class date
-------------------------------------------------------------*/
.date
{
	width: 92px;
}
/*class time
-------------------------------------------------------------*/
.time
{
	width: 50px;
}
/*class bottom-button for <div> tag which contain button 
	at the bottom
-------------------------------------------------------------*/
div.bottom-button
{
	border-top: dotted 1px #0A67C0;
	margin: 10px;
	margin-bottom: 10px;
	/*padding: 10px;*/
	/*float:left;*/
	
	
}
/*class notView
-------------------------------------------------------------*/
.notView
{
	display: none;
}
/*class view
-------------------------------------------------------------*/
.view
{
}
/*-------------------------------------------------------------*/
.button2 {
background:transparent no-repeat scroll 0% 0%;
margin-left:5px;
padding-left:10px;
white-space:nowrap;
}

/*class font Italic
-------------------------------------------------------------*/
.i
{
	font-style:italic;
	color:Green;
}
/*div_left
-------------------------------------------------------------*/
#div_left
{
	float: left;
	height:auto;
	border-collapse:collapse;
	border-bottom: solid 1px #0A67C0;
	border-right: solid 1px #0A67C0;
	border-top: solid 1px #0A67C0;
}
/*div_right
-------------------------------------------------------------*/
#div_right
{
	float: left;
	/*height:auto;
	border-collapse:collapse;
	border-bottom: solid 1px #0A67C0;
	border-right: solid 1px #0A67C0;
	border-top: solid 1px #0A67C0;*/
}
/*div class question
-------------------------------------------------------------*/
div.question
{
	padding:10px;
}
/*div class exp
-------------------------------------------------------------*/
div.exp
{
	padding:10px;
}
/*class and id for hightlight box
-------------------------------------------------------------*/
/*a,a:active,a:visited {
	color: #09c;
}

a:hover {
	color: #0cf;
}*/

#container { 
	width: 50%;
	margin: 0 auto;
	text-align: left;
}

.footer {
	background-color: #000;
	padding: 0.5em;
}

.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 10%;
	left: 10%;
	width: 60%;
	height: 100%;
	padding: 1em;
	border: 0.3em solid #B8B8B8;
	background-color: white;
	/*text-align: left;*/
	z-index:1001;
	overflow: auto;	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	/* opacity:.80; */
	/* filter: alpha(opacity=80); */
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
/*class verify
-------------------------------------------------------------*/
.verify
{
 height: 120px;
  width: 120px;
}
/*div class true
-------------------------------------------------------------*/
div.true
{
	background: url(Images/true.png) top left no-repeat;
	text-indent: 20px;
}
/*class page
-------------------------------------------------------------*/
a.page
{
	color:Black;
	text-decoration:none;
}
/*class page
-------------------------------------------------------------*/
a.current_page
{
	color:Red;
	text-decoration:none;
	font-weight:bold;
}
/*class page
-------------------------------------------------------------*/
div.exp div
{
	height:20px;
}
/*style for waiting screen
-------------------------------------------------------------*/

.black_overlay {
                display: none;
                position: absolute;
                position: fixed;
                top: 0%;
                left: 0%;
                width: 100%;
                height: 100%;
                background-color: black;
                z-index: 1001;
                -moz-opacity: 0;
                /* opacity: 0; 
                filter: alpha( opacity = 0 ); */
            }
            
            .white_content {
                display: none;
                position: absolute;
                top: 25%;
                left: 35%;
                width: 400px;
                height: 200px;
                border: 2px solid gray;
                background-color: white;
                z-index: 1002;
                overflow: auto;
				text-align:center;
            }
            
            .image {
                position: absolute;
                z-index: 1003;
                top: 40%;
                left: 45%;
            }
/*
-------------------------------------------------------------*/
div.imageContain
{
	margin: auto;
	width: 740px;
}
/*
-------------------------------------------------------------*/
div.imageContain img
{
	/* max-height:500px;
	max-width: 500px;
	width: 500px;
	margin:10px; */
	max-width: 700px;

	
}
/*
-------------------------------------------------------------*/
div.questionContain
{
	margin:10px;
	border: dashed 0px #0A67C0;
	padding: 5px;
}
/*
-------------------------------------------------------------*/
div.ex
{
	margin:10px;
	padding: 5px;
	background-color: #e1fdc5;/*ccff99*/
	border: dashed 1px #0A67C0;
	font-style:italic;
	width: 693px;
}
/*
-------------------------------------------------------------*/
div.refer
{
	font-weight:bold;
}

/*
-------------------------------------------------------------*/
div.true
{
	background: url(Images/true.png) top left no-repeat;
}
/*
-------------------------------------------------------------*/
div.false
{

}
/*
-------------------------------------------------------------*/
.button_holder {
/*float:left;*/
padding-left:585px;
}
/*
-------------------------------------------------------------*/
div.button1 {
float:left;
}
/*
-------------------------------------------------------------*/
div.button1 div.next {
float:left;
}
/*
-------------------------------------------------------------*/
.button1 {
background:transparent url(Images/j_button1_left.png) no-repeat scroll 0% 0%;
margin-left:5px;
padding-left:10px;
white-space:nowrap;
}
/*
-------------------------------------------------------------*/


.button1 .next {
background:transparent url(Images/j_button1_next.png) no-repeat scroll 100% 0pt;
}
/*
-------------------------------------------------------------*/
.button1 a {
color:#333333;
cursor:pointer;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:26px;
line-height:26px;
padding:0pt 30px 0pt 6px;
}
/*
-------------------------------------------------------------*/
.button1 a:hover {
color:#0B55C4;
text-decoration:none;
}
/*
-------------------------------------------------------------*/
.button1 .right {
background:transparent url(Images/j_button1_right.png) no-repeat scroll 100% 0pt;
}

/*
-------------------------------------------------------------*/
.button1 .down {
background:transparent url(Images/j_button1_collate.png) no-repeat scroll 100% 0pt;
float:left;
}
/*
-------------------------------------------------------------*/
.button1 .down a 
{
	text-decoration:none;
}
/*
-------------------------------------------------------------*/
div.feedback
{
	width: 700px; 
	border: dashed 1px #0A67C0;
	display:none;
	margin:10px;
	padding:10px;
	background: url(Images/fb.png) top right no-repeat;
}
/*
-------------------------------------------------------------*/
div.talk
{
	font-family:Comic Sans MS;
	margin-bottom:10px;
	border-bottom: dotted 1px #0A67C0;
	width:80%;
}
/*
-------------------------------------------------------------*/
.tbFocus
{
	border: 2px solid #5A9B20;
	background-color:#E3FECB;
	color: #000000;
	font-family: Comic Sans MS;
	width:180px;
}
/*
-------------------------------------------------------------*/
.tb
{
	width:180px;
	color: #000000;
}
/*
-------------------------------------------------------------*/
.taFbFocus
{
	width: 300px;
	height: 50px;
	border: 2px solid #5A9B20;
	background-color:#E3FECB;
	color: #000000;
	font-family: Comic Sans MS;
	font-size:13px;
}
/*
-------------------------------------------------------------*/
.taFb
{
	width: 300px;
	height: 50px;
	color: #000000;
}
/*
-------------------------------------------------------------*/
#welcomeNote
{
	/*background: url(Images/bgr.jpg) bottom right no-repeat; here*/
	margin:10px;
	border: dashed 1px #0F65BA;
	background-color:#E9F3FB;
	height:550px;
	
}

/*
-------------------------------------------------------------*/
#welcomeText
{
	font-family: Arial;
	font-size:10pt;
	width:450px;
	height:200px;
	/*border: dashed 1px #CBB144;*/
	margin:10px;
}

/*-------------------------------------------------------------*/
#login_form
{
	/*margin-top:150px;*/
	width:360px;
	background: url(Images/OEL2.jpg) bottom left no-repeat #FBFBFB;
}
/*
-------------------------------------------------------------*/
div.t, div.b {
height:6px;
margin:0pt;
overflow:hidden;
padding:0pt;
}
/*
-------------------------------------------------------------*/
div.m {
border-left:1px solid #0A67C0;
border-right:1px solid #0A67C0;
padding:0pt 8px;
}

div.mt {
border-left:1px solid #0A67C0;
border-right:1px solid #0A67C0;
padding:0pt 5.5px;
height:75px;

}
#staff
{
    height:85px;
}

div.mb {
    padding:0pt 8px;
    -moz-border-radius: 7px;
    border: 1px solid #0A67C0;
    height:75px;
    /* behavior: url(ie-css3.htc);
    border-radius: 15px; */
}

#requestAccount
{
    height:85px;
}

/*

-------------------------------------------------------------*/
div.account {
border:2px solid #0A67C0;
padding:0pt 8px;
}

div#login_form div.t {
background:transparent url(Images/j_border.jpg) repeat-x scroll 0pt 0pt;
}
/*
-------------------------------------------------------------*/
div#login_form div.t div.t {
background:transparent url(Images/j_crn_tr_dark1.jpg) no-repeat scroll 100% 0pt;
}
/*
-------------------------------------------------------------*/
div#login_form div.t div.t div.t {
background:transparent url(Images/j_crn_tl_dark11.jpg) no-repeat scroll 0pt 0pt;
}
/*
-------------------------------------------------------------*/
div#login_form div.b {
background:transparent url(Images/j_border.jpg) repeat-x scroll 0pt 100%;
}
/*
-------------------------------------------------------------*/
div#login_form div.b div.b {
background:transparent url(Images/j_crn_br_dark.jpg) no-repeat scroll 100% 0pt;
}
/*
-------------------------------------------------------------*/
div#login_form div.b div.b div.b {
background:transparent url(Images/j_crn_bl_dark1.jpg) no-repeat scroll 0pt 0pt;
}			
/*
-------------------------------------------------------------*/
/*
-------------------------------------------------------------*/
.tbLoginFocus
{
	border: 1px solid #5A9B20;
	background-color:#FCFCD7;
	color: #000000;
	/*font-family: Comic Sans MS;*/
	width:174px;
	}
/*
-------------------------------------------------------------*/
.tbLogin
{
	width:170px;
	color: #000000;
}

.loginPage_btnSmall
{
	width:174px;
}

.loginPage_forgotPassword
{
}
.loginPage_forgotPassword:link,.loginPage_forgotPassword:visited {
    color: #0000A0;
    background-color: #FFFFFF;
    text-decoration: none;
    font-style:italic;
    margin-right:16px;
    text-align:center;
    text-decoration: underline;
}
.loginPage_forgotPassword:hover {
    color: #0000FF;
    background-color: #FFFFC0;
    text-decoration: underline;
}




div.icon
{
	width:90px;
	margin:20px;
	cursor:pointer;
	font-size:10px;
	color:#CBB144;
	font-weight:bold;
}
div.icon:hover
{
	background-color:#FBFCB5;
}

/*
-------------------------------------------------------------*/
div.icon div.t {
background:transparent url(Images/j_border.jpg) repeat-x scroll 0pt 0pt;
}
/*
-------------------------------------------------------------*/
div.icon div.t div.t {
background:transparent url(Images/j_crn_tr_dark1.jpg) no-repeat scroll 100% 0pt;
}
/*
-------------------------------------------------------------*/
div.icon div.t div.t div.t {
background:transparent url(Images/j_crn_tl_dark11.jpg) no-repeat scroll 0pt 0pt;
}
/*
-------------------------------------------------------------*/
div.icon div.b {
background:transparent url(Images/j_border.jpg) repeat-x scroll 0pt 100%;
}
/*
-------------------------------------------------------------*/
div.icon div.b div.b {
background:transparent url(Images/j_crn_br_dark.jpg) no-repeat scroll 100% 0pt;
}
/*
-------------------------------------------------------------*/
div.icon div.b div.b div.b {
background:transparent url(Images/j_crn_bl_dark1.jpg) no-repeat scroll 0pt 0pt;
}			

/*
-------------------------------------------------------------*/
#functionContain
{
	margin-left:240px;
}

hr
{
	height: 0px; border: solid #E7EAED 0px; border-top-width: 1px; margin:5px 0px 10px 0px;
	}
/*
-------------------------------------------------------------*/
.news
{
    text-align:justify;
    padding:5px;
    margin:5px;
    font-size:11px;
    
}
div.li
{
    background: url(Images/list.jpg) top left no-repeat;
    text-indent:15px;
    margin:10px;
}

.firstPara
{
    background: url(Images/woman.jpg) top left no-repeat;
    text-indent: 200px;
}

/*///////////////////////////////////////////*/
/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid;
			width: 100px;/*204px;*/
			/*Add moreeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/
			
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
			
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			/*This is veri dangarous
			margin-left: 200px;*/
			
		}
		/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		/*Menu Level 1*/
		.horizontal li a{
			text-decoration: none;
			height: 29px;/*1.2em;*/
			/*float: left;*/
			display: block;
			width: 117px;/*125px;*/
			padding: .5em 4px;
			border: 0px solid;
			border-left: none;
			/*repair*/
			/*background: url(light-hd.gif) repeat-x black;*/
			background-color:Black;
		}
		.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
		}
		
		/*Menu Level 2 ***************************************/
		.horizontal li ul{
			position: absolute; 
			margin-top: -10px;/*1.3em;*/
			/****************************************************
			margin-left: -1px;*/
			width: 117px;/*129px;*/
			border: none;
			display: block;
			height: auto;
			border-top: 0px solid white;/*Add color for border*/
		}
		/*Level 3 Menu *****************************************/
		.horizontal li li ul{
			position: absolute;
			margin-top: -25px;
			/*This is kakakak kkakak kaakkkkkkkkkkkkkkkkkkkkkkkkkkkk*/
			margin-left: 140px;/*125px;*/
		}
		.horizontal li ul li a{
		
		width: 132px;/*125px;width of menu level 2, level 3*/
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 1em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}		
		
		/********************************************************************************************************/
		/*colors for menu*/
		/*Add more*/
		
		.bluewhite .blackwhite li a{
			background-color: #0A67C0;/*white; mau nen menu cap 2, 3*/
			color: white;
			font-family: Arial;
			font-weight:normal;
			/*border-color: black;*/
			border-bottom: 1px solid white;
			border-left:none;
			border-right:none;
			border-top:none;
			
		}
		.bluewhite .blackwhite li a:hover{
			background-color: #0A67C0;/*black; menu cap 2*/
			color: yellow;
			font-weight:bold;
			/*border-color: black;
			/*Add more
			height:27px;*/
			
		}
		.bluewhite .blackwhite ul{
			/*border-color: black;*/
		}
		
		
		.bluewhite li a{
			background-color: #043A6D;/*white; MENU CAP 1*/
			color: #A5A5A5;/*#000033;*/
			/*////////////////////////////////////////////////////////////////////////////////
			border-color: #000033;*/
			/*Add more **********************************/
			font-weight:bold;
		}
		.bluewhite li a:hover{
			background-color: #74A7DC;/*#0A67C0;/*#000033;*/
			color: blue;
			/*////////////////////////////////////////////////////////////////////////////////////////
			border-color: #000033;*/
			/*Add more
			height:27px;*/
		}
		
		.bluewhite ul{
		/*	border-color: #000033;*/
		}
		
		.arrow
		{
			
		}
		
				
	/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
	/*Static Box*/		
	#divButtonHide
	{
	background: url("../button.gif") no-repeat scroll -31px 0 transparent;
			width: 27px;

		}
		#divButtonHide:hover
		{
			cursor:pointer;
		}
		#divButtonShow
		{
			background: url("../button.gif") no-repeat scroll -62px 0 transparent;
			width: 27px;

		}
		#divButtonShow:hover
		{
			cursor:pointer;
		}	
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
		* {
		margin: 0;
		padding: 0;
		}
		#box-wrapper{
			margin: 0 auto;
			width: 227px;
		}
		#box-header{
			width: 227px;
			height: 76px;
			background: transparent url("box-header.png") top left;
		}
		.addClass{
			background: transparent url("content-bg.png") repeat-y top left;
		}
		.tdc{
			padding-right: 8px;
			font-weight: bold;
		}
		#end-content{
			height: 12px;
			background: #daebfc url("content-f-bg.png") no-repeat top left;
		}
		#end-footer{
			height: 12px;
			background: #daebfc url("content-f-bg1.png") no-repeat top left;
		}
		#begin-footer{
			height: 11px;
			background: transparent url("top-rad.png") no-repeat top left;
		}		
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/	
		#paging ul
{
    margin-bottom: 20px;
    margin-top: 50px;
    padding-left:0px;
    /*text-align: center;*/
}
#paging ul li
{
    display: inline-block;
    list-style: none outside none;
    padding: 3px;
    float: left;
}
#paging ul li a
{
	padding-left:0px;
}
		

		





.noshow {visibility: hidden;}