* {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body,#aspnetForm{ height: 100%; background-color:#fff; font-size: 0.94em; line-height:1.6em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px; margin:0 auto; text-align:center; min-width: 780px; color:#4b4b4b; line-height:1.6em; } p { padding-top:0.5em; padding-bottom:0.5em; } #wrap { min-height: 100%; border: red solid 0px; padding:0 0 100px 0; margin:0; border:solid 0px #000; } @media screen and (-webkit-min-device-pixel-ratio:0) { #wrap { padding:0 0 140px 0;/*fix for chrome and safari*/ } } #main { overflow:hidden; /* padding-bottom: 150px;*/ height:auto; border: #fff solid 0px; background-color:#0d5cab; text-align:center; } /* must be same height as the footer */ #main-banner { width:1024px; border:#fff solid 0px; height:155px; background:url('../imgs/common/header.gif') no-repeat; margin:0 auto; overflow:hidden; } /*********************************************************************************************\ * * Menu * \*********************************************************************************************/ #menu-bg { overflow:hidden; /*padding-bottom: 20px;*/ height:35px; border-top:#072d54 solid 0px; background-color:#094886; text-align:center; } #menu-sys { width:1024px; height:30px; border:#fff solid 0px; text-align:center; margin:0 auto; padding:7px 0 7px 0; } #breadcrumbs { width:100%; text-align:left; font-weight:bold; padding:5px; clear:both; } #main_content { padding: 10px 5px 10px 5px; width:1014px; border:#000 solid 0px; text-align:left; margin:0 auto; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ .clear { clear:both; } .text_left { padding: 10px 10px 10px 30px; width:900px; border:#000 solid 0px; text-align:left; margin:0 auto; float : left } /************************************************************************************************\ * * Slideshow style rules. * \************************************************************************************************/ #slideshow { margin:0 auto; width:1000px; height:323px; background-color:#0d5cab; position:relative; border:#000 solid 0px; } #slideshow #slidesContainer { margin:0 auto; width:922px;/*change this in js*/ height:323px; overflow:auto; /* allow scrollbar */ position:relative; border:#000 solid 0px; } #slideshow #slidesContainer .slide { margin:0 auto; width:880px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:323px; border:red solid 0px; background-color:#0d5cab; } /************************************************************************************************\ * * Slideshow controls style rules. * \************************************************************************************************/ .control { display:block; width:39px; height:323px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:0; left:0; background:url('../imgs/slideshow/control_left.jpg') no-repeat 0 0; } #rightControl { top:0; right:0; background:url('../imgs/slideshow/control_right.jpg') no-repeat 0 0; } /***********************************************************************************************\ * * latest news setup * \***********************************************************************************************/ .ln_image { width:415px; float:left; border:red solid 0px; } .ln_text { padding:0 10px 0 10px; width:465px; float:right; border:white solid 0px; color:#fff; } .ln_title { float:left; width:100%; color:#2d3b41; letter-spacing:-.08em; font-size:2em; font-weight:bold; clear:both; padding:10px 5px 10px 15px; background:url('../imgs/common/ln_down_arrow.gif') no-repeat; } .ln_sub_title { float:left; width:100%; color:#fff; letter-spacing:-.03em; font-size:1.5em; font-weight:bold; clear:both; padding:0 5px 5px 0; } .date,.date_generic { float:left; width:100%; letter-spacing:-.02em; font-size:1em; font-weight:bold; clear:both; padding:0px 5px 10px 20px; background:url('../imgs/common/cal.gif') no-repeat; } .date_generic { color:#000; } .date { color:#fff; } /**********************************************************************************************\ * * Calling 999 * \**********************************************************************************************/ #calling999left { color:#fff; font-size:2em; font-weight:bold; letter-spacing:-.05em; padding: 10px; border:#000 solid 0px; float:left; width:200px; text-align:center; margin-left:6px; background:#0d5cab url('../imgs/common/call999_arrow_left.gif') no-repeat left center; } #calling999right { background-color:#0d5cab; color:#fff; font-size:2em; font-weight:bold; letter-spacing:-.05em; padding: 0px; border:#000 solid 0px; float:right; width:770px; margin-right:6px; } .calling999 { padding:10px 10px 10px 50px; float:left; border:#fff solid 0px; background:url('../imgs/common/call999_arrow.gif') no-repeat center top; color:#fff !important; } /***********************************************************************************************\ * * working for us slideshow * \***********************************************************************************************/ .slideshow { /*height: 232px; width: 232px; margin:auto; clear:both; z-index:0;*/ float:left; width:239px; height:230px; padding:0; border:#000 dotted 0px; position:relative; z-index:0; margin-top:-11px; } /* .slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }*/ /**********************************************************************************************\ * * Widgets * \**********************************************************************************************/ .widget { float:left; width:245px; border:#e3e3e3 solid 1px; margin-left:6px; background-color:transparent !important; } .widget_top { float:left; width:233px; border:#000 solid 0px; background-color:#0d5cab; color:#fff; padding:10px 6px 6px 6px; font-weight:bold; font-size:1.2em; letter-spacing:-.04em; z-index:1; position:relative; } .widget_arrow { background:url('../imgs/common/widget_down_arrow_blue.gif') no-repeat; /*color: transparent !important;*/ border:#000 solid 0px; padding:0; margin:0; width:239px; height:10px; float:left; z-index:1; position:relative; } .widget_main_pic { float:left; width:239px; height:230px; padding:0; border:#000 dotted 0px; /* background:url(../imgs/common/widget_down_arrow.gif) no-repeat top left; position:relative; z-index:5;*/ margin-top:-11px; } .widget_main { float:left; width:239px; height:225px; padding:5px 3px 0 3px; border:#000 dotted 0px; /* background:url(../imgs/common/widget_down_arrow.gif) no-repeat top left; position:relative; z-index:5;*/ margin-top:-11px; } .widget_bottom { float:left; width:239px; border:#000 solid 0px; background-color:#0d5cab; text-align:right; padding:2px 6px 2px 0px; z-index:5; position:relative; } .news_title { font-weight:bold; color:#40545c; } .patient_opinion_container { width:1000px; float:left; border:#e3e3e3 solid 1px; padding:3px; background-color:transparent; margin:0 3px 0 5px; clear:both; } .patient_opinion_logo { background: url('../imgs/common/p_o.jpg') no-repeat; width: 248px; height: 112px; float:left; border: red dotted 0px; } .patient_opinion_logo_alt { background: url('../imgs/common/patient_opinion.gif') no-repeat; width: 248px; height: 95px; float:left; border: red dotted 0px; } .patient_opinion_text { background-color:#5b1d45; color:#fff; width:740px; padding:2px 5px 2px 5px; height:109px; float:right; border:yellow dotted 0px; } .patient_opinion_text_alt { background-color:#287153; color:#fff; width:740px; padding:2px 5px 2px 5px; height:109px; float:right; border:yellow dotted 0px; } .empty_div { width:1000px; float:left; padding: 10px 0 10px 0; height:20px; clear:both; } /************************************************************************************************\ * * font styles * \************************************************************************************************/ h1 { font-size: 1.85em; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; font-weight:bold; color:#2d3b41; padding:10px 0 5px 0; letter-spacing:-.050em; word-spacing:.1em; margin-bottom:10px;/* needed for spacing */ } h2 { font:normal 1.45em arial, sans-serif; color:#485c65; letter-spacing:-.02em; padding:10px 0 5px 0; border-bottom: solid 0px #2d3b41; margin-bottom:5px;/* needed for spacing */ margin-top:5px; } h3 { font: 1.2em/1.2em bold Arial, Helvetica, sans-serif; color: #006666; padding-bottom:4px; border-bottom:#e0e0e0 solid 1px; } h4{ color:#fff; font-size:2.5em; padding: 10px; margin:0 auto; } hr { color:#eee; background-color:#eee; width:100%; height:1px; margin:2px 0 2px 0; } /***********************************************************************************************\ * * SEARCH * \***********************************************************************************************/ .searchFix { padding:50px 0 0 0; } #searchContainer { padding:0; width:260px; float:right; border:#fff solid 0px; position:relative; vertical-align:bottom; } #searchForm { margin:0; padding:0; width:240px; border: solid 1px #000; } div.input { width:120px; padding:5px 15px 7px 15px; border-radius:20px; border:1px solid #c6d2db; border-top:1px solid #b4c1cb; box-shadow:inset 0 1px 2px rgba(0,0,0,0.08); float:right; background:#e8edf1; } div.input.focus { border:1px solid #9ecbe2; box-shadow:0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08); } input#s { width:100%; border:0; border-radius:20px; background:transparent; height:16px; color:#b4bdc4; text-shadow:0 1px 1px #fff; } input#s:focus { outline:none } input#searchSubmit { border-style: none; border-color: inherit; border-width: 0; width:19px; height:19px; text-indent:-9999px; overflow:hidden; background:url('../imgs/search/search-icon.png') no-repeat; position:absolute; top:7px; right:13px; z-index:5; display:none; cursor:pointer; } /*temp search*/ .searchSubmit { border-style: none; border-color: inherit; border-width: 0; width:19px; height:19px; text-indent:-9999px; overflow:hidden; background:url('../imgs/search/search-icon.png') no-repeat; position:absolute; top:7px; right:13px; z-index:5; display:none; cursor:pointer; } .pic { padding: 4px; border: solid 1px #ccc !important; } ul,li { margin-left:10px; padding-left:2px;; } .treeView, treeView#tr, treeView#td { padding:0px !important; margin:0px !important; width:0px !important; /*border:solid 1px #000 !important;*/ } a.none:link, a.none:visited, a.none:active{ text-decoration: none; border-bottom: #000 dotted 0px; } a.none:hover, a.none:focus{ text-decoration: none; border-bottom: #3c5a65 solid 0px; } /**************************************************************************** * * Simple tables used in board meetings and vacancies * ****************************************************************************/ .tdAlignRight { text-align:right; background-color:#f7f7f7; color:#000; font-weight:bold; } a.cmsTop:link, a.cmsTop:visited, a.cmsTop:active{ text-decoration: none; border-bottom: #fff dotted 1px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #fff; font-size:1em; } a.cmsTop:hover, a.cmsTop:focus { text-decoration: none; border-bottom: #fff solid 0px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #fff; font-size:1em; } /*******************************************\ * * siteMap * \*******************************************/ .nodeLevel1 { font-size:1.3em; color:#6b0000 !important; padding-top:30px; /*background-color:#3c5a65; background:url('../imgs/Icons/siteMap_arrow.gif') no-repeat left top; padding-left: 10px;*/ } .nodeLevel2 { color:#000 !important; padding-bottom:0px; } /*.nodeLevel3 { border-bottom:dotted 1px #ccc; color:Black !important; background:url('../imgs/Icons/siteMap_arrow.gif') no-repeat; padding-left:10px; } */ a.nodeLevel3:link, a.nodeLevel3:visited, a.nodeLevel3:active{ text-decoration: none; border-bottom: #32618f dotted 1px !important; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #0e3357; font-size:1em; } a.nodeLevel3:hover, a.nodeLevel3:focus { text-decoration: none; border-bottom: #fff solid 1px !important; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color: #000; font-size:1em; } .TextBox { width:300px; padding:3px; border:solid 1px #999; /* border-top: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; border-bottom: solid 1px #c5c5c5; border-left: solid 1px #c5c5c5;*/ color:#000; font: Arial, Helvetica, sans-serif; } .TextArea { width:500px; padding:3px; border:solid 1px #999; /*border-top: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; border-bottom: solid 1px #f7f7f7; border-left: solid 1px #f7f7f7;*/ color:#000; font: .9em Arial, Helvetica, sans-serif !important; } .TextRight { text-align:right; font-weight:bold; } .TLeft { text-align:left; font-weight:bold; background-color:#f0f0f0; padding-right:2px; width: 400px; /*border-right:#solid 10px #c5c5c5; border-top: 0px; border-bottom: 0px; border-left: 0px;*/ } .FOILeft { text-align: left; font-weight: normal; /*background-color:#f0f0f0; padding-right:2px;*/ width: 800px; /*border-right:#solid 10px #c5c5c5; border-top: 0px; border-bottom: 0px; border-left: 0px;*/ } .foi_right { width:80%; padding:5px; border:#000 solid 0px; } .TRight { text-align:right; font-weight:bold; background-color:#f0f0f0; padding-right:2px; width: 100px; /*border-right:#solid 10px #c5c5c5; border-top: 0px; border-bottom: 0px; border-left: 0px;*/ } .TextRightCB { text-align:right; font-weight:bold; background-color:#f0f0f0; padding-right:2px; width: 200px; /*border-right:#solid 10px #c5c5c5; border-top: 0px; border-bottom: 0px; border-left: 0px;*/ } .TextRightVT { text-align:right; font-weight:bold; background-color:#f0f0f0; padding-right:2px; vertical-align:top; width: 260px; } .TextRightTrans { text-align:right; font-weight:bold; padding-right:2px; vertical-align:top; width: 150px; } .TextRightVTsmall { text-align:right; font-weight:bold; background-color:#f0f0f0; padding-right:2px; vertical-align:top; width: 160px; } /*FOI STYLES*/ .Trailer { display:block; width:5px ; height:10px;}