@charset "utf-8";
/* CSS Document */
form,ul,li{padding:0; margin:0; border:0;}
body{margin:0; font-family:Arial,Verdana, Helvetica, sans-serif; font-size:11px; line-height:18px;background:#fff;}
#website{width:1170px; margin:0 auto;/*background:url(../images/bodybg.jpg) repeat-y 99px 0; */  }
#Appwrapper{width:auto; margin:0 auto; border-left:1px solid #CCC; border-right:1px solid #CCC; background:#FFF;}
#header{width:auto; background:url(../images/Bg.header.jpg) repeat-x; height:131px;}
#logo{ float:left; height:43px; width:374px;}
#logo p{float:left; text-indent:-99999px; background:url(../images/managementlogo.png) no-repeat;  height:117px; width:286px; margin:1px 0 0 10px;}

#BodyWrapper{ width:auto; padding:10px; overflow:hidden; min-height:400px; display:flex; align-items:flex-start; justify-content:center; }
.logo-top { text-align:center; margin:0px 0px 15px 0px}

#LoginWrapper{width:415px; margin:30px auto 20px; box-shadow:0px 0px 20px #d1d0cb; overflow:hidden; padding:30px 50px; box-sizing:border-box; border-radius:6px;}
#Login-top{ width:auto; text-align:center; font-weight:600; font-size:20px; margin:0px 0px 15px;}

#FormElements {       
    padding:0px;
    width:auto;
    text-align:center;
}
    #FormElements label { font-size:15px;}

#Bottom-login{width:auto; margin:5px 0px 0px 0px; }
.InputForm{ width:100%; padding:12px; border:2px #ACA899 solid; box-sizing:border-box; border-radius:4px; margin:10px 0px 0px 0px;}
label span{color:#F00;}
.loginbutton{ margin:5px 0px; width:100%; background:#1857a7; color:#fff; border-radius:4px; padding:12px; font-size:16px; cursor:pointer;}
.loginbutton.back { background:#bbacac;}
.Blue{color:#03C;}
a{text-decoration:none;}


#FooterWrapper{float:left; height:32px; background:url(../images/bgfooter.jpg) repeat-x; width:100%; text-align:center; padding-top:30px; font-size:11px; color:#fff; border-top:1px solid #CCC;}	


#Colm-LEFT{width:14%;}

#Colm-LEFT #Topcurve{ float:left; height:12px; background:url(../images/lefttop.jpg) no-repeat; width:100%;}
#LeftBottom{ float:left; height:6px; background:url(../images/leftbottom.jpg) no-repeat; width:100%;}
#LeftContents{width:auto;  /*background:url(../images/leftbg.jpg) repeat-y;*/ background:#c9d5ed;}

/*
#callsrecieved{background:url(../images/iconsprits.jpg) no-repeat 0 0;}
#walkins{background:url(../images/iconsprits.jpg) no-repeat 0 -97px;}
#Applicants{background:url(../images/iconsprits.jpg) no-repeat 0 -192px;}
#reports{background:url(../images/iconsprits.jpg) no-repeat 0 -290px;}
#AddEnquiry{background:url(../images/iconsprits.jpg) no-repeat 0 -486px;}
#myprofile{background:url(../images/iconsprits.jpg) no-repeat 0 -388px;}
#AllotEnquiry{background:url(../images/iconsprits.jpg) no-repeat 0 -682px;}
#MyEnquiry{background:url(../images/iconsprits.jpg) no-repeat 0 -775px;}
#UploadEnquiry{background:url(../images/iconsprits.jpg) no-repeat 0 -585px;}
#users{background:url(../images/iconsprits.jpg) no-repeat 0 -473px;}
#ChangeProgramme{background:url(../images/iconsprits.jpg) no-repeat 0 -873px;}
#OfferLetters{background:url(../images/print.jpg) no-repeat 0 -5px;}
#Li-None{background:url(../images/iconsprits.jpg) no-repeat 0 -473px; visibility:hidden;}
#Withdrawal{background:url(../images/withdrawl.jpg) no-repeat 0 3px;}
#Intake_Session{background:url(../images/withdrawl.jpg) no-repeat 0 3px;}
#AllotCounselortoCounselor{background:url(../images/withdrawl.jpg) no-repeat 0 3px;}
#SetActiveUser{background:url(../images/withdrawl.jpg) no-repeat 0 3px;}
*/

#Colm-R{ width:85%; border:0px solid #CCC; padding:5px;}		
a:focus{outline:none;}	
#LoggedArea {
    float: right;
    margin-right: 10px;
    margin-top: 91px;
    text-align: right;
    color:#fff;
}

#callrecieved{border:1px; margin-top:5px; float:left;}
.Heading{float:left; width:100%; border-bottom:1px solid #CCC; padding-bottom:5px;}
.Heading h3{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.sub-btn{float:left; margin-left:165px;}
.pannelcontents{height:480px; overflow:auto; width:98%; margin:2%;}
.red{color:Red;}
.query{float:left; width:auto;}
.TextQuery{float:left; font-size:11px;}
.Querwrapper{float:left; border-bottom:1px dotted gray; margin-top:5px; padding-bottom:5px; font-size:11px; line-height:15px; width:100%;}
.GridentBGHeader{background:#D3E3F2 url(../images/Gbg.jpg) repeat-x; vertical-align:top; width:100%;}
.GridentitemColor{vertical-align:top; font-size:11px; border-width:1px;}
.GridentAltitemColor{vertical-align:top;  font-size:11px; }
.details{border-top:1px solid #ACA899; border-left:1px solid #ACA899;}
.details th{border-right:1px dotted #ACA899; padding:3px; border-bottom:1px dotted #ACA899;}
.details td{border-right:1px dotted #ACA899; padding:3px; border-bottom:1px dotted #ACA899;}

 .TestWrapper {
 width: 700px; /*background:url(../images/TestiBG.jpg) repeat-y;*/ 
 text-align:justify; line-height:20px; color:#000; margin:10px 0 0 0; /*background: url(../images/rular.jpg) repeat; font-style:italic;*/    
  float:left; padding:5px 0;}
 
 .gray{background:#76BE74; border:1px  #11983b dotted;  border-left:3px solid #11983b; margin:2px 0; float:left; 
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#76BE74), to(#fff));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #e9e9e9, #fff);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76BE74, endColorstr=#FFFFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9e9e9, endColorstr=#FFFFFFFF)";
}
 .lightGreen{background:#CCE7CB; border:1px  #11983b dotted;  border-left:3px solid #11983b; margin:2px 0; float:left; 
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#CCE7CB), to(#fff));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #CCE7CB, #fff);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE7CB, endColorstr=#FFFFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCE7CB, endColorstr=#FFFFFFFF)";
}

.Reminderblue{background:#cee4f9;border:1px  #11983b dotted;  border-left:3px solid #11983b; float:left; margin-left: 450px;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#cee4f9), to(#fff));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #cee4f9, #fff);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cee4f9, endColorstr=#FFFFFFFF);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cee4f9, endColorstr=#FFFFFFFF)";
}

.View{
			display: none;
			position:fixed;
			border: 16px solid #113879;
			background-color: white;
			z-index:1002;			
			width:800px; /*height:600px;			*/
			z-index:400;
			top:60px;
			left:25%;
			padding:15px;
		}
#DataView
{
	/*height:100%;*/
	width:100%;
	top:60px;
	border:none !Important;
	}
.BTN {
    float: right;
    position: relative;
	right: -12px;
    top: -11px;

	
}
object
   {
    width:800px;
    height:410px; 
    border:solid 1px #000000;
   }
.OpenWindow{float:left; width:300px; margin-left:35%; background:#fff; line-height:18px; border: 7px solid #D3D3D3; height:150px; overflow:auto;}   


/* menu changes */

 #navcontainer { 
				background: #c9d5ed;   
				width: 30%; 
				margin: 0 auto;
				padding: 1em 0;  
				font-family: georgia, serif; 
				font-size: 13px;  
				text-align: center;
				}

ul#navlist {
    list-style: none outside none;
    margin-left: 2px;

    padding: 0;
    text-align: left;
    width:auto;
	}

ul#navlist li {
				display: block;   
				margin: 0;    
				padding: 0;
				}

ul#navlist li a { 
				display: block;
				width:auto; 
				padding:5px;      
				border-width: 1px;
				border-color: #ffe;   
				border-style: solid;   
				color: #fff;   
				text-decoration: none; 
				background: #03468C;font-weight:bold!IMPORTANT;
				}
ul#navlist li a.CURRENT, a.CURRENT:HOVER { 
				display: block;
				
				
				color: #800000!IMPORTANT;
				background: #FFCB05 !IMPORTANT;
				}


#navcontainer>ul#navlist li a { 
		width: auto;
	}

ul#navlist li#active a { 
			background: #f0e7d7;      color: #800000;
			}


		

ul#navlist li a:hover, ul#navlist li#active a:hover a:visited  {
				color: #800000;  
				background: transparent;    
				border-color: #aaab9c #fff #fff #ccc;
				}


.right-controls { float:none; width:100%; margin:0px 0px 10px 0px}
.right-controls label { display:inline-block; margin:2px; font-size:10px; border:1px solid #ccc; padding:2px;}
.o2k7Skin table.mceLayout{ width:100%;}
.right-controls h4 { text-align:left;}


label span{color:#F00;}
.Blue{color:#03C;}
a{text-decoration:none;}