/*
 * Style sheet
 */
 
*{ margin:0px; padding:0px; outline: none;}
html, body {margin:0; padding:0; height:100%; min-height:100%;}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#000000;
}
#wrapper { width:980px; margin:0 auto; min-height:100%; }
* html #wrapper { height:100%; }

h1,h2,h3,h4,h5,h6,p,a,em,span,ul,li,ol,img,form {
	margin:0;
	padding:0;
	list-style:none;
	font-style:normal;
	font-weight:normal;
	border:none;
}
input, textarea {
	outline:none;
}
a {
	color:#77b800;
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}
a.noline:hover {
	text-decoration:none;
}

.hrline{ border-bottom:1px solid #CCCCCC; clear:both; margin-bottom:10px; margin-top:5px;}
.space20{ height:20px;}
.space40{ height:40px;}
.clr{ clear:both;}


/*@font-face { font-family: MyriadProRegular; src: url('../fonts/MyriadPro-Regular.otf'); } 
@font-face { font-family: MyriadProBold; font-weight: bold; src: url('../fonts/MyriadPro-Bold.otf'); } 
@font-face { font-family: MyriadProCond; src: url('../fonts/MyriadPro-Cond.otf'); }
@font-face { font-family: MyriadProSemiboldCond; src: url('../fonts/MyriadPro-SemiboldCond.otf'); }
@font-face { font-family: MyriadProLight; src: url('../fonts/MyriadPro-Light.otf'); }*/


/* FORM ELEMENTS -------------------------------------------------[S]------------------------------------------------- */
.fieldWrap{ width:auto; height:auto; overflow:hidden; clear:both;}
.fieldRow{ width:auto; height:auto; overflow:hidden; clear:both;}
field20, .field50, .field100, .field112, .field115, .field120, .field130, .field150, .field155,.field160,.field170, .field180, .field200, .field220, .field230, .field232, .field250, .field300, .field350 {height:auto;float:left;padding:1px;margin:5px;overflow:hidden;} 
.field20{ width:20px;}
.field50{  width:50px;}	
.field100{ width:100px;}
.field112{ width:112px;}
.field115{ width:115px;}
.field120{ width:120px;}
.field130{ width:130px;}			
.field150{ width:150px;}
.field155{ width:155px;}
.field160{ width:160px;}
.field170{ width:170px;}
.field180{ width:180px;}
.field200{ width:200px;}
.field220{ width:220px;}	
.field230{ width:230px;}
.field232{ width:232px;}
.field250{ width:250px;}				
.field300{ width:300px;}
.field350{ width:350px;}

.common_fieldstyle {width:95%; font-size:12px; line-height:13px; color:#000000; margin-top:1px; margin-left:0; padding:1px;
background-color:#c7c8ca; border: 1px solid #d8d8d8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.common_drop{width:270px; height:auto; font-size:13px; color:#000000; line-height:20px; margin-top:2px; padding:5px; 
background-color:#ffffff; border:1px solid #d8d8d8;}
#common_submitbutton{width:auto; height:auto; cursor:pointer; font-size:13px; font-weight:800; color:#FFFFFF; padding:5px; overflow:hidden;
border:1px solid #9d3469;background-color:#b1479e;}
#common_submitbutton:hover{color:#FFFFFF; background-color:#9d3469;}




/* Layout Width */
.headerWrap, .contentWrap, .footerWrap, .homefooterWrap{ width:auto; height:auto; position:relative; overflow:hidden; }
.headerWrap .header, .contentWrap .contentContainer, .contentWrap .banner, .footerWrap .footer, .homefooterWrap .footer, .wrapContainer
{ width:980px; !important; }/* Layout Width */

.wrapContainer{position:relative; margin:0 auto; overflow:hidden;}
.homefooterWrap{ height:79px !important; margin-top:-79px;}
.footerWrap{ height:40px !important; margin-top:-40px;}

/* LAYOUT -------------------------------------------------[S]------------------------------------------------- */
/* Header Area*/
.headerWrap .header{ height:108px; position:relative; margin:0 auto; overflow:hidden;}
.headerWrap .header ul.mainmenu{ margin:0px; padding:0px; float:right; width:56.5%; height:108px; list-style-type:none; }
.headerWrap .header ul.mainmenu li{list-style-type:none; display:block; float:left; width:184px; height:108px; font-size:14px;
background-image:url(../img/mainmenuBg.jpg); background-repeat:no-repeat; background-position:top center;}
.headerWrap .header ul.mainmenu li a{display:block; text-decoration:none; padding:20px 0px 0px 30px; text-align:center;}

.headerWrap .header ul.submenu{ margin:0px; padding:0px; float:right; width:40%; height:108px; list-style-type:none; }
.headerWrap .header ul.submenu li{list-style-type:none; display:block; float:left; width:125px; height:108px; font-size:14px;
background-image:url(../img/submenuBg.jpg); background-repeat:no-repeat; background-position:0px -40px;}
.headerWrap .header ul.submenu li a{display:block; text-decoration:none; padding:10px 0px 0px 0px; text-align:right;}
.headerWrap .header ul.submenu li a img{ width:95px;}

.headerWrap .header.homebg{background-image:url(../img/homeHeaderBg.jpg); background-repeat:no-repeat; background-position:top left;}
.headerWrap .header.subpagebg{background-image:url(../img/subpageHeaderBg.png); background-repeat:no-repeat; background-position:top left;}
.headerWrap .header.subpagebg span img{float:left; margin:30px 0px 0px 30px;}
.headerWrap .header.subpagebg .logo{ float:right;}
.headerWrap .header.subpagebg .logo img{ margin:45px 0px 0px -10px; z-index:1000;}


/* Banner Area*/
.contentWrap .banner{height:247px; position:relative; margin:0 auto; overflow:hidden; background-color:#fff;}
.contentWrap .banner.bannerbg{background-image:url(../img/bannerBg.jpg); background-repeat:no-repeat; background-position:top left;}
.contentWrap .banner .heading{padding-left:100px; padding-top:10px;}
.contentWrap .banner h2{ color:#77b800; font-size:30px; text-transform:uppercase; font-weight:bold; text-align:center; line-height:36px;}
.contentWrap .banner h3{ color:#000000; font-size:22px; padding:5px; font-weight:bold; text-align:center; letter-spacing:-1px;}
.contentWrap .banner h4{color:#000000; font-size:18px; padding:5px; text-align:center; }
.contentWrap .banner .notice{ width:396px;height:204px; float:right; padding:20px 0px 0px 0px; margin-right:20px; background-image:url(../img/noticeBg.jpg);background-repeat:no-repeat;background-position:top left; margin-top:20px;}

/* Content Area*/
.contentWrap .contentContainer{height:auto; min-height:300px; position:relative; padding-bottom:40px;  margin:0 auto; overflow:hidden;}
.contentWrap .contentContainer .contentMargin{margin:20px 40px 0px 40px;}
.contentWrap .contentContainer .contentMargin .half{ width:50%; height:auto; float:left;}


/* Footer Area*/
.footerWrap .footer, .homefooterWrap .footer{height:auto; position:relative; margin:0 auto; overflow:hidden; background-color:#e55302;}
.footerWrap .footer .logo, .homefooterWrap .footer .logo{ padding:15px 40px 10px 20px;}
.footMenu{ padding:15px 10px 10px 40px; color:#FFFFFF; text-shadow: 1px 1px 1px #a54a00;
filter: dropshadow(color=#a54a00, offx=1, offy=1); font-weight:bold;}
.footMenu a{ color:#FFFFFF;}


/* REGISTRATION -------[S]----  */
.contentWrap .registration{ width:auto; height:auto; margin:0 auto; overflow:hidden;}
.contentWrap .registration form strong{ font-size:18px; font-weight:200;}
.contentWrap .registration h2{ color:#77b800; font-size:34px; font-weight:200;}
.contentWrap .registration .registrationForm{ 
	height:auto;
	overflow:hidden;
	background-image:url(../img/RegistrationPageBg.png); background-position:0px 0px; background-repeat:repeat-y;  
    padding-left: 50px;
	}
.contentWrap .registration .registrationFormStart{
width:852px; height:116px;
background-image:url(../img/RegistrationPageBgTop.png); background-position:0px 0px; background-repeat:no-repeat; 
margin-top: -26px;
 
}
.contentWrap .registration .registrationFormEnd{
width:852px; height:42px;
margin-bottom:20px;
background-image:url(../img/RegistrationPageBgBottom.png); background-position:0px 0px; background-repeat:no-repeat; 
}

.reg_submitbutton{width:215px; height:135px; cursor:pointer; display:block; font-size:13px; font-weight:800; color:#FFFFFF; padding:5px; overflow:hidden; background-image:url(../img/RegistrationButton.png); background-repeat:no-repeat; background-position:center; background-color:#dcdcdc; border:none; outline:none;}
.reg_submitbutton:hover{background-image:url(../img/RegistrationButton.png); background-repeat:no-repeat; background-position:center;}

.dontEnter{ position:fixed; height:231px; right:0px; top: 180px; z-index:1000;}


/* LoginPage -------[S]----  */
.loginDiv{ position:absolute; width:400px; height:auto; margin:0 auto; left:0; right:0; border:1px solid #dfdfdf; background-color:#f9f9f9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.loginDiv h2{ padding:12px; border-bottom:1px solid #f9f9f9; background-color:#f1f1f1;}
.loginDiv form{border-top:1px solid #dfdfdf}
.loginDiv .fieldRow{border-bottom:1px solid #dfdfdf; padding:12px 20px;}
.loginDiv .loginBottom{ width:auto; height:auto; overflow:hidden;}
.loginDiv .loginBottom span{ float:left; }
.loginDiv .loginBottom span a{font-weight:bold; font-size:12px; color:#7d7c7c; letter-spacing:1px; text-decoration:none; margin:20px 12px; display:block;}
.loginDiv .loginBottom span a:hover{ color:#333333;}
.loginDiv .loginButton{width:auto; height:auto; cursor:pointer; display:block; font-size:12px; font-weight:200; color:#000000; padding:8px 15px; overflow:hidden; background-color:#e7e7e7; border:1px solid #cfcfcf; outline:none; margin:12px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  }
.loginDiv .loginButton:hover{ background-color:#eeeeee;}


/* RESULT PAGE -------[S]----  */
.contentWrap .resultDiv{}
.contentWrap .resultDiv p{ line-height:19px; font-size:13px; margin-bottom:10px; text-align:justify;}
.contentWrap .resultDiv h2{ color:#77b800; font-size:24px; font-weight:bold;}
.contentWrap .resultDiv h3{ color:#040404; font-size:16px; font-weight:bold;}
.contentWrap .resultDiv span{ color:#040404; font-size:14px; font-weight:bold; line-height:18px;}

.contentWrap .resultDiv ul{ margin-bottom:15px;}
.contentWrap .resultDiv li, .contentWrap .resultDiv li a{ font-size:15px; color:#84888b; font-weight:200; padding:2px;text-decoration:none; }
.contentWrap .resultDiv li a:visited{color:#77b800;}
.contentWrap .resultDiv li a:hover{color:#77b800;}
.contentWrap .resultDiv li a.selected{color:#77b800;}

.contentWrap .resultDiv  ul.normalListing{ list-style-type:disc !important; color:#040404; padding-left:10px; margin:10px 0px;}
.contentWrap .resultDiv  ul.normalListing li{ list-style-type:disc !important; color:#040404; padding-left:10px; margin-left:40px; font-size:13px; padding:2px;}

.contentWrap ul.submenu{ margin:0px; padding:0px; width:100%; height:150px; list-style-type:none; margin-left:30px;   }
.contentWrap ul.submenu li{list-style-type:none; display:block; float:left; width:150px; height:106px; margin:10px; font-size:14px;}
.contentWrap ul.submenu li a{display:block; text-decoration:none; padding:10px 0px 0px 0px; text-align:right;}

.flipBookButtons div.submenu{ margin:0px; padding:0px; width:100%; height:100px; list-style-type:none; margin-left:30px;   }
.flipBookButtons div.submenu .tab{list-style-type:none; display:block; float:left; width:80px; height:53px; margin:10px; font-size:14px;}
.flipBookButtons div.submenu .tab a{display:block; text-decoration:none; padding:10px 0px 0px 0px; text-align:right;}

.grayContainer{ background-color:#808080; color:#FFFFFF; padding:20px; line-height:18px;}
.grayContainer h2{ color:#FFFFFF;}
.grayContainer ul{ list-style-type:disc !important; padding-left:10px; margin:10px 0px;}
.grayContainer ul li{ list-style-type:disc !important; padding-left:10px; margin-left:40px; font-size:14px;}
.grayContainer ul span{ font-weight:bold; font-size:16px;}


/* Assessment Landing -------[S]----  */
.flipbookWrap .firstPage h2{ color:#77b800; font-size:26px; font-weight:bold;}
.flipbookWrap .firstPage p{ line-height:35px; font-size:18px; color:#000000;}


/* added by Meena */
.required {
	color:#A90033;
	font-weight:bold;
	text-align:right;
}
.texbox_small {
    height:16px;
    width:70px;
}
.datepic {
     background:#C7C8CA url(../img/calendar.gif) no-repeat right center;
     border:1px solid #D8D8D8;
     /*width:90px;*/
     cursor:pointer;
}
.fieldRow span{ font-size:13px; font-weight:bold;}
/* User statistics report*/
.newWrapHeading {
    color: #77B800;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: right;
    margin-right:25px;
}
.newWrapHeading a{color: #77B800; font-weight: bold;}

.tableBorder {
    border: 4px solid #77B800;
}
.formTable_new {
    background: none repeat scroll 0 0 #77B800;
}
.formTable_new th {
    background: none repeat scroll 0 0 #77B800;
    color: #FFFFFF;
}
.formTable_new td {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Print report Button */
.print_reportbutton{width:auto; height:auto; cursor:pointer; display:block; font-size:16px; font-weight:800; color: #77B800; padding:5px; overflow:hidden; outline:none; border:2px solid #77B800; background-color:#FFFFFF;}
.print_reportbutton:hover{ border:2px solid #84888b; color: #84888b; }

/* list the cont in gray box for result page*/
.gray_div ul li {
    font-size: 12px;
    list-style-type: disc !important;
    margin-left: 10px;
    padding-left: 10px;
}
/*added for UAT#1-march 22-2012 - new project datepicker replaced by drop down*/
.formSelectBoxDay {
	background-color:#c7c8ca; border: 1px solid #d8d8d8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.formSelectBoxMonth {
	background-color:#c7c8ca; border: 1px solid #d8d8d8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.formSelectBoxYear {
	background-color:#c7c8ca; border: 1px solid #d8d8d8;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.space10{ clear:both; height:10px; overflow:hidden;}
input.submitBtn{ padding:2px; height:30px; line-height:30px; display:block; background:#a5d473; color:#fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; width:70px; font-weight:bold; font-size:13px; }
.resltTopcont { width:420px; background:#dfdfdf; display:block; height:160px; -webkit-box-shadow: 1px 1px 3px 3px #c5c5c5;
box-shadow: 1px 1px 3px 3px #c5c5c5; margin:0 0 0 80px;   padding:10px 0 10px 20px; }

.resltTopcont input.updatbtn { margin:0 50px; padding:5px 10px; background:#f26421; color:#fff; font-weight:bold; font-size:16px; border:none; border-radius:5px; float:none !important;}