/* zero off the defaults to get a clean starting point*/ /* tblr / tb lr / t lr b / t r b l  */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}
body { margin-top: 10px; margin-bottom: 10px; background:  url("../images/bg_blue.gif"); background-repeat:repeat; }
body { font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #6B635D; }
body { margin-left: auto; margin-right: auto; }
body { /* 100.1% fix for IE scaling error at small font sizes*/ text-align: center; /* centers the wrapper in IE 5.x*/ }

A:link {text-decoration: none;}
A:visited {text-decoration: none; color: #0000FF;}
A:hover {text-decoration: underline;}

table.friendsTable A:link img { border-color: #B0C4DE !important; } 
table.friendsTable A:visited img {border-color: #B0C4DE !important;}
table.friendsTable A:hover img {border-color: red !important; border-width: 1px;}

.noBorder { border:none; }

/***** Begin laying out the wrappers *****/
#accountStats { font-size:10px; text-align:right; color:#000; }

#wrapperTable { margin-left: auto; margin-right: auto; text-align:left; width:820px; }

#wrapper { background-color: #FFF; border: 1px solid #000; color:#000000 }
/* Tables grow with centered content. Placing a table outside a div will let the div grow. Otherwise divs work within the constraints set by outer divs */
/*#wrapper { width: 820px;  } */

#header { /*  background-color:#FFFFFF; padding-bottom: 10px; */ }
#topbannerwrapper { padding-left:20px; padding-right:20px; padding-top: 10px; padding-bottom: 2px; }
#topbanner { height: 75px; padding-top:5px; padding-right:5px; background-color:#FFFFFF; }

#tbleft { float:left; }
#tbright { float:right; }

/* positions the navigation column*/
#nav { text-align:center; background-color: #003399; color: #FFF; height: 25px; margin-left: 20px; margin-right: 20px; position:relative; border-top: 1px solid #003399; border-bottom: 1px solid #003399; font-weight: bold; font-size: 16px; }
/* #nav { width: 780px; } */
#nav ul { list-style-type: none; padding-left: 2px; margin-left: 4px; }
div#nav ul li { font-family: Arial, Helvetica, sans-serif; width: 69px; position: relative; float: left; }
#nav li a { font-size: 80%; height: 1%; display: block; text-decoration: none; color: #FFF; padding: 5px 0 4px 2px; margin: 0; }
#nav li a:hover, #nav li a:focus { background-color: #e5e5e5; color: #003399; }

/* positions the navigation column
#nav { text-align:center; background-color: #003399; color: #FFF; height: 25px; margin-left: 20px; margin-right: 20px; border-top: 1px solid #003399; border-bottom: 1px solid #003399; font-weight: bold; font-size: 16px; }
#nav ul { list-style-type: none; padding-left: 2px; margin-left: 4px; }
div#nav ul li { font-family: Arial, Helvetica, sans-serif; width: 69px; float: left; }
#nav li a { font-size: 80%; height: 1%; display: block; text-decoration: none; color: #FFF; padding: 5px 0 4px 2px; margin: 0; }
#nav li a:hover, #nav li a:focus { background-color: #e5e5e5; color: #003399; }
*/
/*** Form Simple ***/
.formSimple { width: 570px; padding-top: 11px; padding-bottom: 11px; padding-left: 11px; padding-right: 16px; font-family: Verdana, Arial, sans-serif; font-size: .8em; line-height: 145%; color: #607080; }
.formSimple div label { width: 14em; float: left; margin-left: -15em; }
.formSimple .first { clear: both; margin-top: 0em; padding-top: 0em; padding-left: 15em; border-top: none; }
.formSimple div { margin-top: 0.5em; padding-top: 0.5em; padding-left: 15em; border-top: 1px dashed gray; }
.formSimple div span { width: 20em; float: left; }
.formSimple div span.error { width: 20em; margin-left: 0.5em; float: none; color: red; }
.formSimple span.errorBox { padding: 10px; width:100%; border: solid 1px #dd3c10; background: #ffebe8; font-weight: bold; color:#FF0000; margin-bottom:10px; }
.formSimple .whitespace { margin-left:15.5em;border-top: none;}
.formSimple div div { width: 30em; float: left; margin-left: -15em; }

#mail_nav_col { width:125px; }
#mail_nav { width:100px; border: 2px solid #000; padding: 5px; }
#mail_nav a:hover, a:focus { background-color: #e5e5e5; color: #660000; }
#mail_nav img { border:none; }
#mail_inbox { border: 1px solid #000; padding: 5px; }
.mail_title { color:blue; }

.simple_list_th { font: bold 10pt Tahoma, Arial, sans-serif; color: #666666; background: #dddddd; border: 1px ridge #dddddd; padding: 0px 3px; }
.simple_list_shade { background: #eeeeee; }

/* standard border */
div.border { border: 1px solid #B0C4DE; padding: 5px; }

/* mail, bulletins, blogs, etc. */
div.mailContainer { border: 1px solid #B0C4DE; padding: 5px; }
table.mailTable { font-size:small; border: none; width: 100%; }
table tr td.mailHeader { height:1.5em; font: bold 10pt Tahoma, Arial, sans-serif; color: #666666; background: #dddddd; border: 1px ridge #dddddd; padding: 0px 3px; }
table tr.mailShade { background: #eeeeee; }
table tr td.mailCheckbox { width:20px;}
table tr td.mailDate { width:105px;}
table tr td.mailFrom { overflow:hidden; width:110px;}
table tr td.mailStatus { width:50px;}

.WindowLayer {
	position:absolute;
	z-index:10;
	overflow:hidden;/*must have*/
}

.WindowLayer iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

.yOverflow
{
	overflow:scroll; 
	overflow-x:visible; /* Mozilla 1.0 compatable */ 
}

/* http://www.positioniseverything.net/easyclearing.html */
/*-----
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
-----*/
/* Hides from IE-mac \*/   /*------
* html .clearfix {height: 1%;}
.clearfix {display: block;} -----*/
/* End hide from IE-mac */

/***** Begin laying out the headers *****/

/*
#topnav {

}
*//*
#topbanner #left {
	margin-top: 10px;
	margin-left: 20px;
}*/
/*
#topbanner #right {
	float: right;
	margin-right: 20x; 
	/*display: inline; *//*
}
*/

/***** Ends banners **************/

/******* Begins content layout ***********/
/*
#content_header {
	padding: 7px 0 10px 0;
	margin-left: 20px;
	margin-right: 20px;
}

#content_main {
	padding: 7px 0 10px 0;
	margin-left: 20px;
	margin-right: 20px;
}
*/
#content {
	margin-left: 20px;
	margin-right: 20px; 
	font-family: Arial, Helvetica, sans-serif;
/*	position:relative;
  float:right; */
/*  margin-left: 230px; */
/*	padding: 7px 0 10px 0;
	width: 450px;
	margin-right: 40px; */
}
/*
#content h2 {
	font-size: 95%;
	margin: 12px 0 0 5px;
	color: #0D1448;
}

#content p {
	font-size: 80%;
	padding: 5px 5px;
}

#content #image {
	float: right;
	border: 1px solid #4D562E;
	margin: 5px 10px 3px 5px;
}

#content .printheader, #content .handheldheader {
	display: none;*//*hide the header for the print style sheet*//*
}*/
/****** Ends the content layout ********/

/***** Nav layout ******/

#skip {
	position: absolute; 
	top: -500px;/*places the skip nav off screen*/
}



/*border-bottom: 1px solid #C5AEA6;plain border for IE pc*/
/*	margin-bottom: -2px;/-value for IE5.5-/
	margin-bottom:/--/ -5px;/-Value for IE5.01-/
	ma\rgin-bottom: -2px;/-value for IE6*/

div#nav>ul li, #nav>h3 {
	border-bottom: 1px dotted #6D5D50;/*IE doesn't do dotted well, set here for browsers other than IE pc*/
	margin-bottom: 0;
}







#nav_tab ul {
	list-style-type: none;
}

div#nav_tab ul li {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #FFF;
}

#nav_tab li a {
	font-size: 80%;
	height: 1%;
	display: block;
	text-decoration: none;
	margin: 0;
}

#nav_tab_wrapper
{
	border-bottom: 1px solid #000;
}

#nav_tab_content
{
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
/* - - CLEARS - - */
  /* clears for use outside of content divs */
  .clearLeftNoHeight { clear: left; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
  .clearRightNoHeight { clear: right; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
  .clearBothNoHeight { clear: both; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }
  /* clear fix: assign to a content div that contains floats to ensure that div stretches to contain it's floats */
  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .clearfixLt:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; }
    /* fixie \*/* html .clearfix, * html .clearfixLt { height: 1%; }/**/
/* - -  END CLEARS - - */
 

/***** Ends the navigation *****/

#profile_nav a{
	font-size: 80%;
	height: 1%;
	display: block;
	text-decoration: none;
	color: #818585;
	padding: 4px 0 4px 2px;
	margin: 0;
}
#profile_nav a:hover, a:focus {
	background-color: #e5e5e5;
	color: #660000;
}
#profile_nav img {
	margin: 1px auto;
	border: 1px solid #4D562E;
}
#profile_nav p {
	font-size: 80%;
	padding: 5px 5px;
}

/***** footers *****/
#footer_wrapper { padding-right: 20px; }

#footer {
	clear:both;
	width:100%;
	margin-top: 20px;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: right;
	padding: 4px 20px 20px 0;
	color: #660000;
	border-top: 1px solid #000;
}


/***** Ends the footers ********/


/* Imported Styles */

/* Error Box id */	
#error  {
        margin: 0px 10px 10px;
        padding: 10px;
        border: solid 1px #dd3c10;
        background: #ffebe8; 
				font-weight: bold;
				color:#FF0000;
				}

/* Red Box Class */						
.RedBox  {
        margin: 0px 10px 10px;
        padding: 10px;
        border: solid 1px #dd3c10;
        background: #ffebe8;
				}

/* Yellow Box Class */
.YellowBox  { 
        margin: 0px 0px 10px;
        padding: 10px;
        border: solid 1px #FFCC00;
        background: #FFFFCC; }
				
.contentbox {
   margin-bottom:10px;
   font-size:14px;
}

.contentboxmov {font-size:14px; border-width:2px 2px 2px 2px;width:385px; border-style:dashed;border-color:#3B5998;margin-top:5px;padding-bottom:0px;margin-bottom:-10px}


/* Content Box Header */
.contentboxheader {
  background: #D8DFEA;
  border-top: solid 1px #3B5998;
  clear: both;
  color: #3B5998;
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  /*padding: 2px 8px;*/}

.contentboxheader select {
  background: #D8DFEA;
  border-top: solid 1px #3B5998;
  clear: both;
  color: #3B5998;
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  /*padding: 2px 8px;*/}

/* Tab header and selected tab header */
.tabheader
{
	font: normal 9pt/11pt Verdana;
	color: rgb(172,172,172);
}

.seltabheader
{
	font: bold 11pt/11pt Verdana;
	color: rgb(172,32,32);
}

/* HREFs inside tab headers */
TD.tabheader A
{
	color: rgb(172,172,172);
	text-decoration: none;
}

TD.tabheader A:hover
{
	color: blue; text-decoration: underline;
}

/* Content tables:  Heading cell */
.content_th
{
	font: bold 10pt Tahoma, Arial, sans-serif;
	color: #666666;
	background: #dddddd;
	border: 1px ridge #dddddd;
	padding: 0px 3px;
}

/* Content tables:  Content cell (2 bg colors + 2 flavors - big and small font) */
.content_td, .content_td_big,
.content_td2, .content_td2_big
{
	font: 10pt Tahoma, Arial, sans-serif;
	color: black;
	background: white;
	border: none;
}

.content_td_big, .content_td2_big
{
	font: 14pt Tahoma, Arial, sans-serif;
}
.content_td2_big, .content_td2
{
	background: #eeeeee;
}