/* FABCOS. URL: http://www.fabcos.co.za/ | Colour Guide: Author: Mannuel Ferreira | Dark Grey - #333333 Green - #009E58 Date created: 30 October 2009 | Bronze - #BCA555 Grey - #E9E9E9 Edited: M Ferreira 16 february 2010 */ /*---------------------- =LAYOUT ------------------------*/ body { background: url('../images/background.png') repeat top left; color: #666; font:normal 11px Arial, Helvetica, sans-serif;} blockquote { font: normal 11px Arial, Helvetica, sans-serif; text-align: center;} blockquote span { font-style:italic; color:#BCA555;} a.fabcos:link, a.fabcos:visited { margin: 10px 5px; display: block; width: 327px; height: 62px; background: url('../images/logo.png') no-repeat; text-indent: -999999px; } #wrapper { margin: 0 auto; width: 980px; overflow: hidden; background: #FFF; padding-bottom:10px; } #header { margin: 0 auto; width: 960px; background: #FFF;} #nav { margin: 0 auto; width: 960px; height: 30px; clear: both; z-index: 5; background: url('../images/nav_bg.png') repeat-x top left; } #imgBanner { margin: 0 auto; width: 960px; height: 199px; clear: both; background: #BCA555 url('../images/img_banerhome.jpg') no-repeat top left; border-top: 1px solid #FFF;} #breadcrumb { margin: 0 auto; width: 960px; height: 26px; clear: both; background: #BCA555 url('../images/breadcrumb_bg.png') no-repeat top left; border-top: 1px solid #FFF; /*IE FIX*/ _width: 900px!important; } #scroller { margin: 20px auto; width: 960px; height: 215px; clear: both; background: #FFF; } #content { margin: 0 auto; width: 960px; clear: both; background: #FFF; } #sideMenu { margin: 20px 0; width: 200px; float: left;} #menu { margin: 0 10px; clear: both; width: 200px;} #registerBlock { margin: 10px 15px; width: 180px; clear:both; border-bottom: 1px solid #BCA555; } #home #registerBlock { margin: 10px 15px; width: 210px; clear:both; border-bottom: none; } #pageContent { margin: 20px 80px; width: 570px; float: left; font-weight: normal;} #highlights { margin: 20px auto; width: 960px; height: 300px; clear: both; background: #FFF; } #footer { margin: 0 auto; width: 960px; height: auto; clear: both; background: #FFF; border-top: 1px dotted #E9E9E9; padding-top:10px; } #termsDisclaimer { margin: 10px auto; width: 980px; height: 30px; clear: both; background: none; background: url('../images/background.png') repeat top left; } #copyright { margin: -20px auto; width: 980px; height: 20px; clear: both; background: none; background: url('../images/background.png') repeat top left; } .clear { clear: both;} #registerBlock ul { padding-bottom: 10px; width: 180px!important;} #registerBlock ul li { font: normal 11px Arial, Helvetica, sans-serif; color: #666; display: block; background: url('../images/icon_lists.png') no-repeat top left; padding: 0 0 0 16px; line-height: 16px; width: 180px!important;} #termsDisclaimer ul { margin: 0 340px; _margin: 0px 470px; width: 535px; float: none; font: normal 11px Arial, Helvetica, sans-serif; color: #666; padding-left:3px;} #termsDisclaimer ul li { margin: 0 0; width: auto; float: left; font: normal 11px Arial, Helvetica, sans-serif; color: #666; padding-left:3px; } #termsDisclaimer a:link, #termsDisclaimer a:visited { display: block; width: auto; padding:1px; font: normal 11px Arial, Helvetica, sans-serif; color: #666;} #termsDisclaimer a:hover { color: #009E58;} #copyright ul { margin: 0px 370px; _margin: 0px 510px; width: 535px; float: none; font: normal 11px Arial, Helvetica, sans-serif; color: #666; padding-left:3px;} #copyright ul li { width: auto; float: left; font: normal 11px Arial, Helvetica, sans-serif; color: #666; padding-left:3px; } #copyright a:link, #copyright a:visited { display: block; width: auto; padding:1px; font: normal 11px Arial, Helvetica, sans-serif; color: #666;} #copyright a:hover { color: #009E58;} #box01,#box02,#box03 { display: block; float: left;} #box01 h1,#box02 h1, #box03 h1 { display: block; width: auto; font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; background: #009E58; padding: 5px 5px 5px 5px;} #box01 { width: 250px; } #box02 { width: 380px; margin: 0 20px; } #box03 { width: 290px; } #breadcrumb ul { margin: 5px 280px; width: 600px; /*IE FIX*/ _width: 460px!important; display: block;} #breadcrumb ul li { font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; display: inline; float: left; } #breadcrumb ul li.first { font: bold 11px Arial, Helvetica, sans-serif; color: #FFF;} #breadcrumb ul li.icon { display: block; float: left; width: 16px; height: 16px; background: url('../images/icon_breadcrumb.png') no-repeat;} #header .hedleft { height: 90px; width: 400px; float: left; } #header .hedright { z-index: 5; width: 510px; height: 90px; float: right; position: relative; top: 0; right: 0;} .hedright .search { display: block; width: 460px; height: 61px; background: url('../images/search_bg.png') no-repeat; float:right;} .hedright .register { display: block; width: 460px; float: right; clear: both; } .search ul { margin: 7px 0; width: auto; float: right;} .search ul li { display: inline; padding-left: 5px; padding-right: 5px; } .search ul li.searchBtn { padding-left: 18px;} .search a:link, .search a:visited { font: normal 11px Arial, Helvetica, sans-serif; color: #FFF;} .search a:hover { color: #CCC;} .forminput { font: 11px Arial, Helvetica, sans-serif; color: #666; height:14px;} #home #content { margin: 0 auto; width: 960px; height: 215px; clear: both; background: #FFF; } #home .left { height: 200px; width: 330px; float: left; /*IE FIX*/ _height: 198px; } #home .right { z-index: 5; width: auto; width:400px; float: right; margin: 20px 90px; /*IE FIX*/ _margin: 20px 40px!important; _width: 420px!important;} #home .left h1 { position: relative; top: 110px; left: 10px; font: normal 20px Arial, Helvetica, sans-serif!important; color: #FFF; width:430px; text-transform: none; line-height: 20px;} #home .left h2 { position: relative; top: 135px; left: 10px; font: bold 16px Arial, Helvetica, sans-serif; color: #BCA555; width:380px; text-transform: uppercase; } #home .right p.first { margin: 0 0; font: normal 14px Arial, Helvetica, sans-serif!important; color: #FFF; text-align: left; } #home .right p { margin: 0 0; font: normal 12px Arial, Helvetica, sans-serif!important; color: #FFF; } #home .right a.sml:link, #home .right a.sml:visited { display: block; width: 80px; height: 16px; background: url('../images/btn_arrow_grn.png') no-repeat top right; color: #FFF; font-size:12px; font-weight: bold; } #home .right a.sml:hover { background: url('../images/btn_arrow_grn.png') no-repeat bottom right; color: #FFF; } #home .right a.long:link, #home .right a.long:visited { display: block; width: 280px; height: 16px; background: url('../images/btn_arrow_grn.png') no-repeat top right; color: #FFF; font-size:12px; font-weight: bold; } #home .right a.long:hover { background: url('../images/btn_arrow_grn.png') no-repeat bottom right; color: #FFF; } #memberlogin h1 { margin: 0 20px;font: normal 24px Arial, Helvetica, sans-serif!important; color: #FFF; width: auto; text-transform: none;} #memberlogin #content { margin: 0 auto; width: 960px; height: 215px; clear: both; background: #FFF; } #memberlogin #imgBanner { margin: 0 auto; width: 960px; height: 199px; clear: both; background: #BCA555 url('../images/img_banerhome.jpg') no-repeat top left; border-top: 1px solid #FFF;} #memberlogin #breadcrumb { display: none; } #memberlogin #content { display: none; } #memberlogin #sideMenu { display: none;} #memberlogin #menu { display: none;} #memberlogin #registerBlock { display: none; } #memberlogin #pageContent { display: none;} #memberlogin #highlights { display: none; } #memberlogin #footer { display: none; } #memberlogin #termsDisclaimer { margin: 10px auto; width: 980px; height: 30px; padding: 0 ; clear: both; background: none; background: transparent; } #default #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #default .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #default .right { height: 173px; width: 709px; z-index: 5; float: left; background: #BCA555 url('../images/img_banerhome.jpg') no-repeat top left; border-left: 1px solid #FFF; } #default .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #publications #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #publications .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #publications .right { height: 173px; width: 709px; z-index: 5; float: left; background: #BCA555 url('../images/img_publications02.jpg') no-repeat top left; border-left: 1px solid #FFF; } #publications .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #terms #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #terms .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #terms .right { height: 173px; width: 709px; z-index: 5; float: left; background: #BCA555 url('../images/img_aboutus.jpg') no-repeat top left; border-left: 1px solid #FFF; } #terms .left h1 { position: relative; top: 110px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #disclaimer #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #disclaimer .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #disclaimer .right { height: 173px; width: 709px; z-index: 5; float: left; background: #BCA555 url('../images/img_aboutus.jpg') no-repeat top left; border-left: 1px solid #FFF; } #disclaimer .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #ppolicy #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #ppolicy .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #ppolicy .right { height: 173px; width: 709px; z-index: 5; float: left; background: #BCA555 url('../images/img_aboutus.jpg') no-repeat top left; border-left: 1px solid #FFF; } #ppolicy .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #franchising #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #franchising .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #franchising .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_franchising.jpg') no-repeat top left; border-left: 1px solid #FFF; } #franchising .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #products #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #products .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #products .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_products.jpg') no-repeat top left; border-left: 1px solid #FFF; } #products .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #aboutFABCOS #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #aboutFABCOS .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #aboutFABCOS .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_aboutus.jpg') no-repeat top left; border-left: 1px solid #FFF; } #aboutFABCOS .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #memberships #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #memberships .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #memberships .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_memberships_b.jpg') no-repeat top left; border-left: 1px solid #FFF; } #memberships .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #enterprises #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #enterprises .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #enterprises .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_enterprises.jpg') no-repeat top left; border-left: 1px solid #FFF; } #enterprises .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #sectors #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #sectors .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #sectors .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_sectors.jpg') no-repeat top left; border-left: 1px solid #FFF; } #sectors .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #finance #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #finance .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #finance .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_finance.jpg') no-repeat top left; border-left: 1px solid #FFF; } #finance .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #eDevelopment #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #eDevelopment .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #eDevelopment .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_enterprise_development02.jpg') no-repeat top left; border-left: 1px solid #FFF; } #eDevelopment .left h1 { position: relative; top: 110px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #investments #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #investments .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #investments .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_finance.jpg') no-repeat top left; border-left: 1px solid #FFF; } #investments .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #academy #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #academy .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #academy .right { height: 173px; width: 709px; z-index: 5; float: left; background: url('../images/img_academy.jpg') no-repeat top left; border-left: 1px solid #FFF; } #academy .left h1 { position: relative; top: 110px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #contactus #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #contactus .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #contactus .right { height: 173px; width: 709px; z-index: 5; float: left; background: #BCA555 url('../images/img_contactus.jpg') no-repeat top left; border-left: 1px solid #FFF; } #contactus .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #sitemap #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #sitemap .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #sitemap .right { height: 173px; width: 709px; z-index: 5; float: left; background: #BCA555 url('../images/img_contactus.jpg') no-repeat top left; border-left: 1px solid #FFF; } #sitemap .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} #sitemap #pageContent { margin: 20px 80px; width: 600px; float: left; font-weight: normal;} #sitemap #menu { margin: 0 0px; clear: both; width: auto;} #sitemap #pageContent a { color: #666;} #sitemap #pageContent a:hover { color: #009E58;} #search #imgBanner { margin: 0 auto; width: 960px; height: 173px; clear: both; background: #FFF; border-top: 1px solid #FFF;} #search .left { width: 250px; height: 173px; float: left; background: #BCA555 url('../images/header_bg.png') repeat top left; } #search .right { height: 173px; width: 709px; z-index: 5; float: left; background: #BCA555 url('../images/img_contactus.jpg') no-repeat top left; border-left: 1px solid #FFF; } #search .left h1 { position: relative; top: 130px; left: 10px; font: bold 24px Arial, Helvetica, sans-serif; color: #FFF;} .register ul { float: right;} .register ul li { font: normal 11px Arial, Helvetica, sans-serif; color: #666; display: inline; padding-left: 5px; } .register a:link, .register a:visited { font: normal 11px Arial, Helvetica, sans-serif; color: #666; text-decoration: none; } .register a:hover { color: ; text-decoration:underline;} .register a.reg { font: bold 11px Arial, Helvetica, sans-serif; color: #009E58;} /*=TYPOGRAPHY ------------------------*/ p { font: normal 11px Arial, Helvetica, sans-serif!important; color: #666; line-height: 16px; padding-bottom: 10px;} h1 { font: bold 12px Arial, Helvetica, sans-serif; color: #BCA555; padding-bottom: 5px; text-transform: uppercase} h2 {} h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #009E58 ;} a:link, a:visited { font: normal 11px Arial, Helvetica, sans-serif; color: #009E58; text-decoration: none; } a:hover { color: #333; text-decoration: none; } a.howtobecome:link, a.howtobecome:visited { font-size: 14px;} #registerBlock h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#BCA555 ; padding-bottom: 5px;} #registerBlock h2 span { font-weight: bold; font-size:18px} /*=NAVIGATION ------------------------*/ #sideMenu ul { width: 200px;} #sideMenu ul li { display: block; width: 200px;} #sideMenu ul li a:link, #sideMenu ul li a:visited { display: block; width: 200px; padding:5px 0 5px 10px; border-bottom: 1px dotted #CCC; color: #666; font: normal 11px Arial, Helvetica, sans-serif;} #sideMenu ul li a:hover { color: #BCA555;} a.btn_register:link, a.btn_register:visited { display: block; width: 105px; height: 27px; background: url('../images/btn_register.png') no-repeat top left; text-indent:-9999999px;} a.btn_register:hover { background: url('../images/btn_register.png') no-repeat bottom left;} /*About FABCOS menun*/ .introduction #sideMenu .menu01 a, .mission #sideMenu .menu02 a, .letter #sideMenu .menu03 a, .values #sideMenu .menu04 a, .Chronology #sideMenu .menu05 a, .strategic #sideMenu .menu06 a, .structures #sideMenu .menu07 a { width: 200px; padding:5px 0 5px 10px; background: url('../images/icon_nav_active.png') no-repeat top right; color: #BCA555!important;} .whoqualifies #sideMenu .menu00 a, .Entrepreneurs #sideMenu .menu01 a, .corporateMembership #sideMenu .menu02 a, .membershipAdmin #sideMenu .menu03 a { width: 200px; padding:5px 0 5px 10px; background: url('../images/icon_nav_active.png') no-repeat top right; color: #BCA555!important;} .introduction #sideMenu .menu01 a { width: 200px; padding:5px 0 5px 10px; background: url('../images/icon_nav_active.png') no-repeat top right; color: #BCA555!important;} .lifecover #sideMenu .menu01 a, .businessOpp #sideMenu .menu02 a, .companyReg #sideMenu .menu03 a, .liquor #sideMenu .menu04 a, .fabcard #sideMenu .menu05 a { width: 200px; padding:5px 0 5px 10px; background: url('../images/icon_nav_active.png') no-repeat top right; color: #BCA555!important;} /*Publications*/ .businessNews #sideMenu .menu01 a, .bulletins #sideMenu .menu02 a, .researchReports #sideMenu .menu03 a, .corpMembership #sideMenu .menu04 a, .codeConduct #sideMenu .menu05 a { width: 200px; padding:5px 0 5px 10px; background: url('../images/icon_nav_active.png') no-repeat top right; color: #BCA555!important;} /*Enterprise Development*/ .access #sideMenu .menu01 a, .training #sideMenu .menu02 a, .research #sideMenu .menu03 a, .intRelations #sideMenu .menu04 a, .leadership #sideMenu .menu05 a, .mentorship #sideMenu .menu06 a, .advocacy #sideMenu .menu07 a { width: 200px; padding:5px 0 5px 10px; background: url('../images/icon_nav_active.png') no-repeat top right; color: #BCA555!important;} #home #topnav .fabcoshome, #aboutFABCOS #topnav .aboutfabcos, #memberships #topnav .memberships, #sectors #topnav .sectors, #enterprises #topnav .enterprises, #franchising #topnav .franchising, #products #topnav .products, #investments #topnav .investments, #academy #topnav .academy, #contactus #topnav .contact, #eDevelopment #topnav .enterprisesDev { background: #BCA555 url('../images/topnav_activeb.png') repeat-x top left; color: #FFF!important;} ul#topnav { z-index: 5; width: 960px; height: 0px; position: relative; top: 0px; left: 0px; font-size: 12px; } ul#topnav li { float: left; border-right:none; } ul#topnav li a.mainmenu { padding: 8px 11px 7px 10px; display: block; color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-right: 1px solid #FFF; } ul#topnav li:hover { background: #BCA555 url('../images/topnav_active.png') repeat-x top left; color: #FFF!important; } ul#topnav li span.dropdown { float: left; padding: 10px 0; position: absolute; left: -1px; top:20px; display: none; width: 960px; color: #FFF!important; } ul#topnav li:hover span.dropdown { display: block; } .threecol a:link, .threecol a:visited { text-decoration: none; font: normal 11px Arial, Helvetica, sans-serif; } .threecol a:hover { color: #333; } .threecol { position: absolute; left: 0; top: 11px; padding: 10px 10px 10px 10px; background: #BCA555 url('../images/subcontentbg.png') repeat-x bottom left; border-top: none!important; border:1px solid #FFF; } .threecol .wrap { margin:0 auto; width: 940px; overflow: hidden; position: relative; background: #FFF!important; height: 1%;/*IE - dissapearing background fix*/ } /*IE - dissapearing background fix*/ html>body .threecol .wrap { margin:0 auto; width: 940px; overflow: hidden; position: relative; height: auto; background: #FFF; } /*=MIDDLE CONTENT--*/ .threecol .middle { width: 940px; height: 180px; overflow: hidden; clear: both; margin: 0 10px; background: url('../images/menu_logo.png') no-repeat 10px 10px; } .threecol .sideleft { position: relative; top: 10px; left: 90px; float: left; width: auto; padding-bottom: 10px; } .threecol .sideright { position: relative; top: 10px; left: 120px; float: left; width: auto; padding-bottom: 10px; border-left: 1px solid #BCA555; padding-left: 20px; height: 140px; } .sideleft ol { display: block; width: 300px;} .sideleft ol li { display: block; width: 300px; padding: 3px 0 3px 0; border-bottom: 1px dashed #CCC;} .sideleft ol li a { display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #666; padding: 3px 0 3px 0; background:#FFF!important;} .sideright ol { display: block; width: 300px;} .sideright ol li { display: block; width: 300px; padding: 3px 0 3px 0; border-bottom: 1px dashed #CCC;} .sideright ol li a { display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #666; padding: 3px 0 3px 0; background:#FFF!important;} img.headshot { float: left; padding-right: 20px;} img.floatedImages { float: left; padding-right: 20px;} ul.std { padding-bottom: 10px; } ul.std li { line-height: 18px; font: normal 11px Arial, Helvetica, sans-serif; background: url(../images/icon_lists.png) no-repeat top left; padding: 0 18px; } ul.std ul li { list-style: none;} ol.letters { padding-bottom: 10px; } ol.letters li { line-height: 18px; font: normal 11px Arial, Helvetica, sans-serif; color: #666; list-style-type: lower-alpha; margin: 0 20px; } ol.numbers { padding-bottom: 10px; } ol.numbers li { line-height: 18px; font: normal 11px Arial, Helvetica, sans-serif; color: #666; list-style-type: decimal; margin: 0 20px; } /*Enterprises Menu*/ .enterprisesM { clear: both; width: 200px; /*width of menu*/ border-bottom-width: 0; } .enterprisesM a.menuitem { width: 200px; padding:5px 0 5px 10px; border-bottom: 1px dotted #CCC; color: #666; font: normal 11px Arial, Helvetica, sans-serif; color: #666; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ text-decoration: none; } .enterprisesM a.menuitem:visited, .enterprisesM .menuitem:active { color: #666; } .enterprisesM a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; } .enterprisesM a.menuitem:hover { color: #BCA555; } .enterprisesM div.submenu { /*DIV that contains each sub menu*/background: white; } .enterprisesM div.submenu ul { /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; } .enterprisesM div.submenu ul li { border-bottom: none; } .enterprisesM div.submenu ul li a { display: block; font: normal 10px Arial, Helvetica, sans-serif; color: #666; text-decoration: none; padding: 2px 0; padding-left: 5px; background:#F9F7F0; } .enterprisesM div.submenu ul li a:hover { background: #FFF; background:#F9F7F0; } /*table styles highlighting*/ .tableStyle { font: normal 11px Arial, Helvetica, sans-serif; line-height: 18px; color: #666;} #TableStripe { font: normal 11px Arial, Helvetica, sans-serif; line-height: 18px; color: #666;} table#TableStripe { border: 1px solid #CCC; padding:2px; } #TableStripe tr td { font-size: 11px; padding: 2px 6px; background: #fff; } #TableStripe thead td { color: #fff; background-color: #000; font-weight: bold; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; } #TableStripe tbody td { border-left: 1px solid #CCC; } #TableStripe tbody td a { color:#000000; text-decoration:underline; } #TableStripe tbody td a:hover { color:#000000; text-decoration:none; } #TableStripe tbody tr.even td { background: #eee; } #TableStripe tbody tr.highlight td { color: #FFF; background-color: #009E58; border-color: #CCC; } /* Opera fix */ #TableStripe head:first-child+body tr.ruled td { background-color: #C6E3FF;} .whiteRule { border-left: 1px solid #FFF;} .whiteTxt { font: normal 11px Arial, Helvetica, sans-serif; color: #FFF; line-height: 16px;} span.required { font: normal 10px Arial, Helvetica, sans-serif; color: red;} .ruleBottom { border-bottom: 1px dotted #BCA555; } .smlTxtGrey {font: normal 10px Arial, Helvetica, sans-serif; color:#999;} input {font: normal 11px Arial, Helvetica, sans-serif; color:#666;}