/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
/* remember to define focus styles! */ :focus {outline: 0}
/* remember to highlight inserts somehow! */ ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0}/* 960 Grid System ~ Text CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ body {font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif}
a:focus {outline: 1px dotted}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0}
/* `Headings ----------------------------------------------------------------------------------------------------*/ h1 {font-size: 25px}
h2 {font-size: 23px}
h3 {font-size: 21px}
h4 {font-size: 19px}
h5 {font-size: 17px}
h6 {font-size: 15px}
/* `Spacing ----------------------------------------------------------------------------------------------------*/ ol {list-style: decimal}
ul {list-style: disc}
li {margin-left: 30px}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom: 20px}/******************************************************/ /* ALWAYS UPDATE EDITOR.css(for fckeditor) for every new update of this sheet that directly reflects the dynamic page layout. */ /******************************************************/ /******************************************************/ /* Core */ body{ background-image: url(/img/bg_01.gif) !important; background-repeat:repeat-x; height:100%; font-family: Verdana,Arial,sans-serif; text-align: center}
p{ font-size: 12px}
a{ font-size: 12px; text-decoration: none}
a:hover{ text-decoration: underline; cursor:pointer}
img {border:0}
img a{ border:0}
hr{ border:0px dotted #ccc}
/************************************************/ /* Core Table Design for whole site*/ table#core-tbl {font: normal 90%/150% Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; border: 3px solid #f0f8ff; border-top: 5px double #87CEFA; border-bottom: 5px double #87CEFA}
table#core-tbl p{ font: normal 85%/150% Verdana, Arial, Helvetica, sans-serif}
table#core-tbl th {font: bold 1.1em/120% Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; font-variant: small-caps; color: #047; font-weight: bold; text-align: center}
table#core-tbl thead th {border: 1px solid #87CEFA; white-space: nowrap; background: #F0F8FF}
table#core-tbl tbody td ,table#core-tbl tbody th {padding: 5px 10px; background: #fff; color: #000}
table#core-tbl tbody th {color: #047; font-weight: normal; font-variant: normal; font-size: 1em}
table#core-tbl tbody tr.odd {border: 1px solid #87CEFA}
table#core-tbl tbody tr.odd td, table#core-tbl tbody tr.odd th {background: #F0F8FF}
table#core-tbl tfoot td, table#core-tbl tfoot th {border: none; padding-top: 10px}
table#core-tbl a:link {color: #DC143C}
table#core-tbl th a:link {color: #047; text-decoration: none}
table#core-tbl a:visited{ color: #036; text-decoration: line-through}
table#core-tbl a:hover{ color: #000; text-decoration:none}
table#core-tbl a:active{ color: #000}
/*******************************************************/ /* Reusable classes */ .announce-box{ background:none repeat scroll 0 0 #ccc; border-top:1px solid #999; border-bottom:3px solid #999; padding:10px; padding-bottom:0px; text-align: justify}
.announce-box img{ background:none repeat scroll 0 0 #999; border:1px solid #fff; display:block; margin-right:10px; padding:10px}
.blue-font{ color:#003366}
.yellow-font{ color:#ffff3e}
.darkred-font{ color:#a90504}
.darkred-background{ background-color:#a90504}
.orange-caps-font{ color:#e7973a; text-transform: uppercase; font-weight: bold; font-size:13px}
.text-center{ text-align: center}
.text-bold{ font-weight: bold}
.text-left{ text-align: left}
.hide {visibility: hidden}
.special-font{ font-size: 11px; font-style: italic; font-weight: bold}
/* height: 100%; is needed for IE browsers on a separate stylesheet - This part refers to the style implemented at the main site content or body. Some may contain cverrides such as the <a> styles */ #main-container{ position:relative; width: 958px; margin: 0 auto; text-align: justify; min-height: 100%; margin-bottom: -191px; background-image: url(/img/body-bg_05.gif); background-repeat: repeat-y}
#content{ margin-left:20px; width: 690px; min-height:510px; /* border:2px solid #000;*/ float:left; margin-top:-25px}
#content a{ font-style: italic; border-bottom: 1px dotted gray; font-weight: bold; color:#a90504}
#content a.no-border{ border-bottom: 0px}
#content div.no-border-link a{ border:0px}
#sidebar{ width: 205px; padding-right:7px; /* border:2px solid #d2ff00;*/ float:right}
#sidebar a{ color:#870c0c}
#footer-holder{ position:relative; background-image: url(/img/footer_12.jpg) !important; background-repeat: no-repeat; height: 191px; width: 958px; margin: 0 auto; text-align: left}
#footer-bar{ float:left; background-image: url(/img/footbar_11.gif) !important; background-repeat:repeat-x; width:100%; height:191px; left:0px}
.clearfooter {height: 191px; clear: both}
/*****************************************/ /* Sidebar common classes */ .side-bar-box{ position:relative; margin-left:5px; margin-top:10px}
#sidebar .side-bar-sep{ background-image: url(/img/side-bar-sep.gif) !important; background-repeat:no-repeat; width:207px; height:33px; margin-left:-3px; margin-top:10px}
/************************************************/ /* Follow buttons */ #follow-caps{ text-align: center; padding-bottom:10px}
#follow-social-box{ margin:0 auto; width:149px}
#follow-social-box a{ font-size: 11px}
#follow-social{ background-image: url(/img/follow_09.gif) !important; background-repeat: no-repeat; height:71px}
#follow-social-box .links{ position:absolute; top:76px}
#tw-link{ left:15px}
#fb-link{ left:87px}
/**********************************************/ /* Search doctor sidebar */ /*#search-doc{ position:relative; margin-left:5px; margin-top:20px; text-align:center}*/ #search-doc #search-doc-bg{ background-image: url(/img/searchdoc.gif); background-repeat: no-repeat; width:175px; height: 140px}
#search-doc a{ color:#fff; font-weight: bold}
#search-doc .search-doc-navlinks{ position: absolute}
#search-doc-link{ top:22px; left:50px}
#search-doc-list{ top:95px; left:50px}
/****************/ #patient-corner-holder{ position:relative; top:-30px; left:7px}
#patient-corner-bg{ background-image: url(/img/patient-corner.png); background-repeat: no-repeat; width:181px; height: 104px}
/*************************************************/ /* Misc footer Info */ #footer-holder a{ text-decoration:none}
.office-info-caps{ text-decoration: underline; font-weight: bold; padding-bottom:10px}
.foot-info{ position:absolute; color:#FFF; font-size:11px; top:70px}
.foot-info p{ font-size: 11px}
#office-add1{ left:500px}
#office-add2{ left:680px}
#gcd{ top:130px; right:40px; font-size:10px; text-align: center}
#mini-links{ top:20px; right:30px}
ul.minilinks li {display:inline; padding-left: 25px; padding-bottom:5px; padding-top:3px; margin-left:0px; font-family: Arial,serif, fantasy}
ul.minilinks a{ color:#fff; font-size:11px}
ul.minilinks a:hover{ background-color: #a90504}
/*************************/ .img-links-common-pos{ position:absolute; top:80px}
.img-links-dimension{ position: absolute; width : 73px; height: 77px}
#psg-link-holder{ left:267px}
#pcp-link-holder{ left:170px}
#pma-link-holder{ left:77px}
#hsp-link-holder{ left:367px}
/************************************************/ #logo-part{ position:relative; height:260px}
#logo-head{ position:absolute; top:31px; background-image: url(/img/logo-head_03.jpg) !important; background-repeat: no-repeat; width:960px; height:231px}
#bg-pix{ position:absolute; top:31px; right:30px; width:485px; height:186px; z-index: 10}
#sitesearchbar{ position:absolute; left:0px; background-image: url(/img/sitesearchbar_03.png) !important; background-repeat: no-repeat; width:960px; height:31px; z-index:11}
#psdetxt{ position:absolute; top:70px; left:230px; background-image: url(/img/psdetxt_05.png) !important; background-repeat: no-repeat; width:286px; height:110px; z-index:12}
/**********************************/ /** Search site **/ #search-widget-pos{ position:absolute; width: 949px; height:79px; top:31px; z-index: 15; /*border:1px solid red;*/ /*display: none;*/ }
#search-widget-container{ position:relative; /* border: 1px solid blue;*/ }
#sbar-top{ background-image: url(/img/search-bar-top.png); background-repeat: repeat-y; height:3px; clear:right}
#sbar-bottom{ position:relative; background-image: url(/img/search-bar-bottom.png); background-repeat:no-repeat; height:39px}
#search-link-pos{ position:relative; top:5px; left:805px}
#search-link-pos a{ color:white}
#search-holder{ position:relative; top:20px; left: 270px; width:400px}
/* #search-button-holder a#srch-site-button{ display: block; width:43px; height:47px; background-image: url(/img/search-but.gif); background-position: top}
#search-button-holder a#srch-site-button:hover{ background-position: bottom}
#search-button-holder a#srch-site-button:active{ background-position: top}
#srch-site-field-holder{ position:absolute; top:45px; right:70px; margin-left:-40px}
#srch-site-field-holder input{ font-size:16px; border:1px solid #000; width:145px}*/ noscript{ text-align: center; font-weight: bold; font-family: Verdana,Arialcursive,Helvetica; font-size: 15px; padding:5px}
/***********************************************/ /* top right links */ .top-bar-links{ position:absolute; top:5px}
#top-rlink-holder{ right:20px}
ul.link a{ color: #fff; font-size: 11px; font-weight: bold; font-family: Arial,serif, fantasy}
ul.link li {display:inline; list-style-type: none; padding-left: 25px; padding-bottom:5px; padding-top:3px; margin-left:0px}
li.loginicon{ background: url(/img/sm-icons.png) 0px -1px no-repeat}
li.contacticon{ background: url(/img/sm-icons.png) 0px -25px no-repeat}
/*********************************************/ /* Member top menu links */ /*#top-llink-holder{ top:0px}*/ /*****************************************************/ /* Round Corners */ /* Use this HTML for implementation TIP: Use a <space> within the <b> tags instead of quotes <div> <b class="rndcorner"> <b class="rndcorner1"> <b> </b> </b> <b class="rndcorner2"> <b> </b> </b> <b class="rndcorner3"> </b> <b class="rndcorner4"> </b> <b class="rndcorner5"> </b> </b> <div class="rndcornerfg"> <!-- content goes here --> </div> <b class="rndcorner"> <b class="rndcorner5"> </b> <b class="rndcorner4"> </b> <b class="rndcorner3"> </b> <b class="rndcorner2"> <b> </b> </b> <b class="rndcorner1"> <b> </b> </b> </b> </div> @fckeditor, save the page in SOURCE mode else these tags will be stripped */ .rndcorner{display:block}
.rndcorner *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#D0FDFD}
.rndcorner1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #eafefe; border-right:1px solid #eafefe; background:#dbfdfd}
.rndcorner2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #fafefe; border-right:1px solid #fafefe; background:#d8fdfd}
.rndcorner3{ margin-left:1px; margin-right:1px; border-left:1px solid #d8fdfd; border-right:1px solid #d8fdfd;}
.rndcorner4{ border-left:1px solid #eafefe; border-right:1px solid #eafefe}
.rndcorner5{ border-left:1px solid #dbfdfd; border-right:1px solid #dbfdfd}
.rndcornerfg{ padding:20px; background:#D0FDFD}
/****************************************************/ /* Main Menu Holder */ #main-menu-holder{ position:absolute; top:186px; left:50px}
/******************************/ /* Display lock icon on menu */ div.locked_menu{ background-image: url(/img/lock.png); background-repeat: no-repeat; width:12px; height:12px; float:right}
/********************************************************/ /* Superfish menu*/ /*** CORE MENU ***/ .sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none}
.sf-menu {line-height: 1.0}
.sf-menu ul {position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li {width: 100%}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li {float: left; position: relative}
.sf-menu a {display: block; position: relative; font-size: 11px}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 2.2em; /* match top ul list item height */ z-index: 299}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top: 0}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */ top: 0}
/*** CORE MENU SKIN ***/ .sf-menu {float: left; margin-bottom: 1em}
.sf-menu a {border:0px; padding: .75em 1em; text-decoration:none}
.sf-menu a, .sf-menu a:visited {/* visited pseudo selector so IE6 applies text colour*/ color: #FFFFFF}
.sf-menu li {background: none}
.sf-menu li li {background: #960503}
.sf-menu li li li {background: #960503}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: #5C0F0C; text-decoration: none; outline: 0}
/** MEMBERS MENU SKIN **/ /* .mem-menu a {font-family: Arial,serif, fantasy; font-weight: bold}*/ /* visited pseudo selector so IE6 applies text colour*/ /* .mem-menu a, .mem-menu a:visited {color: #ffff3e}
.mem-menu li {background: none}
.mem-menu li li {background:#858585}
.mem-menu li li li {background: #858585}
.mem-menu li:hover, .mem-menu li.sfHover, .mem-menu a:focus, .mem-menu a:hover, .mem-menu a:active {background: #b1aaaa; text-decoration: none; outline: 0}*/ /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('/img/sfmenu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator {/* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator {background-position: -10px 0}
.sf-menu ul a > .sf-sub-indicator {background-position: 0 0}
/* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/ .sf-shadow ul {background: url('/img/sfmenu/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px}
.sf-shadow ul.sf-shadow-off {background: transparent}
/********************************************************/ /* Login & contacts Form (no need for FCKEditor update)*/ #form-contentB{ padding: 10px; padding-top:0px; min-height:500px}
.white-back{ background-color:#fff}
#contacts-form-holder{ position:relative; left:110px; top:20px; margin-bottom:30px}
#site-contentB form{ padding:15px}
#contacts-head-holder {background: #fff url(/img/form-head.gif) repeat-x; width:450px; height:32px}
#form-body{ background-color:#E2E2E2; width:410px; padding:20px; color:#CC0226}
#form-body input.text{ width:250px}
#form-bottom{ background:#fff url(/img/form-bottom.gif) no-repeat; width:450px; height:23px}
.form-caps{ padding:7px; color:#CC0226; font-weight:bold; font-size:11px}
/*********************************************/ /* Paginator */ #paginate-nav-container{ background-color:#9FE470; color:#000; padding:5px; font-size:13px}
#paginate-nav-container a{ color:#000}
#paginate-nav-container a:focus,#paginate-nav-container a:active{ color:#000}
#paginate-total{ text-align:right}
#paginate-numbers{ float:left; font-weight:bold}
/************************************************/ /* MM gallery */ #mm-gallery{ position:relative; height:620px}
#mm-gallery a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#e7973a; font-weight: bold}
#mm-widget-holder{ position:absolute; top:-64px; right:25px}
#mm-widget-link-vids{ background-position: bottom}
#mm-widget-link-pix{ background-position: top}
.mm-pos{ background-image:url(/img/picvidsprite.gif) !important; background-repeat: no-repeat; width:120px; height:58px}
#goto-mm-link{ position:absolute; right:20px}
#mm-select{ float:left}
#mmprogress-holder{ position:relative; margin-top:0px; margin-left:20px; height:16px; display:inline-block; font-weight:bold; font-style:italic; color:#003399}
#mmprogress-holder #loading-small{ padding-left:20px; background: url(/img/loading-small.gif) no-repeat; width:100%}
#mm-area{ position:relative; margin-top:20px; padding-top:10px; /*border:1px solid blue;*/ width:100%}
select#album-options{ margin-right:10px}
/***********************************************************/ /* Galleriffic */ div.content a, div.navigation a {text-decoration: none}
div.content a:hover, div.content a:active {text-decoration: underline}
div.navigation a.pageLink {height: 77px; line-height: 77px}
div.controls {margin-top: 5px; height: 23px}
div.controls a {padding: 5px}
div.ss-controls {float: left}
div.nav-controls {float: right}
div.slideshow-container {position: relative; clear: both; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ }
div.slideshow span.image-wrapper {display: block; position: absolute}
div.slideshow a.advance-link {display: block; width: 610px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none}
div.slideshow img {border-style: solid; border-width: 1px}
span.image-caption {display: block; position: absolute}
div#caption{ bottom:0px; top:0px}
div.caption-container, span.image-caption {width: 100%}
div.caption {background-color: #000; padding: 12px; color: #ccc}
div.loader {position: absolute; top: 0; left: 0; background-image: url('/img/loading.gif'); background-repeat: no-repeat; background-position: center; width: 610px; height: 502px}
div.image-title {font-weight: bold; font-size: 1.4em}
div.image-desc {line-height: 1.3em; padding-top: 12px}
/* div.photo-index {position: absolute; bottom: 0; left: 0; padding: 0 12px}*/ div.navigation-container {float: left; position: relative; left: 50%}
div.navigation {float: left; position: relative; left: -50%}
div.navigation a.pageLink {display: block; position: relative; float: left; margin: 2px; width: 16px; height:19px; background-position:center center; background-repeat:no-repeat}
div.navigation a.pageLink:focus {outline: none}
ul.thumbs {position: relative; float: left; margin: 0; padding: 0}
ul.thumbs li {float: left; padding: 0; margin: 2px; list-style: none}
a.thumb {padding: 1px; display: block}
a.thumb:focus {outline: none}
ul.thumbs img {border: none; display: block}
div.pagination {clear: both; position: relative; left: -50%}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {position: relative; display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc}
div.pagination a:hover {text-decoration: none}
div.pagination span.current {font-weight: bold}
div.pagination span.ellipsis {border: none; padding: 5px 0 3px 2px}
/************ FOR WHITE BG *******************/ div#page {background-color: #fff; border-color: #ddd}
div.caption-container {color: #111}
div.image-title {font-weight: bold; font-size: 1.4em}
div.image-desc {line-height: 1.3em; padding-top: 12px}
div.download {margin-top: 8px}
div.photo-index {color: #000}
div.navigation a.prev {background-image: url(/img/prevPageArrow.gif) !important}
div.navigation a.next {background-image: url(/img/nextPageArrow.gif) !important}
div.loader {background-image: url(/img/loading.gif)}
div.slideshow img {border-color: #ccc}
ul.thumbs li.selected a.thumb {background: #000}
div.pagination a:hover {background-color: #eee}
div.pagination span.current {background-color: #000; border-color: #000; color: #fff}
/**************************************************/ /****************************************/ /* Members/Profiles */ .member-pic{ position:absolute; top:0px; right:0px; border:2px solid #ccc; padding:3px; text-align:center}
#profiles-holder{ position:relative; margin-left:40px; margin-top:10px; width:602px; font-family:Arial, Helvetica, sans-serif; color:#000}
.profiles-bl-border{ background:url(/img/profiles-borders.gif) top left no-repeat; width:38px; height:48px}
.profiles-tr-border{ float:right; background:url(/img/profiles-borders.gif) top right no-repeat; width:38px; height:48px}
#profiles-content{ padding:10px}
#profiles-block-holder{ float:left}
/* #profiles-pic-border{ position:relative; margin-top:5px; margin-left:5px; background-image:url(/img/profiles-pic-border.gif); background-repeat:no-repeat; width:134px; height:135px}*/ #profiles-pic{ position:relative; padding:15px; padding-top:18px}
#profiles-pic img{ border:1px solid #000}
#profiles-details{ padding:10px; padding-right:15px; margin-left:140px}
.profiles-caps-large{ font-size:18px; padding-bottom:5px; border-bottom:1px solid #000; color:blue}
.profiles-data{ padding-top:10px; text-align:justify}
.profiles-data ul{ margin-left:-20px}
/************************************************/ /* Doctors Boxes */ .box-msg-head{ font-weight:bold; font-size:14px; color:#CC3300; padding-bottom:3px}
.box-msg-head a{ color:#CC3300}
.box-msg-container{ background-color:#CCC; border:1px dotted #999; padding:5px; margin-bottom:10px}
.box-content-info{ padding:5px; background-color:#FFF}
/*******************************************************/ /* Profile table */ #profile-table table {border-collapse: separate; border-spacing: 0; margin: 0 0 1em 0; color:#000;}
#profile-table a {color: #09f; text-decoration: none; border-bottom: 1px solid;}
#profile-table a:visited {color: #c3c; font-weight: normal;}
#profile-table a:hover {border-bottom-style: dotted;}
#profile-table th,#profile-table td {padding: 0.25em;}
#profile-table tbody tr th {font-weight:bold;font-style: italic; text-align: left; vertical-align: top;}
#profile-table td {text-align: left; vertical-align: top;}
#profile-table tbody th {font-weight: normal; white-space: nowrap;}
#profile-table tbody th a:link, #profile-table tbody th a:visited {font-weight: bold;}
#profile-table tbody th + td {white-space: nowrap;}
#profile-table tbody td, #profile-table tbody th {border: 1px solid #fff; border-width: 1px 0;}
#profile-table tbody tr {border-bottom:1px solid #000;}
#profile-table tbody tr.odd th, #profile-table tbody tr.odd td {border-color: #deded8; background: #f9f9fb;}
#profile-table tbody tr:hover td, #profile-table tbody tr:hover th {background: #fbfbf8;}
#profile-table td + td + td + td {white-space: nowrap;}
#profile-table td + td + td + td a:before {content:"\2193 ";}
#profile-table a[href^="http://"]:not([href*="http://icant.co.uk"])::after {content: "\2197"}
#profile-table td + td + td + td a[href^="http://"]:not([href*="http://icant.co.uk"])::after {content: ""}
#profile-table span.private-caps{ color:red}
#clinic-map{ margin-top:20px}
/*****************************/ /*Calendar of activities*/ #cal-of-act{ margin-top:10px; margin-left:40px}
/*******************************************************************/ /* CAT Table*/ #cat-erc-tbl{ margin-top:20px}
#cat-erc-tbl table {width: 680px; border:1px solid #000000; border-spacing: 0px}
#cat-erc-tbl table a, #cat-erc-tbl table, #cat-erc-tbl tbody, #cat-erc-tbl tfoot, #cat-erc-tbl tr, #cat-erc-tbl th, #cat-erc-tbl td {font-style: normal; font-family: Verdana,Arial,sans-serif}
#cat-erc-tbl table a{ border-bottom: none}
#cat-erc-tbl table caption {font-size: 1.8em; text-align: left; text-indent: 100px; background: url(/img/tbl/bg_caption.gif) left top; height: 40px; color: #FFFFFF; border:1px solid #000000}
#cat-erc-tbl thead th {background: url(/img/tbl/bg_th.gif) left; height: 21px; color: #FFFFFF; font-size: 0.8em; font-weight: bold; padding: 0px 7px; margin: 20px 0px 0px; text-align: center}
#cat-erc-tbl tbody tr {background: #ffffff}
#cat-erc-tbl tbody tr.odd {background: #f0f0f0}
#cat-erc-tbl tbody th {background: url(/img/tbl/arrow_white.gif) left center no-repeat; background-position: 5px; padding-left: 40px !important}
#cat-erc-tbl tbody tr.odd th {background: url(/img/tbl/arrow_grey.gif) left center no-repeat; background-position: 5px; padding-left: 40px !important}
#cat-erc-tbl tbody th,#cat-erc-tbl tbody td {font-size: 1em; line-height: 1.4em; color: #000000; padding: 10px 7px; border-bottom: 1px solid #800000; text-align: left}
#cat-erc-tbl tbody a {color: #000000; font-weight: bold; text-decoration: none}
#cat-erc-tbl tbody a:hover {text-decoration: underline}
/***********************************************/ /* Zoomimage */ .zoomimage {position: absolute; display: none; z-index: 5000; outline: none}
.zoomimage_focused {z-index: 51000}
.zoomimage_s {position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none}
.zoomimage_st {position: absolute; top: 0; left: 0; width: 100%; height: 6px; overflow: hidden}
.zoomimage_stl {position: absolute; top: 0; left: 0; width: 6px; height: 6px; overflow: hidden; background:transparent url(/img/zoomimage/shadow.png) no-repeat scroll 0 0}
.zoomimage_stc {overflow: hidden; height: 6px; margin: 0 6px; background: transparent url(/img/zoomimage/shadow.png) repeat-x scroll 0 -30px}
.zoomimage_str {position: absolute; top: 0; right: 0; width: 6px; height: 6px; overflow: hidden; background:transparent url(/img/zoomimage/shadow.png) no-repeat scroll 0 -18px}
.zoomimage_sc {position: absolute; top: 6px; width: 100%; left: 0; overflow: hidden}
.zoomimage_scl {position: absolute; overflow: hidden; top: 0; left: 0; height: 100%; width: 6px; background: transparent url(/img/zoomimage/shadow-lr.png) repeat-y scroll 0pt}
.zoomimage_scr {position: absolute; overflow: hidden; right: 0; top: 0; height: 100%; width: 6px; background:transparent url(/img/zoomimage/shadow-lr.png) repeat-y scroll -6px 0pt }
.zoomimage_scc {margin: 0 6px; height: 100%; background:transparent url(/img/zoomimage/shadow-c.png); overflow: hidden}
.zoomimage_sb {position: absolute; overflow: hidden; bottom: 0; left: 0; width: 100%; height: 6px}
.zoomimage_sbl {position: absolute; overflow: hidden; width: 6px; height: 6px; left: 0; top: 0; background:transparent url(/img/zoomimage/shadow.png) no-repeat scroll 0pt -12px}
.zoomimage_sbc {height: 6px; overflow: hidden; margin: 0 6px; background:transparent url(/img/zoomimage/shadow.png) repeat-x scroll 0pt -36px}
.zoomimage_sbr {position: absolute; overflow: hidden; width: 6px; height: 6px; right: 0; top: 0; background:transparent url(/img/zoomimage/shadow.png) no-repeat scroll 0pt -6px}
.zoomimage img {position: absolute; top: 6px; left: 6px; display: none; border: 20px solid #000}
.zoomimage_caption {position: absolute; background-color: #fff; color:#000; width: 100%}
.zoomimage_caption p {padding: 10px; margin: 0; font-size: 11px; font-weight: bold}
.zoomimage_loading {background-image: url(/img/loading-small.gif); background-repeat: no-repeat; background-position: center; height: 100%; position: absolute; background-color: #fff; width: 100%; top: 0; left: 0}
.zoomimage_move {cursor: move}
.zoomimage_controls {position: absolute; background: #fff; height: 30px; overflow: hidden}
.zoomimage_prev {background: #fff url(/img/zoomimage/zoomimage_prev.gif) no-repeat center; width: 39px; height: 29px; position: absolute; bottom: 1px; left: 10px}
.zoomimage_next {background: #fff url(/img/zoomimage/zoomimage_next.gif) no-repeat center; width: 39px; height: 29px; position: absolute; bottom: 1px; right: 10px}
/*******************************************/ /* Other widgets */ #ffox-link{ position:relative; left:40px; top:15px}
#share-this{ position:absolute; top:8px; left:20px}
#share-this a{ color:#fff}
/*************************************************/ /* Floating thumbnails */ div.no-bullet ol,div.no-bullet ul,div.no-bullet li{ list-style:none outside none; margin:0; padding:0}
ul.floater1 li {float:left; width:90px; height:170px; /*max height of li contents*/ margin-bottom: 25px; margin-right:25px}
ul.floater1 img{ background:none repeat scroll 0 0 #CCCCCC; border:1px solid #999999; display:block; padding:5px}
/******/ /* Wider holder with gradient bg*/ #officers-box{ position:relative}
ul.floater2 li {float:left; padding:5px; width:205px; margin-bottom: 25px; margin-right:10px; background-image: url(/img/thumb-bg.gif); background-repeat: repeat-x; border:1px solid #999999}
ul.floater2 li:hover {border:1px solid #000}
ul.floater2 li a{ float:left}
ul.floater2 img{ background:none repeat scroll 0 0 #fff; border:1px solid #000; display:block; padding:5px; margin-right:10px}
/*******************/ /* for translation excerpts added 07.04.2011*/ .transl{ font-family: Verdana, Arial, sans-serif; font-style: italic; background-color: #dbdbdb; border:1px dotted black; padding:20px; margin-bottom:10px}
/**/ table#search-doc-table th{ text-align: left; padding:10px; padding-left:0px; color:blue}/** * Default theme * */ /* Slight reset to make the preview have ample padding. */ .cse .gsc-control-cse, .gsc-control-cse {padding: 2%; width: 96%}
.cse .gsc-branding, .gsc-branding {display: none}
.cse .gsc-control-cse div, .gsc-control-cse div {position: normal}
/* Selector for entire element. */ .cse .gsc-control-cse, .gsc-control-cse {background-color: #ffffff; border: 1px solid; border-color: #ffffff}
.cse .gsc-control-cse:after, .gsc-control-cse:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.cse .gsc-resultsHeader, .gsc-resultsHeader {border: block}
/* Search button */ .cse input.gsc-search-button, input.gsc-search-button {font-family: inherit; color: #000; text-shadow: 0 1px 2px #FFFFFF; background-color: #CECECE; border: 0px outset; border-color: #666666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
/* Inactive tab */ .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {border-bottom: none; color: #666666; background-color: #e9e9e9; border: 1px solid; border-color: #e9e9e9; border-bottom: none}
/* Active tab */ .cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive {background-color: #FFFFFF; border: 1px solid; border-top: 2px solid; border-color: #e9e9e9; border-top-color: #FF9900; border-bottom: none}
/* This is the tab bar bottom border. */ .cse .gsc-tabsArea, .gsc-tabsArea {margin-top: 1em; border-bottom: 1px solid #e9e9e9}
/* Inner wrapper for a result */ .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result {padding: .25em; border: 1px solid; border-color: #ffffff; margin-bottom: 1em}
/* Result hover event styling */ .cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover {border: 1px solid; border-color: #FFFFFF}
/*Promotion Settings*/ /* The entire promo */ .cse .gs-promotion, .gs-promotion {background-color: #FFFFFF; border: 1px solid; border-color: #336699}
/* Promotion image */ .cse .gs-promotion .gs-promotion-image, .gs-promotion .gs-promotion-image {}
/* Promotion links */ .cse .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link, .cse .gs-promotion a.gs-title:link *, .gs-promotion a.gs-title:link *, .cse .gs-promotion .gs-snippet a:link, .gs-promotion .gs-snippet a:link {color: #0000CC}
.cse .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited, .cse .gs-promotion a.gs-title:visited *, .gs-promotion a.gs-title:visited *, .cse .gs-promotion .gs-snippet a:visited, .gs-promotion .gs-snippet a:visited {color: #0000CC}
.cse .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover, .cse .gs-promotion a.gs-title:hover *, .gs-promotion a.gs-title:hover *, .cse .gs-promotion .gs-snippet a:hover, .gs-promotion .gs-snippet a:hover {color: #0000CC}
.cse .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active, .cse .gs-promotion a.gs-title:active *, .gs-promotion a.gs-title:active *, .cse .gs-promotion .gs-snippet a:active, .gs-promotion .gs-snippet a:active {color: #0000CC}
/* Promotion snippet */ .cse .gs-promotion .gs-snippet, .gs-promotion .gs-snippet, .cse .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right, .cse .gs-promotion .gs-title .gs-promotion-title-right *, .gs-promotion .gs-title .gs-promotion-title-right * {color: #000000}
/* Promotion url */ .cse .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl {color: #008000}
/* Style for auto-completion table * .gsc-completion-selected : styling for a suggested query which the user has moused-over * .gsc-completion-container : styling for the table which contains the completions */ .gsc-completion-selected {background: #D5E2FF}
.gsc-completion-container {font-family: Arial, sans-serif; font-size: 13px; position: absolute; background: white; border: 1px solid #666666; margin-left: 0; margin-right: 0; /* The top, left, and width are set in JavaScript. */ }
/* Full URL */ .gs-webResult div.gs-visibleUrl-short {display: none}
.gs-webResult div.gs-visibleUrl-long {display: block}
/* Featured Content Slider by: Chris Coyier */ /* UTILITY STYLES */ .floatLeft {float: left; margin-right: 10px;}
.floatRight {float: right}
.clear {clear: both}
a {outline: none}
/* PAGE STRUCTURE */ #page-wrap {width: 690px; margin-bottom: 10px auto; position: relative; min-height: 390px; background: url(/img/featured/featured-content-box.png) top center}
/* TYPOGRAPHY */ ul {list-style: square inside}
a, a:visited {color: #729dff; text-decoration: none}
a:hover, a:active {text-decoration: underline}
blockquote {padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;}
/* SLIDER */ .slider-wrap {width: 399px; position: absolute; top: 34px; right: 38px}
.stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px}
.stripViewer {position: relative; overflow: hidden; width: 399px; height: 273px}
.stripViewer .panelContainer {position: relative; left: 0; top: 0}
.stripViewer .panelContainer .panel {float: left; height: 100%; position: relative; width: 399px}
.stripNavL, .stripNavR, .stripNav {display: none}
.nav-thumb {border: 1px solid black; margin-right: 5px}
#movers-row {margin: 0px 0 0 -30px}
#movers-row div {width: 22%; float: left}
#movers-row div a.cross-link {float: right}
.photo-meta-data {background: url(/img/featured/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white}
.photo-meta-data span {font-size: 13px}
.cross-link {display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 19999}
.active-thumb {background: transparent url(/img/featured/icon-uparrowsmallwhite.png) top center no-repeat;}