/** * {margin:0; padding:0}  **/

/****
 use the help ID selector for all documentation content 
******/
#help {
	 color:#000000;
	 background:#FFFFFF;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: medium;
}

/**** 
	  for all pages, inside the body, we want black on white
      with Arial Helvetica sans-serif as the font
      use 'small' font-size (smaller than the default medium
*****/
body {
  background-color: white;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  margin: 0px 10px 10px 10px;
}

body, table td, select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
}

a {
  /*color: #4c2b00;*/
  color:#014012;
  text-decoration:underline;
  font-weight:bold;
}

.med-text, .med-text td { font-size: medium; }

.align_right, .align_right td { text-align: right; }
.align_center, .align_center td { text-align: center; }
.align_left, .align_left td { text-align: left; }
.align_top, .align_top td { vertical-align: top; }
.align_middle, .align_middle td { vertical-align: middle; }
.align_bottom, .align_bottom td { vertical-align: bottom; }
.wrap { white-space: normal; }
.nowrap, .nowrap td { white-space: nowrap; }

.no-margin-no-padding, .no-margin-no-padding * {
  margin: 0;
  padding: 0;
}

/** error messages are in red **/
.error_message { color: red; font-weight: bold; word-wrap: break-word; }

/**** use a blue background bg-blue and for header and footers **/
.bg-blue, .bg-blue td {
 background:#d8d8c2;
 /*background:#efefe7;*/ }
.bg-gray { background:efefe7; }
.bg-ivory { background:f9f8f5; }
.bg-brown { background: #8c6b3e; }

/* need for IE 6 */
img { border: 0; }

/** main table is split into three sections **/

.main-table {
	width: 100%;
}

.main-table td {
	margin: 2px;
	padding: 2px;
}

.main-table-left, .main-table-left td {
/**	margin: 2px; **/
/**	padding: 2px; **/
	vertical-align:top;
	width: 50%;
}

/**
.main-table-middle, .main-table-middle td {
	margin: 2px;
	padding: 2px;
	width: 60%;
}
**/

.main-table-right, .main-table-right td {
/**	margin: 2px; **/
/**	padding: 2px; **/
	width: 50%;
	vertical-align:top;
}

.small-text { font: 12px Arial, Helvetica, sans-serif; }
.smaller-text { font: 11px Arial, Helvetica, sans-serif; }
.tiny-text { font: 10px Arial, Helvetica, sans-serif; }


#thumb-box-title {
				 text-align:center;
				 text-transform:uppercase;
				 margin: 0;
				 font-size:15px;
				 font-weight:bold;
}


/***** CONTAINER *****/

#content {
background-color:#FFFFFF;
float:right;
width:70%;
/*margin:5px auto 5px auto; */
font:12px Arial, Helvetica, sans-serif;
/*padding:0 15px 20px 20px; */
padding:10px 10px 0px 0px;
color:#000000;
/*border-right:1px inset #999999;*/
}

.block{
	background:efefe7;
	padding:10px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

/***** SIDEBAR *****/

#sidebar {
background-color:#FFFFFF;
float:left;
width:18%;
/*margin:5px auto 5px auto; */
/*padding:0 20px 0 5px;*/
padding:10px 0px 0px 20px;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
}

.colorbox {
		  display:block;
		  width:100%; 
		  /*height:150px; */
		  /* margin:0 0 2.5em 0px; */
		  /* padding:0px 0px 10px 0px; */
		  min-height: 130px;
}

.headerbox {
display:block;
width:100%; 
margin:0; 
padding:0;
text-align:center;
}

.textbox-orange {
border:solid 1px rgb(232,177,13); 
background-color:rgb(248,224,150);
}

.header-orange {
border-bottom:solid 1px rgb(232,177,13); 
background-color:#FFCC00;
}

.textbox-grey {
border:solid 1px rgb(190,190,190); 
background:rgb(235,235,235);
}

.header-grey {
border-bottom:solid 1px rgb(190,190,190); 
background-color:#CCCCCC;
}

.textbox-green {
border:solid 1px rgb(160,214,81);
background-color:rgb(217,239,185);
}

.header-green {
border-bottom:solid 1px rgb(160,214,81); 
background-color:#99CC00;
}

.textbox-blue  {
border:solid 1px rgb(137,170,214); 
background-color:rgb(213,225,240);
}

.header-blue {
color:#000000;
border-bottom:solid 1px rgb(137,170,214); 
background-color:#2080CC;
}

/**
 add a top-and-bottom border of 1 px. 
 **/
.tb-border {
 border-top:1px solid #8c6b3e;
 border-bottom:1px solid #8c6b3e;
}

/***** FOOTER *****/
#footer {
 clear:both;
 /*font-size:0.9em;*/
 font-size:11px;
 margin: 0;
 text-align:center;
}

.odd {
  background-color: #FFFFFF;
  /*background-color: #dfe4f8;*/
}

.even {
  /*dcdca9;*/
  background-color: #e0e0e0;
}
.chart-table td {
	margin: 0px 2px 0px 2px;
	padding: 0px 6px 0px 0px;
}
.series_table {
	margin: 2px;
	padding: 2px;
}
.series_table th {
    font: 12 px, monospace;
    font-weight: bold;
    white-space: nowrap;
}
.series_table td {
    font: 12 px, monospace;
    white-space: nowrap;
	padding: 2px;
	margin: 2px;
}

.data_border, .data_border td, .data_border th {
  border: 1px solid #808080;
  border-collapse: collapse;
}
.series_border td {
    border-bottom: 1px solid #808080;
       border-top: 1px solid #ffffff;
     border-left: 1px solid #808080;
}

.underlined_title {
   padding-bottom: 5px;
   border-bottom: 1px solid #EDEBD5;
}

.indented_list {
   padding-left: 3em;
}