﻿/*html, body
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url('/Quick Links/mponline/bannerBG_02.jpg');
	background-repeat:repeat-x;
	font-family:"Trebuchet MS",verdana;
	background-color:#f3f3f3;
	font-size:12px;

}*/


/********************************/

html{
	font-size:100%;
	margin:0 0 0 0 ;
	height:100%;
}

body {
	color: #363636;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	
 	font-size: 13px;
 	line-height: 25px;
 	background-color: #e5e6e7;
 	background:url('/quick links/onlinecounselling/images/images/bgN.jpg') left top repeat;
 	margin:0 0 0 0;
 	height:100%;
 	}
#top-menu-block {
	height:55px;
	background:url('/quick links/onlinecounselling/images/images/noise.jpg') left top repeat-x;
	position:fixed;
	left:0px;
	top:0px;
	color:#fff;
	width:100%;
	z-index:999px;
}
#element1{
	float:left;
	margin-left:2%;
	margin-top:15px;
}
#element2{
	float:right;
	margin-right:2%;
	margin-top:15px;
}
#login{
	right:0px;
	top:55px;
	height:20px;
	position:absolute;
	min-width:100px;
	padding:.5% .5%;
	font-size:100%;
	z-index:0;
	font-weight:bold;
}
#loginlft{
	left:0px;
	top:55px;
	height:20px;
	position:absolute;
	min-width:100px;
	padding:.5% .5%;
	font-size:100%;
	z-index:0;
	font-weight:bold;
	color:#117bdd;
}
.bglogin
{
	left:0px;
	top:55px;
	height:20px;
	width:100%;
	position:absolute;
	background-color:#000;
	border:thin solid pink;
}


#ElementContainer{
	width:95%;
	/*margin:100px auto;*/
	/*margin:80px auto;*/
	margin:50px auto 0px auto;
	min-width:1000px;
	font-size:100%;
}
#ElementContainerLeft{
	width:70%;
	float:left;
}
#ElementContainerRight{
	width:30%;
	float:right;
	min-height:800px;
}

.heightclass
{
	height:650px;
	vertical-align:top;
}
form
{
	margin-top:80px!important;
	min-height:80%!important;
}

/*,"Microsoft Tai Le", "Microsoft Sans Serif", "Microsoft PhagsPa", "Microsoft New Tai Lue";*/
#ElementContainerLeft h1, #ElementContainerRight h1{
	font-size:28px;
	font-weight:lighter;
	font-family:Verdana;
	color:#666;
	margin-top:30px;
	padding:10px 10px;
	display:inline;
	height:55px;
	text-shadow: #CCCCCC 1px 1px 1px;
}
.head{
	background:url('/quick links/onlinecounselling/images/images/title.png') 0px 5px repeat-x;
	height:10px;
	margin-top:10px;
}
#ElementContainerLeft ul li, .Other ul li{
	line-height:35px;
	/*margin-left:30px;*/
	margin-left:0px;
}
#ElementContainerLeft ul li a, .Other ul li a
{
	font-family:verdana;
	color:#000;
	text-decoration:none;
}
#ElementContainerLeft ul li a:hover, .Other ul li a:hover{
	color:#06C;
	text-decoration:underline;
}

.lftElement{
	width:60%;
	float:left;
}
.RgtElement{
	width:40%;
	float:right;
}
.Row1{
	float:left;
	width:100%;
	margin-top:20px;
}
.Other{
	width:100%;
	float:left;
}

#OuterBox{background-color:#fafafa;border:0px solid #fff;width:980px;display:table;margin:0 auto;padding:5px}





#DivFooterMain{
	width:100%;
	float:left;
	position:relative;
	background-color:#333;
	min-height:90px;
	color:#ccc;
	font-size:10px;
	text-align:center;
}
#DivFooterTxt{
	margin:20px 20px;
	position:relative;
	text-align:center;
	line-height:18px;
}


#DivBottom
{
	position:fixed; 
	text-align:center; 
	color:#8d8d8d;
	vertical-align:bottom; 
	font-size:10px;  
	width:100%;
	bottom:0px;
	left:0px;
	height:55px;
	margin-top:140px;
	line-height:80px;
	text-align:left;
	background-image:url("/Quick Links/PortalImages/MenuImages/bottom.png");
	background-repeat:repeat-x;
	z-index:-100;	
}

#DivBottomImg
{
	position:fixed; 
	text-align:center; 
	color:#8d8d8d;
	vertical-align:bottom; 
	font-size:10px;  
	bottom:0px;
	right:0px;

	text-align:right;
}
#DivBottom a
{
	color:#8d8d8d;
	text-decoration:none;
}






/********************************/
.break
{
	line-height:30px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.TopLink
{
	font-family:"Trebuchet MS",verdana;
	font-size:11px;
	padding-right:3px;
}
.HeadMainLink
{
	color:#fff;
	font-size:12px;
}
.SubHead, h3 	
{
	font-family:Verdana;
	font-size:15px;
	color:#117bdd;
	font-weight:bold;
	border-bottom:dotted 1px #333;
	padding-bottom:10px;
	padding-top:0px;
	margin-top:0px 0px 0px 0px;
}
.SubHeadLink,.SubHeadLink:link,.SubHeadLink:visited
{
	color:#fff;
	background-image:url('/Quick Links/images/arrow.png');
	background-repeat:no-repeat;
	padding-left:20px;
	text-decoration:none;
}
.SubHeadLink:hover
{
	color:#FF9900;
	background-image:url(/Quick Links/images/arrow.png);
	background-repeat:no-repeat;
	padding-left:20px;
	text-decoration:underline;
}
.HeadLink,.HeadLink:link, .HeadLink:visited
{
	color:#fff;
	height:20px;
	text-decoration:none;
}
.HeadLink:hover
{
	color:#60E1F0;
	height:20px;
	text-decoration:underline;
}
.superhead, .superhead a:link
{
	color:#000;
	text-decoration:none;
	font-size:12px;
}
.superhead:hover
{
	color:#006699;
	text-decoration:underline;
}
.bodytxt{
	font-family:"Trebuchet MS",verdana;
	background-color:#fafaee;
	border-bottom:dotted 1px #ccc;
	border-left:dotted 1px #ccc;
	border-right:dotted 1px #ccc;
	padding:0px 5px 0px 0px;
	font-size:12px;
	}
	
	/*Overwrite Old Stylesheet*/
/*a:visited, a:link
{
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
a:hover
{
	font-size:12px;
	color:#389fff;
	text-decoration:none;
}*/
.formbg2 
{
	FONT-WEIGHT: normal; FONT-SIZE: 12px; color:#000; FONT-STYLE: normal; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f7f0e1;
}
.mainbg
{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000; BACKGROUND-COLOR:#e3cda4 ;
}
.tblheadtext{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		color: #232323;
}
.mainbg-header 
{
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #fff; BACKGROUND-COLOR: #505050; 
}
.formsubheadtext
 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: "Trebuchet MS" ,verdana;background-color:#efe1c7;
}
.ftrLnk, .ftrLnk:link, .ftrLnk:visited 
{
	font-family:"Trebuchet MS", Verdana;
	font-size:10px;
	color:#333;
	text-decoration:none;
}
.ftrLnk:hover
{
	font-family:"Trebuchet MS", Verdana;
	font-size:10px;
	color:#333;
	text-decoration:efe1c7;
}
.footer
{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	border:dotted 1px #ccc;
	background-color:#fafaee;
	}
/*form
{
	border:dotted 1px #ccc;
	background-color:#fafaee;
	width:964px;
	display:block;
	margin:0px auto;
	
	
}*/
.Container
{
	width: 964px;
	margin: 2px auto;
	border-collapse: collapse;
	border:dotted 1px #cccccc;
	background-color:#fafaee;
}
.loginUser
{
	font-family:Verdana;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.loginUserLnk, .loginUserLnk:link, .loginUserLnk:visited
{
	font-family:Verdana;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.loginUserLnk:hover
{
	font-family:"Trebuchet MS", Verdana;
	font-size:13px;
	color:#962102;
	font-weight:bold; text-transform:capitalize;
}
.logoutLnk, .logoutLnk:link, .logoutLnk:visited
{
	font-family:Verdana;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.logoutLnk:hover
{
	font-family:"Trebuchet MS", Verdana;
	font-size:13px;
	color:#666;
	font-weight:bold;
}
.txtbox
{
	width:118px;
	height:15px;
	font-size:12px;
	line-height:15px;
}
.align
{
	text-align:left;
}
legend
{
	font-family:Verdana;
	font-size:15px;
	font-weight:bold;
	color:#ff6c00;
}
 #Count td
  {
    border-bottom:solid 1px #CDCDCD;
    font-size:12px;
}



        #instructionDiv {
            
            width:800px;
            background-color:#d0e6f9;
            border:double 3px #117bdd;
            margin:0 auto;
            z-index:99999!important;
        }
        img
        {
			border:none;
        }
    

#footer{background-color:#12535d;float:left; width:100%; margin:0 0 0 0; position:relative;}
#footerInner{width:1000px;font-size:10px;color:#cdcdcd;margin:10px auto}
#footerInner h4{font-family:Verdana;font-size:15px;font-weight:400;color:#89aaaf;width:33%;border-bottom:1px dotted #89aaaf}
.footerInnertxt{width:25%;float:left;border-right:1px solid #285f68;margin-left:5%}
.footerInnertxt1{width:30%;float:left;border-right:1px solid #285f68;margin-left:5%}
.footerInnertxt2{width:5%;float:left;border-right:1px solid #285f68;margin-left:5%}
.footerInnertxt a,.footerInnertxt1 a,.footerInnertxt2 a{color:#89aaaf;text-decoration:none;border-bottom:1px dotted #33707a;display:block;height:25px;line-height:25px;padding-left:10px;font-family:Verdana;width:65%}
.footerInnertxt a:hover,.footerInnertxt1 a:hover,.footerInnertxt2 a:hover{color:#acced3}
#footerInnerRgt{width:400px;float:right;text-align:right}
#footerInner p{text-align:right;width:90px;float:right;margin-right:0}
#OuterPan{position:absolute;z-index:999;width:100%;left:0;height:1px}
.resolution{width:100%;float:left;text-align:center; font-size:10px; color:#89aaaf; padding:10px 0;}
#DivServer{position:fixed;right:10px;bottom:0;background-color:#12535d;font-size:10px;font-weight:700;color:#fff;padding:5px}
#current{z-index:3;border-bottom-color:#3d3d3d}


#divArr2
{
	 z-index: 0; visibility: visible; float: left; display: inline; margin: 10px 10px 0px 10px;width: 600px!important; }
	
#divArr
{
	overflow: auto; height: 600px; vertical-align: top; visibility: hidden; text-align: center;  width: 550px!important; float: left; display: inline; margin: 10px 10px 0px 10px;}