/* -------------------------------------------------------------- CSS Framework Web Design & Development by Studio 24 Ltd www.studio24.net - (0870) 241 6159 * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. -------------------------------------------------------------- */ /* div#navtabs { background: #d3d3b1; min-width: 694px; max-width: 1214px; line-height: 1em; margin: 0 auto; overflow: hidden; padding: 0 20px 0 20px; border-left: 1px solid #d3d3b1; border-right: 1px solid #d3d3b1; } */ /* =NAV-TABBED -------------------------------------------------------------- */ ul#nav-tabbed { list-style-type: none; margin: 1em 0 2em 0; padding: 0; background: white; font-family: Arial, Helvetica, sans-serif; clear: both; width: 100%; overflow: hidden; } ul#nav-tabbed li { float: left; margin-right: 1px; margin-bottom: 1px; } ul#nav-tabbed li a { color: white; background: #06c url(../cs-images/bg-tab-right.gif) no-repeat 100% 0; display: block; padding: 0.6em 20px 0.45em 20px; position: relative; text-decoration: none; } /* nav-tabbed adapted for cs use -------------------------------------------------------------- */ ul#nav-tabbed.az li a { color: white; margin:0; padding: 0.3em 1.0em 0.3em 1.0em; font-size: 1.2em; position: relative; z-index:0; } ul#nav-tabbed li a span { background: url(../cs-images/bg-tab-left.gif) no-repeat 0 0; width: 5px; height: 5px; position: absolute; top: 0; left: 0; } /* div#content-primary ul#nav-tabbed.az li a:visited { color: #fff; */ ul#nav-tabbed li a:hover { text-decoration: none; background: #036 url(../cs-images/bg-tab-right-over.gif) no-repeat 100% 0; } ul#nav-tabbed li a:hover span { background: url(../cs-images/bg-tab-left-over.gif) no-repeat 100% 0; } ul#nav-tabbed li.active a { background: #b2ccff url(../cs-images/bg-tab-right-active.gif) no-repeat 100% 0; /*border-top: 1px #ccc solid; margin: 0 2px; temp fix - hvs*/ color: #000; font-weight: bold; } ul#nav-tabbed li.active a span { background: url(../cs-images/bg-tab-left-active.gif) no-repeat 100% 0; } /* ------------------------------------------------------------------ Below this line are styles imported from camstyle3 for the header ------------------------------------------------------------------ */ /* force camstyle3 header to fit into steeple's container16 */ .container_16.camstyle3 { width: 980px; /* 20 more than camstyle3 */ padding: 0px; } #header fieldset { border: none; padding: 0; margin: 0; } #header { border-bottom: 3px solid #99CCCC; padding: 7px 21px 7px 14px; } #bread { padding: 7px 21px; } div#branding { float: left; } #branding img { float: left; } /* =SITE-TOOLS -------------------------------------------------------------- */ div#site-search ul { padding:5px; margin: 0; list-style-type: none; } div#site-search ul li { float: right; padding: 0 7px 0 7px; background: url(../images/divider-site-tools-small.gif) no-repeat 100% 50%; } div#site-search ul li.last { background: none; padding-right: 15px; } div#site-search ul li a { color:#036; text-decoration:none; } div#site-search ul li a:hover { color:#c60; } div#site-search { float:none; width:auto; height:auto; padding:0px 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 90%; } div#site-search form { text-align:right; margin: 0; padding: 0; vertical-align: top; } div#site-search form label { color:#999999; } div#site-search form #search-button { position:relative; top:6px; } div#header form.login, div#header select, div#header input { font-size: 90%; } /* =BREADCRUMB -------------------------------------------------------------- */ ul#nav-breadcrumb { overflow: hidden; margin:0; padding: 0.5em 0 1em 0; list-style-type: none; color: #666; font-size: 11px; float: none; } ul#nav-breadcrumb li { float: left; padding: 0 6px 0 6px; background: url(../images/icon-arrow-nav-breadcrumb.gif) no-repeat 0 50%; } ul#nav-breadcrumb li.first { padding-left: 21px; background: url(../images/icon-home.gif) no-repeat 0 0; } ul#nav-breadcrumb li.last { /*background: none;*/ } /* ul#nav-breadcrumb li.first a { color: #cf5200; } */ ul#nav-breadcrumb a { text-decoration: none; color: #333333; } ul#nav-breadcrumb a:hover { text-decoration: underline; } .site-switch a { color: #333333; }