/* -------------------------------------------------------------------- CSS Sykehuset Telemark HF -------------------------------------------------------------------- Version 0.6 (2006) (Changelog bottom of the page) -------------------------------------------------------------------- WM-data (www.wmdata.no, www.ux.no ) -------------------------------------------------------------------- */ /* Colors we use: Corp_blue:#00529c; Corp_green:#98d4c0; Link:#0066cc; Lines:#b9b9b9; Text:#333333; Titles:#333333; */ /* -------------------------------------------------------------------- Accessibility -------------------------------------------------------------------- */ #skiplinks ul {padding: 0; margin: 0; list-style: none; } #skiplinks li { padding: 0; margin: 0; list-style: none; display: inline; } #skiplinks a { font-weight: bold; position: absolute; top: 40px; right: 10px; overflow: hidden; width: 0; height: 0; font-size: 0.8em !important; z-index: 1002; } #skiplinks a:active, #skiplinks a:focus { position: absolute; overflow: visible; width: auto; height: auto; font-size: 1em; border: 0; margin: 0; padding: 6px; background: #fff; z-index: 1003; } .hide { display: none; } /* invisible dividers for non-styled display */ HR.hide { margin: 0; padding: 0; display: none; } /* -------------------------------------------------------------------- General hacks -------------------------------------------------------------------- */ /* Clearfix hack */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* Width hack */ /* This is used to avoid the reversed box model in IE. The width hack is commented 'Width hack' where its used */ /* !Important hack */ /* This CSS also uses the !Important hack. IE doesent recognise the the !Important feature and reads the next style instead */ /* -------------------------------------------------------------------- Basic -------------------------------------------------------------------- */ html { margin:0 ; padding:0; } body { width: 970px; margin:0; /* setting border: 0 hoses ie5 win window inner well border */ padding:0; background-color:#fff; background-image:url(../images/bkg.gif); background-repeat:repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; color:#333333; } /* --------------------------------------------------------------------- Body id's (Changes the status of the navbar and other special modifications in sec templates) Look for modified values in the 'Exceptions section' at the end of this document. --------------------------------------------------------------------- */ #sitemap .sitemap { } #contact .contact { } #links .links { } #english .english { } #german .german { } #search .search { } /* Body classes */ .main { } .section { } .article {} .list { } /* Global settings (Turning it all off) */ h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0px; padding:0; } h1 { font-size:22px; line-height: 24px; padding-bottom: 8px;} h2 { font-size:18px; padding-bottom: 5px; } h3 { font-weight: bold; font-size: 13px; padding-bottom: 5px; } h4 { font-size:13px; } p { display:block; margin-top: 0; margin-bottom: 0.5em; line-height: 1.3em;} p.ingress { font-weight: bold; } a { color:#0066cc; text-decoration: underline; } a:hover { text-decoration:none; } h1 a, h2 a, h3 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; } img {padding:0px; margin: 0px; border: none;} ul{ list-style-type:none; margin:0; padding:0; } ul ul{ list-style-type:none; } ul ul ul{ list-style-type:none; } ol { margin-left: 0px; padding-left: 23px; } dt, dd { margin-left: 0; } dt { font-size: 14px; font-weight: bold; } fieldset { margin:0; border:0; padding:0; } form { margin: 0; padding:0; } a img { border: none; } .emphasize { font-weight: bold; } div.right { float: right; } /* Colors */ .blue {color:#0066cc; } /* -------------------------------------------------------------------- Text classes -------------------------------------------------------------------- */ .title { padding:0px 0px 8px 0px;} .nomargin {padding: 0px; } .subtitle { } .title a { text-decoration:none; color:#333; } .title a:hover { text-decoration:underline; color:#333; } .slug { } .date { font-weight:bold; } .lastChanged { color: #777777; } /* Paragraphs */ #intro p, #article p, #introwide p { line-height:130%; padding:0px 0 10px 0; margin:0; } .ingres { line-height:130%; font-size:14px; } .body { line-height:160%; } /* Links */ a.underline { text-decoration: underline; } a.underline:hover { text-decoration: none; } a.goto {font-weight:bold; display: block; float: left; margin-top: -4px; background:url(../images/goto.gif) left 2px no-repeat; padding:0 0 0 14px; color:#333; text-decoration: none; } a:hover.goto {text-decoration:underline; color:#0066cc; background:url(../images/goto_hover.gif) left 2px no-repeat; } a.blue { color: #0066cc; background-image:url(../images/goto_blue.gif); margin-top: 0px; } a.blueLink { color: #0066cc; } a:hover.blueLink { color: #000000; } a.blackLink { color: #000000; } a.blackLink:hover { color: #0066cc; } a.printBtn { margin: 40px 0px 60px 0px; display: block; float: right; background-image: url(/images/print_btn.png); background-position:top right; background-repeat:no-repeat ; width: 132px; height: 35px; cursor: pointer; } a.sendFormBtn { margin: 40px 0px 60px 0px; display: block; float: right; background-image: url(/images/skjema_btn.png); background-position:top right; background-repeat:no-repeat ; width: 132px; height: 35px; cursor: pointer;} a.applyBtn { margin: 40px 0px 60px 0px; display: block; float: right; background-image: url(/images/apply_btn_noicon.png); background-position:top right; background-repeat:no-repeat ; width: 125px; height: 35px; } a.sendAppBtn { margin: 40px 0px 60px 0px; display: block; float: right; background-image: url(/images/sendApp_btn.png); background-position:top right; background-repeat:no-repeat ; width: 125px; height: 35px; } a.viewAppBtn { margin: 40px 0px 60px 0px; display: block; float: right; background-image: url(/images/viewApp_btn.png); background-position:top right; background-repeat:no-repeat ; width: 132px; height: 35px; } /* Image classes */ img.floatimgright {float:right; padding:0 0 0 10px; border: none; } img.floatimgleft {float:left; padding:0 10px 10px 0px; border: none; } #article img.floatimgleft, #article img.floatimgright, #intro img.floatimgleft, #intro img.floatimgright, #introwide img.floatimgleft, #introwide img.floatimgright { border: none; } .right { float:right; } .left {float:left } /* subscription */ dl.subscribe { display: block; float: left; width: 100%; margin-top: 0px; padding-top:0px; margin-bottom: 0px; } dl.subscribe dt {margin-bottom: 6px; } dl.subscribe dt.hidden { display: none; } /* Lists */ dl.newsList { display: block; float: left; width: 100%; margin-top: 0px; padding-top:0px; margin-bottom: 10px; border: solid, 1px;} dl.newsList dt {margin-bottom: 6px; } dl.newsList dt.hidden { display: none; } dl.newsList dd {margin-bottom: 8px; } dl.newsList dd.date {float: left; clear: left; width: 60px; line-height: 1.2em; } dl.newsList dd.wideDate {width: 90px;} dl.newsList dd.description { float: left; margin-left: 10px; width: 75%; line-height: 1.2em; } dl.newsList dd.description a { color: #000000; text-decoration: none;} dl.newsList dd.description a:hover { color:#0066cc; } .newslisting dl.newsList dd.description a { color: #0066cc; text-decoration: underline;} .newslisting dl.newsList dd.description a:hover { text-decoration: none;} dl.newsList dd.nodate { margin-left: 0px; width: 100%; color: Red; } #article .newslisting dl.newsList dd.narrowDescription {width: 70%;} dl.newsList dd.hideField {display: none;} dl.newsList dd.descriptionanbud { float: left; margin-left: 0px; width: 75%; line-height: 1.2em; } dl.newsList dd.descriptionanbud a { color: #000000; text-decoration: none;} dl.newsList dd.descriptionanbud a:hover { color:#0066cc; } ul.linkList {float: left; padding-top: 20px; } ul.linkList li a { margin-top: 0px; } ul.linkList li { clear: both; padding: 0px; margin: 0px; } /* List Tree */ ul.listTree { width: 350px;} ul.listTree li { clear: both; float: left; margin-bottom: 4px;width: 100%; } ul.listTree li a { display: inline; } /* Document List */ .doclist li { border-top: 1px solid #b9b9b9; margin:0; font-size:10px; line-height:110%; background-image: none; } .doclist a { color: #000000; text-decoration: none; font-weight: bold; } .doclist a:hover { color: #0066cc; } .doclist a span { font-weight: normal; } .doclist li h4 {margin:0 0 0 0; padding:0 0 10px 0; } /* .doclist li:hover { background-color:#dddfef; } */ li.default { padding:12px 0 16px 80px; } /* This item is used if there is no icon */ li.pdf {background:url(../images/pdf-large.gif) no-repeat left 4px; } li.doc {background:url(../images/word-large.gif) no-repeat left 4px; } li.xls {background:url(../images/exel-large.gif) no-repeat left 4px;} li.png {background:url(../images/png-large.gif) no-repeat left 4px;} li.jpg {background:url(../images/jpg-large.gif) no-repeat left 4px;} li.fla {background:url(../images/flash-large.gif) no-repeat left 4px;} li.eps {background:url(../images/eps-large.gif) no-repeat left 4px;} li.tif {background:url(../images/tiff-large.gif) no-repeat left 4px;} li.ppt {background:url(../images/powerpoint-large.gif) no-repeat left 4px;} li.zip {background:url(../images/zip-large.gif) no-repeat left 4px;} li.swf {background:url(../images/swf-large.gif) no-repeat left 4px;} li.pdf, li.doc, li.xls, li.png, li.jpg, li.fla, li.eps, li.tif, li.ppt, li.zip, li.swf { padding:10px 0 16px 80px; } /* ClinicList */ ul.clinicList {float: left; width: 250px; } ul.clinicList li { padding-bottom: 10px; } ul.clinicList li ul { margin-top: 0px; } ul.clinicList li a { text-decoration: none; } ul.clinicList li a:hover { text-decoration: underline; } ul.clinicList li a.clinic { color: #333333; font-size: 15px; font-weight: bold; line-height: 150%;} ul.clinicList li li { float: left; padding-top: 0px; padding-bottom: 5px; } ul.clinicList li li a { font-weight: bold; line-height: 100%; display: block; } ul.clinicList li ul.departments li a { font-weight: normal; line-height: 100%; display: block; } ul.clinicList li li ul { float: left; margin-bottom: 4px; margin-top: 2px;} ul.clinicList li li li { float: left; margin: -2px 0px 0px 0px; padding: 5px 0px 0px 14px; background-image: none;} ul.clinicList li li li a {display: inline; line-height: 0.6em; font-weight: normal; padding-left: 0px; font-size: 11px; } #article ul.clinicList {float: left; width: 95%; } /* Misc */ .clear {clear:both;} hr { margin:10px 0 4px 0; border: 0; color: #b9b9b9; background-color: #b9b9b9; height: 1px; width: 100%; text-align: left; clear: both; float: left;} /* You'll need to include both the color and background-color attributes in the style sheet as not all browsers will understand them. Browsers that understand both, will draw a border around the element so it is important to use the height attribute to control this. */ div.hr { width: 100%; margin-bottom: 3px; margin-top: 10px; clear: both; border-bottom: solid 1px #b9b9b9; height: 1px; float: left;} div.halfbottom { margin-bottom: 8px; } div.bottom { margin-bottom: 20px; } div.top { padding-top: 0px; } /* Anchors */ a.topAnchor { float:right; font-size:11px; color:#0066cc; text-decoration:underline; } .navAnchor { float:right; font-size:12px; } .navAnchor a { color:#0066cc; text-decoration:underline; } /* Elements ----------------------------------------------------------------------- */ /* abc list */ .abc { margin:0 0 0 0; padding:0; font-size:16px; line-height:130%; } .abc li { display:inline; font-weight:bold; } .abc li a { margin-right:0; padding:1px 1px; text-decoration:none; } .abc li a:hover { text-decoration:none; padding:0px 0px; border:1px solid #0066cc; } #intro .abc, #article .abc, .treatmentsRight .abc, #introwide .abc {margin:0 0 0 0; padding:4px 0px 4px 0px; float: left; } #intro .abc li a, #article .abc li a, .treatmentsRight .abc li a, #introwide .abc li a { margin-right:5px; padding:1px 3px; font-size:24px; line-height:110%;} #intro .abc li a:hover, #article .abc li a:hover, .treatmentsRight .abc li a:hover, #introwide .abc li a:hover { text-decoration:none; padding:0px 2px; border:1px solid #0066cc; } #intro .abc li, #introwide .abc li { background-image: none; padding-left: 0px; margin-bottom: 0px; } #intro .abc ul, #introwide .abc ul { margin-bottom: 0px; } #index #header .headerInfo .abc { font-size: 26px; margin:0 0 10px 0px; } /* Content containers ----------------------------------------------------------------------- */ #container { width:970px; margin:0 0 0 0; background-color:#fff; } .column { width: 49%; float: left; } /* Header ------------------------------------------------------------------------ */ #header { position:relative; background-image:url(../images/header_gradient.gif); background-position:right top; background-repeat:repeat-y; height:274px; padding:0; margin:0; } #index #header { height: 400px; } #ident { position:absolute; top:60px; left: 20px; z-index:1000;} #ident a.logoLink { display: block; width: 100px; height: 50px; } #serviceNav { position:absolute; top:0; margin:8px 0 0 360px; z-index:1000; } #serviceNav li { display:inline; } #serviceNav li a { color:#333; font-size:11px; font-weight:bold; margin-right:12px; text-decoration: none; } /* START Header Search */ #search {float: right; margin: 7px 10px 0px 0px;} #search .sbox_l { background: white url('../images/srch_l_new.gif') no-repeat top left; float: left; width: 7px; height: 19px; } #search a.sbox_r { background: white url('../images/srch_r_new.gif') no-repeat top left; float: left; width: 19px; height: 19px; } #search a.sbox_r:hover { background: url('../images/srch_r_new_hover.gif'); } /* Some Opera Hacking */ #search .sbox input { background: white url('../images/srch_bg.gif') repeat-x top left; float: left; border: 0; height: 13px; width: 120px; padding: 3px; font: 11px/13px arial; color: #000; } @media all and (min-width: 0px) { body #search .sbox input { height: 19px; } :root #search .sbox input { height: 13px; } } /* END Header Search */ /* Primary Navigation */ #primaryNav { position:absolute; right:10px; top:36px; width:600px; height:90px; padding: 0; margin: 0; z-index:1000; } #primaryNav ul { padding: 0; margin: 0; list-style: none; } #primaryNav li { float: left; } #primaryNav a { display: block; width:108px; height: 30px; padding:56px 5px 5px 6px; margin:0 1px 0 0; color:#000; text-decoration:none; background-color:#fff; /* Sets the opacity to 80% */ filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; font:bold 13px Arial, Helvetica, sans-serif; line-height:110%;} #primaryNav a:hover { background-color:#98d4c0; color:#fff;} #primaryNav a.currentSection {background-color:#98d4c0; color:#fff; } /* Secondary Navigation - General */ #primaryNav #secNav { border-bottom:1px solid #b9b9b9; border-top:1px solid #b9b9b9; z-index:1000; position: absolute; width: 190px; left:-340px; top:237px; background-image: url(../images/menu_bkg.gif); background-repeat:repeat-y; } /* Secnav is moved down to the left hand side */ #index #primaryNav #secNav { top: 363px;} #secNav a{ filter:alpha(opacity=100);-moz-opacity:1 ;opacity:1 ; width:162px; display:block; padding:7px 2px 7px 26px; height:1%; border-top:1px solid #b9b9b9; font-size:12px; font-weight:normal; color: #333;} #secNav li.seperator span {width:162px; display:block; padding:7px 2px 7px 26px; height:1%; border-top:1px solid #b9b9b9; font-size:12px; font-weight:normal; color: #333; } #secNav a:hover { background-color:#e5f4ef; color:#333; text-decoration:underline; } #secNav a.current { font-weight: bold; } /* First Level */ #secNav li a span { display: block; width: 20px; height: 20px; margin-left: -27px; margin-top: -8px; background-repeat: no-repeat; position: absolute;} #secNav li.parent a.current span {background-image: url(../images/current_parent_arrow.gif); } #secNav li.parent a span {background-image: url(../images/parent_arrow.gif);} #secNav li.current a span {background-image: url(../images/current_parent_arrow.gif);margin-left: -25px; } #secNav li.parent { margin-left: 20px; } #secNav li.parent a { width: 161px; } #secNav li.current { margin-left: 20px; } #secNav li.current a { width: 164px; padding-left: 5px; } #secNav li a.first { border-top: none; } /* Second Level */ #secNav li.parent a { padding-left: 7px; } #secNav li li a.parent, #secNav li a.leftMenuRoot { font-weight: bold;} #secNav li.parent li a {padding-left: 24px; width: 144px; } #secNav li.seperator {background-color: #ffffff; padding-top: 20px; } #secNav li.seperator span { color: #333333; background-color: #dddfef; } /* Third Level */ #secNav li.parent li li a { padding-left: 30px; width: 129px; } /* END Secondary Navigation */ #sideBar { width:240px; float:left; } /* Used as a block for secNav */ #headimg { position:absolute; width: 750px; height: 274px; top:0px; left:0px; background-repeat:no-repeat; overflow: hidden; } #index #headimg { left: -40px; height: 387px; top: -27px;} #index #header .headerInfo { width: 420px; position: relative; top: 200px; left: 545px; } #index #header .headerInfo span { display: block; margin: 0 0 0 2px; } #index #header .headerInfo span.title {font-weight: bold; font-size: 14px;} #breadcrumb { background-image:url(../images/breadcrumb_bkg.png); width:970px; position:absolute; height:34px; bottom:0; left:0; background-repeat:no-repeat; } #breadcrumb a.backNavigation { position: absolute; left: 24px; top: 5px; text-decoration: none; background: url('/images/pil_opp.gif') no-repeat top left; padding-left: 20px;} #breadcrumb a.backNavigation:hover { text-decoration: underline;} #breadcrumb p { margin: 0 0 0 242px; padding:4px 0 0 0; } #index #breadcrumb { background-image:url(../images/index_breadcrumb_bkg.png); left: 363px; height: 40px; } /* Contents ------------------------------------------------------------------------------ */ #contents {float:left; width:970px; min-height:500px; margin:0; padding:0px 0px 30px 0px; background-color:#fff; } #index #contents { padding-bottom: 0px; } /* Index */ #index #contents { min-height: 0px; } #index .newsIntro { margin: 60px 0 0 105px; width: 315px; float: left; } #index .newsIntro dl.newsList { margin: 19px 0px 5px 0px; padding: 0; } #index .newsIntro .newsList dd.date { font-weight: normal; width: 30px;} #index .newsIntro dl.newsList dd { margin-top: 5px; margin-bottom: 0px;} #index .newsIntro .newsList dd.description { font-weight: bold; width: 260px; } #index #teasers { float: right; height: 155px; width: 510px; margin: 20px 10px 0 0;} #index #teasers h1 { padding-bottom: 3px;} #index #teasers .teaserItem { padding: 0px 8px 0px 8px; background-image: url(../images/teaser_line.gif); background-repeat: no-repeat; background-position: 0px 5px; height: 100%; width: 30%; float: left; overflow: hidden;} #index #teasers .teaserImage { height: 60px; overflow: hidden; } #index #teasers .teaserItem h1 { font-size: 16px; line-height: 1em; font-weight: bolder; margin: 5px 0 5px 0;} #index #teasers a { text-decoration: none; } #index #teasers a:hover { text-decoration: underline; } #index #teasers .teaserItem p {padding-bottom: 0px; margin-bottom: 0px;} /* Full Area */ #fullArea { width: 660px; height: 100%; padding: 15px 50px 0 241px; } /* Article */ #article {width: 469px; min-height: 600px; padding:15px 10px 0 241px; overflow-x: hidden; margin:0; float:left; background-image:url(../images/intro_bkg.gif); background-position:top right; background-repeat:no-repeat; } #article .abc li { padding-left: 0px; } .articleContent ul li { background-image: url(../images/list-item.gif); background-position: 0px 5px; background-repeat:no-repeat; padding-left: 15px; margin-bottom: 7px; } .articleContent ul { margin-bottom: 16px; } .articleContent h4 { font-weight: bold; } .paragraphless p { display:inline; } /* Intro */ #intro, #introwide { width:325px; height: 100%; min-height:600px; padding:15px 35px 0 240px; margin:0; float:left; background-image:url(../images/intro_bkg.gif); background-position:top right; background-repeat:no-repeat ; } #intro img, #introwide img, #article img { margin:2px 10px 6px 0; padding:0; } #intro li, #introwide li { background-image: url(../images/list-item.gif); background-position: 0px 5px; background-repeat:no-repeat; padding-left: 15px; margin-bottom: 7px; } #intro ul, #introwide ul { margin-bottom: 16px; } #introwide {width: 429px; height: 100%; min-height: 600px; padding:15px 50px 0 241px; margin:0; float:left; background-image:url(../images/intro_bkg.gif); background-position:top right; background-repeat:no-repeat; } /* CAREERS */ /* Careers list */ dl.vacantPosts, dl.vacantPostsLong { margin-top: 10px; padding-top: 0px; } dl.vacantPosts dt, dl.vacantPostsLong dt{ float: left; clear: left; width:325px; } dl.vacantPosts dt a, dl.vacantPostsLong dt a{color: #333333; font-weight: bold; text-decoration: underline; font-size: 14px;} dl.vacantPosts dt a:hover, dl.vacantPostsLong dt a:hover { color:#0066cc; } dl.vacantPosts dd.location, dl.vacantPostsLong dd.location {float: left; clear:left; width:360px;} dl.vacantPosts dd.date, dl.vacantPostsLong dd.date{ font-weight: normal; clear: both; padding-bottom: 5px; width:325px;} dl.vacantPostsLong dt { width:429px } dl.vacantPostsLong dd.location { width:479px; padding-bottom:5px; } dt.applied a { padding-right:20px; background-image:url(/images/icon_applied.gif); background-repeat:no-repeat; background-position: right top; } .vacancy .filters { margin-top:10px; margin-bottom:20px } .vacancy .filter { width:200px; float:left; padding-right:14px; margin-bottom:10px; } .vacancy .filterwide { width:414px; margin-bottom:10px; } .vacancy .filter, .filter select { width:200px; } .vacancy .filterwide select { width:414px; } .vacancy .disabled { color:gray; } .application textarea { width:423px; height:250px; } .application p { margin:0px; padding:0px; height:10px; } .application .attachments { margin-top:10px; } .application .attachments .small { font-family:Arial; font-size:10px; } .application .attachments file { font-size:23px; } .application .attachments #files { font-family:arial; font-size:10px; } .application .attachments #files input { font-family:arial;font-size:8px;font-weight:bold;background-color:white;width:13px;border:1px solid black; margin-left:10px; } .application .attachments { padding:10px;background-color:#eeeeee;margin-bottom:10px;} .application .attachments #files .row { border-bottom:1px solid gray;padding-bottom:2px;padding-top:2px;} .application .attachments #files input:hover { background-color:black;color:white;} .applicationstatus table td { padding:3px; padding-left:0px; padding-right:10px} .applicationstatus table th { font-weight:bold; text-align:left; } /* Registration form */ .useredit { margin-top:10px; float: left; } .useredit .description { width:110px; padding-bottom: 5px; float: left;} .useredit .content { height:30px; width:316px; float:left; } .useredit .contentHigh { height:90px; width:316px; float:left } .useredit input.passwordfield { width:240px; } .useredit input.registerfield { width:240px; } .error { color:#990000 } /* Archives */ ul.archiveindex li, ul.searchIndex li { padding-left: 0px; display: inline; padding-right: 20px; font-weight:normal; } ul.searchIndex li { padding-right: 15px; } .newWorldCitizens ul.archiveindex li.first {padding-left: 0px; } .newWorldCitizens ul.archiveindex li { padding-left: 25px; padding-right: 0px; } #article dl.newsList dd.description { float: left; margin-left: 10px; width: 83%; line-height: 1.2em; } #article dl.newsList dd.nodate { margin-left: 0px; } /* Cards */ dl.card { margin:0; } .card a { color: #000000; text-decoration: none;} .card a:hover { color: #0066cc; } .card dt { width: 329px; padding:10px 0 0 0; float: left; margin:10px 0 0 0; border-top: 1px solid #b9b9b9; font-weight: bold; font-size:13px; clear:both; } .card dd.cardDesc { margin:0; padding:0; width:260px; float:left; } .card dd.cardPic { float:right; margin:10px 0px 0 0; width: 140px; overflow: hidden; padding:10px 0 12px 0px; border-top: 1px solid #b9b9b9; } .card dd.cardPic img { width:150px; clear:both; padding: 0px; margin: 0px;} .card dd.cardDesc a.goto { margin-top: 5px; } #fullArea .card dt { width: 520px; } /* Search Results */ dl.searchResults dd.link { clear: both; margin-bottom: 20px; } /* Treatments (Some hacks in IE_override) */ #article .treatments { width: 345px; } /* Human Map */ img#humanMap { border: none; } .treatments .human { position: absolute; top: 20px; margin-top: -64px; left: 345px; } .alphabet .human { margin-top: -17px; } .mapbase { background: url( '../images/humanmap_unselected.png' ) 0px 0px no-repeat;} .head {background: url( '../images/humanmap_head.png' ) 0px 0px no-repeat;} .leftArm {background: url( '../images/humanmap_armsAndLegs.png' ) 0px 0px no-repeat;} .rightArm {background: url( '../images/humanmap_armsAndLegs.png' ) 0px 0px no-repeat;} .legs {background: url( '../images/humanmap_armsAndLegs.png' ) 0px 0px no-repeat;} .upperBody {background: url( '../images/humanmap_upperBody.png' ) 0px 0px no-repeat;} .abdomen {background: url( '../images/humanmap_abdomen.png' ) 0px 0px no-repeat;} .humanMapModule .mapbase { background: url( '../images/module_humanmap_unselected.png' ) 0px 0px no-repeat;} .humanMapModule .head {background: url( '../images/module_humanmap_head.png' ) 0px 0px no-repeat;} .humanMapModule .leftArm {background: url( '../images/module_humanmap_armsAndLegs.png' ) 0px 0px no-repeat;} .humanMapModule .rightArm {background: url( '../images/module_humanmap_armsAndLegs.png' ) 0px 0px no-repeat;} .humanMapModule .legs {background: url( '../images/module_humanmap_armsAndLegs.png' ) 0px 0px no-repeat;} .humanMapModule .upperBody {background: url( '../images/module_humanmap_upperBody.png' ) 0px 0px no-repeat;} .humanMapModule .abdomen {background: url( '../images/module_humanmap_abdomen.png' ) 0px 0px no-repeat;} hr.short { width: 345px; margin-right: 90px;} .treatments { position: relative; } .treatments ul.listTree {padding-top: 5px; margin-top: 15px; margin-bottom: 5px;} .treatments ul.listTree li.current { padding-top: 10px; padding-bottom: 5px; } .treatments ul.listTree li.current a.goto { padding-bottom: 5px; } .treatments ul.listTree ul { margin-top: -12px; } .treatments ul.listTree li li a {display: block; float: left; clear: both; margin-left: 14px; } .treatmentsRight .infoBox { padding: 18px 0px 8px 15px; width: 100%; border-bottom: solid 1px white; } .treatmentsRight .alphabet { border-bottom: none; } .treatmentsRight .boxContents { padding: 15px 15px 15px 12px; } .treatmentsRight h4 { padding-left: 5px; padding-bottom: 4px; } #alphabetList { width: 350px; float: left; clear: both; margin-top: 0px; padding-top: 0px;} #alphabetList dt { font-size: 24px; font-weight: bold; padding-bottom: 5px; width: 50px; height: 0.8em; vertical-align:text-bottom; margin-bottom: 2px; } #alphabetList dt.first { padding-top: 20px; } #alphabetList dd.topAnchor { float: right; margin-top: -20px; } #alphabetList dd.first { border-top: solid 1px #b9b9b9; } #alphabetList dd.link { padding-top: 5px; } #alphabetList dd.description { padding-bottom: 5px; } #alphabetList dd.link a { text-decoration: none; font-weight: bold; } #alphabetList dd.link a:hover { text-decoration: underline; } #alphabetList dd.ruler { padding-bottom: 40px; } #alphabetList dd.short { width: 360px; } .noHumanMap #alphabetList { width: 100% } .local #alphabetList dt { display: none; } /* Modules ------------------------------------------------------------------------------ */ /* General */ .related, .relatednarrow { width: 370px; min-height: 500px; background:url(../images/related_bkg.gif) top repeat-x; float:right; margin:0; padding:0 0 80px 0; overflow-x: hidden;} .article .related, .relatednarrow { width: 250px; } #index #modules { width: 100%; float: right; margin: 20px 0px 0px 0px; padding: 0px 0px 100px 0px; background:url(../images/index_modules_bkg.gif) left top repeat-y; background-color:#fff; } .largeModule { clear: both; float: left; width:370px; margin:0px 0px 0px 0px; padding:0 0 0px 0; border-bottom:1px solid #fff; min-height: 176px; } .largeModule img { margin: 0px 0px -5px 0px; } #index #modules .largeModule { float: left; margin-left: 240px; width: 379px; border-bottom: none; } .boxLeft { float:left; width:184px; min-height: 276px; border-right:1px solid #b9b9b9; padding:0; margin: 0px 0px 0px 0px; } .boxRight { float:left; width:184px; min-height: 276px; border-left:1px solid #fff; padding:0; margin: 0px 0px 0px 0px; } #index #modules .boxLeft, #index #modules .boxRight { width: 168px; border: none; border-left: solid 1px #ffffff; margin: 0px 0px 0px 0px;} #index #modules .boxRight { width: 170px; } .article .boxLeft, .article .boxRight, .relatednarrow .boxLeft, .relatednarrow .boxRight { width:250px; border: none; margin-top: 0px;} .article .boxContents { width: 240px; } .topBlue { background:url(../images/bar_blue.gif) top repeat-x; position:relative; height:48px; margin-bottom: 2px; } .topGreen { background:url(../images/bar_green.gif) top repeat-x; position:relative; height:48px; margin-bottom: 2px; } .topMauve { background:url(../images/bar_mauve.gif) top repeat-x; position:relative; height:48px; margin-bottom: 2px; } .topBlue h2, .topGreen h2, .topMauve h2 { position:absolute; bottom:0px; left:6px; font-size:15px; color:#fff; font-weight: bold; } .boxContents { padding:6px 6px; width:172px; overflow: hidden; } #index .boxContents { width: 154px; } .boxContents li { margin:2px 0 2px 0; } .boxContents ul { padding-bottom: 8px; margin-top: -3px; } .boxContents .inputLabel { font-weight: bold; font-size: 13px; } .boxContents .loginInput { width: 160px; border: solid 1px #000000; margin: 0; padding: 3px 3px 3px 3px;} .article .boxContents .loginInput { width: 228px; } .largeModule .boxLeft, .largeModule .boxRight {height: 216px; min-height: 216px; background-repeat: no-repeat; } .largeModule .boxContents { margin-top: 8px; } .largeModule .fullArea { width: 350px; } /* Map/Image module */ #images { float: left; width:370px; margin:0 0 0 0; padding:0; } #images .image {text-align: center} #images img { border-bottom:1px solid #fff; border-top:1px solid #fff; } #images ul { padding:6px 0 8px 6px; } #images li { display:inline; margin-right:8px; margin-bottom:6px; } #images a { text-decoration: none; white-space: nowrap; } #images a:hover { text-decoration: underline; } #images li a.current { font-weight:bold; text-decoration:none; color:#333333; } /* PressContact */ .pressContact .pictureBox { float: left; width: 184px; } .pressContact .pictureBox img { height: 180px; padding: 8px 7px 8px 7px;} .pressContact .informationBox { float: left; width: 154px; padding: 55px 0px 8px 7px; } .pressContact li { clear: both; } .pressContact .informationBox span.label { display: block; width:50px; float: left; font-weight: bold;} .pressContact .informationBox span.description { display: block; float: left; margin-left: 5px; width: 95px;} /* Login box */ a.loginBtn { margin: 15px -2px 5px 0px; display: block; float: right; background-image: url(../images/login_btn.png); background-position:top right; background-repeat:no-repeat ; width: 83px; height: 30px; } ul.loginLinks { clear: both; } ul.loginLinks li { padding-bottom: 5px; } /* Contact */ dl.contact { padding-top: 11px; } dl.contact dt { font-size: 12px; margin-top: 4px; clear: both; float: left; } dl.contact dd { clear: both; } dl.contact dd.visitAdress { padding-top: 5px; } dl.contact dd a { text-decoration: underline; } dl.contact dd .label { display: block; width: 25px; float: left; clear: left; } dl.contact dd .entry { display: block; float: left; } dl.contact a { color: #000000; text-decoration: none;} dl.contact a:hover { color: #0066cc;} dl.contact a.blueLink { color: #0066cc; text-decoration: underline; } dl.contact a:hover.blueLink { color: #000000; } /* Ward Pictures */ ul.horizontalLinks { margin: 0px 0px 0px 0px; } ul.horizontalLinks li { display:inline; } ul.horizontalLinks li a { font-size:11px; font-weight:bold; margin-right:7px; margin-left: 5px; } /* Select Ward */ .boxLeft select#wards, .boxRight select#wards { width: 160px; } /* New World Citizens */ .newWorldCitizen {width: 100%; padding: 13px 0 0px 0; margin: 0;} .newWorldCitizen .image { float: left; clear: left; width: 80px; height: 70px; margin: -20px 5px 0px -6px; overflow:hidden; padding:0;} .newWorldCitizen .time {float: left; font-weight: normal; width: 80px;padding-top: 0px; margin-top: -13px;} .newWorldCitizen .name { float: left; font-weight: bold; width: 60px; } #index .newWorldCitizens dl.newsList { margin: -5px 0px 5px 0px; padding: 0; width: 220px; } #index .newWorldCitizens .newsList dt { display: none; } #index .newWorldCitizens .newsList dd.date { font-weight: normal; width: 30px;} #index .newWorldCitizens .newsList dd { margin-top: 0px; margin-bottom: 3px; } #index .newWorldCitizens .newsList dd.description { font-weight: bold; width: 170px; } #index .newWorldCitizens .headerImage { position: absolute; top: 15px; left: 230px; height: 30px; } .newWorldCitizens dt span, .newWorldCitizens dd span {padding-bottom: 10px; float: left; display: block; width: 150px;} .newWorldCitizens dt span.label, .newWorldCitizens dd span.label { float: left; clear: left; font-weight: bold; width: 90px; } .newWorldCitizens dt { font-weight: normal; } .newWorldCitizens dd.cardPic { font-size: smaller; text-align: right; } .newWorldCitizens dd.cardPic a { text-decoration: underline; color: #0066cc; } .newWorldCitizens dd.cardPic a:hover { text-decoration: none; } /* Image Article */ .largeModule .imageArticle { height: 215px; background-repeat: no-repeat; } .largeModule .imageArticle .boxRight { background-color: white; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; } .largeModule .imageArticle h1, .largeModule .imageArticle p, .largeModule .imageArticle a.goto { color: #000000; } .largeModule .imageArticle a.goto:hover { color: #0066cc; } /* Human map module */ .humanMapModule { width: 100%; height: 250px; overflow: hidden; background: url('../images/module_humanmap_background.jpg') no-repeat 0px 0px; } .humanMapModule img { display: block; float: left; height: 258px; } .humanMapModule ul { float: left; margin-top: 50px; } .humanMapModule ul li { margin-bottom: 4px; } .humanMapModule ul li.title { font-weight: bold; } /* OrderForm */ .orderFormContent h1 { font-size: 9pt; font-weight: bold; } .orderForm { float: left; width: 100%; border-collapse: collapse; } .orderForm td, .orderForm th { font-size: 13px; text-align: left; vertical-align: top; border: solid 1px #999999; padding: 4px; } .orderForm td.number { text-align: center; } .orderForm th.small { width: 60px; text-align: center; } .orderForm .txtBox { width: 54px; text-align: center; } #contents .articleContent .linkList { display: block; float: left; padding-left: 0px; margin-left: 0px; width: 100%; } #contents .articleContent .linkList li { margin-left: 0px; padding-left: 0px; float: left; display: block; background-image: none; clear: none; padding-right: 10px; } .tblUserInfo { margin-top: 50px; width: 100%; } .tblUserInfo .label { font-weight: bold; } .tblUserInfo .userData { vertical-align: bottom; border-bottom: solid 1px #333333; height: 24px; } /* Footer ---------------------------------------------------------------------------*/ #footer {float:left; width:700px; margin: 0px 0px 0px 0px; padding:20px 10px 0 240px; background:url(../images/footer_bkg.gif) left top no-repeat; background-color:#fff; height:240px; font-size:11px; } #footer h3 { font-size:11px; padding:0; margin:0; font-weight: bold; } #footer p { padding:0; margin:0; line-height:120%; } #footer ul { margin-left:-60px; margin-bottom:30px; } #footer li {display:inline; margin-left:60px; font-weight:bold; } #footer .payoff { float:right; margin-top:10px; padding:0; font-size:10px; font-weight:bold; } /* #index #footer { height: 448px; background:url(../images/footer_bkg.gif) left top no-repeat; background-color: #ffffff } */ /* Changelog */ #printFooter {display: none;} #headprint{display: none;}