/** * Version: 0.6.1a * Author: KST & BCZ (Amplexor) * Customer: ProvAnt * * Table of Contents * ================= * 1. Common Styling * 2. Header Styling * 3. Content/Main Styling * 4. Content/sub-nav Styling * 5. Content/modules Styling * 6. Search box * 7. Forms * 8. Footer Styling * * Colors * ====== * * Fonts * ----- * red : #C7160E * green : #619E1C * dark-blue * 'body' : #086587 * 'table' : #1E7494 * 'header' : #58798D * 'footer' : #58798D * * Borders * ------- * * dark-blue-borders : #9AB6CB * * Tables * ------ * * ### default * * border table, th : dark-blue-borders * border td : #E6F1F6 * bg th : #E6F1F6 * bg table : #FFFFFF * bg td alternate : #F5F9FA * * Backgrounds * ----------- * * ### general * * light-blue : #ECF4F7 * * ### doormat * * blue : #6394BC * * ### 'more info' * * light-grey-moreinfo : #F5F7F7 * light-blue-moreinfo : #E4F0F0 * dark-blue-moreinfo : #087CBC * * ### search page * * blue-month-selector : #6EA1BE * table calendar * 'th' : #CBDEE5 * 'td selected' : #CBDEE5 */ /** * 1. Common Styling * ================= */ body {background: #96B7CA url(../images/css_body_bg.jpg) repeat-x; font: 0.84em/1.333 arial, sans-serif; margin: 0; padding: 0; width: 100%; text-align: center} * {font-size: 100%; padding: 0; margin: 0;} img{border: none} a{color: #2E54A1} a:hover{color: #CC0000;} /* clear stuff */ div, ul, ol, li, table, td, th, tr, p, blockquote{margin: 0; padding: 0; border: none} /* to clear floated elements */ /* from http://www.positioniseverything.net/easyclearing.html */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* hide accessibility content from normal users - screenreaders can pick this up nicely */ .smartsurfer{display: block; width: 1px; height: 1px; position: absolute; top: -5000px} /*** main size * * 58em: max width on a 800x600 screen * if this changes, the search box and the crumb trail has to be repositioned */ #container{width: 56.5em; margin: 0 auto; text-align: left; position: relative; overflow: hidden; /* to keep opera and safari in control */} /** * 2. Header Styling * ================= */ #header{background : #fff url(../images/css_header_main.jpg) no-repeat top right; width: 100%; border: none;} #logo{position:absolute; top: 1em; left: 2em} #fotologo{display: none;} #flashbanner-container{display: none;} /** 2.1 module navigation */ #module-nav-container{height: 113px; width: 100%;}/* contains #module-nav-right-align-us */ #module-nav-right-align-us{height: auto; width: 85%; float: right}/* contains #module-nav and #module-nav-lang */ #module-nav{height: auto; padding-top: 4px; padding-right: 0px; float: right;} #module-nav li{list-style-type: none; padding: 0; display: block; float: left; } #module-nav a{color: #6B8694; text-decoration: none; font-weight: bold; padding: 0 0.4em; background: url(../images/css_module_nav_separator.gif) no-repeat right top; } #module-nav a:hover{color: #4D636F} #module-nav a.hide-separator-image{background: none} #module-nav-lang{height: auto; padding-top: 4px; padding-right: 0px; float: left} #module-nav-lang li{list-style-type: none; padding: 0; display: block; float: left; } #module-nav-lang a{color: #8FA8B5; text-decoration: none; font-weight: bold; padding: 0 0.4em; background: url(../images/css_module_nav_separator.gif) no-repeat right top;} #module-nav-lang a:hover{color: #4D636F} #module-nav-lang a.hide-separator-image{background: none} /** 2.2 doormat & main navbar */ /*** general */ #nav{width: 100%; font-size: 100%; background: #6394BC url(../images/css_home_nav_bg_temp.jpg) repeat-x left top;} #nav li{display: block; list-style-type: none; background: url(../images/css_mainnav_separator.gif) no-repeat right top; float: left; padding: 0; padding-right: 2px; } #nav li.hide-separator-image{background-image: none; padding-right: 0} #nav li a{color: #FFFFFF; text-decoration: none; display:block; float:left; font-weight:bold; text-align: center; padding: 0.4em 0.8em; height: 1.5em;} #nav li a:hover, #nav li a.active{color: #FFFFFF; background: url(../images/css_mainnav_active_bg_temp.gif) repeat-x right top; } #nav li a.active{margin-left: 0;} /*** homepage specific */ /**** styling */ .homepage #nav{width: 100%; background: #6394BC url(../images/css_home_nav_bg_temp2.jpg) repeat-x left top; padding-bottom: 1em} .homepage #nav ul{list-style-type: none; margin:0; width: 100%} .homepage #nav li{float:left; padding-right: 0.2em; background: url(../images/css_mainnav_separator.gif) no-repeat right top; margin-bottom: 0.5em} .homepage #nav li.hide-separator-image{background-image: none; padding-right: 0} .homepage #nav li a{padding: 0.4em 0.5em} .homepage #nav li li a{padding: 0 1px} .homepage #nav li li {background: none; margin-bottom: 0} .homepage #nav li a{width: 100%; color: #FFFFFF; text-decoration: none; text-align: left; /*border-right: 1px solid #fff;*/} .homepage #nav li a:hover{color: #FFFFFF; background: url(../images/css_mainnav_active_bg_temp.gif) repeat-x right top; } .homepage #nav ul ul{list-style-type: none; margin: 0; width: auto; /*background: url(../images/css_module_nav_separator.gif) repeat-y 0% 0%;*/}/* margin-top no go in FF or Opera*/ .homepage #nav ul ul li {width:100%; font-size: 85%; line-height: 2em; overflow: hidden; background: none} .homepage #nav li li a{color: #FFFFFF; margin:0; background: none; font-weight:normal; height: auto; padding: 0 0.5em} .homepage #nav li li a:hover{color: #000000; background: transparent;} /**** column sizing * DO NOT TOUCH! * * technique used: * - li width Xem * - * html li width Xem - padding-right * - li a width X-1em */ .homepage #nav li.menucolumn1{width: 5.5em} * html .homepage #nav li.menucolumn1{width: 5.3em} .homepage #nav li.menucolumn1 a{width: 4.5em;} .homepage #nav li.menucolumn2{width: 8.4em} * html .homepage #nav li.menucolumn2{width: 8.2em} .homepage #nav li.menucolumn2 a{width: 7.4em} .homepage #nav li.menucolumn3{width: 10em} * html .homepage #nav li.menucolumn3{width: 9.8em} .homepage #nav li.menucolumn3 a{width: 9em} .homepage #nav li.menucolumn4{width: 8.5em} * html .homepage #nav li.menucolumn4{width: 8.3em} .homepage #nav li.menucolumn4 a{width: 7.4em} .homepage #nav li.menucolumn5{width: 9.4em} * html .homepage #nav li.menucolumn5{width: 9.2em;} .homepage #nav li.menucolumn5 a{width: 8.4em;} .homepage #nav li.menucolumn6{width: 7.2em} * html .homepage #nav li.menucolumn6{width: 7em} .homepage #nav li.menucolumn6 a{width: 6.2em} .homepage #nav li.menucolumn7{width: 6em} * html .homepage #nav li.menucolumn7{width: 5.8em} .homepage #nav li.menucolumn7 a{width: 5em} /** 2.3 crumb trail */ #crumb-trail-container{background:#fff url(../images/css_content_top_bg.gif) repeat-x top left; }/* contains #crumb-trail */ #crumb-trail{background: url(../images/css_blue_gradient.gif) no-repeat left bottom; font-size: 91%; width: 46em; padding-left: 0.6em;} #two-col-facet #crumb-trail, #two-col-facet-leafnode #crumb-trail{background: url(../images/css_grey_gradient.gif) no-repeat left bottom} #crumb-trail p{background: url(../images/css_provant_small.gif) no-repeat 0% 5px; padding-left:20px; padding-top:6px; padding-bottom: 6px; font-weight: bold; color:#086587} #crumb-trail a{color:#58798D; background: url(../images/css_crumb_arrow.gif) no-repeat 100% 5px; padding-right:9px; font-weight: normal; } #crumb-trail a.boldstyle, #crumb-trail span.boldstyle{background: none; text-decoration: none; font-weight: bold} #crumb-trail span.boldstyle{color: #58798D} #crumb-trail a:hover{color: #CC0000; text-decoration: underline; } #crumb-trail a.boldstyle:hover{background: none; font-weight: bold} /** 2.4 skip links */ /* old code - doesn't work in safari */ /*.skiplist {margin: 0; padding: 0} .skip {display: none; margin: 0; padding: 0; position: absolute; left: 2em; top: 0.3em; z-index: 1; } All incl Opera * html .skip {display: block; width:15em} Seen by IE :root .skip {display: block; width:15em} Seen by Moz, FF and Safari .skip a {display: inline; text-decoration:none; height: 0; width: 0; overflow: hidden; position: absolute;} .skip a:focus, .skip a:active {height: auto; width: auto; overflow: visible; color: #C7160E; background: #fff; position: absolute;} .skip a:hover {cursor: default;}*/ /* Technique works visibly in IE, FF and Safari * Opera not visible but links are selected using the A key */ .skiplist {margin: 0; padding: 0; list-style: none; } .skip {margin: 0; padding: 0; position: absolute; left: 2em; top: 0.3em; z-index: 1; width: 25em } .skip a {display: block; text-decoration:none; top: -700em; overflow: hidden; position: absolute;} .skip a:focus, .skip a:active {height: auto; width: auto; top: 0em; overflow: visible; color: #C7160E; background: #fff; border: 3px solid #C7160E; position: absolute;} .skip a:hover {cursor: default;} /** * 3. Content/Main Styling * ======================= */ #content{background: #fff; margin-top: -1px;}/* negative margin is needed for FF */ .homepage #content{background: #fff url(../images/css_content_top_bg.gif) repeat-x top left;} /*#three-col #content, #two-col-subnav #content{background: #fff url(../images/css_sidebar_left_bg.gif) repeat-y -13px}*/ /*** minimum height on the #content div */ /* for understanding browsers */ #content {min-height:50em; height:auto;} /* for Internet Explorer */ /*\*/ * html #content {height: 50em;} /**/ /* normal sidebar */ #three-col #content, #two-col-subnav #content{background: #ECF4F7 url(../images/css_container_2column_bg.gif) repeat-y 12em 0em;} /* facet sidebar */ #two-col-facet #content{background: #EAEBEB url(../images/css_container_2column_facet_bg.gif) repeat-y 13em 0em;} /* normal leafnode */ #two-col-leafnode #content{background: #ECF4F7 url(../images/css_container_2column_bg.gif) repeat-y 5.5em 0em;} /* facet leafnode */ #two-col-facet-leafnode #content{background: #EAEBEB url(../images/css_container_2column_facet_bg.gif) repeat-y 5.5em 0em;} /** 3.1 Positioning of the columns * DO NOT TOUCH IF NOT NECESSARY OR THINGS *WILL* GET VERY VERY UGLY * * A few pointers: * * * If the width of the content-container changes: adapt the width that the crumb-trail has * */ /*** three cols */ #three-col #content-container{width: 43.9em; float: right; padding: 0} #three-col #main{width: 28em; float: left; } #three-col #modules{width: 13em; float: right;} #three-col #sub-nav{width: 11em; float: left;} /*** two cols LEFT */ #two-col-subnav #content-container{width: 43em; float: right;} #two-col-subnav #main{width: 41.8em; float: left} #two-col-subnav #sub-nav{width: 11em; float: left;} /*** two cols LEFT -facet full */ #two-col-facet #content-container{width: 42em; float: right; } #two-col-facet #main{width: 40.8em; float: left;} #two-col-facet #sub-nav{width: 12em; float: left;} /*** two cols LEFT - leafnode */ #two-col-leafnode #content-container, #two-col-facet-leafnode #content-container{width: 49.5em; float: right; padding-left: 1.5em;} #two-col-leafnode #main, #two-col-facet-leafnode #main{width: 48em; float: left;} #two-col-leafnode #sub-nav, #two-col-facet-leafnode #sub-nav{width: 4em; float: left;} /*** two cols RIGHT */ #two-col-modules #content-container{width: 55em; margin-left: 1.5em;} #two-col-modules #main{width: 41em; float: left; padding-right: 0.8em} #two-col-modules #modules{width: 13em; float: right;} /*** one col */ #one-col #content-container{width: 56.5em; margin-left: 1.5em;} #one-col #main{width: 54em; padding-right: 1em;} /*** exceptions */ .homepage #content-container{padding-top:0 !important} /* debug */ /*#main{border: 1px solid lime !important} #content-container{border: 1px solid fuchsia !important} #modules{border: 1px solid aqua !important;}*/ /** 3.2 Main styling */ /*** defaults */ #main h1, #main h2, #main h3, #main h4, #main p, #main ul, #main table, #main ol, #main dl, #main blockquote{margin: 0; padding: 0; line-height: 1.2em; } /*** styling */ /**** padding/margin */ #main {padding-bottom: 2em;} /**** text */ #main h1{font-size : 140%; font-weight: bold; color: #C7160E; margin: 0em; padding: 0.5em 0 1em 0} #main h1.minilogo{padding-left: 40px; padding-top: 0.6em; background-image: none; background-position: 0.2em 40%; background-repeat: no-repeat;} #two-col-subnav #main h1{width: 23.7em} #main h2{clear: both; font-size: 120%; width: auto; background: url(../images/css_green_gradient.gif) no-repeat right bottom; color: #619E1C; margin: 0em 0em 1em 0em; padding-bottom : 2px;} #main h3{clear: both; font-size: 105%; font-weight: bold; color: #086587; margin: 0;} #main h4{clear: both; font-size: 100%; font-weight: bold; color: #666666; margin: 0;} #main ul, #main ol{clear: left; margin: 0em 2em 1.5em 1.5em;} #main p ul, #main p ol{margin-bottom: 0}/* rtf hack */ #main ol{margin-left: 2em;} #main ul ul{margin: 0.8em 2em 0.5em 2.2em;} #main ul li{list-style: none outside url(../images/css_list_blue_bullet.gif);} #main ul.no_list_style{list-style: none; margin-left: 0;} #main ul.no_list_style li{list-style-image: none;} #main p{margin: 0em 0em 1.5em 0em;} #main a{color: #2E54A1} #main a:hover{color: #CC0000;} /*#main .tekstsectie h2, #main .vergunning h2, #main .subsidie h2, #main .attest h2{clear: both;} #main .tekstsectie h3, #main .vergunning h3, #main .subsidie h3, #main .attest h3{clear: left;}*/ /**** special margin on one-col and two-col-modules */ /* #one-col #main p, #one-col #main h1, #one-col #main h2, #one-col #main h3, #one-col #main h4, #one-col #main table, #one-col #main blockquote{margin-left: 25px;} #one-col #main ul, #one-col #main ol{margin-left: 55px} #one-col #main span.fixedimage{margin-left: 22px; } #two-col-modules #main p, #two-col-modules #main h1, #two-col-modules #main h2, #two-col-modules #main h3, #two-col-modules #main h4, #two-col-modules #main table, #two-col-modules #main blockquote{margin-left: 25px;} #two-col-modules #main ul, #two-col-modules #main ol{margin-left: 55px} #two-col-modules #main span.fixedimage{margin-left: 25px; } */ /**** images */ /* caption: every image is contained within a span "image-block" * if there should be a caption, an inline style has to be placed on the caption span stating the width of the image minus 10px */ #main span.image-block span.caption{font-size: 80%; display: block; margin:0; padding: 0; text-align: left; } #main .indekijker span.fixedimage, #main .publicatie span.fixedimage, #main .tekstsectie span.fixedimage, #main .tekstblok span.fixedimage,#main .vergunning span.fixedimage, #main .subsidie span.fixedimage, #main .attest span.fixedimage, #main .calendar span.fixedimage, #main .news span.fixedimage{float: left; margin: 0em 0.8em 1.5em 0em;} #main span.fixedimage img{border: 1px solid #9AB6CB;} #main div.tekstblok{clear:left}/* ensures that a 'tekstblok' stays a seperate entity /* ensures that divs will be layed out vertically */ #main div{width: 100%; } /* keywords */ #main span.keyword{border-bottom: 1px dotted black; cursor: help;} /*** horizontal navigation */ #main ul.hornav{margin: 0 0 1em 0; padding: 0; } #main ul.hornav li{display: inline; font-weight: bold; color: #95AFBD; border-right: 1px solid #4D636F; padding: 0em 0.5em; } #main ul.hornav li a{color: #4D636F; font-weight: bold;} #main ul.hornav li a:hover{color: #4D636F;} #main ul.hornav li.hide-separator-image{border-right: none;} /*** tables */ /* default table - for use in RTF fields */ #main table{/*width: 98%;*/ background: #fff; border: 1px solid #9AB7CE; margin: 0 0 1em 0; border: 2px solid #9AB7CE; border-collapse: collapse; text-align: left;} * html #main table{border: 1px solid #9AB7CE;} #main table tbody{margin: 10px;} #main table th{background : #E6F1F6; font-weight: bold; border: 1px solid #9AB7CE; color: #1E7494;} #main table td{border: 1px solid #E6EDF0; vertical-align: top} #main table th, #main table td{padding: 0.4em; } #main table tr.alternate td{background: #F5F9FA} #main table .alignleft{text-align: left} #main table .aligncenter{text-align: center} #main table .alignright{text-align: right} #main table th a.begrip, #main table th a:hover.begrip{color : #1E7494;} /**** custom: calendar ****/ #main table.calendar th{background: transparent; border: 1px solid #E6EDF0; } #main table.calendar tr.alternate th{background: #F5F9FA} /**** custom: calendar data ****/ #main table.calendar_data{border: none; width: auto;} #main table.calendar_data th, #main table.calendar_data td{text-align: left; background: #fff; border: none; font-weight: normal; vertical-align:top; padding: 0em 0.5em} #main table.calendar_data th{text-align: right; font-weight: bold; color: #086587;} /**** custom: noformat table - for use in RTF fields ****/ #main table.noformat, #main table.noformat th, #main table.noformat td{border: none !important; background: none !important; font-weight: normal !important; color: black !important} /**** custom: news page ****/ #main p.date{color: #619E1C; font-size: 105%; margin-top: -1em; margin-bottom: 0.5em} /**** custom: inline-module ***/ #main div.inlinemodule {width : 95%; margin : 2em 1em 0.5em 1em; padding: 0 0 0.5em 0; background: #fff url(../images/css_line_blue.gif) bottom right no-repeat;} #main div.inlinemodule h2, #main div.inlinemodule h3, #main div.inlinemodule p, #main div.inlinemodule ul, #main div.inlinemodule table, #main div.inlinemodule ol, #main div.inlinemodule dl, #main div.inlinemodule blockquote {line-height : 1.2em;} #main div.inlinemodule h2 {font-size: 110%; line-height: 1.2em; padding: 0.5em 0em 0.3em 0em; margin: 0em 0em 0.2em 0em; color: #086587; width: 100%; background : url(../images/css_line_blue.gif) bottom right no-repeat;} #main div.inlinemodule h3 a{color: black; border-bottom: 1px dotted #086587; text-decoration: none;} #main div.inlinemodule h3 a:hover{ color: #086587} #main div.inlinemodule h3{font-size: 100%; margin: 0em 0em 0.2em 0em; padding : 0 0 0 0; color: #000000;} #main div.inlinemodule p{margin: 0; padding-bottom : 0;} #main div.inlinemodule hr{padding : 0.5em 0em 0.3em 0em; margin : 0em 0em 0.2em 0em; width: 100%; height: 1px; background : url(../images/css_line_blue.gif) bottom right no-repeat; } #main div.inlinemodule.multiple{margin-top: -10px; padding-top: 10px; /*yes, this is an evil hack*/ } #main div.inlinemodule span.tel, #main div.inlinemodule span.fax, #main div.inlinemodule span.prefix{float: left} #main div.inlinemodule span.more-link{background-position: 2px 5px; margin-top: 0.5em} #main div.inlinemodule span.prefix{width: 1.7em;} #main div.inlinemodule br{clear: both} /**** custom: overview pages */ #two-col-facet #main div.searchsummary-container{width: 40.8em;} #two-col-facet-leafnode #main div.searchsummary-container{width: 47em; margin: 0px 1em; } #one-col #main div.paging, #one-col #main div.paging table{width: 54em;} #two-col-modules #main div.paging, #two-col-modules #main div.paging table{width: 41em;} #two-col-facet #main div.paging, #two-col-facet #main div.paging table{width: 40.8em;} #two-col-subnav #main div.paging, #two-col-subnav #main div.paging table{width: 41.8em;} #two-col-leafnode #main div.paging, #two-col-leafnode #main div.paging table{width: 48em;} #two-col-facet-leafnode #main div.paging, #two-col-facet-leafnode #main div.paging table{width: 48em;} #three-col #main div.paging, #three-col #main div.paging table{width: 28em;} #main div.summary span.result-count, #main div.summary span.rss{padding: 0.2em 0 0 0; margin: 0; color: #5B788E; font-weight: bold; } #main div.searchsummary-container{padding: 0px; border-bottom: 1px solid #C3CFBE; background: #FAFAF7;} #main div.summary{background: white;} #main div.summary p{display: block; margin: 0;} #main div.summary span.result-count{float: left;} #main div.summary span.rss{float: right;} #main div.facet-filter{border-top: 1px solid #C3CEBF; border-left: 1px solid #DEE8DA; border-right: 1px solid #DEE8DA; } #main div.facet-filter table{margin: 0.5em; border-collapse: collapse; table-layout: fixed; border: none; background: transparent; } #main div.facet-filter table col.column1{width: 5.8em;} #main div.facet-filter table col.column2{width: 17em;} #main div.facet-filter table col.column3{width: 17em;} #main div.facet-filter table th, #main div.facet-filter table td{border: none; border-bottom: 1px solid #DFE4E8; background: transparent; vertical-align: top} #main div.facet-filter table tr.last th, #main div.facet-filter table tr.last td{border-bottom: none;} #main div.facet-filter ul.alphabet{position : relative; margin : 0.5em 0; padding : 0em; font-size: 85%; width : 100%; display: inline;} #main div.facet-filter ul.alphabet li{display: block; float: left; border-right: 1px solid #C2CFBD; color: #BEC8CC; text-align: center; vertical-align: middle; width: 1.5em; margin: 0; font-weight: bold;} #main div.facet-filter ul.alphabet li.active{color: #C7160E; border: 1px solid #C2CFBD; margin-left: -1px; background: url(../images/css_alfa_active_bg.gif) no-repeat left top} #main div.facet-filter ul.alphabet li.hide-separator-image{border-left: none} #main div.facet-filter ul.alphabet li.hide-separator-image.active{border-left: 1px solid #DFE4E8;} #main div.facet-filter ul.alphabet li.delete-item{width : 4em;} #main div.facet-filter ul.alphabet li.last{border-right: 2px solid black; padding-right: 2px;} #main div.facet-filter ul.alphabet li.last.active{padding-right: 0;} #main div.facet-filter ul.alphabet li a{text-decoration: none; font-weight: bold; color: #5B798E;} #main div.facet-filter ul.alphabet li a:hover{text-decoration: none; color: #CC0000} #main div.paging table{border: none; margin: 0; background: transparent} #main div.paging table td{border: none; margin: 0; padding: 0.2em 0em} #main div.paging table td.previous{text-align: left;} #main div.paging table td.results{text-align: center;} #main div.paging table td.next{text-align: right;} #main div.paging table col.column1{width: 35%} #main div.paging table col.column2{width: auto} #main div.paging table col.column3{width: 35%} #main div.paging.top {background: url(../images/css_paging_top.gif) no-repeat 0% 100%; border-bottom: 1px solid #C3CEBF} #main div.paging.bottom {background: url(../images/css_paging_bottom.gif) no-repeat 0% 0%; border-top: 1px solid #C3CEBF} #main div.paging a{text-decoration: none} #main table.search_results {border-collapse: collapse; table-layout: fixed;} #main table.search_results col.column1{width: 100%;} #main table.search_results.calendar col.column1{width: 60%;} #main table.search_results.newsletter col.column1{width: 80%;} #main table.search_results.calendar col.column2, #main table.search_results.news col.column2, #main table.search_results.newsletter col.column2{width: 20%;} #main table.search_results.calendar col.column3{width: 20%;} #main table.search_results, #main table.search_results tr th, #main table.search_results tr td {border: none; background: none;} #main table.search_results.calendar tr th, #main table.search_results.newsletter tr th {border-bottom: 1px solid #C3CEBF;} #main table.search_results.calendar tr td, #main table.search_results.newsletter tr td {border-bottom: 1px solid #C3CEBF;} #main table.search_results.calendar tr.last th, #main table.search_results.calendar tr.last td, #main table.search_results.newsletter tr.last th, #main table.search_results.newsletter tr.last td{border-bottom: none; } #main table.search_results.address{margin: 0 0.5em} #main table.search_results.address tr td {border-bottom: 1px solid #C3CEBF; padding: 0.5em 0;} #main table.search_results.address tr.address-detail th, #main table.search_results.address tr.address-detail td{border-bottom: none;} #main table.search_results.address .address-detail-1{float: left; width: 49%} #main table.search_results.address .address-detail-2{float: right; width: 49%} #main table.search_results.address .address-detail-3{clear: both; display:block; padding-bottom: 1em;} #main table .date{color: #619E1C;} #main table.search_results span.title{color: #688CA1; font-weight: bold;} /**** custom: photo gallery */ #one-col #main div.photogallery table.photo-overview{width: 54em; margin: 0; padding: 0;} #two-col-modules #main div.photogallery table.photo-overview{width: 41em; margin: 0; padding: 0;} #two-col-subnav #main div.photogallery table.photo-overview{width: 41.8em; margin: 0; padding: 0;} #two-col-facet #main div.photogallery table.photo-overview{width: 40.8em; margin: 0; padding: 0;} #two-col-leafnode #main div.photogallery table.photo-overview, #two-col-facet-leafnode #main div.photogallery table.photo-overview{width: 48em; margin: 0; padding: 0;} #three-col #main div.photogallery table.photo-overview{width: 28em; margin: 0; padding: 0; overflow: hidden;} #main div.photogallery table.photo-overview, #main .photogallery table.photo-overview th, #main .photogallery table.photo-overview td{border: none; background: transparent; text-align: left; } #main div.photogallery table.photo-overview td a {border: 1px solid #9AB6CB; display: block; margin: 0; padding: 1em; text-align: center;} #two-col-modules #main div.photogallery table.photo-overview a{width: 7.5em;} #two-col-subnav #main div.photogallery table.photo-overview a{width: 7.5em;} #two-col-leafnode #main div.photogallery table.photo-overview a, #two-col-facet-leafnode #main div.photogallery table.photo-overview a{width: 9.3em;} #three-col #main div.photogallery table.photo-overview a{width: 4em;} #one-col #main div.photogallery table.photo-overview span.caption{width: 13em !important;} #two-col-subnav #main div.photogallery table.photo-overview span.caption{width: 10em !important;} #two-col-modules #main div.photogallery table.photo-overview span.caption{width: 10em !important;} #two-col-leafnode #main div.photogallery table.photo-overview span.caption{width: 12em !important;} #three-col #main div.photogallery table.photo-overview span.caption{width: 6em !important;} /*#main div.photogallery table{table-layout: fixed; border-collapse: collapse; border: 2px solid white; empty-cells: show; } * html #main div.photogallery table{border: 1px solid white;} #main div.photogallery table th, #main .photogallery table td{border: 1px solid #E6EDF0;}*/ #main div.photogallery-detail p.image-detail, #main div.photogallery-detail p.image-description{text-align: center} #main div.photogallery-detail p.image-detail{margin-top: 1em;} #main div.photogallery-detail p.image-detail span.caption{text-align: center; margin: 0 5em;} #main div.photogallery-detail p.back a.less-link{margin-top: 1em; margin-bottom: 1em} /**** custom: related info */ #main div.related {/*border : 1px solid #D6E4ED; background : #F4F8FA;*/ border-top: 1px solid #C4CFBF; padding: 0.5em 0 0 0; margin: 3em 0em 1em 0em; width: 92% /* needed for FF to behave */} #main div.related h2 {background : none;font-weight: bold;color: #395E79; margin: 0em 0em 0.1em 0em; padding-bottom: 2px; font-size : 105%;} #main div.related ul, #main div.related p{margin-left: 0; margin-top: 0;} /**** custom: banner */ #main .hidetext{overflow: hidden !important; width: 0 !important; height: 0 !important;} /**** misc ****/ .textlabel{font-weight: bold;} /*** icons ***/ /**** 9x8 px ****/ .facet-sub{background: url(../images/css_icon_facet_sub.gif) no-repeat 1px 4px; padding-left: 15px; display:block;} /**** 9x9 px ****/ .more-link{background: url(../images/css_icon_morelink.gif) no-repeat 0px 5px; padding-left: 12px; display:block;} .less-link{background: url(../images/css_icon_lesslink.gif) no-repeat 0px 5px; padding-left: 12px; display:block;} .more-link-search{background: url(../images/css_icon_morelink.gif) no-repeat 100% 4px; padding-left: 5px; padding-right: 15px; display:inline; font-weight: bold;} .less-link-search{background: url(../images/css_icon_lesslink.gif) no-repeat 0% 4px; padding-left: 15px; padding-right: 5px; display:inline; font-weight: bold;} #main a.more-link-search,#main a.less-link-search{color: #2E54A1} #main a.more-link-search:hover,#main a.less-link-search:hover{color: #CC0000} .arrow-left{background: url(../images/css_icon_arrow_left.gif) no-repeat 0px 4px; padding-left: 15px; display:block;} .arrow-left-active{background: url(../images/css_icon_arrow_left_act.gif) no-repeat 0px 4px; padding-left: 15px; display:block;} .arrow-left-dim{background: url(../images/css_icon_arrow_left_dim.gif) no-repeat 0px 4px; padding-left: 15px; display:block;} .arrow-top{background: url(../images/css_icon_arrow_top.gif) no-repeat 0px 9px; padding-left: 15px; display:block;} .arrow-bottom{background: url(../images/css_icon_arrow_bottom.gif) no-repeat 0px 6px; padding-left: 15px; display:block;} /**** 11x13 ****/ .attention{background: url(../images/css_icon_attention_green.gif) no-repeat 0px 1px; padding-left: 17px; display:block; font-weight: bold; color: #428B34} .cheques{background: url(../images/css_icon_cheques.gif) no-repeat 0px 1px; padding-left: 17px; display:block; color: #5B788E} .error{background: url(../images/css_icon_error.gif) no-repeat 0px 1px; padding-left: 17px; display:block;font-weight: bold; color: #CC0000} .warning{background: url(../images/css_icon_warning.gif) no-repeat 0px 1px; padding-left: 17px; display:block; font-weight: bold; color: #CC0000} #main a.warning{color: #CC0000} #main a.error{color: #CC0000} #main a.cheques{color: #5B788E} #main a.attention{color: #428B34} /**** 13x11 px ****/ .filter{background: url(../images/css_icon_filter.gif) no-repeat 0px 3px; padding-left: 20px;} .filter-action{background: url(../images/css_icon_action_filter.gif) no-repeat 0px 3px; padding-left: 20px;} /**** 16x13 px ****/ .tel{background: url(../images/css_icon_tel.gif) no-repeat 0px 3px; padding-left: 20px;} .fax{background: url(../images/css_icon_fax.gif) no-repeat 0px 3px; padding-left: 20px;} .email{background: url(../images/css_icon_email.gif) no-repeat 0px 3px; padding-left: 20px;} .location{background: url(../images/css_icon_location.gif) no-repeat 0px 3px; padding-left: 20px;} #modules .location{display: block} .detail{background: url(../images/css_icon_detail.gif) no-repeat 0px 3px; padding-left: 20px;} .opening-hours{background: url(../images/css_icon_opening-hours.gif) no-repeat 0px 3px; padding-left: 20px;} .url{background: url(../images/css_icon_url.gif) no-repeat 0px 3px; padding-left: 20px;} /**** 15x15 px ****/ .mm-pdf{background: url(../images/css_icon_mm-pdf.gif) no-repeat 0px 0px; padding-left: 20px;} .mm-word{background: url(../images/css_icon_mm-word.gif) no-repeat 0px 0px; padding-left: 20px;} .mm-ppt{background: url(../images/css_icon_mm-ppt.gif) no-repeat 0px 0px; padding-left: 20px;} .mm-excel{background: url(../images/css_icon_mm-excel.gif) no-repeat 0px 0px; padding-left: 20px;} .mm-music{background: url(../images/css_icon_mm-music.gif) no-repeat 2px 1px; padding-left: 20px;} .mm-video{background: url(../images/css_icon_mm-video.gif) no-repeat 0px 0px; padding-left: 20px;} .mm-other{background: url(../images/css_icon_mm-other.gif) no-repeat 0px 0px; padding-left: 20px;} .publication{background: url(../images/css_icon_publication.gif) no-repeat 0px 0px; padding-left: 20px;} .archive{background: url(../images/css_icon_archive.gif) no-repeat 0px 0px; padding-left: 20px;} .archive_open{background: url(../images/css_icon_archive_open.gif) no-repeat 0px 0px; padding-left: 20px;} #two-col-facet .archive_open, #two-col-facet-leafnode .archive_open{margin-top: 2em; display: block;} .newsitem{background: url(../images/css_icon_newsitem.gif) no-repeat 0px 0px; padding-left: 20px;} .relation{background: url(../images/css_icon_relation.gif) no-repeat 0px 0px; padding-left: 20px;} .order{background: url(../images/css_icon_order.gif) no-repeat 0px 0px; padding-left: 20px;} .agenda{background: url(../images/css_icon_agenda.gif) no-repeat 0px 0px; padding-left: 20px;} .basket{background: url(../images/css_icon_basket.gif) no-repeat 0px 0px; padding-left: 20px;} .manage{background: url(../images/css_icon_manage.gif) no-repeat 0px 0px; padding-left: 20px;} .delete{background: url(../images/css_icon_delete.gif) no-repeat 0px 0px; padding-left: 20px;} .ezine{background: url(../images/css_icon_ezine.gif) no-repeat 0px 0px; padding-left: 20px;} .help{background: url(../images/css_icon_help.gif) no-repeat 0px 0px; padding-left: 20px;} .ticket{background: url(../images/css_icon_ticket.gif) no-repeat 0px 0px; padding-left: 20px;} .undelete{background: url(../images/css_icon_undelete.gif) no-repeat 0px 0px; padding-left: 20px;} /**** 16x15 ****/ .login{background: url(../images/css_icon_login.gif) no-repeat 0px 0px; padding-left: 20px;} /**** 16x16 ****/ .wheelchair{background: url(../images/css_icon_wheelchair.gif) no-repeat 0px 0px; padding-left: 20px;} /**** 18x13 ****/ .change{background: url(../images/css_icon_change.gif) no-repeat 0px 0px; padding-left: 22px;} .important{background: url(../images/css_icon_important.gif) no-repeat 0px 0px; padding-left: 22px;} /**** 18x15 ****/ .map{background: url(../images/css_icon_map.gif) no-repeat 0px 0px; padding-left: 22px;} /**** 18x16 ****/ .top-ranker{background: url(../images/css_icon_top-ranker.gif) no-repeat 0px 0px; padding-left: 22px;} /** * 4. Content/Sub-nav Styling * ========================== */ #sub-nav {padding: 0; margin: 0; } #sub-nav h1, #sub-nav h3, #sub-nav h4, #sub-nav p, #sub-nav ul, #sub-nav table, #sub-nav ol, #sub-nav dl, #sub-nav blockquote{line-height: 1.2em} #sub-nav div.leftnav{overflow: hidden; width: 12em;} #sub-nav h2, #sub-nav h3{padding: 0.25em 0.5em; color: #086587; } #sub-nav h2{margin-bottom: 0.5em; margin-top: 2em; border:none; width: 100%; background: url(../images/css_sidebar_headings_bg.gif) no-repeat top right;} #sub-nav p{margin: 0.5em;} #sub-nav a{color: #000000; text-decoration: none; width: 100%; } #sub-nav a:hover{color: #CC0000} #sub-nav ul{list-style: none; margin: 0.3em 0.3em 0.5em 0.7em;} #sub-nav ul.show-arrows-in-list li a{background: url(../images/css_sidebar_arrow.gif) no-repeat 1px 5px; padding-left: 8px; display:block; } #two-col-facet #sub-nav ul.show-arrows-in-list li a{background: url(../images/css_sidebar_arrow_facet.gif) no-repeat 1px 5px;} #sub-nav li{width: 100%; background: url(../images/css_sidebar_line.gif) no-repeat right bottom; padding: 0.2em 0em} #sub-nav li.last{background: none} #sub-nav #sub-nav-languages{/*Size of the image*/ padding-top: 1.5em; width: 11em; background: url(../images/css_sidebar_lang.gif) no-repeat top left;/*Hide the text*/ overflow: hidden; /* win IE5 hack */ height: 1.5em; voice-family: "\"}\""; voice-family:inherit; height: 0;} #sub-nav #calendar form{width: 13em; overflow: hidden;} #sub-nav #calendar form#selectDate select{width: 9.2em; margin-left: 0.2em;} #sub-nav #calendar form#selectDate input{width: 2em;} #sub-nav div.sticktotop h2{margin-top: 0em} /*#sub-nav div.scrollpane{width: 12em; height: 25em; overflow: auto; overflow-x:hidden; border-bottom: 1px solid #9AB6CB; margin-top: -0.6em compensating default h2 behavior}*/ #two-col-facet #sub-nav h2{background: #C6C7C8; color: #616B74} #two-col-facet #sub-nav h3{color: #616B74} #two-col-facet #sub-nav li{border-bottom: 1px solid #C6C7C7; background: none} #two-col-facet #sub-nav #calendar form#selectDate select{width: 10.2em; margin-left: 0.2em;} /**** custom: calendar widget */ #sub-nav div#dayCalendarContainer{margin:0; padding: 0; width: 14em;} #sub-nav .calbordered{margin-top: 1em;} #sub-nav .calbordered .title {color:#000; font-weight:bold; } #sub-nav .calhead {border-bottom:2px solid #E0E0E0; vertical-align:middle;} #sub-nav .calheader {width:100%; background:transparent;} #sub-nav .calweekdaycell {color:#666;font-weight:normal; background: #FFF; border:1px solid #E0E0E0;} #sub-nav .calheader a {display:none}/* disable nav buttons */ #sub-nav .calfoot {background-color:#EEE;} #sub-nav .calrowhead, .calrowfoot {color:#666;font-size:9px;font-style:italic;font-weight:normal;width:15px;} #sub-nav .calendarWidget {text-align:center;border-spacing:0; width: 12em; table-layout:fixed;} #sub-nav td.calcell {height:1.5em; border:1px solid #E0E0E0;background-color:#FFF;} #sub-nav .calendarWidget.wait td.calcell {color:#999;background-color:#CCC;} #sub-nav .calendarWidget.wait td.calcell a {color:#999;font-style:italic;} #sub-nav td.calcell a {color:#003DB8;text-decoration:none;} #sub-nav td.calcell.today {border:1px solid #911;} #sub-nav td.calcell.oom {cursor:default;color:#999;background-color:#EEE;border:1px solid #E0E0E0;} #sub-nav td.calcell.selected {color:#003DB8;background-color:#FFF19F;border:1px solid #FF9900;} #sub-nav td.calcell.calcellhover {cursor:pointer;color:#FFF;background-color:#FF9900;border:1px solid #FF9900;} #sub-nav table:hover {background-color:#FFF;}/* Added to perform some correction for Opera 8.5 hover redraw bug */ #sub-nav td.calcell.calcellhover a {color:#FFF;} #sub-nav td.calcell.restricted {text-decoration:line-through;} #sub-nav td.calcell.previous {color:#CCC;} #sub-nav td.calcell.highlight1 { background-color:#CCFF99; } #sub-nav td.calcell.highlight2 { background-color:#99CCFF; } #sub-nav td.calcell.highlight3 { background-color:#FFCCCC; } #sub-nav td.calcell.highlight4 { background-color:#CCFF99; } /** * 5. Content/Modules Styling * ========================== */ #modules{background: url(../images/css_sidebar_border_bottom.gif) no-repeat bottom left; margin-top: 2.0em;} #modules h1, #modules h3, #modules h4, #modules p, #modules ul, #modules table, #modules ol, #modules dl, #modules blockquote{line-height: 1.2em} #modules div{border-left: 1px solid #9AB6CB; border-right: none; width: 13em; float:right;} #modules div.noindex{border: none; margin: 0; padding: 0;} #modules div ul{margin: 0 0.5em 0.5em 0.5em; list-style-type: none} #modules div h2{padding: 0.25em 0.5em; margin-bottom: 0.5em; border:none; color: #58798D; background: url(../images/css_sidebar_headings_bg.gif) no-repeat top left;} #modules div h3{margin: 0.5em 0.5em 0 0.5em; color: #086587} #modules div p{margin: 0 0.5em 0.5em 0.5em;} #modules div.module-separator{background: #fff url(../images/css_blue_gradient.gif) no-repeat right top; border: none; padding: 0.5em; margin-left: -2px; margin-top: 0.5em; margin-right: 0.5em; width: 10.5em; height: 1px; } #modules div.module-separator hr{display:none;}/* hides the line from styled pages - shows it on non-styled pages*/ #modules a.more-link{margin-top: 0.8em; margin-bottom: 0.8em;} /*** custom component styling ***/ #modules .calendar_date, #modules .date{color: #666666} #modules .addressinfo span.tel, #modules .addressinfo span.fax, #modules .addressinfo span.prefix{float: left} #modules .addressinfo span.prefix{width: 1.7em;} #modules .addressinfo li{clear: both} /*** hide styles from fotomuseum ***/ #modules .newsletter span.image-block{display: none; } /** * 6. Search box * ============= */ /*#search-box{display:none}*/ #search-box{position:absolute; top:113px; left: 43.5em; width: 13em; margin-left: -1px; padding-bottom: 1px; border-left: 1px solid #9AB6CB; background: #ECF4F7 url(../images/css_searchbox_bottom_bg.jpg) no-repeat bottom left;} /* negative margin compensates for the border */ #search-box label{display: block; float: left; vertical-align: middle;} #search-box input{display: block; float: left; vertical-align: middle;} #search-box p{width: 100%; margin: 0; padding: 0; background: url(../images/css_search_bg.gif) repeat-y top left;} #search-box p.height-same-as-nav{height: 2.3em; margin-top: -1px; background: url(../images/css_search_textfield_bg.gif) no-repeat bottom left;} #search-box input.search-textfield {margin-left: 2px; margin-top: 7px; width: 12em; font-size: 12px; text-align: left;} #search-box input.search-button {float:right; margin-top: 7px; margin-right: 2px; vertical-align: baseline;} #search-box input.search-radiobutton{margin-left: 4px; margin-right: 5px;} * html #search-box input.search-radiobutton{margin-left: 0px;} /* search box homepage exceptions */ .homepage #modules {margin-top: 0;} .homepage #modules #search-box{position:static; border-left: 1px solid #9AB6CB; padding: 0; margin: 0; margin-bottom: 2em; width: 13em;} .homepage #modules #search-box p{margin: 0; background: url(../images/css_searchbox_bottom_bg.jpg) no-repeat bottom left;} /** * 7. Forms Styling * ================ * Suitable for WebForms 1.1 */ /* sizing */ #one-col #main form.formStandard{width: 54em; margin:0; padding: 0;} #two-col-modules #main form.formStandard{width: 41em; margin:0; padding: 0;} #one-col #main div.formButtons{width: 52em; padding: 1em;} #two-col-modules #main div.formButtons{width: 39em; padding: 1em; } #one-col #main div.formButtonLeft{float: left; width: 40em;} #one-col #main div.formButtonRight{float: right; width: 15em;} #two-col-modules #main div.formButtonLeft{float: left; width: 23em;} #two-col-modules #main div.formButtonRight{float: right; width: 15em;} #main form.formStandard{position: relative;} /* used for mandatory message */ /* form main styling */ #main form.formStandard {color: #445; line-height : 1.3em; border: 1px solid #D3E0EA; border-right: 1px solid #A4B6C4; background: #ECF4F7 url(../images/css_form_bg.gif) top right repeat-y; margin-top: -10px;} /* form title & mandatory message */ #main form.formStandard h2{border: none; background: none; margin: 0 0.2em 1em 0.2em; color: #738B9C; width: 80%} #main form.formStandard span.MandatoryMessage{position: absolute; right: 2px; top: 2px; } #main form.formStandard span.MandatoryMessage span.mandatory{color: red} #main form.formStandard table td span.mandatory{color: red; font-weight: bold; padding-left: 0.2em;} /* form tables*/ /** form tables column width */ #one-col #main form.formStandard table.formtable col.column1{width: 18em;} #one-col #main form.formStandard table.formtable col.column2{width: 36em;} #two-col-modules #main form.formStandard table.formtable col.column1{width: 18em;} #two-col-modules #main form.formStandard table.formtable col.column2{width: 21em;} /** form tables margin/padding */ #main form.formStandard table.formtable, #main form.formStandard table.formtable td, #main form.formStandard table.formtable td table.Form_embedded_basic, #main form.formStandard table.formtable td table.Form_embedded_basic td{margin: 0; padding: 0;}/*allow nested tables*/ #main form.formStandard table.formtable th, #main form.formStandard table.formtable tr.Field_Separator td{padding: 0.3em;} #main form.formStandard table.formtable tr.Field_standard td.WebFormData, #main form.formStandard table.formtable tr.Field_standard td.Label_standard{padding: 0.3em;} #main form.formStandard table.formtable tr.Field_standard td.Label_standard{padding-left: 1em;} #main form.formStandard table.formtable img, #main form.formStandard table.formtable td span.form-readonly{padding: 0.3em; padding-left: 1em; display: block;} #main form.formStandard table.formtable td table.Form_embedded_basic {padding: 0; border: none;} #main form.formStandard table.formtable td.WebFormData table.Form_embedded_basic {padding: 0;} #main form.formStandard table.formtable tr.Error_standard td{padding: 0.3em; padding-left: 1em;} /** form tables styling */ #main form.formStandard table.formtable{border-collapse: collapse; table-layout: fixed; width: 100%; border: none; background: transparent; vertical-align: top;} #main form.formStandard table.formtable td, #main form.formStandard table.formtable th{color: #849AAB; border: none; vertical-align:top; } #main form.formStandard table.formtable th, #main form.formStandard table.formtable tr.Field_Separator td{font-weight: bold; background: transparent url(../images/css_form_separator.gif) repeat-x bottom left} #main form.formStandard table.formtable tr.Field_standard td.Label_standard {font-weight: normal; } #main form.formStandard table.formtable tr.Error_standard td{font-weight: bold; color: red;} #main form.formStandard table.Form_embedded_basic{border: none; background: transparent; } /* form tooltips */ #main form.formStandard table.formtable tr td.WebFormData input, #main form.formStandard table.formtable td.WebFormData select, #main form.formStandard table.formtable td.WebFormData textarea, #main form.formStandard table.formtable td table.Form_embedded_basic, #main form.formStandard table.Table_field_basic{float: left;} #main form.formStandard table.formtable td span.tooltip{float: right; margin-right: 0.3em; margin-top: 0.3em; cursor: help; } #main form.formStandard table.formtable td.WebFormData span.tooltip{margin-right: 0em; margin-top: 0em;}/* webforms 1.1 bugfix */ /* form buttons */ #main form.formStandard div.formButtons{background: transparent url(../images/css_form_separator.gif) repeat-x top left;} #main form.formStandard div.formButtonLeft input{width: 8em; margin-right: 0.5em;} #main form.formStandard div.formButtonRight{text-align: right} /** custom: table_field */ #main form.formStandard table.Table_field_basic{width: auto;} #main form.formStandard table.Table_field_basic{border: none; background: transparent; margin: 0 0 0 1em; padding: 0} * html #main form.formStandard table.Table_field_basic{margin-left: 0.5em;} #main form.formStandard table.Table_field_basic th{border: none; background: transparent; padding: 0;} #main form.formStandard table.Table_field_basic th, #main form.formStandard table.Table_field_basic td{padding: 0.2em 0.5em 0.2em 0.1em;} /* overview page*/ /** tables column width */ #one-col #main form.formOverview table.formtable col.column1{width: 18em;} #one-col #main form.formOverview table.formtable col.column2{width: 38em;} #two-col-modules #main form.formOverview table.formtable col.column1{width: 18em;} #two-col-modules #main form.formOverview table.formtable col.column2{width: 24em;} /** margin & padding */ #main form.formOverview{margin: 0;} #main form.formOverview table.formtable{width: 100%} #main form.formOverview table.formtable, #main form.formOverview table.formtable td, #main form.formOverview table.formtable td table.Form_embedded_basic, #main form.formOverview table.formtable td table.Form_embedded_basic td{margin: 0; padding: 0;}/*allow nested tables*/ #main form.formOverview table.formtable tr.Field_standard td.WebFormData, #main form.formOverview table.formtable tr.Field_standard td.Label_standard{padding: 0.3em;} #main form.formOverview table.formtable th, #main form.formOverview table.formtable tr.Field_standard td.Label_standard, #main form.formOverview table.formtable td span.form-readonly{padding-left: 2em;} #main form.formOverview table.formtable th{padding: 0.5em 0 0 26px;} #main form.formOverview table.formtable a.change, #main form.formOverview table.formtable img{margin-left: 2em; display: block; padding-bottom: 1em; } #main form.formOverview div.formButtons{padding: 1em;} /** styling */ #main form.formOverview table.formtable{border: none; background: transparent; border-collapse: collapse;} #main form.formOverview table.formtable th, #main form.formOverview table.formtable td{border: none; background: transparent;} #main form.formOverview table.formtable th{font-size: 105%; font-weight: bold; color: #086587;} #main form.formOverview table.formtable span.tooltip{display: none} #main form.formOverview table.formtable a.change{color: #999; text-decoration: none; font-weight: bold} #main form.formOverview div.formButtonRight{text-align: right} #main form.formOverview table.formtable td table.Form_embedded_basic, #main form.formOverview table.formtable td table.Form_embedded_basic td{border: none;} #main form.formOverview table.formtable td span.form-readonly{display: block; padding-top: 0.3em; padding-bottom: 0.3em;} /** custom: table_field */ #main form.formOverview table.Table_field_basic{width: auto;} #main form.formOverview table.Table_field_basic{border: none; background: transparent; margin: 0 0 0 2em; padding: 0} #main form.formOverview table.Table_field_basic th{border: none; padding: 0; font-size: 100%} #main form.formOverview table.Table_field_basic th, #main form.formOverview table.Table_field_basic td{padding: 0.2em 0.5em 0.2em 0.1em;} /* thank you page*/ #main div#ThankYouPage table.formtable, #main div#ThankYouPage table.formtable td{margin: 0; padding: 0;}/*allow nested tables*/ #main div#ThankYouPage table.formtable td{padding: 1em 10px;} #main div#ThankYouPage table.formtable, #main div#ThankYouPage table.formtable td{border: none;} /* form help styling */ #one-col #main div#formHelpItem{width: 54em;} #two-col-subnav div#formHelpItem{width: 41.8em;} #two-col-facet div#formHelpItem{width: 40.8em;} #two-col-leafnode div#formHelpItem, #two-col-facet-leafnode div#formHelpItem{width: 48em;} #two-col-modules #main div#formHelpItem{width: 41em;} #three-col #main div#formHelpItem{width: 28em;} #main div#formHelpItem div#formHelpContainer{padding: 1em;} #one-col #main div#formHelpItem div#formHelpContainer{width: 52em;} #two-col-subnav div#formHelpItem div#formHelpContainer{width: 39.8em;} #two-col-facet div#formHelpItem div#formHelpContainer{width: 38.8em;} #two-col-leafnode div#formHelpItem div#formHelpContainer, #two-col-facet-leafnode div#formHelpItem div#formHelpContainer{width: 46em;} #two-col-modules #main div#formHelpItem div#formHelpContainer{width: 39em;} #three-col #main div#formHelpItem div#formHelpContainer{width: 26em;} * html #one-col #main div#formHelpItem div#formHelpContainer{width: 52.09999em;} * html #two-col-modules #main div#formHelpItem div#formHelpContainer{width: 39.09999em;} #main div#formHelpItem{text-align: right;} #two-col-facet #main div#formHelpItem{border-bottom: 1px solid #C3CEBF;} #main div#formHelpItem ul, #main div#formHelpItem p{margin-bottom: 0; margin-top: 0; padding-top: 0.5em; padding-bottom: 0.5em;} #main div#formHelpItem span#formHelpLabel{color: #738B9C; text-decoration : none; cursor: pointer; font-weight : bold; background: url(../images/css_arrow_helpcontainer.gif) no-repeat 0em 0.3em; padding-left: 1em;} #main div#formHelpItem div#formHelpContainer{text-align: left; border-top: 1px solid #D3E0EA; border-left: 1px solid #D3E0EA; border-right: 1px solid #A4B6C4; background: #F4F8FA url(../images/css_helpcontainer_bg.gif) repeat-y right top; display: none;} #main div#formHelpItem.open span#formHelpLabel{background: url(../images/css_arrow_helpcontainer_act.gif) no-repeat 0em 0.3em; } #main div#formHelpItem.open{border-bottom: none;} #main div#formHelpItem.open div#formHelpContainer{display: block;} #two-col-facet #main div#formHelpItem.open{border-bottom: 1px solid #D3E0EA;} /* form-progress - fake module */ #main div.form-progress{position: absolute; width: 13em; top: 200px; right: 0.85em; padding: 0; background: url(../images/css_wizard_bg.gif) repeat-y bottom left; margin-top: 2em; margin-bottom: 2em; border-left: 1px solid #9AB6CB; border-right: none; width: 13em;} /*#main div.form-progress h2{padding: 0.25em 0.5em; margin: 0; font-size: 100%; margin-bottom: 0.5em; border:none; color: #086587; background: url(../images/css_sidebar_headings_bg.gif) no-repeat top left;} */ #main div.form-progress h2{display: none;} #main div.form-progress ul{margin-left: 0px; margin-top: 0; padding-bottom: 0em; margin-bottom: 1px; margin-right: 0; background: #E8F0F5 url(../images/css_wizard_item-bg.gif) repeat-y left top; border-top : 1px solid #D3E0EA;} #main div.form-progress ul li{background: url(../images/css_wizardnav_flag-todo.gif) no-repeat 4px 4px; list-style-image: none; border-bottom : 1px solid #CDDEEA; color: #365870; padding: 0.2em 1em 0.3em 2em; margin: 0px;} #main div.form-progress ul li.active{background: #ECF4F7 url(../images/css_wizardnav_flag-active.gif) no-repeat 4px 4px; color: #365870; font-weight: bold; } #main div.form-progress ul li.done{background: url(../images/css_wizardnav_flag-done.gif) no-repeat 4px 4px; } /* tooltips */ .overlay {position:absolute;display:block;} .tt {visibility:hidden;position:absolute;color:#333;background-color:#FDFFB4;padding:2px;border:1px solid #FCC90D;font:100% sans-serif;width:auto;} /** * 8. Footer Styling * ================= */ #definitions{display: none} #accessibility{display: none}/*only to be removed when anysurfer label has been granted*/ #footer{width: 100%; text-align: center; height: 40px; clear: both; border-top: 1px solid #043D52; text-align: right;} #footer, #footer a{color: #365D7A;} #footer a:hover{color: #CC0000;} #footer div#accessibility{float:left} #footer div#footer-text{float : right;} #footer div#footer-text p{padding-left: 2px;} #footer ul{list-style : none;} #footer li{float : left; background : url(../images/css_footer_separator.gif) 100% 5px no-repeat; padding-right : 0.5em; margin-right: 0.5em} #footer li.hide-separator-image{background: none;} #footer-print{display: none; } #footer-print p{margin: 1em 10px; }