/* 
	TagBox table styles
	written by TagBox http://www.tagbox.de
*/
.tab-wrapper
{
	border-collapse: collapse;
	border: 1px solid #BFCFE3;
	padding:				10px 10px;
	margin:					0;
	clear:					both;
	width:  820px;
}
.tab-wrapper h5
{
	font-weight:	bold;
	color: #0082c7;
}
.tab-menu
{
	margin:					0;
	padding:				0;
	list-style:				none;
	overflow:				auto;
}
.tab-menu li
{
	margin:					0;
	padding:				0;
	float:					left;
	line-height:			2em;
	border: 1px solid #BFCFE3;
	color:  #BFCFE3;
}
.tab-menu li:hover {
	color: #0082c7;
	background: #BFCFE3;
}

.tab-menu li a
{
	padding:				0 .5em;
	font-weight:			bold;
	color: #0082c7;
	text-decoration: none;
}
.tab-menu li a:hover,
.tab-menu li a:focus
{
	/* your effect here */
}
.tab-menu li.tab-selected {
	color: #fff;
	background: #0082c7;

}
.tab-menu li.tab-selected a
{
	text-decoration:		none;
	color:					inherit;
	/* your effect here */
}

.button {
  border: 1px dotted #0082c7;
  padding: .4em;
  color: #0082c7;
  background: #FFD800;
  text-align: right;
  text-decoration:none;
}
.button a {
	  text-decoration:none;
}

.exclude {
	align:left;
	width:800px;
}
.exclude span.sel  {
	border-collapse: collapse;
	border: 1px solid #BFCFE3;
	font: normal 10px arial, verdana, helvetica, sans-serif;
	color: #fff;
  	padding: 2px 2px;
	background: #0082c7;
	float:left;
	width:250px;
}
.exclude span.nosel  {
	border-collapse: collapse;
	border: 1px solid #BFCFE3;
	font: normal 10px arial, verdana, helvetica, sans-serif;
	color: #BFCFE3;
  	padding: 2px 2px;
	background: #fff;
	float:left;
	width:250px;
}
.excludespan {
	white-space:pre;
}
  
.include  {
	  border-collapse: collapse;
	  border: 1px solid #333;
	  font: normal 10px arial, verdana, helvetica, sans-serif;
	  color: #333;
	  padding: 2px 2px;
	  background: #0C0;
	  width:250px;
}
.include span {
	white-space:pre;
}
 
.charTable  {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #BFCFE3;
  }
.charTable caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
  
.charTable th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  text-align: right;
}

.charTable td {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  text-align: right;
  }

.charTable thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align:center;
  background: #0082c7;
  color: #FFFFFF;
  padding-top:3px;
  }
.charTable tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
.charTable tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
.charTable tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
.charTable tbody th a:hover {
  background: transparent;
  color: #363636;
  }
.charTable tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.charTable tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.charTable .odd {
  background: #AEE239;
  }
.charTable tbody tr:hover {
  background: #FFD800;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }
