@import url(small.css); #bahamasWrapper{ font-family: Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; padding: 0px; margin:0px; top:0px; left:0px; right:0px; bottom:0px; background-color: #295963; background-image: url("../images/bg.jpg"); background-repeat:repeat-x; background-position: 0px 127px; position:absolute; overflow:auto; width:102%; height:100%; } #bahamasWrapper a{ text-decoration: none; } #bahamasWrapper ul { list-style-type:none; padding:0px; margin:0px; } #bahamasWrapper .clear{ clear:both; margin:0px; } #page{ min-width:990px; background-image: url("../images/bg.jpg"); background-repeat:repeat-x; background-color: #295963; z-index:0; } /* Header background styles */ #header { background-color: #f4fbfc; height: 115px; min-width:990px; position:relative; border-top: 4px solid #099ab6; border-bottom: 8px solid #eeab32; z-index:1; } /* 960 grid, page centering and gutters */ #headerWrapper, #pageWrapper{ margin:0px 0px 0px 215px; width:940px; padding: 0px 10px; } #pageWrapper{ position:relative; overflow:auto; /*arp25 layout fix*/ } #headerWrapper{ background-image: url("../images/header_bg.png"); background-repeat:no-repeat; background-position:center; } /* Top right corner navigation */ #header a{ font-size:92%; } #header #toolLinks{ float:right; padding:5px 0px; z-index:2; } #topNav li { color:#555555; padding: 0px 10px; border-right: solid 1px #555555; float:left; position:relative; display:inline-block; } #header #toolLinks ul li.last, #subheader #subHeaderLinks ul li.last, #footerWrapper #footerLinks ul li.last{ padding-right:0px; border:none; } #header #toolLinks a{ color: #555555; } /* Second Level DropDown */ #topNav li .dropdown{ background:url("../images/tools_arrow.gif") no-repeat bottom right; padding-right:15px; font-size:92%; } #topNav li ul li, #searchNav li ul li{ float:none; padding: 5px; border:none; width:115px; } #topNav li ul{ width:125px; display: none; position:absolute; top: 1.2em; right: 10px; z-index:1; background:#fff; padding:5px; border-top:4px solid #555555; } #topNav li:hover ul, #searchNav li:hover ul{ display:block; } #topNav li ul li:hover{ background:#bbe1e4; } #header #topNav li:hover ul.dropMenu li a{ display:inline-block; width:100%; color:#0E7E87; } #header #topNav li:hover ul.dropMenu li:hover a{ color:#214245; } #header #topNav li:hover ul.dropMenu li:hover a:hover{ text-decoration:none; } .alignCenter{ text-align:center; } .alignLeft{ float:left; position:relative; } .alignRight{ float:right; position:relative; } #header #headerRight{ float:right; overflow:visible; position:relative; } #header #search{ z-index:0; padding-top:20px; position:relative; float:right; } #header #searchForm{ display:inline; margin:0px; padding:0px; } #header #search input{ display:inline; vertical-align:middle; } #header #search #searchBox{ background:url(../images/bg_searchBox.png) repeat-x; border:solid 1px #a2a2a2; padding:3px; display:inline; } #searchNav li .dropdown{ background:url("../images/search_arrow.gif") no-repeat bottom center; width:20px; height:24px; display:inline-block; padding:0px; } #header #searchNav{ display:inline; padding:0px; } #searchNav li{ padding:0px; display:inline; } #searchNav li ul li{ display:block; } #searchNav li ul{ display: none; position:absolute; top: 40px; right: 52px; z-index:1; background:#fff; border:1px solid #555555; } #header #searchNav li:hover ul.dropMenu li a{ display:inline-block; width:100%; color:#000; } #searchNav li ul li:hover{ background:#999; } #header #search .govNet{ display:inline; margin-top:-20px; } #header #advancedLink{ text-align:right; padding-top:5px; } /* Main Navigation styles */ #header #mainNav{ bottom:-8px; position:absolute; } #header #mainNav ul li { border-right:solid 1px #ffffff; float:left; display:inline-block; } #header #mainNav ul li.last { border:none; } #header #mainNav ul li a{ line-height:16px; font-size: 117%; font-weight:bold; color: #ffffff; background-color: #00b1c0; position:relative; padding:0px 10px; display:inline-block; line-height:30px; background-image:url("../images/bg_mainReg_up.gif"); } #mainNav ul li#btnGov a:hover{ background-image:url("../images/bg_mainGov_up.png"); } #mainNav ul li#btnGov a.selected, #mainNav ul li#btnGov a:hover.selected{ background-image:url("../images/bg_mainGov_down.png"); } #mainNav ul li#btnGov a:hover .lt, #mainNav ul li#btnGov a.selected .lt, #mainNav ul li#btnGov a:hover .rt, #mainNav ul li#btnGov a.selected .rt, #mainNav ul li#btnGov a:hover .lb, #mainNav ul li#btnGov a.selected .lb, #mainNav ul li#btnGov a:hover .rb, #mainNav ul li#btnGov a.selected .rb{ background-image:url("../images/btn_mainGov.png"); } #mainNav ul li#btnBusiness a:hover{ background-image:url("../images/bg_mainBusiness_up.png"); } #mainNav ul li#btnBusiness a.selected, #mainNav ul li#btnBusiness a:hover.selected{ background-image:url("../images/bg_mainBusiness_down.png"); } #mainNav ul li#btnBusiness a:hover .lt, #mainNav ul li#btnBusiness a.selected .lt, #mainNav ul li#btnBusiness a:hover .rt, #mainNav ul li#btnBusiness a.selected .rt, #mainNav ul li#btnBusiness a:hover .lb, #mainNav ul li#btnBusiness a.selected .lb, #mainNav ul li#btnBusiness a:hover .rb, #mainNav ul li#btnBusiness a.selected .rb{ background-image:url("../images/btn_mainBusiness.png"); } #mainNav ul li#btnCitizen a:hover{ background-image:url("../images/bg_mainCitizen_up.png"); } #mainNav ul li#btnCitizen a.selected, #mainNav ul li#btnCitizen a:hover.selected{ background-image:url("../images/bg_mainCitizen_down.png"); } #mainNav ul li#btnCitizen a:hover .lt, #mainNav ul li#btnCitizen a.selected .lt, #mainNav ul li#btnCitizen a:hover .rt, #mainNav ul li#btnCitizen a.selected .rt, #mainNav ul li#btnCitizen a:hover .lb, #mainNav ul li#btnCitizen a.selected .lb, #mainNav ul li#btnCitizen a:hover .rb, #mainNav ul li#btnCitizen a.selected .rb{ background-image:url("../images/btn_mainCitizen.png"); } #mainNav ul li#btnNonRes a:hover{ background-image:url("../images/bg_mainNonRes_up.png"); } #mainNav ul li#btnNonRes a.selected, #mainNav ul li#btnNonRes a:hover.selected{ background-image:url("../images/bg_mainNonRes_down.png"); } #mainNav ul li#btnNonRes a:hover .lt, #mainNav ul li#btnNonRes a.selected .lt, #mainNav ul li#btnNonRes a:hover .rt, #mainNav ul li#btnNonRes a.selected .rt, #mainNav ul li#btnNonRes a:hover .lb, #mainNav ul li#btnNonRes a.selected .lb, #mainNav ul li#btnNonRes a:hover .rb, #mainNav ul li#btnNonRes a.selected .rb{ background-image:url("../images/btn_mainNonRes.png"); } /*All Corners*/ #mainNav .lt, #mainNav .rt, #mainNav .lb, #mainNav .rb { position:absolute; height:15px; width:10px; display:block; } .lt, .lb {left:0px;} .lt, .rt {top:0px;} .rt, .rb {right:0px;} .rb, .lb {bottom:0px;} #mainNav a .lt {background-position:0px 0px;} #mainNav a .rt {background-position:-13px 0px;} #mainNav a .lb {background-position:0px -15px;} #mainNav a .rb {background-position:-13px -15px;} #mainNav a.selected .lt {background-position:-26px 0px;} #mainNav a.selected .rt {background-position:-39px 0px;} #mainNav a.selected .lb {background-position:-26px -15px;} #mainNav a.selected .rb {background-position:-39px -15px;} /* Subheader: Breadcrumb and subHeaderLinks links*/ #subheader{ font-size:92%; padding-top:1px; min-height:23px; margin-bottom:6px; } #subheader a{ color:#037387; } #subheader a:hover, #subheader #subHeaderLinks a:hover span{ text-decoration:underline; } #subheader #breadcrumb{ width:500px; padding-left:10px; color:#1a1a1a; } #subheader #breadcrumb ul li { float:left; padding-top:5px; } #subheader #subHeaderLinks ul li{ padding:0px 10px; border-right: solid 1px #0e7e87; float: right; } #subheader #subHeaderLinks ul li span{ display:inline-block; vertical-align:middle; } #subheader #subHeaderLinks a:hover, #subheader #subHeaderLinks a:hover .ie_spriteWrapper, #subheader #subHeaderLinks a:hover .icons{ text-decoration:none; } /* Content: leftNav, mainContent, and rightContent areas */ #content{ clear:both; overflow:auto; float:center; padding-left:50px; } #content .noGutter{ margin-bottom:0px; } #content .bold{ font-weight:bold; } #content .italic{ font-style:italic; } #content #leftNav{ width:160px; float:left; color:#0e7e87; } #content #leftNav a{ font-weight:normal; color:#0e7e87; } #content #mainContent, #content #rightContent, #content #mainContentWide{ padding-left:20px; float:left; } /* Left Navigation */ #leftNav{ background:url("../images/nav_bg.png") top no-repeat; position:relative; z-index:2; } #leftNav .top #flamingo{ position:relative; float:right; top:-10px; z-index:1; width:53px; height:51px; background:url("../images/flamingo.png") no-repeat; } /* #leftNav .top #navTopShadow{ position:absolute; right:-5px; width:5px; height: 56px; background-position:top right; background:url("../images/nav_shadow.png") no-repeat; } */ #leftNav .top ul{ margin-top: 3px; padding-left:5px; background-color:#ffffff; } #leftNav .top ul li{ height:26px; display:block;} #leftNav .top ul li span{ display:inline-block; vertical-align:middle; font-weight: bold; } #leftNav .top ul li span.leftLink{ padding:3px 5px; width:65px; } #leftNav .top ul li a:hover span.leftLink, #leftNav .top ul li span.selected{ color:#ffffff; background-color:#0f9aab; } #leftNav .middle{ /* shadow background lower right side */ background-color:#ffffff; padding-left:10px; padding-right:10px; } #leftNav #leftNavHeader{ text-transform:uppercase; color: #888888; font-size:92%; line-height:20px; } #leftNav .bottom{ display:block; height:5px; padding-bottom: 10px; background:url("../images/nav_bg.png") bottom no-repeat; } #leftNav .middle ul li.last{ border-bottom:none; } #nav li{ display:inline-block; border-bottom: 1px solid #bee4ea; width: 140px; position:relative; color:#0e7e87; } #nav li a, #nav span.subMenu{ width:100%; padding:4px 0px 5px 0px; display:inline-block; } #content #nav li:hover a, #content #nav li.selected a, #content #nav li:hover ul li:hover a, #content #nav li:hover ul li:hover ul li:hover a{ color:#fff; } /* second level */ #nav li ul, #nav li:hover ul li ul{ display: none; position:absolute; left:140px; top: 0px; z-index:1; background:#fff; padding:5px 10px; border-left:4px solid #555555; } #nav li:hover ul, #nav li:hover ul li:hover ul{ display:block; } #nav li:hover, #nav li.selected, #nav li:hover ul li:hover { background-color:#0f9aab; margin-left:-4px; margin-right:-4px; border-left:4px solid #0f9aab; border-right:4px solid #0f9aab; border-bottom:1px solid #0f9aab; color:#fff; } #content #nav li:hover ul li a, #content #nav li:hover ul li:hover ul li a{ color:#0e7e87; } .divider{ background:url("../images/dividerLine_small.png") no-repeat top; } .dividerModule{ background:url("../images/dividerLine_blue.gif") repeat-x bottom; margin-right:-10px; margin-left:-10px; clear:both; } .dividerBorder{ clear:both; border-bottom: 1px solid #d9d9d9; width:100%; margin-bottom:8px; } #fullContent .dividerModule{ margin-top:-3px; } #islands{ margin-top:50px; margin-bottom:13px; background:url("../images/islands.png") no-repeat; height:161px; width:158px; } /* Main Content */ #mainContent, #mainContentWide, #fullContent{ position:relative; } #mainContent{ width: 520px; } #mainContentWide{ width: 760px; } #fullContent{ width:100%; } .module, .module2{ color:#1a1a1a; margin-bottom:13px; background-color:#ffffff; overflow:auto; } #content .modTitle, #mainContent .newHeader{ font-family: Georgia, "Times New Roman", serif; font-size:150%; } #mainContent .module, #mainContentWide .module, #mainContent #modWelcome{ background-image:url("../images/mod_bg.jpg"); background-repeat:no-repeat; background-position:center top; padding: 10px 10px 14px 10px; } .module2 { padding:12px 12px 17px 12px; border-right:solid 3px #ffffff; border-left:solid 3px #ffffff; background-color:#ffffff; background-image:url("../images/mod2_bg.jpg"); background-repeat:repeat-x; position:relative; } #content .module2 .modTitle{ font-size:167%; } #mainContent a, #fullContent a, #mainContentWide a, #header #advancedLink a{ color:#0e7e87; } #mainContent a:hover, #fullContent a:hover, #mainContentWide a:hover, #header #headerRight a:hover{ text-decoration:underline; } .module2 p{ padding:12px 0px 10px 0px; margin:0px; } #mainContent .sidePicture{ width:95px; padding-top:8px; } #content .moduleColumn{ width:240px; } #mainContentWide .module3Column{ width:220px; padding-left:18px; } #contact{ width:423px; } #contactPerson{ width:383px; } #contactPerson p{ padding:5px 0px; } #contactPerson .dividerBorder{ margin-bottom:0px; } #mainContent .topLink, #mainContentWide .topLink{ float:right; position:relative; background:url("../images/icn_backtoTop.png") left no-repeat; padding-left:15px; } #mainContent #modWelcome{ height:125px; vertical-align:middle; } #mainContent #modWelcome .modTitle{ font-size:183%; font-family:Georgia, "Times New Roman", Times, serif; padding-top:30px; } #mainContent #modWelcome .tagLine{ font-size: 133%; line-height: 18px; vertical-align:middle; padding-top:10px; } #mainContent .threeColumnHeader{ width:520px; height:44px; clear:both; } #mainContent .threeColumnHeader .header{ padding: 0px 8px; width:155px; height:44px; border-right: 1px solid #ffffff; float:left; color:#ffffff; font-weight:bold; font-size: 117%; display:block; } #mainContent .threeColumnHeader img{ height:44px; width:1px; vertical-align:middle; } #mainContent .threeColumnHeader .second{ width:159px; } #mainContent .threeColumnHeader .last{ width:156px; border: none; } #mainContent .threeColumnHeader span{ display:inline-block; vertical-align:middle; width:120px; } #mainContent .threeColumnHeader .header2Col{ padding: 0px 8px; width:331px; height:44px; border-right: 1px solid #ffffff; float:left; color:#ffffff; font-weight:bold; font-size: 117%; display:block; background: url("../images/2Column_green.png"); } #mainContent .threeColumn td{ width:156px; padding:0px 10px; vertical-align:top; border-right: solid 1px #D9D9D9; border-collapse:collapse; } #mainContent .threeColumn td.first{ padding-left:0px; width:152px; } #mainContent .threeColumn td.third{ padding-right:0px; border-right:none; width:151px; } /* Lists*/ #mainContent .threeColumn ul.listBullet{ padding:0px; } #content ul.listBullet{ list-style-type: none; padding: 13px 0px 0px 0px; } #content ul.listBullet li{ list-style-image: url("../images/orange_bullet.png"); margin-left:16px; padding-bottom:6px; } #rightContent ul.listBullet li a { color:#0e7e87; } #rightContent ul.listBullet li a:hover{ text-decoration:underline; } #mainContent ul.plainList{ padding:0px 0px 0px 48px; display:block; } #mainContent ul.plainList li{ list-style-type:disc; padding:11px 0px 0px 0px; } #mainContent ul.plainList li span{ font-size:92%; } #content ul.unorderedList li{ padding-left:25px; } #content ul.unorderedList{ list-style-type:disc; list-style-position:inside; padding:12px 0px; } #content ul.listBulletDown{ padding-top:4px; } #content ul.listBulletDown li{ list-style-image: url("../images/orange_bullet_down.png"); margin-left:16px; padding-bottom:6px; } .expWidget{ border:1px solid #888888; padding: 0px 3px 1px 3px; margin-right:5px; } #mainContent a.expWidget{ text-decoration:none; color:#888888; } /* News */ #content .module ul.news li div.newsItem{ border-bottom:1px solid #d9d9d9; padding: 4px 0px 6px 0px; width:400px; } #content .module ul.news li div.last{ border-bottom: none; padding-bottom:0px; } #content .module ul.news li .newsTitle{ font-weight:bold; font-size: 117%; line-height:20px; color:#0e7e87; } #content .module ul.news li .newsDate{ font-style:italic; font-size:92%; line-height:13px; font-family: Georgia, "Times New Roman", serif; color: #888888; } #content .module ul.news li.withImages{ clear:both; overflow:auto; } #content .module ul.news li.withImages div.newsItem{ float:right; width:411px; } #content .module ul.news li.withImages img{ float:left; padding:10px 0px; width:68px; } /* Right hand portlets */ #rightContent{ width:220px; position:relative; } #rightContent a{ color:#555555; } #rightContent .sideHeader{ font-size: 117%; font-weight:bold; padding:0px 10px; background-color: #a7dfe3; border-bottom: 2px solid #1ea0ab; line-height:20px; } #rightContent .sideHeaderWhite{ background-color: #ffffff; font-size: 117%; font-weight:bold; padding:0px 10px; border-bottom: 2px solid #1ea0ab; line-height:22px; } #rightContent .module{ padding: 0px 10px 10px 10px; width:200px; } #rightContent .module div.modText{ padding-top:12px; } #rightContent .module .tertiary, #mainContent .module .tertiary, .moduleColumn .tertiary, .module3Column .tertiary{ float:right; } /* Notices and Events */ #rightContent .module img, #content .module ul.eventsList li .iconCalendar{ float:left; } #rightContent ul.sideListDetail li, #content .module ul.eventsList li{ border-bottom: solid 1px #d9d9d9; padding: 15px 0px; overflow:auto; width:200px; } #rightContent ul.sideListDetail li, #rightContent ul.eventsList li{ font-size:92%; } #rightContent ul.sideListDetail li.last, #content .module ul.eventsList li.last{ border-bottom: none; } #rightContent ul.sideListDetail li div.notice{ float:right; width:130px; } #rightContent .module ul.sideListDetail li .sideSubHeader{ font-weight:bold; } /* Events */ #content .module ul.eventsList li{ padding-top:10px; padding-bottom:11px; width:100%; } #content .module ul.eventsList li ul{ float:right; } #content .module ul.eventsList li ul li{ width:135px; border-bottom: none; padding:0px 0px 5px 0px; } #content .module ul.eventsList li ul li.last{ padding-bottom:0px; } #mainContent .module ul.eventsList li ul li, #mainContentWide .module ul.eventsList li ul li{ width:175px; } #content .module ul.eventsList li .sideSubHeader{ font-weight:bold; font-family: Georgia, "Times New Roman", serif; } #content .module2 ul.eventsList li{ padding:10px 0px; border-bottom: 1px solid #d9d9d9; width:100%; overflow:auto; } #content .module2 ul.eventsList li.last{ border:none; } #content .module2 ul.eventsList li img{ padding-right:10px; vertical-align:top; float:left; } #content .module2 ul.eventsList li .eventItem{ float:right; width:400px; } #content .module2 ul.eventsList li .eventDate{ padding:0px 10px 3px 10px; color:#444444; font-family: Georgia, "Times New Roman", serif; } #content .module2 ul.eventsList li .eventLocation{ padding:0px 10px 3px 10px; color:#444444; } #content .module2 ul.eventsList li .eventHighlight{ width:auto; background-color:#e4eff1; padding:3px 10px; } #content .module2 ul.eventsList li .eventTitle{ font-weight:bold; color:#0e7e87; padding-bottom:4px; } /* right hand side detail lists */ #rightContent ul.sideListDetail li a, #content .module ul.eventsList li a{ color:#444444; } #rightContent ul.sideListDetail li a:hover, #content .module ul.eventsList li a:hover{ text-decoration:underline; } #content .module .arrowBlk{ background:url("../images/icn_arrow.gif") no-repeat center; width:8px; height:7px; display:inline-block; } /* Buttons: Primary and Tertiary */ #content .primary, #content .tertiary{ position:relative; padding-left:10px; display: inline; } #content .tertiary .arrow, #content .primary .arrow{ background:url("../images/icn_whiteArrow.png") no-repeat; width:7px; height:9px; display:inline-block; vertical-align:middle; } #content .tertiary .startArrow, #content .tertiary .endArrow{ background:url("../images/icn_prev.png") no-repeat; width:10px; height:8px; padding-bottom:2px; display:inline-block; vertical-align:middle; } #content .tertiary .endArrow{ background:url("../images/icn_fwd.png") no-repeat; padding-bottom:3px; } #content .primary a{ line-height:27px; font-weight:bold; color: #ffffff; background-color: #00b1c0; position:relative; padding:1px 25px 1px 25px; display:inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #content .tertiary a{ line-height:20px; color: #ffffff; background-color: #00b1c0; position:relative; padding:0px 8px; display:inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #content .primary a:hover, #content .tertiary a:hover{ text-decoration:none; } #content a.btnAqua{ background:url("../images/bg_btnAqua.png"); } #content .primary a:hover.btnAqua{ background-image:url("../images/bg_btnAqua_hover.png"); } #content .primary a.btnAqua{ background:url("../images/bg_btnAqua_primary.png"); } #content a.btnGrey{ background:url("../images/bg_btnGrey.png"); } #content .primary a:hover.btnGrey{ background-image:url("../images/bg_btnGrey_hover.png"); } #content .primary a.btnGrey{ background:url("../images/bg_btnGrey_primary.png"); } #content a.btnGreyDisabled{ background:url("../images/bg_btnGreyDisabled.png"); } #content a.btnBlue{ background:url("../images/bg_btnBlue.png"); font-weight:bold; } #content a.btnGreen{ background:url("../images/bg_btnGreen.png"); font-weight:bold; } #content a.btnOrange{ background:url("../images/bg_btnOrange.png"); font-weight:bold; } /* Footer styles */ #footerWrapper{ margin:0px auto 0px 238px; margin-top:7px; padding-top:10px; width:960px; height:72px; color:#ffffff; clear:both; background-image:url("../images/footer_bg.png"); background-repeat:no-repeat; } #footerWrapper #footerText{ font-size:92%; padding-left:92px; float:left; } #footerWrapper #footerLinks{ padding-right:55px; } #footerWrapper #footerLinks ul li{ padding:0px 10px; border-right: solid 1px #ffffff; float: right; } #footerWrapper #footerLinks ul li a:active{ color:#9ff1ff; } #footerWrapper #footerLinks ul li a{ color:#ffffff; } #footerWrapper #footerLinks ul li a:hover{ text-decoration:underline; } /* Feature Links */ #content ul.featureSiteLinks{ padding-top:8px; } #content ul.featureSiteLinks li{ width:245px; height:52px; border-bottom:2px solid #ffffff; display:block; } #content #rightContent ul.featureSiteLinks li{ width:200px; } #content ul.featureSiteLinks img{ vertical-align:middle; width:52px; height:52px; } #content #rightContent ul.featureSiteLinks img{ float:none; } #content ul.featureSiteLinks a{ color:#1a1a1a; } #content ul.featureSiteLinks a:hover { text-decoration:none; } #content ul.featureSiteLinks a:hover span{ text-decoration:underline; } #content ul.featureSiteLinks span{ display:inline-block; width:180px; vertical-align:middle; padding-left: 8px; } #content #rightContent ul.featureSiteLinks span{ width:120px; } #content ul.featureSiteLinks li.featureExternal{ background-image: url("../images/blueBanner.jpg"); background-position:bottom right; } #content ul.featureSiteLinks li.featureInternal{ background-image: url("../images/blueBanner.jpg"); background-position:top right; } .section{ padding:10px 0px; } .sectionHeader{ color:#888888; font-size: 117%; font-weight:bold; } /* Forms */ #content form{ margin:0px; } #mainContent #eventsForm label{ width:55px; display:inline-block; } #mainContent #eventsForm select{ margin:4px 0px 4px 5px; width:200px; vertical-align:middle; } #registration label, #login label, #advanced label, #mainContent form label{ text-align:right; width:172px; display:inline-block; padding-right:12px; padding-left:25px; } #login label{ width:100px; } #mainContent form label{ width:140px; padding-left:0px; } #advanced label{ width:116px; padding-left:0px; padding-right:16px; } #registration .radioLabel{ width:50px; text-align:left; padding:0px 5px; } #advanced .checkLabel{ width:80px; text-align:left; padding:0px 5px 0px 5px; } #registration label.radioLabel:before{ content:normal; } .formBox .radio, .formBox .check{ width:auto; height:21px; margin:2px auto; } .formBox input, .formBox select{ margin:4px 0px; vertical-align:middle; } .formBox input{ width:100px; } .formBox input.small{ width:60px; } .formBox input.phone, .pagination input.phone{ width:40px; } .formBox select.med, .formBox input.med{ width:150px; } .formBox input.long{ width:435px; } .required label:before, .requiredFields:before{ content: '* '; color: #D91919; display:inline; } .requiredFields{ font-style:italic; text-align:center; color:#888888; padding:2px 0px; } .formBox{ margin:auto auto auto 140px; margin-top:5px; overflow:auto; width:527px; padding:12px 10px; } #mainContent .module2 .formBox{ width:auto; padding:0px; } #fullContent .module2 .formBox{ background-color:#e4eff1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #advanced .formBox{ width:576px; } .formBox .dividerBorder{ height:8px; margin:12px auto; margin-top:0px; } .formBox .dividerLast{ margin-top:4px; border-bottom:1px solid #0E7E87; } .formBox .subHeader{ font-size: 117%; font-weight:bold; padding-left:25px; padding-bottom:8px; } #advanced .formBox .subHeader{ padding-left:0px; } .formBox p{ padding: 0px 0px 12px 25px; } #login a{ padding-left:12px; } .buttons{ margin:0px 0px 0px 138px; } #mainContent .module2 .formBox .buttons{ padding-top:12px; text-align:right; } #content .formBox .buttons .primary, .appendButton{ float:none; display:inline; } /* Service Tracking Search Form */ #searchServiceForm span.searchField{ display:inline-block; padding-right:15px; vertical-align:middle; } #searchServiceForm input, #searchServiceForm select{ margin:2px 0px 8px 0px; } #searchServiceForm .formBox{ padding:10px; width:890px; margin:5px 0px; } #searchServiceForm .formBox select.med, #searchServiceForm .formBox input.med{ width:165px; } #searchServiceForm .formBox .check{ margin:5px; } /* Pagination */ .pagination{ overflow:auto; width:100%; } .pagination .number{ padding-left:25px; color: #888888; } .pagination .display{ padding:0px 5px 0px 15px;; } .pagination .display a{ font-weight:bold; } /* Advanced Search Results Table */ #mainContent table td{ vertical-align:top; } #searchResults, .dataTable{ width:750px; margin:-5px -10px; padding:0px; border:0px; display:table; } #fullContent .dataTable{ width: 930px; } #searchResults thead td, .dataTable thead td, .detailTable thead td{ margin:0px; font-weight:bold; background:url("../images/bg_headerLightBlue.png") repeat-x; height:30px; min-height:30px; text-align:left; padding: 0px 15px; display:table-cell; border-right: solid 1px #FFF; } #searchResults td#relevance{ width:96px; } #searchResults tbody td{ text-align:left; padding: 8px 15px 12px 15px; display:table-cell; } #searchResults tbody tr td, .dataTable tbody tr td{ color:#444444; border-bottom: 1px solid #d9d9d9; display:table-cell; } #searchResults tbody tr td .bold{ color:#1a1a1a; } #searchResults tbody tr:last td, .dataTable tbody tr:last td{ border-bottom:none; } #searchResults tbody tr td a .bold{ color:#0e7e87; } .dataTable td.unread, .dataTable td.applicantName{ font-weight:bold; } .dataTable thead td{ padding:0px 10px; } .dataTable tbody td, .detailTable tbody td{ padding: 5px 10px; vertical-align: middle; background-color:#ffffff; vertical-align:top; } .msgTable tbody td{ background-color:#f7f7f7; } .dataTable td.unread{ padding: 7px 10px; background-color:#ffffff; color:#1a1a1a; } .dataTable td.msgDate{ width:128px; } .dataTable td.msgType{ width:86px; } .dataTable td.serviceForm{ width:40px; } .dataTable td.taskAssign{ width:150px; } .dataTable td.taskActions{ width:140px; } .dataTable .newIndicator{ width: 60px; display:inline-block; color:#0d69b6; font-weight:normal; font-style:italic; text-align:right; } .dataTable .newIndicator .iconMsg{ background-position: -21px 0; margin: 0px 5px; } .dataTable .unread .newIndicator .iconMsg{ background-position: 0 0; margin-top:-5px; } #printLink .iconMsg{ margin:0px 5px; } .detailTitle{ text-transform:uppercase; color:#444444; font-weight:bold; font-size: 117%; padding-bottom:4px; padding-top:26px; } .detailTable{ display:table; border-top:1px solid #0E7E87; border-bottom:1px solid #0E7E87; width:350px; min-width: 350px; } .detailTable_full{ margin-top:10px; width: 100%; } .detailTableHistory{ border-top:none; width:540px; } .detailTable thead td, #mainContent .detailTable_full thead td{ padding:0px 10px; border:none; vertical-align:middle; } .detailTable tbody tr td{ display:table-cell; background-color:transparent; } .detailTable .detailDate{ width:85px; } .detailTable .detailEvent{ width:240px; } .detailTable .detailBy{ width:155px; } .detailTable td.query{ text-align:right; font-weight:bold; width:162px; padding-right:0px; } .detailTable tr:nth-child(odd){ background-color:#e6f2f4; } .detailTable tr:nth-child(even){ background-color:#fff; } /** Images */ .govNet{ height:65px; width:78px; background: url("../images/govNet.png") no-repeat; float:left; padding:5px;} .coatOfArms{ height:75px; width:57px; background: url("../images/coat_of_arms.png") no-repeat; padding:5px; } .coatOfArms_center{ padding:0px; padding-bottom:5px; margin-left: 216px; } /** Sprites **/ .iconCalendar{ background-image:url("../images/iconCalendar.png"); width: 52px; height: 52px; } .monthImage4{ background-position: 0 0; } .monthImage8{ background-position: 0 -53px; } .monthImage12{ background-position: 0 -106px; } .monthImage2{ background-position: 0 -159px; } .monthImage1{ background-position: 0 -212px; } .monthImage7{ background-position: 0 -265px; } .monthImage6{ background-position: 0 -318px; } .monthImage3{ background-position: 0 -371px; } .monthImage5{ background-position: 0 -424px; } .monthImage11{ background-position: 0 -477px; } .monthImage10{ background-position: 0 -530px; } .monthImage9{ background-position: 0 -583px; } .icons{ background-image:url("../images/icons.png"); background-repeat:no-repeat; width: 23px; height: 23px;} .spriteBookmark{ background-position: 0 0; } .spriteContacts{ background-position: -24px 0; } .spriteEservices{ background-position: -48px 0; } .spriteFeedback{ background-position: -72px 0; } .spriteForms{ background-position: -96px 0; } .spriteFontSmall{ background-position: -120px 0; width:10px;} .spriteFontMed{ background-position: -130px 0; width:13px;} .spriteFontLarge{background-position: -143px 0; width:15px;} /* Advanced Search */ .iconRelevance{ background-image:url("../images/iconRelevance.gif"); background-repeat:no-repeat; width:53px; height:9px;} .rel0{ background-position: 0 0; } .rel1{ background-position: 0 -15px; } .rel2{ background-position: 0 -30px; } .rel3{ background-position: 0 -45px; } .rel4{ background-position: 0 -60px; } .rel5{ background-position: 0 -75px; } /* Message/Service Tracking */ .iconMsg{ background-image:url("../images/iconMsg.png"); background-repeat:no-repeat; width:20px; height: 20px; display:inline-block; vertical-align:middle; } .spriteMessageNew{ background-position: 0 0; } .spriteMessageOpened{ background-position: -21px 0;} .spritePdf{ background-position: -42px 0;} .spritePrint{ background-position: -63px 0;} .btnFeature{ background-image:url("../images/btn_sqFeature.png"); background-repeat: no-repeat; height:23px; width:23px; font-weight:bold; text-align:center; float:left; padding-top:3px; margin-right:5px;} .sriteFtAqua{ background-position: 0 0; } .spriteFtGrey{ background-position: -24px 0; } #mainContent .btnFeature a{ color:#fff; height:23px; width:23px; display:inline-block; } /* #mainContent .btnFeature a:hover{ text-decoration:none; } */