@charset "utf-8";
/* CSS Document */

/* ---- RESET ---- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* ---- LAYOUT ---- */

	/* common html tag and classes */
body { font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #213151; }
.container974 {width: 974px; margin: 0 auto;}
.container {width: 914px; float: right;}
a:focus, a:hover {color:#000;}
a {color:#008aff;text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size: 2.7em; letter-spacing: -2px;}
h2 {font-size: 1.5em; letter-spacing: -1px; border-bottom: 1px solid #e5e8e8; padding-bottom: 1px; font-weight: normal;}
h2.title {font-size: 1.5em; letter-spacing: -1px; border-bottom: 1px solid #969ba3; padding-bottom: 1px; font-weight: bold;}
h3 {font-size: 1.5em; letter-spacing: -1px; line-height: 1.4em; margin-bottom:0.2em; margin-top:1em; }
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;;}
h4, h5{line-height: 2.2em;}

em { font-style: italic; }

table {border-top:1px solid #969ba3; border-bottom:1px solid #969ba3; margin:0 0 3em;}
th, td {border-bottom: 1px solid #dfe1e3; padding: 5px 10px; vertical-align: top;}
th {font-weight: bold; background: #dadada; padding-top: 15px; }
thead td { font-weight: bold; background: #dadada; padding-top: 15px;  }
caption {font-size: 1.0em; text-transform: uppercase; font-weight: bold; padding: 5px 10px;}

th.vertical {vertical-align: top; text-align: right; background: #dbe8f2;}
th.vertical2 {vertical-align: top; text-align: right; background: #eee;}
th.horz {border-bottom: 1px solid #ddd; font-weight: bold; background: none;}
td.vertical {border-bottom: 1px solid #ccc; text-align: right; font-weight: bold; border-bottom: 1px solid #ddd;}



ul, ol {margin-bottom: 1.5em; margin-top: 0;} 
ul li  {margin:0 0 0.3em 0;}
ol li  {margin:0 0 0.3em 0;}
ul li ul, ul li ol, ol li ul, ol li ol {margin-top: 0.6em;}

.left {float: left;}
.right {float: right;}

.footnote {border-top: 1px solid #ddd; line-height: 1.4em; font-size: 0.9em; font-style: italic; margin-top: 25px; padding: 3px 0 20px 5px;}


p {margin:0 0 1.5em; font-size: 13px; line-height: 1.3em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote { margin:0 0 1.5em 1.5em; padding-left: 1.0em; border-left: 3px solid #dfe1e3; color: #747e92; }
hr {
  background: #dfe1e3; 
  color: #dfe1e3;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

.left {float:left;}
.right {float: right;}

/*.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}*/


.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


.invisible {display:none;}


	/* home */

/*.logo {margin-left: -60px; margin-top: 35px;}*/
.logo {float: left; position: relative; margin-top: 35px;}

#header { height: 111px; margin-bottom: 1px;}

		/* blue top navigation */
#subnav { float: right; font-size: 1.0em; font-weight: bold; margin-top: 51px; }    
#subnav ul { margin: 0; padding: 0; }
#subnav ul li { list-style-type: none; display: inline; margin-left: 15px;}
#subnav a { color: #213151; text-decoration: none; }
#subnav a:focus, #subnav a:hover { color: #000;}

		/* multi-coloured navigation */

#nav { float: left; font-size: 1.4em; font-weight: bold; font-size: 15px; width: 608px; margin-top: 6px;}
#nav ul { margin: 0; padding: 0; }
#nav ul li { list-style-type: none; display: block; float: left; border-bottom-width: 3px; border-bottom-style: solid; padding-bottom: 2px; margin-right: 3px;}
#nav a { text-decoration: none; margin-right: 19px;}
#nav a:focus, #nav a:hover { color: #000;}

.patientguide, .patientguide a, .patientguide a:link {color: #0499b4; border-color:#0499b4; }
.medprof, .medprof a, .medprof a:link {color: #266bd3; border-color:#266bd3;}
.quality, .quality a, .quality a:link {color: #7c11b2; border-color:#7c11b2;}
.careers, .careers a, .careers a:link {color: #ac1a2f; border-color:#ac1a2f;}
.contact, .contact a, .contact a:link {color: #d68000; border-color:#d68000;}

#search {float: right; border-bottom: 3px solid #dfe1e3; padding-bottom: 8px; width: 290px; text-align: right;}
#search label {margin-bottom: 8px;}
#search input {vertical-align: middle; margin: 0;}

#carousel {margin-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #a9b2b4;}
.carouselp {position: relative; margin-top: -45px; padding: 14px 0;}
.carouselp a {background: url(/uploadedimages/ttsh/_system/images/unsel_number.gif) no-repeat; padding: 3px 7px; margin-right: 4px; color: #a9b2b4;}
.carouselp a.sel {background: url(/uploadedimages/ttsh/_system/images/sel_number.gif) no-repeat; color: #fff; }



#leftcol {width: 602px; float:left;}
#rightcol {width: 290px; float:right;}

#footer {border-top: 1px solid #969ba3; margin-top: 64px; padding-top: 18px; font-size: 0.9em; margin-bottom: 40px;}
#footer a{color:#a9b2b4; margin-right: 5px;}
#footer a:focus, #footer a:hover { color: #000;}

		/* Find care tab navigation and search */

#findcare{font-size: 1.1em; margin-bottom: 31px;}
#findcare h1 {margin-top: 17px; margin-bottom: 14px; font-size: 2.3em; }
.fcbox {border-top: 1px solid #969ba3; border-bottom: 1px solid #969ba3; background: #eff7fd; padding: 26px 0px 16px 0px; margin-top: -1px;}
p.searchbox{margin: 0; padding: 0 11px; padding-bottom:22px; border-bottom: 1px solid #dcf0f8; background: url(/uploadedimages/ttsh/_system/images/bkg_searchbox.gif) repeat-x left bottom;}
p.searchbox input{margin: 0; margin-top: 7px; margin-right: 7px; vertical-align: bottom;}
p.searchbox input[type=button]{vertical-align: top;}
p.searchbox a.browse {color:#213151; font-weight:bold; padding-left: 13px; background: url(/uploadedimages/ttsh/_system/images/browsearrow.gif) no-repeat 0 5px; display: inline-block; height: 20px; }
p.searchbox a.browse:hover {color: #000;}
p.example{margin: 0; padding: 0 11px; padding-top: 9px; line-height: 16px;}
p.example span{font-size: 0.85em; color: #969ba3; margin-right: 12px;}
.tabnav {padding: 0 3px; font-weight:bold;}
.tabnav a {background: #fff; padding: 4px 8px 3px 8px; border-top: 1px solid #fff; border-bottom: 1px solid #969ba3; display: inline-block; border-right: 3px solid #fff; color: #969ba3; margin: 0;}
.tabnav a:hover {color: #000;}
.tabnav a.sel{background:#eff7fd; border: 1px solid #969ba3; border-bottom: 1px solid #fff; margin-right: 2px; color:#213151; margin-left: -1px;}
.tabcontent{border-top: 1px solid #969ba3; border-bottom: 1px solid #969ba3; background: #eff7fd; padding: 26px 0px 16px 0px; margin-top: -1px;}

		/* Disease epidemic alert */

#warning {background:#fffddf url(/uploadedimages/ttsh/_system/images/bkg_warning.gif) repeat-x; font-weight: bold; min-height: 45px; margin-bottom: 30px;}
#warning a, #warning a:link{color: #af0000;}
#warning a:hover{color: #000;}
#warning p{background: url(/uploadedimages/ttsh/_system/images/ic_warning.gif) no-repeat 6px 10px; padding: 8px 6px; padding-left: 38px; line-height: 15px;}
.nowarning { min-height: 45px; margin-bottom: 30px; }

		/* Feature boxes: Patient stories, Ask Professor Chia, Upcoming Events, Latest News */
	
.rightlink {float: right; position: relative; font-size: 0.9em; margin-top: -20px;}

#upcomingevents, #latestnews{margin-bottom: 31px;}

.item {font-size: 1.1em; color: #969ba3; border-bottom: 1px solid #dfe1e3; padding-top: 6px; padding-bottom: 9px; line-height: 18px;}
.item a {color:#213151; font-weight:bold;}
.item a:hover {color:#000;}
.date {color: #969ba3; float:left; font-weight: bold; width: 90px; }
.bit {width: 195px; float: right; }
.small {font-size: 11px; font-weight: normal;}

.feature {width: 290px;}
.feature img {margin-top: 1px; border-bottom: 1px solid #dfe1e3; padding-bottom: 1px;}
.feature p {margin: 20px 0; font-size: 13px; line-height:16px;}
.feature h4 {font-size: 1.1em; font-weight: bold; color:#969ba3; margin-top: 3px;}
.more {font-size: 0.9em; font-weight: bold;}

		/* Other Services: Links with icon */

#otherservices div div {width: 145px;}
#otherservices .serviceitem {margin-bottom: 5px;}
#otherservices .serviceitem span {display:block;}
#otherservices .serviceitem span.servicepic {width: 55px; float:left;}
#otherservices .serviceitem span.servicedesc {padding-top: 13px; line-height: 16px;}
#otherservices .serviceitem span.servicedesc a{color:#213151; font-weight:bold;}
#otherservices .serviceitem span.servicedesc a:hover{color:#000;}

	/* subpages template */

		/* breadcrumb, print friendly and text size */
#breadcrumb {height: 40px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #969ba3; color:#969ba3; font-size: 0.9em; font-weight: bold; padding-top: 8px;}
#breadcrumb a {color: #213151; margin: 0 3px;}
#breadcrumb a.sel {color: #969ba3;}
#breadcrumb.patientguide {border-color:#0499b4;}
#breadcrumb.medprof {border-color:#266bd3;}
#breadcrumb.quality {border-color:#7c11b2;}
#breadcrumb.careers {border-color:#ac1a2f;}
#breadcrumb.contact {border-color:#d68000;}
#breadcrumb a.home{background: url(/uploadedimages/ttsh/_system/images/home.gif) no-repeat; width: 18px; height: 13px; display: inline-block;}
#breadcrumb a.home span{display: none;}
.printfriendly, .textsize {display: inline-block;}
#breadcrumb a.printfriendly {background: url(/uploadedimages/ttsh/_system/images/print.gif) no-repeat; padding-left: 20px; padding-right: 10px; border-right: 1px solid #e5e8e8; color: #969ba3;}
#breadcrumb .textsize {color: #213151; display: inline-block; margin-left: 3px;}
#breadcrumb .textsize .plus, #breadcrumb .textsize .minus {width: 14px; height: 14px; margin: 0 0 1px 2px; padding: 0; display: inline-block; vertical-align: bottom; }
#breadcrumb .textsize .plus {background: url(/uploadedimages/ttsh/_system/images/textsizeplus.gif) no-repeat;}
#breadcrumb .textsize .minus {background: url(/uploadedimages/ttsh/_system/images/textsizeminus.gif) no-repeat;}
#breadcrumb .textsize .plus span, #breadcrumb .textsize .minus span {display: none;}

#functions {float: right;}

		/* main page title header */
#pagetitle {min-height: 91px;}
#pagetitle h1 {margin-top: 3px; height: 63px;}
#pagetitle h2 {margin-left: 234px; font-weight: bold; border-bottom: none; font-size:2em; margin-top:-5px;}


#wrapcontent { border-top: 1px solid #969ba3;}
#leftcontent, #rightnav {padding-top: 10px; /*border-top: 1px solid #969ba3;*/ }
#leftcontent {float:left; width:680px;}
#leftcontent h2 { margin-bottom: 3px;}
#rightnav { float:right; width:213px;  }
.righttitle { border-bottom: 1px solid #969ba3; line-height:28px; }
h4 .righttitle { font-weight:bold; }

		/* left navigation */
#leftnav, #rightcontent {padding-top: 10px; border-top: 1px solid #969ba3;}
#leftnav {float:left; width: 213px; font-size: 1.1em; font-weight: bold; line-height: 22px;}
#leftnav ul {margin: 0; padding: 0;}
#leftnav ul li {list-style-type: none; border-bottom: 1px solid #dfe1e3;}
#leftnav ul li a.sel {color: #969ba3;}

		/* main right column container */
#rightcontent {float: right; width: 680px; }
#rightcontent h2 { margin-bottom: 3px;}


	/* Find care alphabetical list */
	
.alphabet {margin-bottom: 20px; margin-top: 10px;}
.alphabet span {display: inline-block; font-weight: bold; font-size: 1.1em; }
.alphabet span a {color: #213151; padding-left: 5px;}
.alphabet span a:hover {color: #000;}


.alphalist {border-top: 1px solid #969ba3; margin-bottom: 25px;}
#rightcontent .alphalist h2{ margin-top: 0;font-size: 32px; border: none; float: left; color: #213151; line-height: 25px; margin-top: 10px;} 
.alphalist ul {margin: 0; padding: 0; margin-left: 76px;}
.alphalist ul li {margin: 0; padding: 0; list-style-type: none; font-size: 1.1em; line-height: 21px; font-weight: bold; border-bottom: 1px solid #e5e7e9; margin: 2px 0;}

.paging {text-align: right; margin-top: 40px;}
.paging a {padding: 5px 10px;}
.paging a.sel {background: #ddd; color: #333;}
.paging a:hover {background: #ddd;}
.paging span {padding-right:10px;}


	/* Clinics page */
.c_specialist {border-top: 1px solid #e5e8e8; margin-bottom: 5px; width: 100%; border-bottom: none;}
.c_specialist table {width: 100%; border: none; margin: 0;}
.c_specialist td {border: none; vertical-align: top; padding: 0;}
.c_specialist table td {vertical-align: top; padding: 3px;border-bottom: 1px solid #e5e8e8;}
.c_specialist td.pic { width: 150px; padding-top: 5px; }
.c_specialist table td.nametitle {padding-bottom: 10px; padding-top: 5px;}
.c_specialist table td.nametitle p {color: #969ba3; margin: 0;}
.c_specialist table td.nametitle a {font-weight: bold;}
.c_specialist table td.label {width: 118px; font-weight: bold;}
.c_specialist table td.last {border: none;}


.rightitem {border-top: 1px solid #969ba3; padding-top: 5px; margin-bottom: 20px;}
.rightitem h4{margin: 0;}
ul.relatedlink { margin: 6px 0; padding: 0;}
ul.relatedlink li {list-style-type: none; border-top: 1px solid #dfe1e3; padding: 5px 0;}
ul.relatedlink li.first {border-top: none;}
ul.relatedlink li a{font-weight: bold;}

.grey {color: #969ba3;}

table.specialist {font-size: 1.1em; width: 446px; float: left; margin-right: 22px; margin-top: 5px; border: none;}
table.specialist td{padding: 2px 1px; border-bottom: 1px solid #dfe1e3;}
table.specialist a{font-weight: bold;}
td.label {font-weight: bold; width: 156px; vertical-align:top; }
.specialistpic {margin-top: 5px;}

	/* Newsroom */
#NR_news, #NR_upcomingevents, #NR_pressreleases {border-bottom: 1px solid #969ba3;}
#NR_news hr {margin: 0 0 7px 0;}
.newsfeat {margin: 0 0 7px 0;}
.newsfeat img {margin: 0 21px 0 0;}
.newsfeat h4 {margin-bottom: 16px;}
.newsfeat .date {float:none; font-size: 0.9em;}
.newsfeat a {font-size: 11px; font-weight: bold;}
.newsfeat p {line-height: 16px; font-size: 12px;}
.time {font-weight: normal; font-size: 0.9em;}

/*
.newslist a {font-weight: bold; color: #213151;}
.newslist div {border-bottom: 1px solid #dfe1e3; padding: 3px 0; }
.newslist .desc {padding: 0; margin-left: 90px; border: none;}
.eventtype, .venue {color: #969ba3; font-size: 0.9em; padding-right: 40px; font-weight: bold;}
*/
.newslist {border-bottom: 1px solid #dfe1e3 ;padding: 3px 0; }
.newslist a {font-weight: bold; color: #213151; }
.newslist .desc {padding: 0; margin-left: 90px; border: none;}
.eventtype, .venue {color: #969ba3; font-size: 0.9em; padding-right: 40px; font-weight: bold;}

	/* landing pages */
.lpimage {margin-top: -9px;}

.lp_feat {margin-top: 30px;}
.lp_feat div {width: 212px; float: left; margin-right: 22px;}
.lp_feat .rightlink {float: right; position: relative; font-size: 11px; margin-top: -26px;}
.lp_feat div.last {margin-right: 0;}
.lp_feat div h2 {line-height: 20px; border-bottom: 1px solid #969ba3; margin-bottom: 1px; padding-bottom: 7px; font-weight:bold;}
.lp_feat div img {border-bottom: 1px solid #cacdd1; margin-bottom: 15px; margin-top:0.5em; }
.lp_feat div ul {margin: 0; padding: 0;}
.lp_feat div ul li {list-style-type: none; border-bottom: 1px solid #dfe1e3; font-weight: bold; padding: 2px 0;}
.lp_feat div ul li a {color: #213151;}



/* ---- TYPOGRAPHY ---- */
.summary {font-size: 1.5em; margin-top: 23px; line-height: 24px;}



/* ---- FORMS ---- */

label {font-weight:bold; font-size: 1.1em; width: 200px; display:inline-block; margin: 7px 0 5px 0; min-height: 22px;}
label span.desc {font-weight: normal;}

input[type=text], input[type=password], input.text, input.title, textarea, select { background-color:#fff;border:1px solid #aaa; border-bottom:1px solid #ddd;width: 248px; vertical-align:top;  margin: 7px 10px 5px 0; min-height: 18px;}
select {width: 250px;}
input.mainsearch {width:170px; margin-right: 4px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#777;}

form div.form2ndcol, form p.formremarks {margin-left: 202px; margin-top: 15px;}
p.formremarks {font-size: 0.9em; width: 260px; color: #969ba3; }
.multiselectlist { font-size: 1.2em; } 
.multiselectlist option { padding:2px; }

/* error classes */
label.error {color: #ac1a2f;}
input.error {border: 2px solid #ff0025;}
select.error {border: 2px solid #ff0025;}
textarea.error {border: 2px solid #ff0025;}
span.error {font-weight: bold; color: #ac1a2f; font-size: 0.9em; background: url(/uploadedimages/ttsh/_system/images/errorarrow.gif) no-repeat; height: 23px; padding-left: 31px; display: inline-block; padding-top: 4px; margin-left: 10px;}




/* ---- PRINT ---- */

@media print
{  
.container974 { width: 680px; }
.container {width: 680px; float: left;}
#subnav, #nav, #search, #breadcrumb, #leftnav, #rightnav, #footer a.footerlinks { display:none; }
#leftcontent {float: left; width: 680px;}
#rightcontent {float: left; width: 680px;}
#header, #pgcontent, #footer      { display:block; }
#pagetitle h2 {margin-left: 0px; }
}