/* ========================================================== 1. =TOOLBAR 2. =TOP LEVEL TABS 3. =TABS SUB LEVEL 4. =PAGER 5. =SEARCH TOOLS 6. =HELP LINKS ========================================================== */ /* =1. TOOLBAR ---------------------------------------------------------- */ /* Click menu styling for javascript enabled browsers */ #idox #pa #toolbar.js {box-shadow:0 1px 4px #D7D7D7; line-height:normal; display:inline-block; position:relative; z-index:2000; width:100%; margin-bottom:1em} #idox #pa .js .list{border-radius:3px; height:27px; margin:0; padding:0px 0px 3px 0; list-style:none; float:left; width:100%; background:url("../images/bg_header.gif") repeat-x scroll 0 0 #EFEFEF; border-width:1px; border-style:solid; border-color:#DDDEDF #DDDEDF #BDBFBF;clear:both} #idox #pa .js .list li{width:auto; background:url("../images/sprite.gif") no-repeat; position:relative; margin:0; padding:0 15px 0 0; list-style:none; cursor:pointer;} #idox #pa .js .list li a {text-decoration:none; cursor:pointer; display:block; float:left; color:#333; font-weight:normal; height:16px;} #idox #pa .js .list li.main {float:left; display:inline; padding:7px 10px 7px 32px; border-right:1px solid #BEC3C9; } #idox #pa .js .list li.main:hover {background-color:#EEE;} #idox #pa .js .list li.main li {z-index:2; min-width:78px; margin:1px 0; padding:1px;} #idox #pa .js .list ul li:hover{padding:1px 3px;} #idox #pa .js .list li li {display:block;} #idox #pa .js .list li span {width:16px; height:16px; float:left; background: url(../images/ico_menu_arrow.gif) no-repeat 4px 5px;} #idox #pa .js .list li#search {background-position:6px 4px; display:inline;} #idox #pa .js .list li#search:hover {cursor:pointer;} #idox #pa .js .list li#search li{background:transparent;} #idox #pa .js .list li#search span {background:url("../images/sprite.gif") no-repeat 39px -130px; width:auto;padding-right:1em; font-weight:normal; color:#333} #idox #pa .js .list li#search ul li a span {background:url("../images/sprite.gif") no-repeat 119px -159px; width:125px;} #idox #pa .js .list li#search ul.category li a{background:url("../images/sprite.gif") no-repeat 127px -158px; } #idox #pa .js .list li#myprofile {background-position:6px -30px; display:inline;} #idox #pa .js .list li#myprofile:hover {cursor:pointer;} #idox #pa .js .list li#myprofile span {background:url("../images/sprite.gif") no-repeat 51px -130px; color:#333;width:auto;padding-right:1em;font-weight:normal} #idox #pa .js .list li.main {background-position:6px -182px} #idox #pa .js .list li#loggedIn {padding:7px 12px 6px 12px; margin:0 0 0 -15px; z-index:1001; background:transparent; float:left; font-weight:normal;} #idox #pa .js .list li#loginLink {background-position:6px -62px;} #idox #pa .js .list li#register {background-position:6px -93px;} #idox #pa .js .list li#applicationForms {background-position:6px -92px;} #idox #pa .js .list li span.subhover, #idox #pa ul.list li ul span.subhover, #idox #pa ul.list li ul.category li {cursor:pointer;} #idox #pa .js .list li ul.category li{margin:0;padding:0;clear:both;width:144px; display:inline-block;} #idox #pa .js .list li ul.category li a {display:inline;padding:5px;background:#F4F5F5} #idox #pa .js .list li ul.category li a:hover {background-color:#F4F5F5;text-decoration:underline} #idox #pa .js .list li#search ul.category li a {display:inline;padding:1px 2px 1px 3px;background:#fff;border:1px solid #fff;border-radius:0.3em;margin-bottom:1px;} #idox #pa .js .list li#search ul.category li a:hover, #idox #pa .js .list li#search ul.category li a.active {background-color:#F3F6F5;text-decoration:none;padding:1px 2px 1px 3px;border:1px solid #E4E8E8} #idox #pa .js .list li#myprofile ul.subMenu li a {display:inline;padding:1px 2px 1px 3px;background:#fff;border:1px solid #fff;border-radius:0.3em;margin-bottom:1px; } #idox #pa .js .list li#myprofile ul.subMenu li a:hover {background-color:#F3F6F5; text-decoration:none;padding:1px 3px;border:1px solid #E4E8E8} #idox #pa .js .list li ul.subMenu li{margin:0; padding:0; clear:both;background:transparent } #idox #pa .js .list li ul.subMenu li a {float:left; width:145px; background-color:#F3F6F5; } #idox #pa .js .list li ul.subMenu li a:hover {background-color:#F3F6F5;} #idox #pa .js .list ul{list-style:none outside none; font-weight:normal; margin:0; background-color:#fff; border-radius:0 0 0.3em 0.3em;} #idox #pa .js .list li.main ul{width:12em;} #idox #pa .js .list li ul.category{position:absolute; padding:0; left:0; top:30px; display:none; float:left; width:145px; border:1px solid #BDBFBF; border-left:1px solid #E4E8E8;} #idox #pa .js .list li ul.subMenu{position:absolute; padding:0;left:144px; top:0px; display:none; float:left; width:153px; border-width:1px; border-style:solid; border-color:#DDDEDF #BDBFBF #BDBFBF #E4E8E8;} #idox #pa .js .list li#myprofile ul.subMenu{left:0; top:30px; } #idox #pa .js .list li#apply {display:inline; float: right; background-position:6px -30px;} #idox #pa .js .list li#apply:hover {cursor:pointer;} #idox #pa .js .list li#apply li{background:transparent;} #idox #pa .js .list li#apply span {background:url("../images/sprite.gif") no-repeat 51px -130px; color:#333;width:auto; font-weight:normal} #idox #pa .js .list li#apply ul li a span {background:url("../images/sprite.gif") no-repeat 119px -159px; width:125px;} #idox #pa .js .list li#apply ul.category li a{background:url("../images/sprite.gif") no-repeat 127px -158px; } #idox #pa .js .list li#apply ul.category li a {display:inline;padding:1px 2px 1px 3px;background:#fff;border:1px solid #fff;border-radius:0.3em;margin-bottom:1px;} #idox #pa .js .list li#apply ul.category li a:hover, #idox #pa .js .list li#apply ul.category li a.active {background-color:#F3F6F5;text-decoration:none;padding:1px 2px 1px 3px;border:1px solid #E4E8E8} /* Hover menu styling for javascript disabled browsers */ #idox #pa #toolbar.nojs{float:left;width:100%;box-shadow:0 1px 4px #D7D7D7;font-weight:bold;line-height:normal;margin:0;display:inline-block;list-style:none outside none;padding:0;background:url("../images/bg_header.gif") repeat-x scroll 0 0 #EFEFEF;border-color:#DDDEDF #DDDEDF #BDBFBF;border-radius: 3px 3px 3px 3px;border-style: solid;border-width:1px;height:27px;list-style: none outside none;margin:0 0 2em 0;padding:0 5px 3px 0;position:relative;z-index:2000; cursor:pointer;} #idox #pa #toolbar.nojs ul {padding:0;margin:0;list-style-type:none;} #idox #pa #toolbar.nojs ul ul ul{display:none;} #idox #pa #toolbar.nojs ul ul {width:149px;} #idox #pa #toolbar.nojs li {float:left;position:relative; list-style:none;padding:0 10px 0 6px; border-right: 1px solid #BEC3C9; margin:0;} #idox #pa #toolbar.nojs li li{padding:0; border-right: 0 none;} #idox #pa #toolbar.nojs a, #idox #pa #toolbar.nojs a:visited {display:block;font-size:12px;text-decoration:none; color:#333; height:30px; padding-left:10px; line-height:29px; font-weight:normal;} #idox #pa #toolbar.nojs ul ul ul a, #idox #pa #toolbar.nojs ul ul ul a:visited {} #idox #pa #toolbar.nojs ul ul ul a:hover {} #idox #pa #toolbar.nojs ul ul {visibility:hidden; position:absolute;top:30px;left:0; width:134px; background:#fff;} #idox #pa #toolbar.nojs ul ul ul{left:131px; top:1px; width:134px;z-index: 2000;} #idox #pa #toolbar.nojs ul ul ul.left {left:-149px;} #idox #pa #toolbar.nojs ul li ul{border-color:#BDBFBF #BDBFBF #BDBFBF #E4E8E8;border-style:solid;border-width:1px;} #idox #pa #toolbar.nojs ul ul a, #idox #pa #toolbar.nojs ul ul a:visited {background-color:#fff; color:#000; height:auto; line-height:1em; padding:1px 3px; width:128px;border-width:0 1px 1px 1px;} #idox #pa #toolbar.nojs a:hover, #idox #pa #toolbar.nojs ul ul a:hover{color:#000;} #idox #pa #toolbar.nojs ul ul a:hover{color:#000;background-color:#F4F5F5;} #idox #pa #toolbar.nojs :hover > a, #idox #pa #toolbar.nojs ul ul :hover > a {color:#000; } #idox #pa #toolbar.nojs ul li:hover ul, #idox #pa #toolbar.nojs ul a:hover ul{visibility:visible;} #idox #pa #toolbar.nojs ul :hover ul ul{visibility:hidden;} #idox #pa #toolbar.nojs ul :hover ul :hover ul{visibility:visible;} #idox #pa #toolbar.nojs li#search { padding:8px 12px 8px 26px; color:#333; font-weight:normal; background:url("../images/sprite.gif") no-repeat scroll 4px 4px transparent;} #idox #pa #toolbar.nojs li#search:hover {cursor:pointer;} #idox #pa #toolbar.nojs li#search a{width:100%; list-style:none;background:url("../images/sprite.gif") 0px 4px no-repeat; color:#333; font-weight:normal;margin:0; padding:0 1px 0 26px;display: block;} #idox #pa #toolbar.nojs li#search li a{border-radius:0.3em; width:126px; padding:1px 3px; border:1px solid #fff} #idox #pa #toolbar.nojs li#search li a:hover{border:1px solid #E4E8E8;padding:1px 3px} #idox #pa #toolbar.nojs li#search li a span{background:transparent;} #idox #pa #toolbar.nojs li#search span{list-style:none;background:url("../images/sprite.gif") 38px -130px no-repeat; padding:0 10px 0 0;} #idox #pa #toolbar.nojs li#search ul li a{background:transparent; padding:1px 3px;} #idox #pa #toolbar.nojs li#applicationForms a{width:auto; list-style:none;background:url("../images/sprite.gif") 0px -91px no-repeat; color:#333; margin:0; padding:0 5px 0 26px;} #idox #pa #toolbar.nojs li#myprofile a{width:auto; list-style:none;background:url("../images/sprite.gif") 0px -31px no-repeat; color:#333; margin:0; padding:0 5px 0 26px;} #idox #pa #toolbar.nojs li#myprofile { padding:8px 12px 8px 26px; color:#333; font-weight:normal; background:url("../images/sprite.gif") no-repeat scroll 4px -30px transparent;} #idox #pa #toolbar.nojs li#myprofile:hover {cursor:pointer;} #idox #pa #toolbar.nojs li#myprofile ul li a{background:transparent; padding:1px 0px;} #idox #pa #toolbar.nojs li#myprofile li a{border-radius:0.3em; width:126px; padding:1px 0px; border:1px solid #fff} #idox #pa #toolbar.nojs li#myprofile li a:hover{border:1px solid #E4E8E8;padding:1px 3px !important} #idox #pa #toolbar.nojs li#myprofile li span{background:transparent;} #idox #pa #toolbar.nojs li#myprofile ul li a{background:transparent; padding:1px 3px;} #idox #pa #toolbar.nojs li#myprofile span{list-style:none;background:url("../images/sprite.gif") 51px -130px no-repeat; padding:0 10px 0 0;} #idox #pa #toolbar.nojs li#loginLink a{width:auto; list-style:none;background:url("../images/sprite.gif") 0px -62px no-repeat; color:#333; margin:0; padding:0 5px 0 26px;} #idox #pa #toolbar.nojs li#register a{width:auto; list-style:none;background:url("../images/sprite.gif") 0px -183px no-repeat; color:#333; margin:0; padding:0 5px 0 26px;} #idox #pa #toolbar.nojs li#loggedIn {background: url("../images/bg_header.gif") repeat-x scroll 0 0 #EFEFEF; margin-left: -1px; padding: 7px 5px 7px 0;} #idox #pa #toolbar.nojs ul li:hover {background-color:#EEEEEE ;} /* =2. TOP LEVEL TABS ---------------------------------------------------------- */ .js #overlay {background: none repeat scroll 0 0 #000; height:100%; position:fixed; width: 100%; z-index: 4000; filter:alpha(opacity=45); opacity:0.45; top:0; left:0;} html.js, html.js body {height:100%;} .ie6.js #overlay {background:transparent } .js #loading {height:100%; position:absolute;z-index:4000;} .js #message {background: #fff; border: 3px solid #CCCCCC; border-radius: 5px 5px 5px 5px; color: #000000; height: 40px; margin: 150px 250px; opacity: 1 !important; padding: 10px; width: 220px; z-index: 6000 !important;} #idox #pa div.tabcontainer .panel {border:0; padding:0;} #idox #pa ul.tabs {margin:1.4em 0 0 0; padding:0; list-style-type:none; line-height:normal;} #idox #pa ul.tabs li {display:inline; margin:0 0.2em 0 0; padding:0;} #idox #pa ul.tabs li a { -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; padding:7px 10px 6px 10px; text-decoration:none; display:inline-block;} #idox #pa ul.tabs li a:visited {text-decoration:none;} #idox #pa ul.tabs li a:hover {text-decoration:underline;} #idox #pa ul.tabs li a.active:hover, #idox #pa ul.tabs li a.active, #idox #pa ul.tabs li.active { text-decoration:none !important; font-weight:bold; padding:7px 10px 4px 10px; position:relative; z-index:1001; } #idox #pa ul.tabs li.nodocuments span{ -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-style:solid; border-width:1px 1px 0; padding:7px 10px 6px 10px; text-decoration:none; display:inline-block;} #idox #pa ul.tabs li#nodocuments span, #idox #pa ul.tabs li.nodocuments span {padding:7px 10px 6px 10px;} #idox #pa div#consulteePopupContainer ul.tabs {margin:0; width:99%;} #idox #pa div#consulteePopupContainer ul.tabs li {margin:0 0.5em 0 0;} #idox #pa div#consulteePopupContainer ul.tabs li.active { text-decoration:none !important; font-weight:bold; position:relative; z-index:1001; border-color:#CCCCCC #CCCCCC #DDDDDD; border-style:solid; border-width:1px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -moz-border-radius-topleft:0.2em; -moz-border-radius-topright:0.2em; display:inline; padding:7px 10px 7px; width:110px; border-bottom:0 none; } #idox #pa div#consulteePopupHeader h1{text-align:left;} #idox #pa div#consulteePopupHeader h1 span.caseType{margin-left:0;} #idox #pa div#consulteePopupContainer form {border-bottom:1px solid #ddd;} #idox #pa div#consulteePopupContainer #ConsulteeCodes {padding:0.4em 0;} .ie7 #idox #pa div#consulteePopupContainer ul.tabs li.active {float:left; vertical-align:super; width:auto} .ie7 #idox #pa div#consulteePopupContainer ul.tabs li{float:left;} .ie6 #idox #pa div#consulteePopupContainer ul.tabs li.active {float:left; vertical-align:super; width:auto} .ie6 #idox #pa div#consulteePopupContainer ul.tabs li{float:left;} .ie6 #idox #pa div#consulteePopupContainer .tabcontainer {border-top:1px solid #ddd;} /* =3. TABS SUB LEVEL ---------------------------------------------------------- */ #idox #pa ul.tabs li ul.subtabs{ float:left; width:100%; margin-top:-1px; margin-left:0; padding:0; position:relative} #idox #pa ul.tabs li ul.subtabs li{display:inline; clear:both; margin:0 0em 0 0; padding:0 0em 0 0.5em;} #idox #pa ul.tabs li ul.subtabs li a{ font-weight:bold; padding:4px; text-decoration:none !important; display:inline-block; } #idox #pa ul.tabs li ul.subtabs li a.active:hover, #idox #pa ul.tabs li ul.subtabs li a:hover, #idox #pa ul.tabs li ul.subtabs li a.active, #idox #pa ul.tabs li ul.subtabs li.active { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; font-weight:bold; position:relative; text-decoration:none !important; z-index:1008; margin:0.5em 0; padding:4px;} /* =4. PAGER ---------------------------------------------------------- */ /*Results showing*/ #idox #pa p.pager {height:1.5em;} #idox #pa p.pager.top{border-bottom:1px dashed #ccc; padding:1em 0 1em 0; margin:0} #idox #pa p.pager.bottom{border-top:1px dashed #ccc; padding:1em 0 1em 0; margin:1em 0 0 0} #idox #pa p.pager span.showing {float:right; font-style:normal; padding:0; color:#000} #idox #pa p.pager span.showing strong { margin:0; padding:0; background:none; border:0 none; font-weight:normal; float:left; margin:0 0.3em 0 0} #idox #pa p.pager span.divider {display:none;} /*Pager links*/ #idox #pa p.pager a { display:inline-block; /*Force vertical spacing for more than one line of pages*/ margin:0 1px 7px 1px; padding:0 3px 1px 3px; text-decoration:none;} /*Current page*/ #idox #pa p.pager strong { display:inline-block; margin:0 1px 7px 1px; padding:0 3px 1px 3px;} /*Next/Previous links*/ #idox #pa p.pager a.next, #idox #pa p.pager a.previous {margin:0 1px 7px 1px; padding:0 3px 1px 3px;} #idox #pa p.pager a.next img, #idox #pa p.pager a.previous img {position:relative; top:-1px;} #idox #pa p.pager a.next img {padding-left:5px;} #idox #pa p.pager a.previous img {padding-right:5px;} #idox #pa p.pager span.expandCollapse {float:right; padding:0em;} .ie6 #idox #pa p.pager span.expandCollapse {top:44px !important; right: 263px !important;} /* =5. SEARCH TOOLS ---------------------------------------------------------- */ #idox #pa a#searchresultsback, #idox #pa a.formsdashboardback { background:url("../images/bullet_go.gif"); background-repeat:no-repeat; background-position: -0.25em 0.4em; padding:0.5em 0.5em 0.5em 1.3em; margin-right:1em; float:left;} #idox #pa a#searchresultsback.spatialSearch { float:none;} #idox #pa div#searchtools img, #idox #pa div#enforcementTools img, #idox #pa div#appealTools img, #idox #pa div#applicationTools img, #idox #pa div#propertyTools img #idox #pa div.consulteeCommentsTools img {text-align:right; margin-left:0.5em;} #idox #pa div#searchtools, #idox #pa div#searchtools ul, #idox #pa div#enforcementTools, #idox #pa div#enforcementTools ul, #idox #pa div#appealTools, #idox #pa div#appealTools ul, #idox #pa div#applicationTools, #idox #pa div#applicationTools ul, #idox #pa div#propertyTools, #idox #pa div#propertyTools ul, #idox #pa div#profileTools, #idox #pa div#profileTools ul, #idox #pa div.consulteeCommentsTools ul { clear:both; padding:0; margin-left:0; text-align:right; list-style-type:none;} #idox #pa div#searchtools ul li, #idox #pa div#enforcementTools ul li, #idox #pa div#appealTools ul li, #idox #pa div#applicationTools ul li, #idox #pa div#propertyTools ul li, #idox #pa div#profileTools ul li, #idox #pa div.consulteeCommentsTools ul li {display:inline;} /*removes dash from image buttons*/ #idox #pa div#searchtools ul li a:link, #idox #pa div#enforcementTools ul li a:link, #idox #pa div#appealTools ul li a:link, #idox #pa div#applicationTools ul li a:link, #idox #pa div#propertyTools ul li a:link, #idox #pa div#profileTools ul li a:link, #idox #pa div.consulteeCommentsTools ul li a:link, #idox #pa div#searchtools ul li a:visited, #idox #pa div#enforcementTools ul li a:visited, #idox #pa div#appealTools ul li a:visited, #idox #pa div#applicationTools ul li a:visited, #idox #pa div#propertyTools ul li a:visited, #idox #pa div#profileTools ul li a:visited, #idox #pa div.consulteeCommentsTools ul li a:visited{text-decoration:none} #idox #pa div#searchtools .col-a, #idox #pa div#enforcementTools .col-a, #idox #pa div#appealTools .col-a, #idox #pa div#applicationTools .col-a, #idox #pa div#propertyTools .col-a {float:left; width:45%;} #idox #pa div#searchtools .col-b, #idox #pa div#enforcementTools .col-b, #idox #pa div#appealTools .col-b, #idox #pa div#applicationTools .col-b, #idox #pa div#propertyTools .col-b { float:right; text-align:right; width:350px;} /*Add extra space*/ #idox #pa div#profileTools ul {margin-top:0em;} /*Consultee status message*/ #idox #pa p.consulteeStatus {padding:5px;} /* =6. HELP ----------------------------------------------------------*/ /*Inline help icons - correct left margin offset*/ #idox #pa span.fieldhelp {margin-left:-20px;} #idox #pa span.fieldhelp a {text-decoration:none;} #idox #pa span.fieldhelp a:hover {text-decoration:none;} /*Generic page help*/ #idox #pa p.pagehelp { background:url("../images/sprite.gif") no-repeat scroll 1px -220px transparent; float:right; line-height:1.8em; margin:0; padding-left:1.75em; } #idox #pa p.pagehelp { position:relative; top:0; right:0; margin-top:-2.3em; padding-left:1.75em; line-height:1.6em; float:right; display:block;} #idox #pa p.pagehelp span {position:absolute; top:-1000px; left:-1000px;}