﻿@charset "utf-8";
/* CSS Document */
html {
     overflow: -moz-scrollbars-vertical;
}

/* Common */
body{ background:#f3f3f3; margin:0; padding:0;}


#outerContainer{ width:1000px; margin:0 auto;background-color:#FFF;}
#innerContainer{ width:1000px; margin:0 auto;}

#header{ background:#FFF; overflow:auto; position:relative; padding-bottom:32px }
#header .branding{float:left; margin:32px 0px 32px 32px;}

#header .hdrWrap .regSignUp{float:right; margin:10px 25px 10px 30px; padding-right:15px; font-family:'MyWebFont',Arial, Helvetica, sans-serif; color:#676767; font-size:0.8em; text-align:right; background:url(/_layouts/IMAGES/IELS/PORTAL/arrow.gif) no-repeat 100% 0;}
#header .hdrWrap .regSignUp span{ font-weight:bold;}
#header .hdrWrap .regSignUp a{color:#676767; text-decoration:none;}

#header .hdrWrap{ float:right; margin:32px 0px 0px 8px;}
#header .hdrWrap .singPassLogin{float:right; font-family:'MyWebFont',Arial, Helvetica, sans-serif; color:#676767; font-size:0.9em; background:url(/_layouts/images/iels/portal/singPass.jpg?v=1.0) no-repeat 55% 0; width:121px; height:50px; border-left:#c2c2c2 solid 1px; }
#header .hdrWrap .singPassLogin span{ padding-top:20px; display:block;}
#header .hdrWrap .singPassLogin a{color:#676767; text-decoration:none;}
#header .hdrWrap .corpPassLogin{float:right; font-family:'MyWebFont',Arial, Helvetica, sans-serif; color:#676767; font-size:0.9em; background:url(/_layouts/images/iels/portal/CorpPassNew.png?v=1.0) no-repeat 55% 0; width:121px; height:50px; border-left:#c2c2c2 solid 1px; }
#header .hdrWrap .corpPassLogin span{ padding-top:20px; display:block;}
#header .hdrWrap .corpPassLogin a{color:#676767; text-decoration:none;}
#header .hdrWrap .loginBtnFU{ float:right; width:150px; padding-top:5px }
#header .hdrWrap .loginBtnSP{ float:right;  margin:10px 20px 10px 5px; }

#header .closeArrow{  margin:80px 0px 20px 8px; position:absolute; bottom:-10px; right:23px;}

.loginBtn{ float:left; width:71px; margin:0px 0px 0px 5px;}
.loginBtn div{ background: url(/_layouts/images/iels/portal/hdrLogin.jpg) no-repeat 0 0; width:71px; height:28px; border:none; cursor:pointer;}
.loginBtn:hover{ float:left; width:71px; height:28px; margin:0px 0px 0px 5px;}
.loginBtn:hover div{ background: url(/_layouts/images/iels/portal/hdrLoginActive.jpg) no-repeat 0 0; width:71px; height:28px; border:none;cursor:pointer;}


.banner{/*background:url(../images/bannerImg.jpg) no-repeat 0 0;*/ height:247px; position:relative;}
.bannerStatic{background:url(/_layouts/images/iels/portal/bannerStatic.jpg) no-repeat 0 0; height:247px; position:relative;}

.bannerCtrl{
	position:absolute;
	display:block;
	padding:3px 8px;
	color:#fff;
	text-decoration: none;
	font-family:'MyWebFont',Arial, Helvetica, sans-serif;
	left: 950px;
	top: 9px;
	z-index:1000;
}
/*.closeArrow{display:block; float:right; padding-top:8px; padding-right:20px;display:none;}*/

.tabHolder{background-color:#cd5755;}
.tabRightBorder{border-right:#d77977 solid 0px;}
.selectAddr{border:#fff solid 1px; background-color:#cd5755; color:#fff; padding:2px; font-size:11px;}


.tabs{}
.tabs ul{}
.tabs ul li{ float:left;}
.tabs ul li a{cursor:default; display:block; padding:20px 10px 20px 45px;font-family:'MyWebFont',Arial, Helvetica, sans-serif; font-size:1.3em; color:#fff; text-decoration:none; background:#991b1e url(/_layouts/images/iels/portal/hplistBullet.jpg) no-repeat 30px 28px;}

.tabs ul li a#announcements{width:277px;} 
.tabs ul li a#services{width:278px;} 
.tabs ul li a#resources{ width:280px;} 

.tabs ul li a#announcementsInner{width:277px;} 
.tabs ul li a#servicesInner{width:278px;} 
.tabs ul li a#resourcesInner{ width:280px;} 

.tabs ul li a.active{ display:block; padding:20px 10px 20px 45px;font-family:'MyWebFont',Arial, Helvetica, sans-serif; font-size:1.3em; color:#fff; text-decoration:none; background:#cd5755 url(/_layouts/images/iels/portal/hplistBulletActive2.jpg) no-repeat 30px 28px;}
.tabs ul li a.last{ display:block; padding:20px 15px 20px 40px;font-family:'MyWebFont',Arial, Helvetica, sans-serif; font-size:1.3em; color:#fff; text-decoration:none; background:#323232 url(/_layouts/images/iels/portal/hplistLast.jpg) no-repeat 25px 28px;}

.home{ padding:10px 30px 5px 0px; text-align:right;}

.hpcontent{ float:left; width:1000px; background-color:#FFF; position:relative;}

.tab1Content{width:665px;background-color:#cd5755;}
.tab2Content{width:665px;background-color:#cd5755;}
.tab3Content{width:295px;padding:20px;background-color:#FFF;}
.tab1Content table, .tab2Content table{ margin:20px 20px 20px 30px;}

.tab1ContentInner{width:665px;background-color:#cd5755;overflow:auto;position:absolute;z-index:1}
.tab2ContentInner{width:665px;background-color:#cd5755;overflow:auto;position:absolute;z-index:1}
.tab3ContentInner{width:668px;background-color:#323232;overflow:auto;position:absolute; right:0;z-index:1}
.tab1ContentInner table, .tab2ContentInner table, .tab3ContentInner table{ margin:20px 20px 20px 30px;}

.goBtn{border:none;background:url(/_layouts/images/iels/portal/Go.jpg) no-repeat 0 0; height:22px; width:44px; cursor:pointer;}
.goBtn:hover{border:none;background:url(/_layouts/images/iels/portal/GoActive.jpg) no-repeat 0 0; height:22px; width:44px;cursor:pointer;}

.listWrap{ padding-right:20px;}
.listWrap a{color:#fff;text-decoration:none;}
.listHeader{ color:#313133; display:block; padding:10px 10px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; border-bottom:#d77a75 solid 4px; }

.listWrap ul{ margin-top:10px;}
.listWrap ul li{}
.listWrap ul li a{ display:block; color:#fff; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#fff; padding:5px 0px 5px 0px; }
.listWrap p {font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;color: #fff;padding: 5px 0px 5px 0px;}

.listWrap1{ padding-right:20px;}
.listHeader1{ color:#313133; display:block; padding:10px 10px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; border-bottom:#e3e6e7 solid 4px; }
.listWrap1 ul{ margin-top:10px;}
.listWrap1 ul li{}
.listWrap1 ul li a{ display:block; color:#fff; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#313133; padding:3px 0px 3px 0px; }

.listWrap2{ margin-right:20px;}
.listWrap2 ul{ margin-top:10px;}
.listWrap2 ul li{}
.listWrap2 ul li a{ display:block; color:#fff; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#999a9c; padding:3px 0px 3px 0px; }

.listHeader2{ color:#9a9997; display:block; padding:10px 10px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; border-bottom:#444444 solid 4px; }

.listWrap3{ padding-right:20px;}
.listHeader3{ color:#313133; display:block; padding:10px 10px 10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; border-bottom:#caced1 solid 4px; }
.listWrap3 ul{ margin-top:10px;}
.listWrap3 ul li{}
.listWrap3 ul li a{ display:block; color:#fff; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#9e9d9d; padding:3px 0px 3px 0px; }


.footer{ background-color:#ebebeb; float:left; width:1000px;}
.footer div{ margin:15px 28px; }
.footer{font-family:'MyWebFont',Arial, Helvetica, sans-serif; font-size:0.7em; color:#848484;}
.footer a{color:#848484; text-decoration:none;}



.announementsContent{width:650px; float:right; font-family:Arial, Helvetica, sans-serif; margin-right:125px; color:#666666; font-size:0.9em; padding-bottom:30px; margin-top:25px;}
.announementsContent  ol {list-style:decimal;}
.announementsContent  li {margin-left:25px;}
.announementsContent  ul {list-style:disc;}
.sectionHeader{font-family:'MyWebFont',Arial, Helvetica, sans-serif; font-size:1.5em; color:#666666; line-height:1.5em;  background-color:#f1dfdf; margin-bottom:15px; padding-left:10px;}
.highlight{color:#971c1f; font-size:1.1em;}
#contentspacer .normalcont{color:#666666; font-size:0.9em; line-height:1.3em; }
#contentspacer hr{border:#ccc solid 1px; line-height:1.0em;}

.announementsLists{width:650px; float:right; font-family:Arial, Helvetica, sans-serif; margin-right:125px; color:#666666; font-size:0.9em; padding-bottom:10px;}
.announementsLists a{ color:#666666; text-decoration:none;}
.announementsLists a.pdf{ color:#666666; text-decoration:none; background:url(/_layouts/images/iels/portal/pdf.jpg) no-repeat 100% 0; padding-right:35px;}



.leftNav{ margin:20px 5px 20px 20px; border:#ffc90e solid 0px; background:#f6f6f6; float:left; }

.toc{color:#fff; font-size:12px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif;background:#999999; padding:5px;}
.leftNavHeader{border-bottom:#e4e3e3 solid 1px;}

.leftNavHeader a{ color:#666666; font-size:12px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; text-decoration:none; display:block; padding:5px 5px 5px 20px; BACKGROUND:url(/_layouts/images/iels/portal/leftNavHeaderArrow.jpg) no-repeat 7px 10px;}
.leftNavHeader a.active{ color:#9e3d44; font-size:12px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; text-decoration:none; display:block; padding:5px 5px 5px 20px; BACKGROUND:url(/_layouts/images/iels/portal/leftNavHeaderArrowActive.jpg) no-repeat 7px 10px;}

.leftNavLists{ margin:0; padding:0;}
.leftNavLists li{ padding:0px;}
.leftNavLists li a{ display:block;color:#666666; text-decoration:none; padding:5px 5px 5px 35px; font-size:12px;font-weight:normal;
BACKGROUND:url(/_layouts/images/iels/portal/leftNavBullet.jpg) no-repeat 20px 10px;font-family:Arial, Helvetica, sans-serif;}
.leftNavLists li a.active{ display:block; color:#991b1e; text-decoration:none; padding:5px 5px 5px 35px; font-size:12px;
font-weight:normal;BACKGROUND:url(/_layouts/images/iels/portal/leftNavBulletActive.jpg) no-repeat 20px 10px;font-family:Arial, Helvetica, sans-serif;}



.content{width:650px; float:right; font-family:'MyWebFont',Arial, Helvetica, sans-serif; margin-right:125px; color:#666666; font-size:0.9em; padding-bottom:30px; margin-top:25px;}
.content table td{font-size:1.0em; color:#666; padding:5px 0px 5px 0px;}
.contentHeader{  font-size:1.8em; color:#666666; padding:5px 0px 20px 0px;}

.searchBtn{BACKGROUND:url(/_layouts/images/iels/portal/search.jpg) no-repeat  0 0; width:71px; height:26px; cursor:pointer; border:none;}
.redHeader{ color:#991b1e; font-size:1.0em; font-weight:bold;}

.mostRecent{ font-family:'MyWebFont',Arial, Helvetica, sans-serif;  font-size:14px; color:#666; font-weight:normal; padding:3px 3px 3px 0px;}
.q{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f59b00;font-weight:bold; padding-right:5px;}

.question{
	height:25px;
	background-color:#999;
	color:#efefef;
	border-bottom:#FFF solid 1px;
}
.question a{
	padding-left:5px;
	padding-top:3px;
	color:#fff;
	text-decoration:none;
	display:block;
}

.ans{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; font-weight:normal;
}
.content .innertable td{ padding:5px 5px 5px 10px;}

.releaseTable{}
.releaseTable td{ padding:5px 0px;}
.releaseTable td a{ padding:5px 0px; font-family:'MyWebFont',Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}

.normalcont{color:#666666; font-size:0.9em; line-height:1.3em; }
.normalcont a{color:#666666; font-size:0.9em; line-height:1.3em; }
#contactform{font-family:Arial, Helvetica, sans-serif; color:#666666;}
#contactform td{ height:35px;font-size:0.9em;}
#contactform input,textarea,select{ border:#afadae solid 1px; color:#666666; padding:4px 2px 4px 2px; font-family:Arial, Helvetica, sans-serif;}

#contactform .btn { background:#6f6d6e url(/_layouts/images/iels/portal/btn-arrow.jpg) no-repeat 95% 50%; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; padding:5px 20px 5px 5px; border:none; margin-top:10px;} 

/******* Floating Menu ***********/

#floatingMenuLinks{float:right; position:fixed; top:422px; right:-64px; width:110px; z-index:150;  }
.floatingMenu{ margin:0px 0px 0px 4px;}

.floatingMenu li{ border-bottom:#ffffff solid 1px; }.floatingMenu li.last{ border-bottom:#ffffff solid 0px; }
.floatingMenu li a{ display:block; font-family:'MyWebFont',Arial, Helvetica, sans-serif;  font-size:16px; font-weight:lighter; text-decoration:none; color:#666666;word-spacing:0.3em; text-transform:none; }


.floatingMenu li a.contact{ background:url(/_layouts/images/iels/portal/floatingContact.jpg) no-repeat 5px 5px; padding:10px 0px 15px 45px; }
.floatingMenu li a.rate{background:url(/_layouts/images/iels/portal/floatingRate.jpg) no-repeat 5px 5px; padding:15px 0px 12px 45px; }
.floatingMenu li a.rss{background:url(/_layouts/images/iels/portal/floatingRSS.jpg) no-repeat 5px 7px; padding:15px 0px 10px 45px; }

	
/***********************************/

.rssLists{}
.rssLists li{}
.rssLists li a{font-family:'MyWebFont',Arial, Helvetica, sans-serif; color:#666666; display:block; padding:7px 0px 9px 30px; background:url(/_layouts/images/iels/portal/rss.jpg) no-repeat 0px 5px; text-decoration:none;}

#popupHolder{font-family:Arial, Helvetica, sans-serif; color:#010000; font-size:0.70em; width:750px; background-color:#eeeeee; line-height:1.3em; }
.popupHeader{ background-color:#fff; text-align:left; padding:15px 30px 15px 25px;}
#popupHolder .formHolder{ margin:15px 25px 15px 25px;}
#popupHolder .title{ color:#981c1e; font-size:1.5em; font-weight:bold; display:block; padding:10px 0px 5px 0px; border-bottom:#e2e2e2 solid 4px; }
#popupHolder .radioFields td{ padding:0px;}
#popupHolder .radioFields td label{ display:block; margin-right:10px; padding:-3px 5px 0px 0px; }
.popupFooter{ background-color:#dbdbdb; text-align:right; padding:2px 30px 2px 0px; color:#7a7a7a;}
.popupSubmit{ background:url(/_layouts/images/iels/portal/submit.jpg) no-repeat 0 0; width:76px; height:28px; border:none; cursor:pointer;}
.popupSubmit:hover{ background:url(/_layouts/images/iels/portal/submitActive.jpg) no-repeat 0 0; width:76px; height:28px; border:none;cursor:pointer;}
.view-more {text-align:right; margin-top:15px; margin-bottom:35px; cursor:pointer;}
.view-more div {float:right; width: 87px;}
.view-more a div{ background:url(/_layouts/images/iels/portal/btn-readmore.jpg) no-repeat 0 0; width:87px; height:21px; cursor:pointer;}
.view-more a div:hover{ background:url(/_layouts/images/iels/portal/btn-readmore-hover.jpg) no-repeat 0 0; }
.service-bureau-dialog {display:none;}

#statusmessage.error, .statusmessage.error , .userError{ border:#e88080 solid 1px; padding:5px 5px 5px 30px; color:#c90049; background:#faf0f0 url(/_layouts/images/IELS/portal/error.png) no-repeat 5px 5px; margin-bottom:10px;}
#statusmessage.success, .statusmessage.success, .userSuccess{ border:#93bf41 solid 1px; padding:5px 5px 5px 30px; color:#648d3d; background:#f7fee7 url(/_layouts/images/IELS/portal/success.png) no-repeat 5px 5px;  margin-bottom:10px;}
#statusmessage.warning, .statusmessage.warning, .userWarning{ border:#ffcf7e solid 1px; padding:5px 5px 5px 30px; color:#c90049; background:#ffefd5 url(/_layouts/images/IELS/portal/warning.png) no-repeat 10px 3px;  margin-bottom:10px;}

/* ADDED - 16-05-13 */
.leftContent{width:650px; float:right; font-family:Arial, Helvetica, sans-serif; margin-right:125px; color:#666666; font-size:0.9em; padding-bottom:30px; margin-top:25px;}
.leftContent a{font-family:Arial, Helvetica, sans-serif; color:#666666; text-decoration:underline; }

h2{font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#666666; padding:5px 0px 5px 0px;}
.txtField{border:#afadae solid 1px; color:#666666; padding:4px 2px 4px 2px; font-family:Arial, Helvetica, sans-serif;}

.tabular{}
.tabular td{ padding:5px 5px 5px 5px;}
.tabular th{ padding:5px 5px 5px 5px;}

.ms-WPBorder{}
.ms-WPBorder td{ padding:5px 0px;}

.btn { background:#6f6d6e url(/_layouts/images/iels/portal/btn-arrow.jpg) no-repeat 95% 50%; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; padding:5px 15px 5px 5px; border:none; margin-top:10px;}
.btnPrev { background:#6f6d6e url(/_layouts/images/iels/portal/btn-arrow-prev.jpg) no-repeat 10% 50%; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; padding:5px 5px 5px 20px; border:none; margin-top:10px;}

.lists{ list-style:circle; margin-left:15px;}
.lists li{}

.btnNext { background:#6f6d6e url(/_layouts/images/iels/portal/btn-next.jpg) no-repeat 95% 50%; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff; padding:5px 20px 5px 5px; border:none; margin-top:10px;}

/* ADDED - 16-05-13 */
.modalpopupHolder{color:#666666; width:700px; background-color:#eeeeee; line-height:1.3em; border: 1px solid #323232; }
.modalpopupHeader{ background-color:#323232; color:#fff; text-align:left;}
.modalpopupHeader a{ color:#fff;}
.modalpopupHeader a:hover{ color:#fff;}
.modalpopupHolder .formHolder{ margin:15px 25px 15px 25px;}
.mandatory, .Mandatory { color:#ff0000; }

.portal-notification-text { font-family: Arial, Helvetica, sans-serif; color: #686266; font-size: 12px; margin: 10px 20px; }
.portal-notice-header {	font-weight:bold; color:#971c1f; font-size:13px }
.portal-notice-text {color: rgb(104, 98, 102); font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal;}
.portal-notice-text a {color: rgb(104, 98, 102)}

.downloads{ float:right; width:146px; height:28px;margin:-40px -100px 0px 0px;}
.downloads div{ background: url(/_layouts/images/iels/Registration/download.jpg) no-repeat 0 0; width:146px; height:28px; border:none; cursor:pointer;position:relative; }
.downloads:hover{ float:right; width:146px; height:28px; margin:-40px -100px 0px 0px;}
.downloads:hover div{ background: url(/_layouts/images/iels/Registration/downloadhover.jpg) no-repeat 0 0; width:146px; height:28px; border:none;cursor:pointer;position:relative;}
