/* Frames */
html, body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Verdana, Sans-Serif;
	font-size: 10pt;
}

body { background-color: #DBE0E6; }

html>body #wrap {height:100%;}
div.header {
	width:100%;
	height:100px;
}
html>body div.header {
	position:fixed;
	z-index:999;
}
html>body #content-wrap {height:100%;}
html>body #content {padding: 110px 10px 10px 10px;}

/* Header */
#tbHeader { background: url('../images/header_gradient.gif') top left repeat-x; }
#tbHeader td.tdMenu { background: url('../images/header_bottom_gradient.gif') top left repeat-x; }

/* Menu */
div#menu {
	width: 100%;
	float: left;
}

div#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}

div#menu a, div#menu h2 {
	font: 10px/16px verdana, sans-serif; 
	display: block;
	margin: 0;
	padding: 4px 3px;
	cursor: pointer;
}

div#menu h2 {
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

div#menu a {
	color: #fff;
	background: #22425A;
	text-decoration: none;
}

div#menu a:hover {
	background-color: #3D678D;
}

div#menu li {position: relative;}

div#menu ul ul {
	position: absolute;
	z-index: 500;
}

div#menu ul ul ul {
	top: 0;
	left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
 }
.clearfix {
        display: inline-block;
 }
/* start commented backslash hack \*/
* html .clearfix {
        height: 1%;
 }
.clearfix {
        display: block;
}
/* close commented backslash hack */

/* General Styling */
.hover:hover
{
	text-decoration: underline;
	cursor: pointer;
}

.tabtitle, .tabTitle
{
	font-family: Verdana, sans-serif;
	color: #003366;
	font-size:8pt;
	font-weight:bold;
	text-decoration:none
}
.tabtitle:hover
{
	text-decoration:underline;
}

.eightRed
{
	font-family: Verdana, sans-serif;
	color: red;
	font-size:8pt;
	text-decoration:none
}
.eightRed:hover
{
	text-decoration:underline;
}
.tabtitlelight
{
	font-family: Verdana, sans-serif;
	color: #003366;
	font-size:8pt;
	text-decoration:none
}
.tabtitlelight:hover
{
	text-decoration:underline;
}

.signoutlink
{
 	font-family: Verdana, sans-serif;
 	color: #DADADA;
   font-size : 8pt;
  	text-decoration: none;
  	font-weight: normal;
}

.signoutlink:hover
{
  	text-decoration:underline;
}

.eightCream_none {
 	font-family: Verdana, sans-serif;
 	color: #FFFFCC;
   	font-size : 8pt;
  	text-decoration:none;
 }
 
.sevenGray {
 	font-family: Verdana, sans-serif;
 	color: #999999;
    	font-size : 7pt;
 }
 
.eightGray {
 	font-family: Verdana, sans-serif;
 	color: #999999;
    	font-size : 8pt;
 }
.eightGray_B {
 	font-family: Verdana, sans-serif;
 	color: #999999;
    	font-size : 8pt;
    	font-weight : bold;
 }
 .eightGray_none {
 	font-family: Verdana, sans-serif;
 	color: #999999;
    font-size : 8pt;
    text-decoration: none;
 }

 .eightLink5 {
 	color : #003366;
 	font-size : 8pt;
 	font-family : Verdana, sans-seri;
 }
 
 .eightLink4 {
 	color : #8283a9;
 	font-family : Verdana, sans-seri;
 	font-size : 8pt;
 }
 
 .eightLink3 {
 	color : #0099cc;
 	font-family : Verdana, sans-seri;
 	font-size : 8pt;
 }
 
 .eightLink2 {
 	color : #cc9999;
 	font-family : Verdana, sans-seri;
 	font-size : 8pt;
 }
 
 .eightLink1 {
 	color : #00ccff;
 	font-family : Verdana, sans-seri;
 	font-size : 8pt;
 }

.eightNavy {
 	font-family: Verdana, sans-serif;
 	color: #003366;
    font-size : 8pt;
 }

.eightNavy_B {
 	font-family: Verdana, sans-serif;
 	color: #003366;
    	font-size : 8pt;
    	font-weight : bold;
 }

.eightNavy_none {
 	font-family: Verdana, sans-serif;
 	color: #003366;
    	font-size : 8pt;
  	text-decoration:none;
 }

.eightNavy_noneB {
 	font-family: Verdana, sans-serif;
 	color: #003366;
    	font-size : 8pt;
  	text-decoration:none;
     	font-weight : bold;
}
 

.eightPink_noneB {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    	font-size : 8pt;
  	text-decoration:none;
     	font-weight : bold;
}

.eightPinkAndWhite {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
   	font-size : 8pt
 }

.eightPinkAndWhite:hover {
 	font-family: Verdana, sans-serif;
 	color: #C0729A;
   	font-size : 8pt
 }

.eightPink {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
   	font-size : 8pt
 }


.eightPink_B {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    	font-size : 8pt;
      	font-weight : bold;
}

.eightPink_none {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    	font-size : 8pt;
  	text-decoration:none
}

.eightPink_noneB {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    	font-size : 8pt;
     	font-weight : bold;
  	text-decoration:none;
}

.eightTeal {
 	font-family: Verdana, sans-serif;
 	color: #005a82;
    	font-size : 8pt;
 }

.eightTeal_B {
 	font-family: Verdana, sans-serif;
 	color: #005a82;
    	font-size : 8pt;
    	font-weight : bold;
 }

.eightTeal_none {
 	font-family: Verdana, sans-serif;
 	color: #005a82;
    	font-size : 8pt;
  	text-decoration:none;
}

.eightCream_B {
 	font-family: Verdana, sans-serif;
 	color: #fff7dd;
    	font-size : 8pt;
 	font-weight:bold; 
}


 .eightWhite {
  	font-family: Verdana, sans-serif;
  	color: #ffffff;
     	font-size : 8pt;
 }

 .eightWhite_none {
  	font-family: Verdana, sans-serif;
  	color: #ffffff;
     	font-size : 8pt;
  	text-decoration:none;
}

 .eightWhite_B_none {
  	font-family: Verdana, sans-serif;
  	color: #ffffff;
   font-size : 8pt;
  	text-decoration:none;
  	font-weight: bold;
}

 .eightYellow_B {
   	font-family: Verdana, sans-serif;
   	color: #ffffcc;
      	font-size : 8pt;
	font-weight:bold; 
  }
  
  .eightGold_B 
  {
		font-family: Verdana, sans-serif;
		color: #C6C65B;
		font-size: 8pt;
		font-weight: bold;
  }
  
   .eightGold
  {
		font-family: Verdana, sans-serif;
		color: #C6C65B;
		font-size: 8pt;
  }
  
   .tenGold_B 
  {
		font-family: Verdana, sans-serif;
		color: #A89F3D;
		font-size: 10pt;
		font-weight: bold;
  }


.eightYellow_none {
 	font-family: Verdana, sans-serif;
 	color: #ffcc33;
    	font-size : 8pt;
  	text-decoration:none;
 }
 
.nineTeal_noneB {
 	font-family: Verdana, sans-serif;
 	color: #005a82;
    font-size : 9pt;
  	text-decoration:none;
 	font-weight:bold; 
}

.tenBlue_B {
  	font-family: Verdana, sans-serif;
  	color: #002A5B;
     	font-size : 10pt;
     	font-weight : bold;
}

.tenBlue {
  	font-family: Verdana, sans-serif;
  	color: #002A5B;
     	font-size : 10pt;
}

.eightBlueB {
  	font-family: Verdana, sans-serif;
  	color: #002A5B;
     	font-size : 8pt;
     	font-weight : bold;
}

.eightBlue {
  	font-family: Verdana, sans-serif;
  	color: #002A5B;
     	font-size : 8pt;
}


.tenGray {
 	font-family: Verdana, sans-serif;
 	color: #999999;
    	font-size : 10pt;
 }

.tenGray_B {
 	font-family: Verdana, sans-serif;
 	color: #999999;
    	font-size : 10pt;
 	font-weight:bold; 
}

.tenNavy{
  	font-family: Verdana, sans-serif;
  	color: #003366;
     	font-size : 10pt;
}

.tenNavy_none {
  	font-family: Verdana, sans-serif;
  	color: #003366;
     	font-size : 10pt;
  	text-decoration:none;
}

.tenNavy_B {
  	font-family: Verdana, sans-serif;
  	color: #003366;
     	font-size : 10pt;
     	font-weight : bold;
}

.tenDarkBlue1_B {
  	font-family: Verdana, sans-serif;
  	color: #000066;
     	font-size : 10pt;
     	font-weight : bold;
}

.eightDarkBlue1_B {
  	font-family: Verdana, sans-serif;
  	color: #000066;
     	font-size : 10pt;
     	font-weight : bold;
}

.tenNavy_noneB {
  	font-family: Verdana, sans-serif;
  	color: #003366;
     	font-size : 10pt;
     	font-weight : bold;
  	text-decoration:none;
}

.tenDarkBlue
{
	font-family: Verdana, sans-serif;
  	color: #000033;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
}

.tenDarkBlueB
{
	font-family: Verdana, sans-serif;
  	color: #000033;
    font-size: 10pt;
    font-weight: bold;
}

.tenDarkBlue_none
{
	font-family: Verdana, sans-serif;
  	color: #000033;
    font-size: 10pt;
    text-decoration: none;
}

.eightDarkBlue
{
	font-family: Verdana, sans-serif;
  	color: #000033;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
}

.eightDarkBlueB
{
	font-family: Verdana, sans-serif;
  	color: #000033;
    font-size: 8pt;
    font-weight: bold;
}

.eightDarkBlue_none
{
	font-family: Verdana, sans-serif;
  	color: #000033;
    font-size: 8pt;
    text-decoration: none;
}

.eightPurple {
 	font-family: Verdana, sans-serif;
 	color: #010167;
    font-size : 8pt;
 }
 
 .tenPurple {
 	font-family: Verdana, sans-serif;
 	color: #010167;
    font-size : 10pt;
 }

.tenPink {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    	font-size : 10pt;
 }

.tenPink_B {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    	font-size : 10pt;
    	font-weight : bold;
 }

 .tenPink_none {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    	font-size : 10pt;
  	text-decoration:none;
 }
 
.tenTeal_B {
  	font-family: Verdana, sans-serif;
  	color: #005a82;
     	font-size : 10pt;
     	font-weight : bold;
     	text-decoration:none
}

.tenTeal_Bnone {
  	font-family: Verdana, sans-serif;
  	color: #005a82;
     	font-size : 10pt;
     	font-weight : bold;
  	text-decoration:none;
}

.tenPink_Bnone {
  	font-family: Verdana, sans-serif;
  	color: #cc0066;
     	font-size : 10pt;
     	font-weight : bold;
  	text-decoration:none;
}

.tenTeal {
  	font-family: Verdana, sans-serif;
  	color: #005a82;
     	font-size : 10pt;
}

.tenWhite {
 	font-family: Verdana, sans-serif;
 	color: #ffffff;
    	font-size : 10pt;
 }
 
.tenWhite_B {
 	font-family: Verdana, sans-serif;
 	color: #ffffff;
    font-size : 10pt;
    font-weight : bold;
    text-decoration: none;
 }

.twelveNavy {
  	font-family: Verdana, sans-serif;
  	color: #003366;
     	font-size : 12pt;
}
 

.twelveNavy_B {
      	font-weight : bold;
  	font-family: Verdana, sans-serif;
  	color: #003366;
     	font-size : 12pt;
}
 
.twelvePink_B {
 	font-family: Verdana, sans-serif;
 	color: #cc0066;
    	font-size : 12pt;
      	font-weight : bold;
}

/* Usage Report */
#usage-reporting 
{
	margin: 0 auto; 
	min-width: 950px;
	max-width: 1200px;
}
#usage-reporting table
{
	width: 100%;
}
#usage-reporting h1 { font-size: 14pt; }
#usage-reporting h2 { font-size: 12pt; }
#usage-reporting .box
{
	background-color: #fff;
	border: 2px solid #86AACD;
	padding: 10px;
	margin-bottom: 15px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	-opera-border-radius:8px 8px 8px 8px;
	-khtml-border-radius:8px 8px 8px 8px;
	-moz-box-shadow: 0px 0px 10px #888; 
	-webkit-box-shadow: 0px 0px 10px #888; 
	-opera-box-shadow: 0px 0px 10px #888; 
	-khtml-box-shadow: 0px 0px 10px #888; 
	border-radius:8px 8px 0px 0px;
}

#usage-reporting h1, h2, h3, h4, h5
{
	color: #005a82;
}

#usage-reporting a
{
	color: #005A82;
	text-decoration: none;
}

#usage-reporting .alt thead
{
	background-color: #4BACC6;
	color: #fff;
}

#usage-reporting .alt td, #usage-reporting a
{
	padding: 3px;
	color: #005A82;
	text-decoration: none;
}

#usage-reporting a:hover
{
	text-decoration: underline;
}

/* ### SimpleModal ### */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container 
{
	font-family: Verdana, sans-serif;
 	color: #003366;
	background-color: #fff;
	border: 2px solid #444; 
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	-opera-border-radius:15px 15px15px 15px;
	-khtml-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	padding: 12px;
}
#simplemodal-container a {color:#ddd;}
/*#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}*/
#simplemodal-container #basic-modal-content {padding:8px;}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    background-color: #ffffff;
    padding: 7px;
    border: 1px solid #005A82;
    display: none; /* keeps the popup hidden if no JS available */
}