body {font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size: 80%; margin: 0px; /*min-width: 720px;*/ background: #1F4165;} 
h1, h2, h3, h4 {font-weight: normal; }
h1 {font-size: 140%; margin-bottom: 10px; margin-top: 6px; color: #C80176;}
h2 {font-size: 125%; margin-bottom: 10px; margin-top: 6px;  color: #0D6D91;}
h3 {font-size: 120%; margin-bottom: 10px; margin-top: 6px;  color: #2C5A8E;}
h4 {font-size: 120%; color: #C80176; margin-bottom: 10px; margin-top: 6px; }
h5 {font-size: 120%; font-weight: bold; color: #0D6D91; margin-bottom: 10px; margin-top: 6px; }
h6 {font-size: 110%; font-weight: bold; color: #2C5A8E; margin-bottom: 10px; margin-top: 6px; }

body#contentpage {background-image: none; background-color: #fff;}/*RTE content input background*/

/* a {text-decoration: none; color: #2C5A8E; } */
a {text-decoration: none; color: #0E78AB; }
a:hover {text-decoration: underline; color: #0E78AB;}
a:visited {text-decoration: none; color: #0E78AB;}

#wrapper3{background: #1F4165 url(../images/sitebg.jpg) center top no-repeat; width:100%;}
#wrapper2 {width: 1000px; margin: auto; background: #fff;}
#wrapper {width: 1000px; margin: auto; background: #fff; }

#header {background-color: #2C5A8E; color: white; margin-bottom: 0px; height: 102px; background-image:url(../images/banner.jpg); background-position: top right; background-repeat: no-repeat; width: 1000px; }

#header.welsh {background-image:url(../images/wbanner.jpg);}


#header h1 {margin: 0px; width:700px; height:75px; text-indent:-9999px; float:left;}
#headercontent { padding-top: 16px; padding-left: 128px;}
#nhslogo {position: absolute; left: 6px; top: 6px;}
#header form {float:right; padding:43px 25px 0 0;}

#q {
	background: url(/images/search-white.png) no-repeat 10px 4px #fcfcfc;
	border: 1px solid #d1d1d1;
	width: 130px;
	padding: 3px 10px 4px 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	/*behavior: url(/styles/pie.htc);*/
}

#navtools {color: #fff; background-color: #2C5A8E; padding: 5px; overflow: auto; zoom: 1;}
#navtools a {color: #fff;}
#navtools form {display: inline;}
#navtools form input.image {vertical-align: bottom;}
#navtools form input.box {font-size: 100%; margin: 0px; padding: 0px;}
#navlinks {float: left; padding: 3px 0px 0px 5px;}
#navsearch {padding-top: 0px; float: right;}
#breadcrumbs {padding: 4px 10px; margin-bottom: 4px;}
#footer {background-color: #2C5A8E; color: white; padding: 6px; overflow: auto; zoom: 1; border-bottom: 16px solid #22456B; margin-top: 8px;}
#footer #footertext {margin-right: 140px;}
#footer #browsealoud {float: right; margin:10px 5px 5px 5px;}
#footer a {color: white;}
#footer .section {float:left; margin-right: 20px;}
#footer .section h3 {color: #fff; font-size:110%}
#footer .section ul {padding:0; margin-left: 1.4em;}
#footer .section ul li {padding: 2px 0 2px 0;}


/* for all browsers that understand min-width */
#main {/*width:100%;*/  min-height: 600px; _height: 600px;}

#maincontent {margin: 0px 0px 10px 10px; width: 760px;}
#othercolsmargin {/*margin-right: 195px;*/ }
#leftcontent {float: left; width: 210px; margin-right: 4px; }
#centercontent {/*margin-left: 210px; - changed 17/12/12*/margin-left: 214px; margin-right: 220px; font-size: 100%; height: 100%;}
#centercontent.noright { margin-right:20px; }
#centercontent .firstpara {margin: 0px 0px 0px 135px; zoom: 1;}
#centercontent .firstpara ul {margin-bottom: 0px;}
#centercontent .firstpara img {display: block; margin-right: 15px;}

#rightcontent {float: right; width: 200px; background-color: /*#e7e7f7*/white; padding: 0px; margin-top: 48px; margin-left: 10px; }
#rightcontenthome {float: right; width: 200px; padding: 0px; margin-top: 8px; margin-right: 5px; border: 0px solid red;} /*background-color: #e7e7f7 #f3f3f3white;*/

.head1 {background-color: #394a7b; color: white; padding: 6px; background-image:url(../images/navycliptl.gif); background-position: top left; background-repeat:no-repeat;}
.head2 {background-color: #394a7b; color: white; padding: 6px;}
.head1 h2, .head2 h2 {color: white; font-size: 100%; font-weight: bold; margin: 0px;}
.head1 #rssicon {float:right;}

.head1news {color: #2C5A8E; margin:25px 0px 3px 2px; padding:3px; }
.head1news h2, .head2news h2 {color: #018389; font-size: 110%; font-weight: bold; margin: 0px;}
/*.head1news #rssicon {float:right;}*/

.head1events {color: #2C5A8E; margin:15px 0px 3px 4px; padding:3px;}
.head1events h2, .head2news h2 {color: #2C5A8E; font-size: 110%; font-weight: bold; margin: 0px;}


.boxout {background-image: url(../images/rightboxouttop.gif); background-position: top left; background-repeat: no-repeat; background-color: #A1CBDE; position: relative; left: -8px; padding-right: -8px;  margin-right: -8px; margin-bottom: 10px;}
.boxoutcontainer {background-image: url(../images/rightboxoutbottom.gif); background-position: bottom left; background-repeat: no-repeat; padding: 10px; }
.boxoutcontainer li, .boxoutcontainer ul {list-style:url(../images/boxoutbullet.gif) outside none; margin-left: 0px;}
.boxoutcontainer ul {padding-left: 16px;}
.boxoutcontainer li {padding-left: 0px;}
.boxoutcontainer h2 {font-size: 140%;}
.boxout a {color: #7A3665;}
.boxout strong {color: #274373; font-size: 110%; }

#datetime {font-size: 90%; color: #666;}

.rightcontainer {padding: 3px; margin-right: 3px; margin-bottom: 5px; border: 1px solid #01A9B2; color: #616161;}
.rightcontainer p, .boxout p {margin: 0px; padding: 0px;}
.rightcontainer p, .boxdoc_r p {margin: 0px; padding: 0px;}
.rightcontainer p, .boxdoc_c p {margin: 0px; padding: 0px;}
/*.rightcontainer .date, .rightcontainer .eventdate {display: block; color: #666; border-bottom: 1px solid #666;padding-bottom: 2px; margin-bottom: 2px; font-size: 93%;}*/
.rightcontainer .date{display: block; color: #0D6D91; padding-bottom: 2px; margin-bottom: 2px; font-size: 93%;}
.rightcontainer .eventdate {display: block; color: #616161; padding-bottom: 2px; margin-bottom: 2px; font-size: 93%;}
.rightcontainer .newsitem, .rightcontainer .item, .rightcontainer .eventitem {padding-bottom: 10px;}
.rightcontainer .newsitem a {color:#616161;}
.rightcontainer .eventitem a {color:#0D6D91;}

.head1news #rss {float: right;}

#centercontent li, #centercontent ul {list-style:url(../images/purplebullet.gif) outside; padding-left: 0px; margin-left: 0px; }
#centercontent li {margin-left: 35px; }
#centercontent li.p1link {list-style: url(../images/linkp1.gif) outside; }
#centercontent li.externallink {list-style:url(../images/linkext.gif) outside;}
#centercontent li.internallink {list-style:url(../images/linkint.gif) outside;}
#centercontent li.inlinelist {display: inline; background-image: url(../images/purplebullet.gif); background-position: center left; background-repeat: no-repeat; padding-left: 20px; margin-left: 0px; padding-right: 10px;}
#centercontent #homepagenav {margin-bottom: 10px; }
#centercontent #homepagenav h2 {margin-top: 5px; margin-bottom: 3px; font-size: 120%;}
#centercontent #homepagenav ul {margin-top: 0px; margin-bottom: 4px;}
#centercontent .newsdate {color: #666;}
#centercontent .newstitle {font-size: 120%; font-weight: bold;}
#centercontent #welshwarning {background-color:#000066; color: white; font-weight: bold; margin-bottom: 10px; padding: 6px;}
#centercontent #campaignsbox {border-top: 2px solid #ccc; border-bottom: 3px solid #ccc;}
#centercontent #campaignscontent {padding: 6px 0px;}
#centercontent #campaignstext {margin-left: 165px; zoom: 1;}

/*.boxdoc_r {background-image: url(../images/rightboxouttop.gif); background-position: top left; background-repeat: no-repeat; background-color: #A1CBDE; position: relative; left: -8px; padding-right: -8px;  margin-right: -8px; margin-bottom: 10px;}
.boxdoccontainer_r {background-image: url(../images/rightboxoutbottom.gif); background-position: bottom left; background-repeat: no-repeat; padding: 10px; }
.boxdoccontainer_r li, .boxdoccontainer_r ul {list-style:url(../images/boxoutbullet.gif) outside none; margin-left: 0px;}
.boxdoccontainer_r ul {padding-left: 16px;}
.boxdoccontainer_r li {padding-left: 0px;}*/

/*.boxdoc_head {background-color:#394a7b;}*/


#centercontent .boxdoc_c {position: relative; left: 0px; padding-right: -8px;  margin-right: 0px; margin-bottom: 10px; border: 0px solid #ccc; background-color:#fff; zoom:1;}
.boxdoc_c {border: 0px solid #ccc; background-color:#fff; zoom:1;}
.boxdoccontainer_c {font-size: 95%; zoom:1}
.boxdoccontainer_c h2 {font-size: 110%; margin: 0px; color: white; font-weight: bold; padding: 6px 6px 6px 6px; zoom:1 }

.boxdoc_r {position: relative; left: -8px; margin-left: 8px; padding-right: -8px;  margin-right: -8px; margin-bottom: 10px; border: 0px solid #394a7b; background-color:#fff; zoom:1;}
.boxdoccontainer_r {font-size: 95%; zoom:1}
.boxdoccontainer_r h2 {font-size: 110%; margin: 0px; color: white; font-weight: bold; padding: 6px 6px 6px 6px; zoom:1}

.boxdoc_head {background-color:#305491;}
.boxdocmargins {padding: 4px; }

#navigation {color: #1c273c; margin-bottom: 10px; width: 200px;}
#navigation .desc {font-size: 90%;}
#navigation a {color: #ffffff;}
#navigation ul {margin: 0px; padding: 0px; list-style: none outside none; background: white;}
#navigation li {padding: 0px; margin: 0px 0px; border-top-right-radius:6px; border-bottom-right-radius:6px; width: 100%; background-color: #0E78AB; }
#navigation li.selected {background-color: #417ABA; color: white;}
#navigation .level1, #navigation .level2, #navigation .level3, #navigation .level4, #navigation .level5, #navigation .level6 {display: block; border-bottom: 3px solid white; margin: 0px;  zoom: 1; }
#navigation .level1 {font-size: 110%; font-weight: normal; display:block;   padding: 4px 4px 4px 10px; }
#navigation .level2 {padding: 4px 4px 4px 20px; }
#navigation .level3 {padding: 4px 4px 4px 30px; }
#navigation .level4 {padding: 4px 4px 4px 40px; }
#navigation .level5 {padding: 4px 4px 4px 50px; }
#navigation .level6 {padding: 4px 4px 4px 60px; }
#navigation .thispage {color: white; background-color:#274373;}

.picelement1 {background-color:#c2c2c2; width: 200px; background-position: bottom right; background-repeat: no-repeat; background-image: url(../images/greynav1bottom.gif); margin-bottom: 10px; height: 100px;}
.picelement1 .top { background-position: top right; background-repeat: no-repeat; background-image: url(../images/greynav1top.gif); height: 100px;}
.picelement1 .content {padding: 10px 0px 10px 6px; height: 80px;}
.pic {float: right; width: 80px; height: 80px;}

.picelement0 {background-color:#A1CBDE; width: 200px; background-position: bottom right; background-repeat: no-repeat; background-image: url(../images/bluenav1bottom.gif); margin-bottom: 10px; height: 100px;}
.picelement0 .top { background-position: top right; background-repeat: no-repeat; background-image: url(../images/bluenav1top.gif); height: 100px;}
.picelement0 .content {padding: 10px 0px 10px 6px; height: 80px;}

/* Directory/Health Services by Area */
.addresslist td {border-bottom:1px solid #CCC; padding: 5px 5px 5px 0px; vertical-align: text-top}
.addresslist td.telephone {text-align:right;}
.addresslist td.branchlabel {border-bottom:none;padding-left:25px;}
.addresslist td.branch {padding-left:25px;}
.addresslist td.posttownlabel {padding-top:20px;}
.pcdets td {padding: 5px 5px 5px 0px; vertical-align: text-top; line-height:1.2;}
.label {color:#666; text-align:right; font-style:italic; padding-right:10px;}

/* Prev next navigation */
#prevnext {width: 100%; border-bottom: 2px solid #ccc; /*float: left;*/ margin-bottom: 10px;}
#prevnexttext {padding-bottom: 6px;}
#prevnextnav {float: right; text-align: right; padding-bottom: 6px;} 
#prevnextnav img { vertical-align: middle;}

/* Sitemap */
#sitemap {white-space:nowrap;}
#sitemap img {vertical-align: middle;}
#sitemap .home {background-image: url(../images/folder.gif); background-position: left; background-repeat: repeat-y; padding: 0px 0px 0px 28px; height: 24px;}
#sitemap .branch, #sitemap .lastbranch, #sitemap .branchline, #sitemap .trans {background-position: left; background-repeat: repeat-y; padding: 0px 0px 0px 28px; height: 20px;}
#sitemap .branch {background-image: url(../images/branch.gif);}
#sitemap .lastbranch {background-image: url(../images/lastbranch.gif);}
#sitemap .branchline {background-image: url(../images/branchline.gif);}
#sitemap ul, #sitemap li {margin: 0px; padding: 0px; list-style: none outside none;}
#sitemap ul ul li { padding-left:0px;}

/* Document map */
/*#docmap {white-space:nowrap;}*/
#docmap {float:left; margin:10px 0px 10px 0px; }
#docmap img {vertical-align: text-bottom;}
#docmap ul, #docmap li {margin: 0px; padding: 0px; list-style: none outside none;}
#docmap ul ul li {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px; list-style: none inside none;}

#homebottomplugin li, #homebottomplugin ul {list-style:url(../images/purplebullet.gif) outside; padding: 0px; margin: 0px; }
#homebottomplugin ul {padding: 10px 20px;}


#nhsdirect {}
#nhsdwcontent, #rightcontent #nhsdocs .heading {font-weight: bold; padding: 6px;}
#nhsdwcontent a, #rightcontent .heading a {color: black;}
#nhsdwtl, #rightcontent #nhsdocs .tl {background-color: #FBED3C; zoom: 1;}
#nhsdwtr, #rightcontent #nhsdocs .tr {zoom: 1;}
#nhsdwbl, #rightcontent #nhsdocs .bl {  zoom: 1;}
#nhsdwbr, #rightcontent #nhsdocs .br {  zoom: 1;}
#nhsdwmain, #nhsdocs .main,#rightcontent  #ourdocs .main {padding: 6px; font-size: 95%;}


#homebottomplugin{ /*width: 95%; margin: auto;*/border: solid 0px blue; background: #F3F3F3; width: 760px; margin: 6px 0px 0px 0px; padding: 0px;}
#hbpdwcontent{padding: 2px; background-color: #eccdae;}
#hbpdwcontent a {color: black; }


.footercell {border:1px solid #fff; padding: 3px 8px;}
.footercell2 {border:1px solid #fff; padding: 3px 8px;}
.clear {font-size: 1px; height: 5px}
#hbpdwtr h2 {font-size: 110%; font-weight: bold; color: #0D6D91; margin: 0px 0px 6px 0px;}

#hbpdwmain{padding: 6px; font-size: 95%; text-align: left; float:left;}
#hbpdwmain img {display: block; border: 0; margin: auto;}
#homebottomplugin #hbpdwmain ul { overflow: visible; margin-left: 0px; list-style: none; padding: 0; }
#homebottomplugin #hbpdwmain li { float: left; padding: 0 16px 0 10px; list-style: none; margin: 0;
	background: url(../images/purplebullet.gif) 0 3px no-repeat;}
#hbpother {float: right; margin:-5px 5px 0px 5px;}


/* navigation BOX home */
#homepagenav {/*margin-top: 10px; width: 750px;*/ width: 760px; margin: 0px; padding: 0px;}
#homepagenav a {color: #fff;  text-decoration: none;}
#homepagenav a:hover {color: #fff; text-decoration: underline;}
#homepagenav a:visited {color: #fff;  text-decoration: none;}

.row {margin-bottom: 10px;}
.hpwide {margin-right: 5px;}

.hpoption h2 {padding: 6px 0px 0px 0px; margin: 0px 0px 4px 0px; font-weight: bold; font-size: 110%; width: 210px;}
.hpoption ul {list-style-type: none; margin: 0px; padding: 0px; }
.hpoption li {padding: 5px 0px; width: 220px;}

.hpoption{  position:relative; width:225px; margin-bottom:10px; margin-top: 5px;}


.box {border-radius:10px; height:170px; padding: 4px 4px 4px 18px;}
.box1 {background: #0F80AA; color: #fff;}
.box2 {background: #904077;}

.morelink {clear: both; margin-top: 5px; color: #fff; text-align: right;  position:absolute; bottom:10px; right:5px}
.morelink a:hover {color: #fff; text-decoration: underline;}
.morelink a:visited {color: #fff;  text-decoration: none;}


.hpopt_content img {float: right;}



.hpopt_imageOLD {position:absolute; margin:-128px 0px 0px 190px; z-index:1;}
#rightcontent {}
#rightcontent #extdocs .main {padding: 0px 6px 6px 6px; font-size: 95%;}
#rightcontent #nhsdocs, #rightcontent #ourdocs, #rightcontent #extdocs {margin-bottom: 10px;}
#rightcontent #nhsdocs h2 {font-size: 100%; margin: 0px; color: black; font-weight: bold;}
#rightcontent #ourdocs h2, #rightcontent #extdocs h2 {font-size: 100%; margin: 0px; color: white; font-weight: bold;}
#rightcontent #ourdocs {border: 0px solid #394a7b;}
#rightcontent #extdocs .bl {border-bottom: 0px solid #600; border-right: 0px solid #600; border-left: 0px solid #600;}
#rightcontent #extdocs .heading {background-image: url(../images/extarrow.gif); background-position: top right; background-repeat: no-repeat; height: 30px; color: white; padding: 11px 6px 0px 6px;}
#rightcontent #ourdocs .heading {background-color: #018389; color: white; padding: 5px 6px 6px 6px;}

#centercontent #nhsdocs, #centercontent #ourdocs, #centercontent #extdocs, #centercontent #extdocs, #centercontent #boxdoc_c {margin-bottom: 16px;}

.hottopic {background: #fff; padding: 10px 10px 0px 5px;} /* margin-top: 20px; */
.hottopic2 {background: #fff; border: 1px solid #D03E79; margin: 0px 3px 0px 0px; padding: 3px 3px 10px 3px; }
.hottopictext {color:#747474;}
.hottopicitem {margin-bottom: 10px;}
.hottopic h2 {color: #B13567; font-size: 110%; font-weight: bold; margin: 0px 0px 5px 0px;}
.hottopic2 h3 {color: #616161; font-size: 100%; font-weight: bold; margin: 0px 0px 3px 0px;}

#newsarchive p, #eventarchive p {margin: 0px; padding: 0px;}
.nodisplay {display: none;}
.mandatory {color: red; font-style: italic;}

/* Colours */
.bluebk   { background: #6697D0; color: #FFFFFF; font-weight : bold; margin: 10px 0px; padding : 2px; }
.greenbk  { background: #66BEBD; color: #FFFFFF; font-weight : bold; margin: 10px 0px; padding : 2px; }
.orangebk { background: #FF973B; color: #FFFFFF; font-weight : bold; margin: 10px 0px; padding : 2px; }
.redbk    { background: #D74D5B; color: #FFFFFF; font-weight : bold; margin: 10px 0px; padding : 2px; }

.filesize {font-size:95%}
.docdate {font-size:95%}

.hospitalname {margin: 0px 0px 0px 20px;}
.hospitalae {margin: -16px 0px 0px 300px;}
.hospitaltel {margin: -23px 0px 0px 380px;}

.docimage {margin: 0px 0px -4px 0px;}

.docsearch {float:left; margin:0px 10px 0px 0px;}
.docsearchtitle {font-weight:bold; /*width:100%*/; height:15px; background-color:#bbb; padding: 5px 0px 5px 0px;}
.docsearchform {background-color:#eee; padding: 5px;}
.docrow1 {background-color:#f5f5f5;}
.docrow2 {}
.docheaderrow {background-color:#ccc; padding: 5px 0px 5px 0px;};

/* Plugin - Swine-flu CSS*/
#swineflutop {margin: 0px 0px 20px 0px; height: 100px; width: 200px;}
#swineflu {padding: 5px; font-size: 95%;  text-align: right; background-color: #2274C0; }
#swineflu a {text-decoration: none; font-weight: bold; color: #FFFFFF; }
#swineflu a:hover {text-decoration: underline;}


.postcodesearch {background: #fff; margin-top: 10px; padding: 10px 10px 10px 10px;}
.postcodesearch h2{color: #0D6D91; font-size: 110%; font-weight: bold; margin: 0px 0px 5px 0px;}
.postcodesearch h3{color: #90457B; font-size: 100%; font-weight: bold; margin: 0px 0px 3px 0px;}

.choosewell {background: #fff; margin: 10px 0px 10px 0px; width: 198px; padding: 0px 0px 2px 0px; border: solid 0px #01A9B2;}
.choosewell h2{color: #90457B;  padding: 5px 0px 0px 5px; }
.choosewell h3{color: #686869; font-weight: bold; font-size:100%; padding: 0px 0px 0px 5px; } 
.choosewelltext {color: #686869; font-size:100%; padding: 0px 0px 0px 5px;} 

.bloodservice {background: #fff; margin-top: 10px; width: 200px; padding: 0px 0px 10px 0px; border: solid 0px #E71D35;}
.bloodservice h2{color: #fff; font-weight: bold; padding: 3px 0px 0px 5px;}
.bloodservice h3{color: #fff; font-size:100%; font-weight: bold; padding: 0px 0px 0px 5px;} 
.bloodtext {color: #fff; font-size:100%; padding: 0px 0px 0px 5px;} 

#otherlocs{float:left; margin-right:400px; width:400px;}

#welshmap a:hover{color: #D21F28;}

#mapobject {float:right; margin-right:100px;}

.errormessage {color:#FF0000; font-weight:bold;}

/* for hospital directory legend */
.tooltip_text_hosp {
	background-color:#FFFFFF;
	cursor:pointer;
}
/* tooltip styling */
.tooltip_hosp {
	display:none;
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#000;
	bgcolor: #fff;
	font-weight:bolder;
}
.tooltip_hosp td {background-color:#FFFFFF}
.tooltip_hosp table{border:1px solid #888;}

.indexlink h2 {color: #C80176;}