/********* Generics **********/
body {
	margin:0px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #000000;
	color: #00FF33;
	}
body, p, li, td, th, span, input, label, caption, h3, h4, h5, h6 {
	font-family:verdana, arial, sans-serif;
	}

h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	}
	
.container {
	z-index: 0;
	top: 0px;
	left: 10px;
	right: 10px;
	position: absolute;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
/*** skip ***/
.skip {
	display:none;
}
/*** header ***/
.header {
	right:2px;
	top:2px;
	height: 115px;
	text-align: right;
	font-size: x-small;
	background-color: #000000;
	padding-right: 175px;
	padding-top: 25px;
}
	.header  a{
	color: #00FF33;
	text-decoration:none;
	}
.headerLeft {
	position: absolute;
	left:0px;
	z-index:5;
	top:0px;
	width: 150px;
	height: 115px;
	vertical-align: bottom;
	text-align: right;
	background-color:  #000000;
}
.headerCenter {
	position: absolute;
	right:10px;
	z-index:6;
	top:0px;
	height: 115px;
	z-index:4;
	vertical-align: middle;
	text-align: right;
	font-size: xx-small;
	color: #00FF33;
	padding-right:165px;
	padding-top:50px;
	font-weight: bold;
	white-space:nowrap;
}
.headerRight {
	position: absolute;
	background-color:  #000000;
	right:0px;
	top:0px;
	z-index:6;
	width: 160px;
	height: 130px;
	text-align: left;
	font-size: x-small;
	font-size: 100%;
	color: #00FF33;
}
.headerRight form{
	padding-top: 40px;
	padding-left: 30px;
}
.headerRight input{
	font-size: xx-small;
}
.quickSubmit {
	font-weight: bold;
	color: #FFFFFF;
	background: transparent;
	border: 1px solid #FFFFFF;
}
/*** main content ***/
.mainContent {
	position:absolute;
	background-color:  #000000;
	left:190px;
	top:120px;
	z-index:1;
	border: none;
	padding-right: 190px;
	font-size: x-small;

}
.mainContent p{
	font-size: 100%;
	color: #00FF33;
	}
.mainContent p.teaser {
	font-size: 95%;
	color: #00FF33;
	margin:0px;
	padding:0px;
	}
.mainContent span {
	font-size: 100%;
	}
.mainContent label {
	font-size: 100%;
	}
.mainContent a, .mainContent a:visited {
	color: #00FF33;
	text-decoration:none;
	}
	.mainContent a:hover, .mainContent a:active {
	text-decoration:underline;
	}
	.mainContent h1 a {
	text-decoration:none;
	color: #00FF33;
	}
.mainContent h1 {
		font-size: 140%;
		color: #00FF33;
		font-weight: bold;
		padding:0px;
		margin:0px;
	}
.navHeading h1 {
		font-size: 115%;
		color: #00FF33;
		font-weight: bold;
	}
.mainContent h2 {
		font-size: 130%;
		color: #00FF33;
		font-weight: bold;
		padding:0px;
		margin:0px;
		margin-bottom:0px;
		}
.mainContent h3 {
	font-size: 120%;
	color: #00FF33;
	font-weight: bold;
	}
.mainContent h4 {
	font-size: 110%;
	color: #00FF33;
	font-weight: bold;
	}
.mainContent h5 {
	font-size: 110%;
	color: #00FF33;
	font-weight: bold;
	}
.mainContent table{
	font-size: small;
	color: #00FF33;
	}
.mainContent th {
	font-size: 90%;
	text-align:left;
	color: #00FF33;
	font-weight: bold;
	}
.mainContent td{
	font-size: 80%;
	color: #00FF33;
	}
.mainContent td.whatsnew{
	border-bottom: 1px dotted #00FF33
	}
.mainContent th.whatsnew{
	border-bottom: 1px dotted #00FF33
	}
.mainContent sup{
	font-size:100%;
	color: #00FF33;
	}
.mainContent em.highlight1{
	color: #00FF33;
	background-color:#595959;
	font-style: normal;
	}
.mainContent caption {
	font-size: 85%;
	color: #00FF33;
	font-weight: bold;
	text-align:left;
	}
.mainContent hr {
	color: #00FF33;
	}
	/*** breadcrumbs**/
.breadcrumbs {
	padding-bottom: 10px;
	background-color: #000000;
	font-size: xx-small;
}
/*** doc title info ***/
	.defaultDocTitleInfo{
	background-color:  #000000;
	font-size: x-small;
	min-height:50px;
	}
.defaultDocTitleInfo h1{
		font-size: 90%;
		color: #00FF33;
		font-weight: bold;
		margin-bottom:0px;
		margin-left:50px;
	}
html>body .defaultDocTitleInfo h1 {
		font-size: 110%;
}
.defaultDocTitleInfo h1 a, .defaultDocTitleInfo h1 a:visited{
		color: #00FF33;
	}
.defaultDocTitleInfo h2{
		font-size: 110%;
		color: #00FF33;
		font-weight: bold;
		margin-bottom:0px;
		margin-left:55px;
		}
html>body .defaultDocTitleInfo h2 {
		font-size: 130%;
}
.defaultDocTitleInfo h3 {
		font-size: 90%;
		color: #00FF33;
		font-weight: bold;
		margin-left:60px;
		margin-top:0px;
		}
html>body .defaultDocTitleInfo h3 {
		font-size: 120%;
}
/*** Form elements ***/
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
.submitButton {
	font-weight: bold;
	color: #000000;
	background-color: #00FF33;
}
fieldset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #00FF33;
	padding-bottom: 5px;
}
label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
/**  2-column forms **/

.twoColForm label{
	border-bottom: 1px solid #00ff33;
}
.twoColForm label input, .twoColForm label select, .twoColForm label textarea{
	background: #F0F0F0;
}
.twoColForm label.button{
	border: none;
}
.twoColForm fieldset{
	border: 1px solid #00ff33;
}
.twoColForm br{
	line-height:0;
}
.twoColForm legend{
	font-size: 100%;
}
.twoColForm label.button{
	white-space:nowrap;
}
/*** branch children***/
.branchChildren {
	font-size: x-small;
	border-bottom: 1px dotted #00FF33;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
	min-height: 30px;
	}
.branchChildren p, .contactOfcom p{
	font-size: 95%;
	color: #00FF33;
	margin-left:35px;
	margin-top:0px;
	margin-bottom:0px;
	}
.branchChildren p.docParent{
	margin-bottom:10px;
	}
.branchChildren h4, contactOfcom h4{
	margin-top:0px;
	margin-bottom:0px;
	font-size: 90%;
	margin-left:35px;
	}
.branchChildren h4.srchRslts{
	color: #00FF33;
	}
.branchChildren h4.srchRslts a{
	font-size: 125%;
	color: #00FF33;
	text-decoration:none;
	}
html>body .branchChildren h4, contactOfcom h4{
	font-size: 110%;
}
html>body .branchChildren p, .contactOfcom p {
	font-size: 110%;
}
.branchChildren img{
	border: 0px;
	margin-right: 5px;
	}
/*** footer ***/
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
}
.pageNavContainer{
	margin-top: 15px;
	margin-bottom: 25px;
}
.previousPage {
	position: absolute;
	left:0px;
	z-index:5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	padding-left: 10px;
	background: url(/images/nav_arrow_reverse.gif) no-repeat left top;
}
.nextPage {
	position: absolute;
	right:190px;
	z-index:4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align:right;
	padding-right: 10px;
	background: url(/images/nav_arrow.gif) no-repeat right top;
}
/*** left navigation ***/
.leftnav {
	position: absolute;
	left:10px;
	top:120px;
	width:160px;
	z-index: 3;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: left;
	float:left;
}
.navItem {
	font-size: 110%;
	font-weight: normal;
	padding-left: 15px;
	border-bottom: 1px dotted #00FF33;
	padding-bottom: 7px;
	padding-top: 4px;
	background-image: url(/images/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.navItemSelected {
	font-size: 110%;
	font-weight: bold;
	color: #00FF33;
	padding-left: 15px;
	border-bottom: 1px ; 
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(/images/nav_arrow_down.gif);
	background-repeat: no-repeat;
}
.navItemSelected a, .navItemSelected a:visited{
	font-weight: bold;
	color: #00FF33;
}
.navSubItem {
	font-size: 100%;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-left: 15px;
	padding-left: 5px;
	font-weight: normal;
	background-image: url(/images/nav_subdot.gif);
	background-repeat: no-repeat;
}
.navSubItem a, .navSubItem a:visited, .navSubItem a:hover, .navSubItem a:active{
	font-weight:normal;
}
.navHeading{
	margin-bottom: 5px;
	padding-right: 2px;
	border: none;
	padding-left: 5px;
}
.leftnav a, .leftnav a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #00FF33;
}
.leftnav a:hover, .leftnav a:active, .rightnav a:hover, .rightnav a:active{  
	color: #00FF33; text-decoration: underline;
}
/****** New Main Nav Groups ***********/

ul.consumerMenu, ul.industryMenu, ul.aboutMenu {
	font-size: xx-small;
}
ul.consumerMenu li, ul.industryMenu li, ul.aboutMenu li{
	border-bottom: 1px dotted #00FF33;
}
ul.industryMenu li a, ul.consumerMenu li a, ul.aboutMenu li a{
	color: #00FF33;
	text-decoration: none;
}
ul.industryMenu li a:hover, ul.consumerMenu li a:hover, ul.aboutMenu li a:hover{
	color: #00FF33;
	text-decoration: underline;
}

ul.consumerMenu li.selected ul.consumerSubMenu li a, ul.industryMenu li.selected ul.industrySubMenu li a, ul.aboutMenu li.selected ul.aboutSubMenu li a{
	background: #000000;
}
ul.consumerMenu li a:hover, ul.industryMenu li a:hover, ul.aboutMenu li a:hover{
	text-decoration: underline;
}

ul.consumerSubMenu li, ul.industrySubMenu li, ul.aboutSubMenu li, ul.consumerSubMenu li.selected, ul.industrySubMenu li.selected, ul.aboutSubMenu li.selected {
	border: none;
	_border: 1px solid #000000;
}
/*** right navigation ***/
.rightnav {
	background:#000000;
	font-size: xx-small;
	color: #00FF33;

}
.rightnav a, .rightnav a:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00FF33;
}
.rightnav h2 {
		font-size: 125%;
		color: #00FF33;
		font-weight: bold;
		margin-bottom:5px;		
		}
.rightnav h3 {
		font-size: 110%;
		color: #00FF33;
		font-weight: bold;
		padding:0px;
		margin:0px;
		margin-bottom:0px;		
		}
.rightnav p{
	font-size: 95%;
	font-weight: normal;
	color: #00FF33;
	margin:0px;
	padding:0px;
}
/** right nav toggle div **/
.show_hide {
	border: 1px solid #00FF33;
}
/*** curvy cornered div styles ***/
.Ocurvy, .Rcurvy {
background-color:#000000;
color:#00ff33;
}
.Ocurvy{
border-left-color:#00ff33;
border-right-color:#00ff33;
}
.Rcurvy {
border-left-color:#00ff33;
border-right-color:#00ff33;
}
.Ocurve_tl, .Ocurve_tr, .Ocurve_bl, .Ocurve_br, .Rcurve_tl, .Rcurve_tr, .Rcurve_bl, .Rcurve_br {
background-color:#000000;
}
.Ocurve_tl{
background-image:url(/images/highC_tl.gif);
}
.Ocurve_tr {
background-image:url(/images/highC_tr.gif);
}
.Ocurve_bl{
background-image:url(/images/highC_bl.gif);
}
.Ocurve_br{
background-image:url(/images/highC_br.gif);
}
.Rcurve_tl {
background-image:url(/images/highC_tl.gif);
}
.Rcurve_tr {
background-image:url(/images/highC_tr.gif);
}
.Rcurve_bl {
background-image:url(/images/highC_bl.gif);
}
.Rcurve_br {
background-image:url(/images/highC_br.gif);
}
/*** new homepage box styles **/
.dredBox{
	border-bottom-color: #00FF33;
	border-left-color: #00FF33;
	border-right-color: #00FF33;
}
.orangeBox{
	border-bottom-color: #00FF33;
	border-left-color: #00FF33;
	border-right-color: #00FF33;
}
.dredTitleBar{
	background: #00FF33;
	color: #000000;
}
.orangeTitleBar{
	background: #00FF33;
	color: #000000;
}
.titleBar h7{
	color: #000000;
	font-size:medium;
}
/*** display options ***/
.styleSwap{
	border: 1px dotted #00FF33;
	padding: 5px;
}
.styleSwap h1 {
	font-size: 125%;
	color: #00FF33;
	font-weight: bold;
	padding:0px;
	margin:0px;
	margin-bottom:0px;		
}
.styleSwap h2 {
	font-size: 120%;
	color: #00FF33;
	font-weight: bold;
	padding:0px;
	margin:0px;
	margin-bottom:0px;		
}
.styleSwap .default{
	font-size: x-small;
}
.styleSwap .large{
	font-size: small;
}
.styleSwap .larger{
	font-size: medium;
}
.styleSwap .largest{
	font-size: large;
}
.styleSwap .huge{
	font-size: x-large;
}
.styleSwap a.ofcomColours{
	font-weight: bold;
	color: #CD1F36;
	background-color: #FFFFFF;
}
.styleSwap a.highContrast{
	font-weight: normal;
	color: #00FF33;
}
	/********* miscellaneous *********/
.bBorder { 
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	border-style: dashed;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;	
	border-left-width: 0px}
.lBorder { 	
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	border-style: dashed;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;	
	border-left-width: 1px}
.tBorder { 
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	border-style: dashed;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;	
	border-left-width: 0px}
.rBorder { 
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	border-style: dashed;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;	
	border-left-width: 0px}
.blBorder { 
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	border-style: dashed;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;	
	border-left-width: 1px}