/** * @site Strix Lease Service * @revision $Revision: 1.1.2.21 $ * * @styleguide: * colors { * white: #fff; * black: #000; * grey: #ededed; * dark grey: #414242; * light blue: #6badc9; * blue: #1b3951; * } * fonts { * logo: Futura Heavy; * headers: Arial, Helvetica, sans-serif; * text: Arial, Helvetica, sans-serif; * } */ /** * Elements * HTML elements, such as ul, img, p, a, etc. */ /* links */ a, a:link { padding: 0 0 1px 0; color: #1b3951; text-decoration: none; border-bottom: 1px solid #1b3951; } a:visited { color: #1b3951; border-color: #1b3951; } a:active { color: #6badc9; border-color: #6badc9;} a:hover { color: #6badc9; border-bottom-color: #6badc9; } a:focus, a:hover, a:active { outline: none; } /* headers */ h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; font-family: Arial, Helvetica, sans-serif; color: #1b3951; } h1 { font-size: 1.2em; } h2 { font-size: 1.1em; } h3 { font-size: 1em; } /* images */ img, a img { border: 0; } /* paragraphs */ p { margin-top: 0; } /* lists and definition lists */ ul { } ul li {} dl {} dl dt {} dl dd {} /* tables */ table { font-size: 1em; vertical-align: top; border-collapse: collapse; } table thead { } table tbody { } table td, table th { text-align: left; } /* form elements, labels & fieldsets */ form { margin: 0; } input, select, textarea { border: 1px solid #d3d3d3; padding: .2em 0; font: normal 1em Arial, Helvetica, sans-serif; } input:hover, textarea:hover { } input:focus, textarea:focus { } input.disabled { cursor: default; background-color: #ededed; } fieldset { border: 1px solid #1b3951; padding: 0 1em 1em 1em; } fieldset legend { margin: 0 0 .5em .4em; padding: .1em .7em; color: white; font-weight: bold; background-color: #1b3951; } label { cursor: pointer; font-size: 1.1em; font-weight: bold; } label:hover { color: #1b3951; } iframe { min-height: 35em; } /** * Page layout */ html, body { min-height: 100%; margin: 0; padding: 0; border: 0; background-color: white; } body { font: normal .7em/1.6 Arial, Helvetica, sans-serif; color: black; background: url(/images/strix_2009/b_body.gif) left top repeat-x #1b3951; } #body { border-top: 1px solid transparent; /*background: url(/images/strix_2009/b_body_logo.png) left top no-repeat;*/ } #container { position: relative; min-width: 999px; width: 1016px; margin: -2px auto 0 auto; padding-bottom: 10px; border-top: 1px solid white; } #mainnav { z-index: 3; position: absolute; top: 100px; left: 10px; right: 10px; background-color: #ededed; } #mainnav ul { list-style-type: none; margin: 0; padding: 0; } #mainnav li { position: relative; float: left; height: 23px; border-right: 1px solid white; } #mainnav li.selected, #mainnav li:hover { background-color: #1b3951; } #mainnav li.selected a, #mainnav li:hover a { color: white; } #mainnav li a { display: block; height: 100%; border: 0; padding: 2px 10px 0 10px; color: #113048; } #mainnav li ul { z-index: 10; display: none; position: absolute; left: 0; top: 100%; margin: 0; padding: 0; border-top: 5px solid #1b3951; } #mainnav li:hover ul { display: block; } #mainnav li ul li { float: none; height: auto; border: 0; border-bottom: 1px solid #e7e7e7; margin: 0; min-width: 200px; } #mainnav li ul li a, #mainnav li:hover ul li a { display: block; padding: 3px 10px; border-left: 5px solid #d9dadc; color: #113048; white-space: nowrap; background-color: #ededed; } #mainnav li ul li a:hover { border-color: #1b3951; background-color: #d2d2d2; } #secondnav { margin-bottom: 2em; } #secondnav h2 { margin-left: 1.2em; } #secondnav h2 a { } #secondnav h2 a span { visibility: hidden; } #secondnav ul { margin: 0; padding: 0; list-style-type: none; } #secondnav ul li { margin: 0; padding: 0; border-left: 7px solid #2f4d65; } #secondnav ul li.selected, #secondnav ul li:hover { border-color: #6cadc9; } #secondnav ul li a { display: block; padding: .2em 0 .2em .6em; border-bottom: 1px solid #d3d6db; } #secondnav ul li:first-child a { border-top: 1px solid #d3d6db; } #head { position: absolute; top: 0px; left: 10px; right: 10px; height: 272px; background: url(/images/strix_2009/b_header.gif) left top repeat-x; } #logo { margin: 5px 0 0 10px; } #logo a { border: 0; padding: 0; } #logo a img { border: 0; } #header { position: absolute; top: 123px; left: 0; right: 1px; height: 158px; background: url(/images/strix_2009/b_headervisual.jpg) left top no-repeat; } #header h2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #header h2 a { display: block; height: 100%; text-indent: -9000px; padding: 0; border: 0; } #header p { visibility: hidden; } #globalnav { position: absolute; top: 10px; right: 10px; } #globalnav h2 { display: none; } #globalnav ul { list-style-type: none; margin: 0; padding: 0; } #globalnav ul li { float: left; margin: 0 0 0 1em; } #globalnav ul li a { padding: 0; padding-right: 1em; border: 0; border-right: 1px solid #414242; color: #414242; } #globalnav ul li a:hover { text-decoration: underline; color: #1b3951; } #quicksearch { float: left; margin-top: -1px; } #quicksearch label { margin: 0 .3em 0 0; color: #414242; font-size: 1em; font-weight: normal; } #quicksearch label:hover { text-decoration: underline; } #quicksearch div { display: inline; } #quicksearch input { padding: 1px 2px; border: 2px solid #d3d3d3; } #quicksearch input.submit { position: relative; top: -3px; border: 0; margin: 0; padding: 0; width: 19px; height: 20px; font-size: 0; background: url(/images/strix_2009/b_button_quicksearch.gif) left top no-repeat; } #subsitenav { position: absolute; top: 79px; right: 10px; margin: 0; padding: 0; list-style-type: none; } #subsitenav li { float: left; height: 21px; border-right: 2px solid white; } #subsitenav li a { display: block; height: 100%; border: 0; padding: 0 10px; background-position: center top; background-repeat: no-repeat; background-color: #ededed; } #subsitenav li a.selected, #subsitenav li a:hover { background-color: #d0d0d0; } #subsitenav li a span { visibility: hidden; } #headervisual { } #headervisual h2 { } #container-top { z-index: 2; position: absolute; top: 272px; left: 0; right: 0; height: 19px; background: url(/images/strix_2009/b_container_top.png) -3px top no-repeat; } #contentcontainer { z-index: 3; position: relative; margin-top: 281px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; background: url(/images/strix_2009/b_container_middle.png) -3px top repeat-y; } #contentcontainer-inner { overflow: hidden; position: relative; border-top: 1px solid transparent; margin: -1px 6px 0 4px; padding-bottom: 100px; background: url(/images/strix_2009/b_content.gif) left top repeat-x white; } #content { position: relative; float: left; width: 440px; min-height: 400px; margin-left: 240px; padding: 40px 0 10px 10px; border-left: 1px solid #e2dede; } #content h1 { position: relative; margin-bottom: .3em; text-indent: -9000px; background-position: left top; background-repeat: no-repeat; } #content h1 .feed { position: absolute; top: 0; left: 9430px; } #breadcrumbs { position: absolute; top: 0px; left: 10px; width: 740px; height: 35px; } #breadcrumbs h2 { display: none; } #breadcrumbs ul { list-style-type: none; margin: 0; padding: 0; } #breadcrumbs ul li { display: inline; margin-right: 0; padding-left: 12px; font-size: .9em; color: #a0a0a0; background: url(/images/i_crumb.gif) left center no-repeat transparent; } #breadcrumbs li:first-child, #breadcrumbs li#firstcrumb { padding-left: 0; background-image: none; } #breadcrumbs li a { border: 0; font-weight: bold; color: #666; padding-left: 0; background: none; } #breadcrumbs li a:hover { text-decoration: underline; } /* banner column */ #bannercolumn { position: absolute; left: 10px; top: 40px; width: 215px; z-index: 2; } #bannercolumn a { border: 0; } #bannercolumn img { margin-bottom: 1em; } #bannercolumn object { margin-bottom: 1em; } /* side column */ #sidecolumn { float: right; width: 275px; margin: 40px 10px 0 0; } #sidecolumn .banner { margin-bottom: 1em; } #sidecolumn .banner a { border: 0; } h3#columnheader { margin-left: 10px; height: 2em; background-color: #1b3951; background-repeat: no-repeat; background-position: .5em center; } h3#columnheader span { visibility: hidden; } #footer { z-index: 4; position: absolute; left: 5px; bottom: 10px; right: 5px; height: 100px; background: url(/images/strix_2009/logo_small.gif) 10px 0 no-repeat; } #footer-contents { position: absolute; left: 239px; top: 0; right: 0; height: 100%; border-left: 1px solid #e2dede; } #footer-contents p { margin-top: 70px; padding-left: 10px; color: #767a7a; } #footernav { position: absolute; top: 70px; right: 10px; margin: 0; padding: 0; list-style-type: none; } #footernav li { float: left; margin: 0 0 0 1em; } #footernav li.first-item a { border-right: 0; } #footernav li a { padding: 0; padding-right: 1em; border: 0; border-right: 1px solid #414242; color: #414242; } #footernav li a:hover { text-decoration: underline; } #footernav li:last-child a { border-right: 0; } #props { display: none; } /* homepage style */ .home { } .home #content { width: 370px; min-height: 790px; } .home #sidecolumn { width: 340px; } .homepageblock { } .homepageblock h2 { margin: 0 0 .5em 0; padding: 0; background-repeat: no-repeat; background-position: left top; } .homepageblock h2 a { display: block; height: 100%; padding: 0; border: 0; } .homepageblock h2 span { visibility: hidden; } .homepageblock p { margin-top: 0; } .homepageblock .imgbox { float: right; margin: 1em 0 1em 2em; } #main-inline-section { margin: 2em 0 1em -10px; padding: 10px; background-color: #ededed; } #main-inline-section h2 { position: relative; margin-bottom: .3em; background-repeat: no-repeat; background-position: left top; } #main-inline-section h2 .feed { position: absolute; top: 0; right: 0; padding: 0; border: 0; } #main-inline-section h2 a { display: block; height: 100%; padding: 0; border: 0; } #main-inline-section h2 a span { visibility: hidden; } #inline-sections { } #inline-sections h2 { position: relative; margin-bottom: .3em; background-repeat: no-repeat; background-position: left top; } #inline-sections h2 .feed { position: absolute; top: 5px; right: 5px; padding: 0; border: 0; } #inline-sections h2 a { display: block; height: 100%; padding: 0; border: 0; } #inline-sections h2 span { visibility: hidden; } .inline-section-item { float: left; margin-bottom: 1em; padding-right: 0; width: 100%; } .inline-section-item h3 { margin: .2em 75px .2em 0; padding: 0; } .inline-section-item h3 a { padding: 0; border: 0; font-weight: bold; color: #434343; } .inline-section-item h3 a:hover { text-decoration: underline; } .inline-section-item .imgbox { float: right; margin: -1.4em 0 0 0; } .inline-section-item p { margin: .2em 0; padding: 0; } #banner-rotator { float: left; position: relative; width: 340px; height: 223px; margin: 2em 0 2em 0; clear: both; } #banner-rotator .tabs ul { background-color: #ededed; } #banner-rotator .tabs ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; } #banner-rotator .tabs li { float: left; border-right: 1px solid white; height: 21px; padding: 3px 10px; cursor: default; font-weight: bold; color: #1b3951; } #banner-rotator .tabs li:hover { background-color: #afd0de; } #banner-rotator .tabs li.selected, #banner-rotator .tabs li.selected:hover { color: white; background-color: #1b3951; } #banner-rotator .visuals { position: relative; border-top: 5px solid #234159; } #banner-rotator .visuals img { position: absolute; left: 0; top: 0; } #banner-rotator #visual-info { position: absolute; top: 169px; left: 0; right: 0; height: 54px; background-color: #afd0de; } #banner-rotator #visual-info .title { height: 20px; margin: 10px 10px 0 10px; background-position: left top; background-repeat: no-repeat; } #banner-rotator #visual-info .subtitle { height: 20px; margin: 0 10px; background-position: left top; background-repeat: no-repeat; } #banner-rotator #visual-info span { visibility: hidden; } /* calculation style */ .calculation { } .calculation #content { width: 745px; } .calculation #sidecolumn { display: none; } /** * Page content */ .contenttext { margin-bottom: 1em; } #pagebody { margin: 0 0 1em 0; } #pagevisual { clear: both; float: none; margin: 2em 0; border-bottom: 25px solid #6cadc9; } #pagelinks { margin: 2px 0 .3em 0; background-repeat: no-repeat; } #pagelinks span { visibility: hidden; } .feed { } .feed img { margin-left: .2em; vertical-align: text-bottom; } /* menu's */ .menu_default { clear: both; margin: 2em 0 0 0; padding: .5em 0; list-style-type: none; } .menu_default li { margin-bottom: .5em; } .menu_default li a { border: 1px solid #8ebed2; border-width: 0 1px; padding: 0 5px; font-weight: bold; color: #123149; } .menu_default li a:hover { border-color: #123149; } .menu_rich { clear: both; margin: 2em 0 0 0; padding: 0; list-style-type: none; } .menu_rich li { position: relative; margin-bottom: 1em; padding-left: 150px; min-height: 88px; background-color: #e7e7e7; } .menu_rich li h2 { position: relative; border: 1px solid #8ebed2; border: 0; padding: 1em 0 0 0; background-repeat: no-repeat; background-position: 0 1em; } .menu_rich li h2 a { display: block; padding: 0; border: 0; } .menu_rich li h2 a span { visibility: hidden; } .menu_rich li img { position: absolute; left: 0; top: 0; } .menu_rich li .more { position: absolute; bottom: 5px; right: 10px; margin: 0; padding: 0; } /* lists */ ul.default { clear: both; margin: 2em 0 0 0; padding: 0; list-style-type: none; } ul.default li { margin-bottom: 2em; } ul.default li h2 { margin: 0; padding: 0; background-repeat: no-repeat; background-position: left top; } ul.default h2 a { display: block; padding: 0; border: 0; } ul.default h2 a span { visibility: hidden; } ul.default h2 a:hover { color: #113048; text-decoration: underline; } ul.default li p { margin: .3em 0 .5em 0; } ul.default li a { } ul.default li a:hover { } ul.rich { clear: both; margin: 2em 0 0 0; padding: 0; list-style-type: none; } ul.rich li { margin-bottom: 3em; min-height: 88px; overflow: hidden; } ul.rich li img { float: right; margin: 0 0 .5em .5em; } ul.rich li h2 { margin: 0; padding: 0; background-repeat: no-repeat; background-position: left top; } ul.rich h2 a { display: block; height: 100%; padding: 0; border: 0; } ul.rich h2 a span { visibility: hidden; } ul.rich li p { margin: .3em 0 .5em 0; } ul.rich li p.more { clear: none; } .downloadlist { } .downloadlist .row { clear: both; overflow: hidden; margin-bottom: 1em; } .downloadlist .item { float: left; margin-right: 1em; } .downloadlist .item:last-child { margin-right: 0; } .downloadlist .item a { border: 0; padding: 0; } .downloadlist .item p { margin: .5em 0 0 0; } .downloadlist .item p a { display: block; font-weight: bold; color: #123149; background: url(/images/strix_2009/i_download.gif) right center no-repeat; } .downloadlist .item p a span { border: 1px solid #8ebed2; border-width: 0 1px; padding: 0 5px; } .downloadlist .item p a:hover span { border-color: #123149; } .leaseoccasion { clear: both; margin: 0; padding: 0; list-style-type: none; } .leaseoccasion li { position: relative; margin-bottom: 1em; padding-left: 150px; min-height: 88px; background-color: #e7e7e7; } .leaseoccasion li h2 { position: relative; border: 1px solid #8ebed2; border-width: 0 1px; top: 10px; padding: 0 5px; background-repeat: no-repeat; background-position: 5px 0px; } .leaseoccasion li h2 a { display: block; padding: 0; border: 0; } .leaseoccasion li h2 a span { visibility: hidden; } .leaseoccasion li img { position: absolute; left: 0; top: 0; } .leaseoccasion li p { margin-top: 1em; padding-left: .7em; } .leaseoccasion li .more { position: absolute; bottom: 5px; right: 10px; margin: 0; padding: 0; } .weblog { clear: both; margin: 0; padding: 0; list-style-type: none; } .weblog li { float: left; clear: both; margin-bottom: .5em; width: 100%; } .weblog li h2 { float: left; margin: 0; padding: 0; width: 350px; } .weblog h2 a { display: block; color: black; padding: 0; border: 0; } .weblog h2 a:hover { color: #1b3951; } .weblog li .item-date { float: left; font-size: 1.1em; color: #1b3951; margin: 0 .5em 0 0; padding: 0 .3em; border: 1px solid #8ebed2; border-width: 0 1px; } .menu_shortlease { } .menu_shortlease h2 { clear: both; color: #8cb5d3; } .menu_shortlease ul { margin: 0 0 2em 0; padding: 0; list-style-type: none; } .menu_shortlease ul li, .menu_shortlease ul li:hover { list-style-image: none; } .menu_shortlease ul li { float: left; width: 175px; height: 200px; margin-right: 1em; background-repeat: no-repeat; } .menu_shortlease ul li a { display: block; height: 100%; } .menu_shortlease ul li a, .menu_shortlease ul li a:hover { border: 0; padding: 0; } .menu_shortlease ul li a span { display: none; } #factsheet-pagevisual { float: none; border-bottom: 25px solid #6cadc9; } .factsheet-info { } .factsheet-info dt { clear: both; float: left; width: 150px; margin: 0; padding: 0; font-weight: bold; } .factsheet-info dt.disclaimer { float: none; width: auto; margin: 1em 0; padding-top: 1em; font-weight: normal; } .factsheet-info dd { float: left; width: 250px; margin: 0 0 .7em 0; padding: 0; } .factsheet-info dd.wide { float: none; display: block; clear: both; width: auto; margin-bottom: 1em; } .factsheet-info dd ul { margin: 0 0 0 1.5em; padding: 0; list-style-type: square; } /* default and rich group */ dl.group { clear: both; } dl.group dt { margin: 1em 0 .5em 0; } dl.group dt a { font-weight: bold; } dl.group dd { margin-left: .3em; } .group_rich { clear: both; } .group_rich dt { clear: both; margin-top: 1em; padding: .3em; background-color: #ededed; } .group_rich dt a { border: 0; margin-bottom: .2em; } .group_rich h2 { margin-bottom: .2em; } .group_rich dd { min-height: 150px; margin: 0 0 0 1em; padding: 1em .5em 0em .5em; border-bottom: 2px solid #ededed; } .group_rich img { vertical-align: top; border: 1px solid #afafaf; margin: .2em 0 1em 1em; padding: 5px; } .actions { margin: 1em 0 0 0; padding: 0; list-style-type: none; } .actions li { margin-bottom: .6em; } .actions li a { border: 1px solid #6dadc9; border-width: 0 1px; padding: 0 5px; font-weight: bold; color: #123149; } .actions li a:hover { border-color: #123149; } /* mediaplayer */ #mediaplayer { padding: 10px; padding-bottom: 6px; background: url(/images/strix_2009/b_mediaplayer.gif) left top repeat-x #6cadc9; } /* semicolumn, for providing a 2-column layout, to be used in conjunction with float-left/float-right */ .semicolumn { width: 49%; padding: 0; margin: 0 0 1em 0; } /* imgbox and linkboxes */ .imgbox_wrapper { clear: both; margin: 1em 0; width: 100%; } .imgbox_wrapper .imgbox { margin: 0 .6em 0 0; padding: 0; border: 0; } .imgbox { float: left; width: 100px; margin: .5em 1em .5em 0; } .imgbox img { display: block; margin: 0; border: 0; } .imgbox p { margin: 0; padding: .3em; font: bold .8em/1.2em Arial, Helvetica, sans-serif; color: #1b3951; background-color: #ededed; } .linkbox_default { clear: both; list-style-type: none; margin: 0 0 1em 0; padding: 0; list-style-type: none; } .linkbox_default li { margin: 0; padding: 0; } .linkbox_default li a { border: 1px solid #6dadc9; border-width: 0 1px; padding: 0 5px; font-weight: bold; color: #123149; } .linkbox_default li a:hover { border-color: #123149; } /* basicform styles form elements, marked up in a definition list */ .basicform dl input, .basicform dl textarea, .basicform dl select { width: 100%; color: #1b3951; } .radio, .radio:hover, .checkbox, .checkbox:hover { width: auto !important; border: 0 !important; } .basicform dl dt { clear: both; width: 40%; float: left; color: #1b3951; } .basicform dl dd { width: 60%; float: left; margin: 0 0 1em 0; color: #1b3951; } .basicform dl dd label { font-weight: normal; font-size: 1em; } .basicform #submitfield { height: 25px; text-align: right; background-color: #ededed; } .basicform #submitfield input { width: auto; height: 100%; border: 0; font-size: 1.1em; font-weight: bold; color: white; background-color: #6bacc8; } .basicform #requirednote { height: 22px; position: relative; top: -36px; padding-top: 3px; padding-left: 5px; background-color: #ededed; } .errors { font-style: italic; color: red; } .header { font-size: 1.1em; font-weight: bold; margin: 1em 0; } .header.formpage { display: block; width: auto; float: none; border-bottom: 1px solid #1b3951; } .header.formpage+dd { display: none; } .basicform dl dd.calendar-container input { width: 85%; } .calendar { position: relative; } .calendar img { position: absolute; left: -30px; top: 0; cursor: pointer; } .calendar-input { display: none; z-index: 1000; position: absolute; left: -5px; top: 15px; width: 300px; border: 2px outset #f6f6f6; background-color: #f6f6f6; } .calendar-input .calendar-navigation { } .calendar-input .calendar-date-selection select { width: 50%; } .calendar-input table { width: 100%; } .calendar-input table td.cpDayColumnHeader { background-color: #dedede; } .calendar-input table td.cpDayColumnHeader span { font-weight: bold; color: #002065; } .calendar-input table .cpOtherMonthDate, .calendar-input table .cpOtherMonthDate:visited, .calendar-input table .cpOtherMonthDate:active { color: #ceced0; } .calendar-input table table td:hover { background-color: #dedede; color: #002065; } .calendar-input table table td a { display: block; border-bottom: 1px solid #f6f6f6; } .calendar-input table table td.cpTodayText { text-align: center; background-color: #dedede; } .calendar-input table table td.cpTodayText a { border-bottom: 0px; font-weight: bold; } .progress { text-align: right; color: #1b3951; font-weight: bold; width: 93%; } .progresstext { color: #1b3951; font-weight: bold; } .progressbar { width: 92%; height: .7em; margin: 0 0 1em 0; border: 1px solid #6badc9; border-left-width: 5px; background-color: white; } #progressfill { height: 100%; background-color: #6badc9; } /* search styles: form, info and results */ #searchform { margin-top: 1em; padding: .5em 1em; background-color: #6dadc9; overflow: hidden; } #searchform div { position: relative; } #searchform label { display: block; float: left; width: 195px; margin: 0 .3em 0 0; font-size: 1.2em; font-weight: bold; color: white; } #searchform input { display: block; float: left; width: 200px; padding: 2px; } #searchform input.submit { position: absolute; top: 0; right: 3px; border: 0; margin: 0; padding: 0; width: 19px; height: 20px; font-size: 0; background: url(/images/strix_2009/b_button_quicksearch.gif) left top no-repeat; } #resultsinfo { margin: 2px 0 0 0; padding: .5em 1em; background-color: #ededed; } #resultsinfo p { margin: 0; } #searchresults { margin: 1.5em 0 0 0; } #searchresults dt { font-weight: bold; margin: 2em 0 .6em 0; } #searchresults dt .resultnumber { display: block; float: left; width: 1.4em; } #searchresults dt a { float: left; max-width: 95%; border: 0; } #searchresults dd { clear: both; margin: .3em 0 0 1.4em; } #searchresults dd a { border-color: #1b3951; } #searchresults dd a:hover { border-color: #6dadc9; } /* highlighting for search terms */ .highlight { background-color: #ededed; } /* sitemap */ ul.sitemap { margin: 1em 1em 1em 0; padding: 1em; list-style-type: none; } ul.sitemap ul { margin: 1em 1em 1em 0; padding: 0; list-style-type: none; } ul.sitemap ul li ul { margin: 1em 1em 1em 2em; padding: 0 0 0 .5em; list-style-type: none; } ul.sitemap li { margin-bottom: .3em; } ul.sitemap li a { border-left: 1px solid #6dadc9; border-right: 1px solid #6dadc9; border-bottom: 0; padding: 0 5px; font-weight: bold; } ul.sitemap li ul li a { } ul.sitemap li ul li ul li a { font-weight: normal; border-left: 0; border-right: 0; padding: 0 0 1px 0; } ul.sitemap ul li ul { margin: .5em 1em .5em 4em; } /* chapters in documents */ #chapters { } #chapters h3 { margin: 2em 0 .7em 0; background-repeat: no-repeat; } #chapters h3 span { visibility: hidden; } #chapters ul.chapters { margin: 0; padding: .5em 0; list-style-type: none; } #chapters li.chapter { margin: 0; padding: .3em 0; } #chapters li.chapter a { border-left: 1px solid #6dadc9; border-right: 1px solid #6dadc9; border-bottom: 0; padding: 0 5px; } #chapters li a:hover { } li.chapter { margin: 1em 0 1em 0; } /* page comments */ .page-comments { margin-bottom: 2em; } .page-comments h2 { margin: 0; padding: .4em .5em; background-color: #6bacc8; background-repeat: no-repeat; background-position: .5em .4em; } .page-comments h2 span { visibility: hidden; } .page-comments .page-comment { padding: .2em .5em; border-top: 2px solid white; background-color: #ededed; } .page-comments .page-comment h3 { margin: 0; padding: 0; } .page-comments .page-comment h3 .date { color: #1b3951; font-weight: normal; } .page-comments .page-comment p { margin: .2em 0; padding: 0; } /* navbox, for displaying next/previous/index links */ .navbox { margin-top: 2em; padding: .3em .2em; text-align: center; } .navbox div { margin: 0; color: #123149; } .navbox .pages { display: inline; } .navbox a { font-weight: bold; } .navbox span { border: 1px solid #6dadc9; border-width: 0 1px; padding: 0 5px; } /* previous, next, index and page links in navbox */ .prev { float: left; } .next { float: right; } .index { } .page { margin: 0 .2em; } .pages a { padding: 2px 6px; border: 0; } /* more: paragraph with a "read more" link */ .more { clear: both; margin: 1em 0; } .more a { border: 1px solid #8ebed2; border-width: 0 1px; padding: 0 5px; font-weight: bold; color: #123149; } .more a:hover { border-color: #123149; } /* date: date in messages */ .date { margin: 0; color: #414242; font-weight: bold; } /* button: transforms a normal button to a styled button */ input.button { width: auto; cursor: pointer; padding: 2px 1.5em; font-weight: bold; color: #1b3951; background-color: #ededed; } .button:active { border-style: inset; } .submit { } /* preview bar */ #preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #1b3951; text-align: center; background-color: white; } #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; } #preview-bar:hover #previewselect { opacity: .8; } #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; } /** * Common * Very often used classes */ /* positioning and visibility */ .clear-both { clear: both; } .float-left { float: left; } .float-right { float: right; } .inline { display: inline; } .block-level { display: block; } .nodisplay { display: none; } .show { visibility: visible; } .hide { visibility: hidden; } .align-left { text-align: left; } .align-right { text-align: right; } /* coloring and text decoration/transformation */ .no-border { text-decoration: none; } .back { padding-left: 15px !important; background: url(/images/arrow_left.gif) center left no-repeat; } .back:hover { background-image: url(/images/arrow_left_over.gif); } .red { color: #1b3951; } .req { color: #1b3951; } .err { color: red; font-weight: bold; } input.err { font-weight: normal; background-color: #ffbfbf; } .notice { background-color: #afd0de; color: #1b3951; border: 1px solid #3c6883; padding: .3em; } .notice a { border-color: #6badc9; } .notice a:hover { border-color: #3c6883; color: #3c6883; } .white { color: white; } .chosen { color: #6badc9; font-weight: bold; } /* odd, even and first for row coloring (zebra tables and distinctive first row) */ .odd { background-color: #fff; } .even { background-color: #ffdfca; } .first { background-color: #ffdfca; border: solid #ededed; border-width: 0 1px; }