/* ************** Elements ************** */

html, body {
  color: #000000;
  background: #ffffff;
  /* ************** to make IE center the main box correctly ************** */
  text-align : left;
  margin-left:10px;
  margin-right:10px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

p {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height:15px;
  margin-top: 10px;
}

ul, li {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height:15px;
  text-indent: 5px;
  list-style-type:disc;
  list-style-position: inside;
}

td {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height:15px;
}

h1 {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
  color: #F8941C;
}

h2 {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}

h3 {
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}

small {
  font-size: 10px;
}

input, select, textarea {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
}

/* **************** Content Styles  *************** */

.text_smallwhite{
	font-size: 11px; 
	color:#FFFFFF;
}

.text_smalldetail{
  font-size: 11px; 
  color:#B4B4B4;
}

.text_smalldetail a{
  font-size: 11px; 
  color:#B4B4B4;
}

.text_smalldetail a: hover{
  font-size: 11px; 
  color:#B4B4B4;
  text-decoration: underline;
}

.text_smallred{
  font-size: 11px; 
  color:#9E090E;
}

.text_bigred{
  font-size: 16px; 
  color:#9E090E;
}

/* ************** Links ************** */

a:link {
  color: #006cb8;
  text-decoration: none;
}
a:active {
  color: #006cb8;
  text-decoration: none;
}
a:visited {
  color: #006cb8;
  text-decoration: none;
}
a:hover {
  color: #006cb8;
  text-decoration: underline;
}

/* ************** BlueBox Links ************** */

a.bluebox:link {
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
a.bluebox:active {
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
a.bluebox:visited {
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
a.bluebox:hover {
  font-size: 13px;
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: bold;
}

a.bluebox_small:link {
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}
a.bluebox_small:active {
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}
a.bluebox_small:visited {
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}
a.bluebox_small:hover {
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: underline;
}

/* ************** Hiding Text for Usability Issues ************** */

.hiddentext {
  display:none;
}

/* ************** Styles for hiding borders around images in links ************** */

A:link IMG, A:visited IMG { border-style: none }
A IMG { color: white } /* The only way to hide the border in NS 4.x */


/* ************** Styles for form elements ************** */
.searchbox {
  width: 210px;
  height:22px;
  border: 1px solid #B2B2B2;
  background-color: white;
  vertical-align:middle;
  line-height:20px;
  font-size:14px;
  background-image:url('/images/backgroundinput.jpg');
  background-repeat: repeat-x;
}

.searchbutton {
  width: 60px;
  height:26px; 
  border: none;
  background-color: #9E090E;
  vertical-align:middle;
  line-height:20px;
  font-size:12px;
  color: #FFFFFF;
  font-weight: bold;
}

/* ************** Styles for link button elements ************** */

.button_container {
  overflow: hidden;
  width: 100%;
  height: 30px;
  margin-top: 5px;
}

.button_link		{
  text-align: center;
  width: 85px;
  height: 20px;
  line-height:20px;
  margin:2px;
  float: left;	
}

.button_link a		{
  font-size:10px;
  font-weight:bolder;  
  text-align: center;
  width: 85px;
  height: 20px;
  background-color: #E6E6E6;
  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  margin:2px;
  display: block;
}

.button_link a:hover  {
  color: #FFF;
  background-color: #9A9A9A;
  text-decoration : none;   
  border: 1px solid #000;	
  padding: 0px;
  margin:2px;
}

/* clearfix */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
  display:inline-block;
}

/* **************** Tabbed Box  *************** */

.tabbed-box {
  width: 242px;
  background: #fff url(/images/tabbed-body-bg.jpg) repeat-x bottom;
  border: 1px solid #ddd;
}
  
.tabbed-box .tabs li {
  list-style: none;
  float: left;
}

.tabbed-box .tabs li a {
  display: block;
  width: 120px;
  padding: 5px 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #888;
  background: #fff url(/images/tabbed-tab-bg.jpg) repeat-x bottom; 
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
  
.tabbed-box .tabs li:first-child a {
  border-left: none; 
}
  
.tabbed-box .tabs li a:hover {
  color: #333; 
}
  
.tabbed-box .tabs li a:focus {
  outline: none; 
}
  
.tabbed-box .tabs li a.active {
  background: #fff;
  color: #333;
  border-bottom: 1px solid #fff; 
}
  
.tabbed-content {
  padding: 1em 1em 1em 1em;
  display: none; 
  font-size: 10px;
}
  
.tabbed-content p {
  line-height: 24px; 
 }  
  
.box_tabbed {
  clear:both;
  padding: 4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


/* **************** Table-esque Box  *************** */
  
.tablediv {
  display:  table;
  width:600px;
  background-color:#eee;
  border:1px solid  #666666;
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
  border-collapse:separate;
}

.tablediv_full {
  display:  table;
  width:100%;
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
  border-collapse:separate;
}

.celldiv {
  float:left;/*fix for  buggy browsers*/
  display:  table-cell;
  padding:2px;
}

.rowdiv  {
  display:  table-row;
  width:auto;
}


/* **************** Border box for centering  *************** */


table.border {
	width: 100%;
	height: 100%;
}

td.border {
	vertical-align: top;
	text-align: center;
}

div.container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}


/* **************** Shadow Test  *************** */


.shadow  { 
	position:relative; 
	display:block; 
	color:#fff; 
}

.shadow span { 
	position:absolute; 
	display:block; 
	top:0px;  
}
.shadow:before { 
	display:block; 
	padding:1px; 
	content: attr(title); 
	color:#000;  
}