body {background:#efefef;}

/* CSS Document */

table.bdr {border-width:1px;}
table.bdr td{border-width:1px;border-style:solid;padding:2px;}

/* layouts contents*/

.pageWrapper {width:975px;min-height:300px;margin:10px auto;position:relative;}
.outWrap {}
.inWrap{min-height:1px;_height:1px;background-image:url(../images/pagewrapper_border.gif); background-repeat:repeat-y;background-position:right; margin-left:1px;padding-right:1px;padding-bottom:0px;}

#layout{background:#fff;border:1px solid #ccc;padding:10px;}
#pageWrapTop{background-image:url('../images/banner_head.png');background-repeat:no-repeat;height:140px;}
.pageWrapTop div{background-image:url('../images/pagewrap_top.gif');background-repeat:no-repeat;background-position:right;height:12px;}
#pageWrapBottom {background-image:url('../images/footer_bg.png');background-repeat:no-repeat;height:48px;padding-left:12px;border-top:1px solid #dcdcdc;}
#pageWrapBottom div.close{background-image:url('../images/footer_bg.png');background-repeat:no-repeat;background-position:right;height:48px;}

#header{border-bottom:1px solid #f8f8f8;/*border-top:1px solid transparent;*/position:relative;}
#logo {height:80px;position:relative;}
#logo span{float:left;}
#logo span.img{margin-right:20px;margin-top:0px;border:1px solid #ccc; width:75px; height:50px;margin-right:20px;}
#logo span.title{margin-top:10px;color:#009900;font-size:24px;font-weight:normal;line-height:25px;}
#logo span.title h1{font-size:22px;font-weight:normal;}

#site_links{background: url('../images/header_menu_bg.png') repeat-y; height:34px;font-size:11px;}
#site_links ul{list-style:none;margin:0px;padding:0px;height:34px;float:right;}
#site_links li{list-style:none;margin:0px;padding:0px;display:block;height:34px;float:left;line-height:35px;margin-right:10px;text-transform:uppercase;font-size:14px;}
#site_links a {color:#fff;padding: 0px 10px;text-decoration:none;}
#site_links a:hover {text-decoration:underline;}
#site_links span {background-color:#fff;display:block;height:34px;width:35px;float:left;}
#site_links .site_link_home {background: #fff url(../images/ico_site_home.png) no-repeat center ;}
#site_links .site_link_login {background:#fff url(../images/ico_site_login.png) no-repeat center;}

#bottom_links { padding:5px;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:10px;background:#ccc url('../images/footer_grd_bg.gif') repeat-x;}
#bottom_links ul{list-style:none;margin:0px;padding:0px;}
#bottom_links li{list-style:none;margin:0px;padding:0px;display:inline;padding: 0px 5px;border-right:1px solid ;}
#bottom_links  a {color:inherit;}

#footer {padding:5px 10px 5px 5px;min-height:30px;display:block;background:#f8f8f8;border-top:1px solid #ccc;margin-top:15px;}
#provider {width:154px;}
#provider a{float:right;display:block;text-indent:-999em;width:90px;height:40px;background:url(../images/logo_sw_global.gif) no-repeat right top;margin-top:0px;}
#copywright {margin-top:10px;}

#content{position:relative;padding-top:10px;min-height:250px;*height:250px;}
#content_body .curvBlock .curv_body {min-height:370px;border-top:1px solid #fff;}
/* welocome page */
#welcomePage table{margin-left:auto;margin-right:auto;}
#aboutNis p{line-height:17px;}

.roundedBlock { width:280px;margin: 0px 10px;padding-bottom:5px;border:1px solid #ccc;background-color:#fff;
-moz-border-radius: 5px; -webkit-border-radius : 5px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;

}
.roundedBlock .sectionHead{font-size:18px;background:#008837 url('../images/section_block_bg.png') no-repeat left bottom;border:1px solid #009900;color:#fff;padding:8px 5px; font-weight:normal;
-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius : 5px;
-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
}
.roundedBlock .sectionDesc {background-color:#e9e8e8;padding:10px;line-height:15px;}
.roundedBlock .sectionDesc a{color:#cc6600;margin-left:50px;}
.roundedBlock .sectionLinks {background:#fff;padding:15px;}

.roundedBlock .sectionLinks ul{list-style:none;margin:0px;padding:0px;line-height:20px;}
.roundedBlock .sectionLinks li{list-style:none;margin:0px;padding:0px;display:block;padding:3px 5px; border-bottom:1px dotted #ccc;}
.roundedBlock .sectionLinks a{color:#cc6600;}

#aboutNis.roundedBlock .sectionLinks {background-image:url('../images/bg_hm_nislogo.gif');background-repeat:no-repeat;background-position: 98% 10%;}
#aboutNis.roundedBlock .sectionLinks p {display:block;margin-right:50px;}
#aboutNis.roundedBlock .sectionLinks a{margin-left:50px;}

#visa.roundedBlock .sectionDesc {background-image:url('../images/bg_visa.gif');background-repeat:no-repeat;background-position: 98% 10%;padding:10px 0px 10px 10px;}
#visa.roundedBlock .sectionDesc p {display:block;margin-right:70px;}

#passport.roundedBlock .sectionDesc {background-image:url('../images/bg_passport.gif');background-repeat:no-repeat;background-position: 98% 10%;padding:10px 0px 10px 10px;}
#passport.roundedBlock .sectionDesc p {display:block;margin-right:70px;}

#appForm.roundedBlock .sectionLinks {background-image:url('../images/bg_appform.gif');background-repeat:no-repeat;background-position: 98% 10%;padding:10px 0px 10px 10px;}
#appForm.roundedBlock .sectionLinks ul {display:block;margin-right:70px;}

#ecowas.roundedBlock .sectionDesc {background-image:url('../images/bg_ecowas.gif');background-repeat:no-repeat;background-position: 98% 10%;padding:10px 0px 10px 10px;}
#ecowas.roundedBlock .sectionDesc p {display:block;margin-right:70px;}

/* inside page layout */
#content_body {background:#fff; margin-left:250px;}
#content_body div.curv_top{background:url(../images/curv_top.gif) no-repeat left top;height:10px;font-size:8px;overflow:hidden;}
#content_body div.curv_bottom{background:url(../images/curv_bottom.gif) no-repeat left bottom;height:10px;font-size:8px;overflow:hidden;}
#content_body div.curv_body{border-left:1px solid #e0e0e0;padding:0px 10px;border-bottom:1px solid #FFF;background:#fff;}
#content_body div.curv_body{/*border-right:3px solid #009900;*/padding-left:20px;}

/* nav menu */
#navMenu {position:absolute;width:230px;top:20px;margin-left:22px;}
#navMenu div.curvBlock {margin-bottom:10px;}
#navMenu .active div.curv_top{background:url(../images/curv_top.gif) no-repeat left top;height:10px;font-size:8px;overflow:hidden;}
#navMenu .active div.curv_bottom{background:url(../images/curv_bottom.gif) no-repeat left bottom;height:10px;font-size:8px;overflow:hidden;}
#navMenu .active div.curv_body{border-left:1px solid #e0e0e0;padding:0px 10px;border-bottom:1px solid #FFF;background:#fff;}
#navMenu .active div.curv_body{padding-left:20px;}
#navMenu .active div.curv_body .menuItems {display:block;}
#navMenu div.curv_body .menuItems {display:none;}
#navMenu .menuItems {float:right;margin-top:-40px;background:url(../images/section_active_ico.gif) no-repeat right top;}
#content #navMenu .menuItems ul {border-right:1px solid #fff;margin:0px;padding:0px;margin-top:20px;margin-right:10px;padding-right:20px;padding-top:20px;text-align:right;background: url(../images/horizontal_seperator.gif) repeat-y right top;list-style:none;}
#navMenu .menuItems li {display:block;line-height:20px;}
#navMenu .menuHead {cursor:pointer;}
#navMenu .menuHead span{display:block;width:100%;overflow:hidden;text-indent:-999em;}

#menuPassport .menuHead{background: url('../images/text_passport_services.gif') no-repeat right;height:50px;margin-right:30px;}
#menuPassport.active .menuHead{background-image: url('../images/text_passport_services_active.gif')}

#menuVisa .menuHead{background: url('../images/text_visa_services.gif') no-repeat right;height:50px;margin-right:30px;}
#menuVisa.active .menuHead{background-image: url('../images/text_visa_services_active.gif');}


#menuEcowas .menuHead{background: url('../images/text_ecowas_services.gif') no-repeat right;height:50px;margin-right:30px;}
#menuEcowas.active .menuHead{background-image: url('../images/text_ecowas_services_active.gif');}

/* highlight block */
.highlight {margin:10px;padding:5px 5px;}
.highlight h4 {margin:10px 0px;}
.highlight p {margin:5px 0px;}

/* Form / MUlti Form */
.dlForm fieldset{display:block;border-width:0px;}
.dlForm fieldset.bdr{border-width:1px;}
.dlForm .multiForm{width:90%;margin-left:auto;margin-right:auto;}
.dlForm .legend h1 {display:inline;}

.dlForm fieldset .multiForm {border-width:1px;}
.dlForm .multiForm fieldset{border-width:1px;}

#multiForm fieldset{border-width:0px;}
#multiForm .multiForm fieldset{border-width:1px;}

.dlForm .multiForm fieldset dt {width:35%;}
.dlForm .multiForm fieldset dd { width:60%;}

.dlForm .multiForm fieldset.dt25 dt {width:25%;}
/* calender Button */
input.calBtn, button.calBtn{height:18px;width:20px;position:absolute;margin-top:2px;margin-left:2px;background:url(../images/ico_cal.gif) no-repeat;border:0px;cursor:pointer;padding:10px;}
/* error list formating */
.error_list{text-align:center;min-height:25px;margin:10px 20%; }
.error_list span{border:1px dotted #ff0000;padding:3px 10px;line-height:18px; display:block; min-height:20px;}
#flash_notice span{background-color:#f5fbf5; border-color:#33cc66;color:#098C3E;padding-left:30px;padding-right:5px;text-align:left;}
#flash_error span{display:block;line-height:16px;border-color:#cc0000;color:#cc0000;background: #f0f0f0 url('../images/flash_message_error.png') no-repeat 5px 5px;padding-left:30px;padding-right:5px;text-align:left;}

.dlForm .required {color:#ff0000;}
.dlForm .error{color:#cc0000;}


/* ordered list */
#content .curv_body ol {padding-left:30px;line-height:20px;}
#content .curv_body ul {padding-left:30px;line-height:20px;}
#content .curv_body .dlForm ul{padding:0px;margin:0px;}

/*page Specific */
#passportGuidelines h3 , #visaGuidelines h3 {margin: 10px 0px;font-size:120%;}

/* FAQ */
#faqList .faQ{font-weight:bold;color:#CC6600;}

#pageHead {clear:both;float:none;}


/* Height POPUP */
.popHeightContainer {
z-index:9999;
position:absolute;
display:block;
/*width:100%;
height:100%;

top:0px;
left:0px;
background-color: #ccc;
color: #aaa;
opacity: .9;
filter: alpha(opacity=90);
*/
border:2px solid #333;
padding:5px;
top:-50px;
left:240px;
background:#fff;
width:420px;
}
.popHeightContainer .popContent{
z-index:9999;
width:420px;
height:160px;
position:relative;
color: #000;
background-color: #f8f8f8;
}
.popHeightContainer .popContent h3{ padding:5px 10px;}/*
.popHeightContainer iframe {position:absolute; left:-9999px; top:0; width:0; height:0; margin:0; padding:0;}