/*

ATV
STYLE Styles 
Created 13/3/07
Edited 2/6/08 WNP

*/

#outer {
	height: auto;
}

/* CONTENT STYLES */

#centrecontent {
	width: 589px;
	margin: 0 0 0 175px;
	padding: 0;
}

#centrecontent #content {
	padding: 27px 32px;
}

#centrecontent h1,
#centrecontent h2 {
	font: normal 30px Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	clear: both;
	color: #b75931;
}

#centrecontent h3 {
  font: 1.4em Arial, Helvetica, sans-serif;
  margin: 7px 0 10px 0;
  padding-bottom: 5px;
  clear: both;
  color: #222;
}

#centrecontent h4 {
	font:  1.2em Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
	clear: both;
	color: #626262;
}

#centrecontent h5 {
	font:  1em Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
	clear: both;
	color: #626262;
}

#centrecontent h6 {
	font:  0.8em Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 0;
	clear: both;
	color: #626262;
	
}

/* LEFT SUBNAV STYLES */

#left {
	float: left;
	display: inline;
	width: 175px;
	margin: 84px 0 0 -764px;
	padding: 0;
}

#left #subNav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#left #subNav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#left #subNav ul li a {
	display: block;
	width: 149px; /* less padding */
	padding: 7px 10px 7px 0;
	margin: 0 0 0 16px;
	font: normal 1.1em arial, helvetica, sans serif;
	color: #b75931;
	text-decoration: none;
	border-bottom: 1px solid #d0d0d0;
}

#left #subNav ul li a:hover {
	color: #555555;
}

#left #subNav ul li a.active {
	font-weight: bold;
}

/* tertiary styles */

#left #subNav ul li li {
	display: inline;
	margin: 0;
	padding: 0;
}

#left #subNav ul li li a {
	display: block;
	padding: 7px 10px 7px 35px;
	margin: 0;
	font: normal 1.1em arial, helvetica, sans serif;
	color: #555555;
	text-decoration: none;
}

#left #subNav ul li li a:hover {
	color: #555555;
	text-decoration: underline;
}

#left #subNav ul li li a.active {
	font-weight: bold;
}

/* RIGHT STYLES */

#right {
	float: right;
	width: 226px;
	margin: 29px 0 0 0;
	padding: 0;
}

div.portal {
	background: #CFCFCF;
	padding: 7px;
	margin-bottom: 50px;
}


/* Login panel styles */

#right #toolbar-right .toolbox-design { /* controls the outside bounding box */
	width: 195px;
	height: 100%;
	margin: 160px 0 0 0;
	padding: 0;
}

#right #toolbar-right h2 {
	margin: 11px 0 0 13px;
	padding: 0;
	font: bold .9em verdana, arial, helvetica, sans serif;
	text-transform: uppercase; 
	
}

#right #toolbar-right .toolbox-content { /* controls the internal contents positioning */
	padding: 7px 4px 13px 13px;
}

#right #toolbar-right .toolbox-content form {
	margin: 0;
	padding: 0;
}

#right #toolbar-right form .info-text { /* controls username & password blocks */
	float: left;
	display: inline;
	width: 69px;
	height: 23px;
	margin: 0 13px 5px 0;
}

#right #toolbar-right form .info-text label { /* controls username & password labels */
	margin: 0 0 3px 0;
	font: normal .9em verdana, arial, helvetica, sans serif;
	color: #C8C8C8;
	clear: right;
}

#right #toolbar-right form .info-text input { /* controls username & password fields */
	width: 69px;
	height: 12px;
	font: normal .9em verdana, arial, helvetica;
	background: #fff;
	border: solid 1px #ccc;
}

#right #toolbar-right form input.button { /* login button */
	margin: 10px 0 0 0;
	padding: 0;
	font: bold .8em verdana, arial, helvetica, sans serif;
	text-transform: uppercase;
	background: none;
	border: 1px solid #ccc;
	cursor: pointer;
	clear:both;
	float: left;
}

#right select {float: left; clear: both; margin: 2px 0;}

#right #toolbar-right .content-link p a { /* forget password link */
	margin: 0;
	padding: 0;
	font: normal .8em verdana, arial, helvetica;
	text-decoration: none;
	color: #c8c8c8;
}

#right #toolbar-right .content-link p a:hover { /* forget password link */
	text-decoration: underline;
}

/* Logged in Styles */

#right #toolbar-right .info-text { /* controls logged in blocks */
	float: left;
	margin: 7px 13px 7px 0;
}

#right #toolbar-right .info-text p {
	margin: 0;
	padding: 0;
	font: normal .9em arial, helvetica, sans serif;
	color: #ccc; 
}

#right #toolbar-right .toolbox-content .content-link p a { /* controls logout & change password ul */
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	font: normal .9em arial, helvetica, sans serif;
	color: #8c8c8c;
	text-decoration: none;
	border: none;
	clear: both;
}

#right #toolbar-right .toolbox-content .content-link p a:hover {
	text-decoration: underline;
}