/*
Title:		Dwr Cymru Welsh Water: default.css
Author: 	Dwr Cymru Welsh Water
Created:	July 2006
*/

/* SITE WIDE ELEMENTS --------------------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0px 5px 0px;
	background: #EEE;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
}

p, h1, h2, h3, h4, h5, h6, ul, li, a {  /* NETSCAPE FIX */
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:active {
	color: #F00;
	text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.rule {
	width: auto;
	border-bottom: 1px dotted #03C;
	padding: 0;
	margin: 10px 0 10px 0;
}

abbr {
	border-bottom: 1px solid #CCC;
	cursor: help;
}


/* HEADER ELEMENTS ------------------------------------------------------------- */
.header {
	background-color: #000;
	height: auto;
}
.header .fade {
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000', endColorStr='#FF9900', gradientType='1')
}

.header .textonly {
	text-align: left;
	padding-bottom: 2px;
	padding-top: 2px;
	float: left;
	visibility: hidden;
}
.header .graphicsonly {
	visibility: hidden;
	position: absolute;
}
.header .language {
	text-align: right;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.headertext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 80%;
	color: #FFFFFF;
	height: auto;
	width: 775px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.headertext a{
	color: #FFF;
}
.headertext a:hover{
	color: #FFF;
}





/* A To Z Box Area ------------------------------------------------------------- */
div#AtoZ {
	background: #a6ce39 url(/_images/news_grad.gif) repeat-x;
/*	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#519032', endColorStr='#A7C24A', gradientType='0') */
}
div#AtoZ {
	font-size: 80%;
	color: #FFF;
	background-color: #A7C24A;
	width: 190px;
	height: auto;
	padding: 0px 0px 7px 0px;
	border-bottom: 3px solid #FFF;
}

#AtoZ h1 {
	font-size: 90%;
	color: #FFFFFF;
	margin: 0px;
	padding: 7px 7px 3px 7px;
}
#AtoZ h1 a {
	color: #FFF;
	text-decoration: none;
}
#AtoZ h1 a:hover{
	color: #FFF;
	text-decoration: underline;
}

#AtoZ ul {
	font-family: Courier New, Courier;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	display: inline;
	float: left;
}
#AtoZ li a {
	font-family: Courier New, Courier;
	color: #519032;
	text-decoration: none;
	background: #ffffff;
	padding: 0px 3px 0px 3px;
}
#AtoZ li a:hover {
	color: #519032;
	text-decoration: underline;
	padding: 0px 3px 0px 3px;
	background: #A7C24A;
}

#AtoZ ul li {
	display: inline;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.5;
	list-style-type: none;
	float: left;
}

#AtoZ .sitemap {
	font-size: 80%;
	color: #FFF;
	text-align: left;
	padding: 7px 7px 0px 7px;
}

#AtoZ .sitemap a {
	color: #FFF;
	text-decoration: underline;
}
div#AtoZ .sitemap a:hover {
	color: #519032;
	text-decoration: underline;
}


/*  CONTENT BOX AREA ---------------------------------------------------------- */
.contact {
	font-size: 80%;
	color: #FFF;
	background-color: #0033FF;
	width: 190px;
	padding:0px;
}
.contact {
	background: #0099fe url(/_images/contact_grad.gif) repeat-x;
/* filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#330099', endColorStr='#660099', gradientType='0') */
}

.contact a {
	color: #FFF;
}
.contact a:hover {
	color: #FF0;
}
.contact ul {
	margin: 0px;
	padding: 0px 7px 7px 7px;
}
.contact ul li {
	border-bottom: 1px dotted;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	list-style-type: none;
	padding: 3px 0px 3px 0px;
	line-height: 1.15;
}
.contact h1 {
	font-size: 90%;
	color: #FFF;
	margin: 0;
	padding: 7px 0px 0px 7px;
}

/*  PRESS AREA BOX ------------------------------------------------------------ */
.press {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	background-color: #09F;
	width: 190px;
	height: auto;
	padding-bottom: 3px;
}

.press h1 A{
	color: #FFFFFF;
	text-decoration: none;
}

.press h1 A:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.press {
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#003366', endColorStr='#0099FF', gradientType='0')
}

.press a {
	color: #FFF;
}

.press a:hover {
	color: #FF0;
}

.press h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFF;
	margin: 0px;
	padding: 7px 0px 0px 7px;
}

.press ul {
	margin: 0px 7px 7px 7px;
	padding: 0px;
}

.press ul li {
	border-bottom: 1px dotted #FFF;
	text-indent: 0px;
	font-size: 80%;
	list-style-type: none;
	padding: 4px 0px 4px 0px;
	line-height: 1.15;
}


/*  FURTHER INFORMATION AREA -------------------------------------------------- */

/* Further Information Article Wrap */
div#fi_article {
	border-bottom: 1px dotted #03C;
	padding: 10px 0 10px 0;
	width: 190px;
	vertical-align: middle;
}

#fi_article img {
	border: 0;
	margin: 0;
	float: left;
	padding: 0;
}

#fi_article h2 {
	font-size: 65%;
	color: #039;
	margin: 0;
	padding: 0;
}
#fi_article p {
	font-size: 60%;
	color: #36F;
	margin: 0;
	padding: 0;
}
#fi_article br {
	clear: both;
}


/* Download box */
.download h2 {
	font-size: 65%;
	color: #039;
	margin: 0;
	padding: 0;
}

.download p {
	font-size: 60%;
	color: #36F;
	margin: 0px;
	padding: 0;
}

.download td {
	font-size: 60%;
	color: #003399;
	margin: 0px;
	padding: 1px 0px 1px 0px;
}

.download a {
	color: #FF0000;
}

.download {
	width: 190px;
	border-bottom: 1px dotted #0033CC;
	padding: 10px 0px 10px 0px;
	line-height: 75%;
}

.download br{
	clear: both;
}

.download img {
	float: left;
}

.download ul {
	margin: 5px 0px 5px 20px;
	padding: 0px;
}

.download ul li {
	list-style-type: square;
	text-indent: 0px;
	font-size: 60%;
	padding: 2px 0px 2px 0px;
	line-height: 1.15;
}

.download ul li a {
	color: #003399;
	text-decoration: none;
}

.download ul li a:hover {
	color: #003399;
	text-decoration: underline;
}


p.size {
	color: #999;
	margin: 0px;
	padding: 0px;
	font-style: italic;
}

.size {
	color: #999;
	margin: 0px;
	padding: 0px;
	font-style: italic;
}


.sidearticle h2 {
	font-size: 70%;
	color: #003399;
	margin: 0px;
	padding: 0px;
}

.sidearticle p {
	font-size: 70%;
	color: #003399;
	margin: 0px;
	padding: 0px;
}

.sidearticle a {
	color: #FF0000;
}

.sidearticle {
	width: 184px;
	border-bottom: 1px dotted #0033CC;
	padding: 10px 3px 10px 3px;
	height: auto;
}
/* ---------------------------------------------------------------------------- */

#effic_table {
padding:0px;
margin:0px;
}

#effic_main_table {
padding:0px;
margin:0px;
}

#effic_main_table IMG{
padding:0px;
margin:0px;
}

#effic_main_table DIV{
padding:0px;
margin:0px;
}

.style1 {
	color: #666666;
}
.style2 {
	color: #003399;
	font-weight: bold;
}
.style3 {color: #FF0000}
.style4 {color: #000000}
.style5 {color: #6E6B4B}
.style6 {color: #FFFFFF}
.style7 {
	color:#006699;
	font-weight: bold;
	font-size:110%
}

.article h1 {
	font-size: 80%;
	color: #FFFFFF;
	margin:  0px;
	padding: 7px 0px 0px 7px;
}

.article h1 A{
	color: #FFFFFF;
	text-decoration: none;
}

.article h1 A:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.contact h1 A{
	color: #FFFFFF;
	text-decoration: none;
}

.contact h1 A:hover{
	color: #FFFFFF;
	text-decoration: underline;
}



.articlesub {
	font-size: 70%;
	color: #FFFFFF;
	width: 183px;
	float: left;
	font-weight: bold;
}

.articlesub ul {
	margin: 5px 0px 5px 20px;
	padding: 0px;
}

.articlesub ul li {
	list-style-type: square;
	text-indent: 0px;
}

.articlesub ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

.articlesub ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.articleimage {
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}



.border {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}


/* Contact Box Area */

#containerbread {
	background-color: #EEEEEE;
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	height: auto;
}

#containerbread p{
	font-size: 60%;
	color: #999999;
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

#containerbread a{
	color: #FF0000;
}

#containerbread a:hover{
	color: #FF0000;
	text-decoration: none;
}

#container {
	background-color: #FFFFFF;
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	height: auto;
	background-image: url(/_images/grad.gif);
	background-repeat: repeat-y;
	background-position: right;
}

#content {
	background-color: #FFFFFF;
	height: auto;
	width: 579px;
	float: left;
	margin-left: 0px;
}

.corner {
	margin: 0px;
	padding: 0px;
}

#footer {
	background-color: #FFFFFF;
	height: auto;
	width: 760px;
	border-top: 1px dotted #666666;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 3px;
}

#footer .footnotetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}


.logo {
	height: auto;
	width: 180px;
}

#menu {
	width: 183px;
	margin: 0px;
	padding: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:180px;

}

#menu #navcorner {
	background-color: #CCC;
}

#menu #submenu {
	margin: 2px 0px 2px 12px;
	padding: 0px;
}

#menu #submenu a{
	color: #036;
	text-decoration: none;
}

#menu #submenu a:hover{
	color: #36F;
	text-decoration: underline;
}

#menu .menuback {
	background-color: #FFFFFF;
}

#menu .textonlymenuback {
	visibility: hidden;
	position: absolute;
	font-family: arial;
	font-size: 8pt;
	padding: 0px;
	margin: 0px;
	display: inline;
}

#menu .textonlymenuback ul{
	margin: 0px;
	display: inline;
}

#menu .textonlymenuback ul li{
	display: inline;
}

.menuitem {
	font-family: Tahoma;
	font-size: 8pt;
	color: #003366;
	font-weight: normal;
	text-decoration: none;
}

.newsitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 0px 5px 0px 5px;
}

.newsitem a {
	color: #FF0000;
}

.newsitem a:hover {
	color: #003366;
}

.newsitem h1 {
	font-size: 100%;
	color: #003399;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.menuitem:hover{
	color: #006FDD;
	text-decoration: none;
}

.menuitem2 {
	height: 16px;
	width: 148px;
	vertical-align: middle;
	padding-top: 4px;
}


#right {
	background-color: #FFF;
	float: right;
	height: 500px;
	width: 20px;
}

.tblleftborder {
	border-left: #FFF 3px solid;
}



/*  HOME PAGE ----------------------------------------------------------------- */



.welcome {	width: 340px;
	font-family: Arial, Helvetica, sans-serif;
}

.welcome h1 {
	font-size: 90%;
	font-weight: bold;
	color: #036;
	margin: 0px 0px 10px 0px;
}

.welcome p {
	font-size: 60%;
	margin: 0px 5px 0px 0px;
}

.welcome h2 {
	font-size: 60%;
	font-weight: normal;
	color: #090;
	text-align: left;
	margin: 5px 5px 0px 0px;
}

/*  --------------------------------------------------------------------------- */


/* Table dimentions Graphics vesion */

#headertable{
	width: 762px;
	border-bottom: #FFF 3px solid;
	border-top: #FFF 3px solid;
}

#headertable td{
	border-left: #FFFFFF 3px solid;
}

.headertablecelllogo{
	width: 183px;
}

.headertablecellwelcome{
	width: 389px;
	padding-left: 7px;
}

.tblmaster {
	width: 768px;
}

.tblmastercell{
	border-left: #FFF 3px solid;
}

#tblcontent {
	width: 576px;
}

#tblcontent td{
	border-left: #FFF 3px solid;
	width: 190px;
}

.tblhousehold {
	background: #0099FF url(/_images/household_blue.jpg) no-repeat;
	
}

.tblnonhousehold {
	background: #33CCCC url(/_images/WaterEfficiency_turq.jpg) no-repeat;
}

#tblnewsitem {
	border-top: #FFFFFF 3px solid;
	width: 576px;
}

#tblnewsitem td{
	border-left: #FFFFFF 3px solid;
	width: 190px;
}

/* Content dimentions */

#tblcontentarea {
	/*border-left: #000000 10px solid;*/
	padding-left: 10px;
	width: 579px;
	background-color: #FFFFFF;
}

.tblcontents {
	width: 370px;
	font-size: 100%;
}

.tblcontents p{
	font-size: 100%;
}

.tblcontents img {
}


.tblcontentssidebar {
	/*border-left: #000000 9px solid;*/
	padding-left: 9px;
	width: 187px;
}

/* End Table dimentions Graphics vesion */

/* Content Styles */


/* End Content Styles */


.contenttitle {
	width: 375px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 30px;
}

.contenttitle h1 {
	font-size: 100%;
	font-weight: bold;
	color: #003366;
	margin: 5px 0px 10px 0px;
}

.contenttitle p {
	font-size: 60%;
	margin: 0px 5px 0px 0px;
	color: #003366;
}

.here {
	color: #999999;
	font-weight: bold;
}

.breadred {
	color: #FF0000;
	font-weight: bold;
}

.contenttitle h2 {
	font-size: 60%;
	font-weight: normal;
	color: #009900;
	text-align: left;
	margin: 5px 5px 0px 0px;
}

.contenttitle a {
	color: #FF0000;
}

.contenttitle a:hover {
	color: #FF0000;
	text-decoration: none;
}

.resources {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	background-color: #FF9900;
	width: 190px;
	padding: 0px 0px 3px 0px;
}


.tblcontents  {
	text-align: left;
	font-size: 70%;
}

.tblcontents p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.tblcontents img {
	padding-bottom: 10px;
}

.tblcontents .feature {
	font-size: 120%;
	color: #3366FF;
	border: 1px solid #3366FF;
	text-align: center;
	font-weight: normal;
	padding: 8px;
	margin-bottom: 10px;
}

.tblcontents .feature strong {
	color:#666666;
}


.tblcontents h1 {
	text-align: left;
	font-size: 120%;
	color: #3366FF;
	border-bottom: 1px dotted #0033CC;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
}

.tblcontents h2 {
	text-align: left;
	font-size: 100%;
	color: #003399;
	margin: 0px;
	padding: 0px;
}

.tblcontents h2 a{
	color: #003399;
	text-decoration: none;
}

.tblcontents h2 a:hover{
	color: #003399;
	text-decoration: underline;
}

.tblcontents ul {
	margin: 0px 5px 0px 2px;
	padding: 0px 0px 10px 0px;
	list-style-type: none;
}

.tblcontents ul li {
	padding-left: 10px;
	background-image: url(/_images/itembullet2.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.tblcontents td ul {
	margin: 0px 5px 0px 2px; 
	padding: 0px;
	list-style: none;
}

.tblcontents td ul li {
	padding-left: 10px;
	background-image: url(/_images/itembullet2.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}


.tblcontents .datatable .contacttable{
	padding: 0px;
	margin: 0px;
	border-top-style: none;
	border-bottom-style: none;
}

.tblcontents .datatable .contacttable img{
	padding: 0px;
	margin: 0px;
}

.bluetext {
	color: #3366FF;
}

.tblcontents .datatable {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-top: 1px dotted #3366FF;
}

.tblcontents .datatable th {
	text-align: left;
	padding: 5px;
	color: #000000;
	background-color: #FFFFFF;
	height: auto;
	border-bottom: 1px dotted #3366FF;
}

.tblcontents .datatable td {
	padding: 5px;
	color: #000000;
	background-color: #FFFFFF;
	height: auto;
	border-bottom: 1px dotted #3366FF;
}

.tblcontents .datatable td p{
	margin: 0px;
	padding: 0px;
}

.tblcontents .datatable a{
	color: #CC0000;
	text-decoration: underline;
}

.tblcontents .datatable a:hover{
	color: #CC0000;
	text-decoration: underline;
}


.tblcontents table {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	/*border: 1px solid #7893B5;*/
}

.tblcontents th {
	padding: 5px;
	/*height: auto;
	text-align: left;
	color: #FFFFFF;
	background-color: #7893B5;
	border-bottom: 2px solid #FFFFFF; */
}

.tblcontents td {
	padding: 5px;
	color: #000000;/*
	background-color: #BEC5E4;
	height: auto;
	border-bottom: 1px solid #FFFFFF; 
}

.tblcontents td a{
	color:#FF0000;*/
}

.tblcontents td p{
	margin: 0px;
	padding: 0px;
}
/*
.tblcontents .tdcolumn {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}  */

.tblcontentssidebar h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
	margin: 0px;
	padding: 7px 0px 0px 7px;
}

.tblcontents .vacaniciesdetails td {
	border-bottom: 1px dotted #0033CC;
	margin: 0px;
	padding: 1px 2px 1px 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #0033CC;
	background-color: #FFFFFF;
}
/*  EVENTS  ------------------------------------------------------------------- */

/* Further Information Box */
.logonbox{
	width: 190px;
	background-color:#FF9900;
	padding: 2px 0px 0px 0px;
}
.logonbox {
	background-color:#FF9900;
}
.logonbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #036;
	margin: 0px;
	padding: 0px;
}
.logonbox p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 7px 7px 7px;
}
.logonbox td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #003399;
	margin: 0px;
	padding: 1px 0px 1px 0px;
}

.submitrow{
	background-color:#FF9900;
	font-size: 150%;
}

.fieldrow{
	color:#FFFFFF;
}

.input {
	width: 176px;
	border: 1px solid #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.submit {
	width: 182px;
	border: 1px solid #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #FFFFFF;
	background-color: #CC0000;
	height: 16px;
	text-align:center;
	margin: 0px;
	padding: 0px;
	cursor:hand;
}

.style8 {
	color: #009999;
	font-size: 100%;
	font-weight: bold;
}

/* End of Further Information Area */

/* ---------------------------------------------------------------------------- */


/* CAREERS -------------------------------------------------------------------- */

.vacaniciesdetails table {
	border-bottom: 1px solid red;
}

.vacancy_row {
	border-bottom: 1px dotted #0033CC;
	margin: 0px;
	padding: 1px 2px 1px 5px;
	text-align: left;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #0033CC;
	background-color: #FFF;
}
.vacancy_lastrow {
	margin: 0px;
	padding: 2px 2px 1px 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #0033CC;
	background-color: #FFF;
}


.tblcontents .vacaniciesdetails .bottomborder td {
	border-bottom: 1px solid #03C;
}

.tblcontents .vacaniciesdetails .rightborder {
	border-right: 1px solid #03C;
}

.tblcontents .vacaniciesdetails{
	margin: 0px 0px 20px 0px;
}

/* ---------------------------------------------------------------------------- */

/* GRADUATES ------------------------------------------------------------------ */
#profile {
	margin: 0 0 10px 0;
	padding: 0;
	width: 370px;
}
#profile img {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	width: 100px;
	height: 110px;
}
.profile_txt {
	margin: 0;
	padding: 30px 0 0 0;
}

#profile h2 {
	color: #000;
	line-height: 16px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#profile br {
	clear: both;
}

/* ---------------------------------------------------------------------------- */



/* AUDIO SUMMARIES ------------------------------------------------------------ */
#publication_wrap {
	margin: 10px 0 15px 3px;
	padding: 0;
	width: 185px;
	}
#publication_wrap h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	}
.audio_wrap {
	background: #DDD;
	margin: 0;
	padding: 2px 0 0 0;
	}

#publication_wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DDD;
	}
#publication_wrap li {
	background: #EEE url(/_images/download_inc.gif) no-repeat;
	background-position: 3px 6px;
	color: #000;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 11px;
}
#publication_wrap li a {
	color: #09C;
	line-height: 22px;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 25px;
	}
#publication_wrap li a:hover {
	color: #F00;
	text-decoration: underline;
	}
	
/* Error Message - No Flash PlugIn */
.message {
	font-size: 11px;
	border: 5px 5px 5px 5px;
	}

.abdc_hd,
.oc2u_hd,
.uywb_hd {
	margin: 0;
	padding: 0;
	width: auto;
	}

/* colourways */
.abdc_hd {
	background: #0076B8;
	color: #FFF;
	}
.oc2y_hd {
	background: #F90;
	color: #FFF;
	}
.uywb_hd {
	background: #090;
	color: #FFF;
	}