@import url(library.css);

body{
	margin:0 auto;
	min-height:100%;
	height:auto;
	background:#040f0d;
	font-size:13px;
	color:white;
	font-family: Arial, sans-serif;
	position:relative;
}
	#wrapper{margin:0 0 0 0;  width:960px; height:100%; position:static;}
	
	#wrapperPadding{padding:0 30px 30px 30px; float:left;}
	
	#header{margin:0; padding:0 0 0 0; width:900px; height:158px; display:inline; position:relative; float:left; clear:left;}
		#navStrip{float:left; padding:111px 0 28px 0}
		#navStrip .navLink {margin:0 33px 0 0; float:left; font-family:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-weight:bold; font-size:24px; letter-spacing: -0.05em; text-decoration:none; color:#ffffff;}
		#navStrip .navLink a{font-family:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-weight:bold; font-size:24px; letter-spacing: -0.05em; text-decoration:none; color:#ffffff;}
		#navStrip .active{border-bottom:solid 3px #fef700; color:#fef700;}
		#navStrip .active a{color:#fef700}
		
		#logo{padding-top:30px;}
	
	#content{margin:0; padding:0; width:900px; display:block; position:relative; float:left;}
		#colA1{width:610px; float:left;}
		#colA2{width:290px; float:left;}
			.A11col{width:610px;}
			.A12col{width:305px;float:left;}
				.colPadding{padding:0 15px 0 15px;}
				.topPadding{padding-top:20px;}
				.bottomPadding{padding-bottom:20px;}
				.collapsePadding{padding-right:0px;}
			
			.A22col1{width:260px;float:left; clear:left;}
			.A22col2{width:360px;float:right;}

		#colA3{width:630px; float:left;}
			.A33col1{width:410px;float:left; clear:left;}
			.A33col2{width:120px;float:left;}
			.A33col3{width:100px;float:right;}
			
				
		#colB1{width:165px; float:left;}
		#colB2{width:515px; float:left;}
			.B21col1{width:485px;float:left; clear:left;}
		
			.B23col1{width:150px;float:left; clear:left;}
			.B23col2{width:185px;float:left;}
			.B23col3{width:150px;float:left;}
			
			.B23col2a{width:50px;float:left;}
			.B23col3a{width:285px;float:left;}
			
			.B22col1{width:150px;float:left; clear:left;}
			.B22col2{width:335px;float:left;}
			
			.B22col1a{width:335px;float:left; clear:left;}
			.B22col2a{width:150px;float:left;}
			
			.B22col1b{width:200px;float:left; clear:left;}
			.B22col2b{width:285px;float:left;}
			
			.B24col1{width:150px;float:left; clear:left;}
			.B24col2{width:50px;float:left;}
			.B24col3{width:135px;float:left;}
			.B24col4{width:150px;float:left;}
			
			.B24col1a{width:70px;float:left; clear:left;}
			.B24col2a{width:160px;float:left;}
			.B24col3a{width:80px;float:left;}
			.B24col4a{width:170px;float:right;margin-top:-67px;margin-right:5px;}
			
		#colB2A{width:735px; float:left;}
			.B2A2col1{width:350px; float:left; margin-right:5px; clear:left}
			.B2A2col2{width:350px; float:left;}
			
		#colB3{width:220px; float:left;}
			.B31col1{width:215px;float:left; clear:left;}
			
			.B32col1{width:50px;float:left; clear:left;}
			.B32col2{width:165px;float:left;}
				
		.backg1{background: url(../img/bgtile1.gif);}
		.backgwhite{background:White;}
		.invoiceHeader{background:Black;font-size:large; text-align:center; color:Yellow}
		.invoiceFooter{background:White;font-size:small; text-align:left; color:Black}
		#content a{color:Black; font-weight:bold; text-decoration:none;}
		#content a:hover{background-color:#fef700;}
		#content a.doclink{color:Black; font-weight:bold; text-decoration:underline;}
		#content a.doclink:hover{background-color:Transparent;}
		#content a.button{background: transparent;padding:0 8px 0 8px;border-style:none;cursor:hand; cursor:pointer;color:#fef700 !important;overflow:visible;font-size:0.96em;font-weight:bold;}
		#content a.button:hover{background-color:Transparent;}
		#content a.headerLink{color:#7f9386; font-weight:bold; text-decoration:none}
		#content a.headerLink:hover{background-color:Transparent;}				
		
		#content .header1{margin:0 0 10px 0; font-family:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-weight:bold; font-size:24px; letter-spacing: -0.05em; line-height:0.9em; color:Black; clear:left;}
		#content .header2{margin:0 0 10px 0;font-family:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-weight:bold; font-size:24px; letter-spacing: -0.05em; line-height:0.9em; color:Black; clear:left;}
		#content .header3{margin:0 0 10px 0;font-family:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-weight:bold; font-size:20px; letter-spacing: -0.05em; line-height:0.9em; color:Black; clear:left;}
		#content .stoneoverline{border-top:solid 1px #7f9386; padding-top:8px; }
		#content .headline{margin:0 0 10px 0; font-family:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-weight:bold; font-size:36px; letter-spacing: -0.05em; line-height:0.9em; color:Black;clear:left;}
		#content .copy{margin:0 0 18px 0; display:block; font-family: Arial, sans-serif; font-size:13px; color:Black;}
					.copy ul{margin-left:15px; margin-top:0; padding-left:0; list-style-type:square;}
					.copy ol{margin-left:25px; margin-top:8px; padding-left:0; }
					.copy li{padding-bottom:8px;}
					.copy li.sub1{margin-left:30px; padding-bottom:8px;list-style-type:disc;}
					.copy p.sub1{margin-left:15px;}
					.copy ul ul{margin-left:30px; list-style-type:disc; margin-top:8px;}
					.copy ol.letter{list-style-type:lower-alpha; margin-left:25px;}
					.copy ol.letter ul{list-style-type:disc; margin-top:8px;}
					.copy blockquote{margin:0 0 0 20px;}
					.bold{font-weight:bold;}
					.copy .italic{font-style:italic;}
					.copy .headerb{display:block; margin-bottom:2px; font-size:1.2em; font-weight:bold;}
					
		/*1002:2839563 and MMH 24/03/2010 - 1003:2886309 */
		#content .bordered {border-collapse: collapse;}
        #content .bordered td{border:1px solid black}
					
		#content .mandatory{color:#A11111; font-weight:normal;}
		#content .urgent{color:#A11111;}
		#content .optional{color:#003263; font-weight:normal}
		#content .validateError{color:Red; display:block; margin-left:2px; font-size:large; float:left;}
		
		#content .h1black{color:Black;}
		#content .h1stone{color:#7f9386;}
		#content .box1{width:290px; height:209px; background-color:#bfc9c2;}
		#content .box2{width:205px;min-height:170px; background-color:#bfc9c2; padding-bottom:10px;}
					.boxBorder1{border-bottom:dotted 2px white;}
					.boxBorder2{border-bottom:dotted 2px white;}
				 .box1 img{border:none 0 background;}
				 .box2 img{border:none 0 background;}
				.icon{float:right;}
		#content a img{border:none 0 background;}
				
		#content .gridviewHeader{color:White; background-color:#040f0d; height:25px; font-weight:normal;}
		#content .gridviewHeaderInner{color:Black; background-color:#bfc9c2; height:25px; font-weight:normal;}
		#content .gridviewRow{color:Black; height:25px; background-color:#bfc9c2;}
		#content .gridviewFooter{color:Black; height:25px; background-color:White;}
		#content .rowHeight21{height:21px;}
		#content .gridviewRowDeleted{background-color:#bfc9c2; color:#A11111; font-weight:bold; height:25px;}
		#content .tableHeader1{border-bottom:solid 2px Black;}
		#content .alternatingRowStyle1{background-color:#bfc9c2;}
		#content .alternatingRowStyle2{color:Black; background-color:#ffffff;}
		#content .gridviewPager{color:Black; height:25px;}
		#content .gridviewHeaderPrint{color:Black; background-color:White; height:25px; font-weight:bold;}
		#content .gridviewRowPrint{color:Black; height:25px; background-color:White; font-weight:normal;}
		#content .gridviewFooterPrint{color:Black; height:25px; background-color:White; font-weight:bold; border-bottom:1px solid black; border-top:1px solid black;}
		
		#content .notificationTable {border:1px solid black; border-collapse:collapse; width:100%}
		#content .notificationTable TD, #content .notificationTable TH{border:1px solid black; vertical-align:top; padding:6px 6px 12px 6px;}
		#content .notificationTable TD UL {margin-left:30px;}
		
		#content .renewalFeesColumnColour { background-color:Gray;}
		#content .renewalFeesNumericColumn { text-align:right;}				
		/* Form Top Numbered Pagination */
		#toppagination{width:100%;height:28px; margin-bottom:10px;}
		#toppagination ul{margin:0; padding:0; font-size:1.1em; font-weight:bold;}
		#toppagination li{display:inline;float:left; margin-right:5px; text-align:center; color:Black; width:28px; height:28px; line-height:28px; background:url(../img/step_off.gif) no-repeat 0 0;}
		#toppagination li.active{background:url(../img/step_on.gif) no-repeat 0 0; color:#fef700}
				
		/* Form Styles */
				.formLabel{font-family: Arial, sans-serif; font-size:13px; color:Black; float:right; text-align:right;}
				.formLabelLeft{font-family: Arial, sans-serif; font-size:13px; color:Black; float:left; text-align:left;}
				.txtboxMed{border: 1px solid #222222; width:155px; margin:0 0 0 10px; height:22px; padding:5px 0 0 5px; float:left;}
				.txtboxMedDeleted{border: 1px solid #222222; width:155px; margin:0 0 0 10px; height:22px; padding:5px 0 0 5px; float:left; color:#A11111!important; font-weight:bold;}
				.txtboxMedGridDeleted{border: 1px solid #222222; width:155px; margin:0 0 0 0; height:22px; padding:5px 0 0 5px; float:left; color:#A11111!important; font-weight:bold;}
				.txtboxMedGrid{border: 1px solid #222222; width:155px; margin:0 0 0 0; height:22px; padding:5px 0 0 5px; float:left;}
				.txtboxSm{border: 1px solid #222222; width:60px; margin:0 0 0 10px; height:22px; padding:5px 0 0 5px; float:left;}
				.txtboxXSm{border: 1px solid #222222; width:30px; margin:0 0 0 10px; height:22px; padding:5px 0 0 5px; float:left;}
				.txtareaMed{border: 1px solid #222222; width:155px; margin:0 0 0 10px; padding:5px 0 0 5px; float:left;}
				.txtareaLarge{border: 1px solid #222222; width:315px; margin:0 0 0 10px; padding:5px 0 0 5px; float:left;}
				.data{color:Black; background-color:#bfc9c2;}
				.paging{color:Black; background-color:#bfc9c2; font-size:15px}
				.dataUnboxed{background-color:Transparent; font-weight:bold; margin:0 0 0 15px}
				.dropdownMed{border: 1px solid #222222; width:163px; margin:0 0 0 10px; float:left;}
				.dropdownLarge{border: 1px solid #222222; margin:0 0 0 10px; width:325px; float:left;}
				.ddAutoWidth{width:auto;}
				.selectSm{width:30px; margin:0 0 5px 10px; height:22px; padding:5px 0 0 5px; float:left;}
				.radioBtns{margin:0 0 0 5px; height:20px; padding:0; float:left; color:#222222;}
				.radioBtns label{margin-right:20px;}
				.checkBox{margin:0 0 0 5px; height:20px; padding:5px; float:left; color:#222222;}
				.plainText{color:Black; background-color:white;}
				.plainTextBold{color:Black; font-weight:bold; background-color:white;}
				.mediumText{color:Black; font-size:12px;  background-color:white;}
				.smallText{color:Black; font-size:11px;  background-color:white;}
		
		/* Left Menu Styles */
		#leftNav{font-family:Helvetica; color:Black; font-weight:bold; font-size:14px;}
		#leftNav ul{margin:0; padding:0;}
		#leftNav ul li{list-style-type:none; width:140px; padding:5px 10px 5px 15px; border-top:solid 1px Black;}
		#leftNav ul li li{padding-left:25px;width:130px;background-color:#bfc9c2;font-size:14px;}
		#leftNav ul li.submenu{padding:0; border-top:none;}
		#leftNav ul li:hover{background-color:#fef700; cursor:pointer;}
		#leftNav ul li.submenu:hover{background-color:transparent; cursor:auto;}
		#leftNav ul li li:hover{background-color:#bfc9c2;}
		#leftNav ul li li a:hover{background-color:#bfc9c2;}
		#leftNav ul li.active{background-color:#fef700; cursor:auto;}
		#leftNav ul li.activeChild{background-color:#FFFF7F; cursor:auto;}
		#leftNav ul li a{display:block; width:100%;}		
		
		/* Left Menu Logout Styles */
		#leftNavLogout{font-family:Helvetica; color:Black; font-weight:bold; font-size:14px;}
		#leftNavLogout ul{margin:0; padding:0;}
		#leftNavLogout ul li{list-style-type:none; width:150px; padding:3px 0px 3px 15px; border-top:solid 1px Black;}
		#leftNavLogout ul li li{padding-left:25px; width:140px; background-color:#bfc9c2;font-size:14px;}
		#leftNavLogout ul li.submenu{padding:0; border-top:none;}
		#leftNavLogout ul li:hover{background-color:#fef700; cursor:pointer;}
		#leftNavLogout ul li.submenu:hover{background-color:transparent; cursor:auto;}
		#leftNavLogout ul li li:hover{background-color:#bfc9c2;}
		#leftNavLogout ul li li a:hover{background-color:#bfc9c2;}
		#leftNavLogout ul li.active{background-color:#fef700; cursor:auto;}
		#leftNavLogout ul li.activeChild{background-color:#FFFF7F; cursor:auto;}
		#leftNavLogout ul li a{display:block; width:100%;}		
		#leftNavLogout input{background:transparent; border-style:none; cursor:pointer; color:Black; overflow:visible; font-family:Helvetica; font-weight:bold; font-size:14px; text-align:left;}
	
	#footer{margin:0; padding:15px 0 0 0; width:900px; display:inline; position:relative; float:left; clear:left;}
		#footerlogo{float:left; font-family:Helvetica-Narrow, Helvetica, Arial, sans-serif; font-weight:bold; font-size:14px; }
			#footerlogo .footerlogowhite{color:White;}
			#footerlogo .footerlogoyellow{color:#fef700;}
		#footerlinks{margin:0 0 0 25px; float:left;}
			#footerlinks a{ color:#ffffff;}
		#footercopyright{float:right; }
	
	/* Coundown timer */
    #topleftbox{
		background-color: #7f9387;
		height: 420px;
		width: 610px;
	} 
    #topleftbox p{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #000;
        padding: 0 0 0 17px;
	}
	#topleftbox p a{
        text-decoration: underline;
        color: #000;
	}
	#HSEcounter{
        float: left;
        padding: 0 0 38px 17px;
	}
	#HSEcounter img {
        float: left;
        margin-right: 14px;
    }
	
	#RenewalFAQ { width:500px;}
	#RenewalFAQ .QAColumnLabel { width:25px; float:left; padding-top:10px;}
	#RenewalFAQ .QAColumnAnswer { width: 455px; float:left; padding-top:10px; font-weight:normal;}