/* CSS Document */
body {
  background:#c9c9c9 url(../images/body_background.gif) repeat-x 0 0;
  color:#333333;
  font-family:arial;
  margin:0;
  padding:0;
  border:0;
  font-size:12px;
  text-align:center;
}

body.sample {
  font-family:arial;
  margin:0;
  padding:0;
  border:0;
  font-size:12px;
  text-align:center;
}

h2
{
  color:#8DC73F;
  font-size:26px;
  margin-bottom:15px;
  margin-top:15px;
}



h3
{
  font-size:15px;
  margin-top:15px;
  margin-bottom:15px;
  color:#5a9610;
}

h4
{
  font-size:13px;
  margin-bottom:6px;
  color:#5a9610;
}

strong {
  color:#666666;
  font-size:15px;
  font-weight:bold;
  line-height:normal;
  margin-bottom:15px;
}

strong.clienttitle {
  color:#666666;
  font-size:18px;
}

strong.goal {
  color:#0066ff;
  font-size:22px;
}
strong.face {
  color:#ff6600;
  font-size:22px;
}

a {
  color:#1080cc;
  text-decoration:none;
}

a.topnav {

}


a.subtitle {
  color:#1080cc;
  text-decoration:none;
  font-size:14px;
}


a.seemore{
	color:#0071bc;
	text-decoration:none;
	font-size:11px;
}


a:hover 
{
  text-decoration: underline;
}





.smalltext 
{
  color:#333333;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:normal;
  line-height:16px;
}
.smalltext a 
{
  color:#006600; 
}

.smalltext a:hover
{
  text-decoration: underline;
}

.clear
{
    font-size: 1px;
    height: 1px;
    font-size:1px;
    clear:both;
}

#body-wrapper
{
  margin: 0 auto;
	width:766px;
	padding:0 9px;
	text-align:left;
	background:#e4e4e4 url(../images/body-wrapper_background.gif) repeat-y 0 0;
}


#branding
{
    background:#e4e4e4 url(../images/branding_background.gif) repeat-x 0 0;
    height:90px;
   
}

#branding img
{
    position:relative;
    left:20px;
    top:10px;
    border:none;
}

#more-branding
{
    background:#1279bb;
    border-bottom:solid 11px #1279bb;
    height:196px; 
}

#topnav-wrapper
{
  background:#0E1D21 url(../images/topnav-wrapper_background.jpg) repeat-x 0 0;
  height:56px;
}

#topnav-wrapper ul{
    margin:0;
    padding:0;
    background:Transparent url(../images/topnav-wrapper_ul_background.gif) repeat-x 0 0;
    height:56px;
    width:520px; /*set the width, so the background image does not continue through the whole green layer */
}

#topnav-wrapper ul li {
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0;
  padding-bottom:13px; 
  text-align:center;
  width:97px;
  color:#fff;
  text-transform:uppercase;
  margin:25px 16px 0px 16px;  
}

#topnav-wrapper  ul li.selected 
{
    border-bottom:solid 4px #a7d656;
}

#topnav-wrapper ul li a:link, #topnav-wrapper ul li a:visited, #topnav-wrapper ul li a:active, #topnav-wrapper ul li a:hover{
    color:#fff;
    display:block;
    padding-bottom:13px;
    background-color:Transparent;
}

#topnav-wrapper ul li a:hover
{
    border-bottom:solid 4px #a7d656;
}

#content-wrapper 
{
    background:#fff url(../images/content-wrapper_background.jpg) repeat-x 0 0;
    width:720px;
    padding:20px 23px;
}

#content, #contentall {
  min-height:481px;
  margin-bottom:135px;
  border:solid 1px #bcbcbc;
  padding:5px 32px 35px 32px;
  background:#fff;
  width:393px;
  float:left;
  position:relative;
}

#contentall {
  
  width:650px;
}


#contentall p{
	margin:6px 0px 16px 0px;
}

#contentall p.list{
	margin:12px 0px 6px 0px;
}

#contentall #alink {
	position: absolute;
	bottom: 40px;
}

#content ul, #contentall ul
{
    margin:15px 0px 30px 3px;
    padding:0;
    position: relative; 
}

#content ul li, #contentall ul li{ 
    
   	list-style: none;
   	background: url(../images/content_li_background.gif) 0 0 no-repeat;
	  line-height: 1.3em;
	  margin:0px;
    padding:0px 0px 5px 15px;
}

#rightcolumn
{
    float:right;
    width:245px;
}

#rightcolumn img.MarginBotom
{
    margin-bottom:15px;
}

/*Set the height for IE6 */
*html #content
{
    height:471px;
}

*html #contentall 
{
  height:471px;
}


#footernav_old
{
    clear:left;
    text-align:rigth;
    border:1px solid #BCBCBC;
    padding:10px
}

#footernav {
    border-top:1px solid #D5D5D5;
    clear:both;
    color:#999999;
    font-size:12px;
    margin:0px 10px;
    padding:12px 12px 0px 12px;
}

#footernav ul{
	margin:0;
	padding:0;
	margin-left:100px;
}

#footernav ul li {
  float:left;
  text-align:center;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0px 10px;
  line-height:.9em;
  border-left:solid 1px #1080cc;
}

#footernav ul li.vgmedia {
    border:none;
}

#footernav ul li a
{
  
}

#footerline {
 text-align:center;
 padding:10px;
}

.wrapingformbox {
  float :left;
  width:100%;
  clear:both;
  margin-bottom:40px;
  margin-top:10px;
}

.wrapingtwocol {
  float :left;
  width:100%;
  clear:both;
  margin-bottom:40px;
}

.wrapingtwocolleagues {
  float :left;
  width:100%;
  clear:both;
  margin-bottom:10px;
}



.formbutton{
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  color:#666;
  font-weight:bold;
  padding: 1px 2px;
  background:url(../images/formbg.gif) repeat-x left top;
  width:75px;
}

fieldset {
  border:0pt none;
  margin:0pt;
  padding:0pt;
}


label {  
  display: block;
  font-weight: bold;
}

input {
  width: 220px;
  margin-bottom:5px;
}

.bigsubject {
  width: 320px;
}

textarea {
  width: 320px;
  margin-bottom:5px;
}

.ErrorMessages, .ErrorMessagesDisplay /*Use this to display error messags to the user */
{
  border:1px dashed #9c0d42;
  padding:10px 15px 25px 80px;        
  margin:0px 10px 20px 0px;    
  color:#9c0d42;
	font-size:14px;
	font-weight:bold;
  background:#fff url(../images/error_exclamation.gif) no-repeat 15px 5px;
  display:none;    
}

.ErrorMessagesDisplay
{
  display:block;
}

.ErrorMessageIndividual, .ErrorMessageIndividualDisplay
{
  margin-left:0px;
  color:#9c0d42;
  margin-bottom:3px;
  display:none;
}

.ErrorMessageIndividualDisplay
{
  display:block;
}

.topbanner {
  background:#9Ad151;
}


#mytable {
	width: 650px;
	padding: 0;
	margin: 0;
}

#mytableplayer {
	width: 650px;
	padding: 0;
	margin: 0;
}

#mytableplayer_gk {
	width: 600px;
	padding: 0;
	margin: 0;
}

th {
	font: bold 10px Arial;
	color: #000000;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

th.left {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	font-size:12px;
	background: none;
	width:130px;
	font-weight:normal;
}



td {
	font-size:10px;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #000000;
}

td.datatitle {
	font-size:12px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	font-weight:none;
}

td.lefttitle {
	font-size:12px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	font-weight:bold;
	padding: 3px 3px 3px 0px;
}


td.datatitlename {
	font-size:14px;
	padding: 3px 3px 3px 0px;
	border-right:none;
	font-weight:bold;
	border-bottom: 0;
}

td.first {
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #000000;
}


td.alt {

	background: #F5FAFA;
	color: #000000;
}

td.first_alt {
	border-left: 1px solid #C1DAD7;
	background: #F5FAFA;
	color: #000000;
}


td.topnav {
	padding:0px; border:0px; margin:0px;
}


th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}