
#container {
	background-color: #fff;
	width : 1000px;
	height: 100%;
	color : #000;
	margin-right : auto;
	margin-left : auto;
	text-align : left;
}

H1 {
	font-size:50px; color: rgb(0,0,0); line-height: 18px; padding: 5px 15px 4px 15px; text-shadow: 1px 1px 0px #fff; text-transform: uppercase; 
}

H2 {  font-size:20px; color: rgb(10,10,10); line-height: 18px; padding: 5px 15px 4px 15px; text-shadow: 1px 1px 0px #fff; text-transform: uppercase; }
H3 {  color: rgb(100,100,100); line-height: 18px; padding: 5px 15px 4px 15px; text-shadow: 1px 1px 0px #fff; text-transform: uppercase; }

H2.newheader { background: #e8e8e8; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; color: #444; line-height: 18px; margin: 0px; padding: 5px 15px 4px 15px; text-shadow: 1px 1px 0px #fff; text-transform: uppercase; }
/*H3 { background: #e8e8e8; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; color: #444; line-height: 18px; margin: 0px; padding: 5px 15px 4px 15px; text-shadow: 1px 1px 0px #fff; text-transform: uppercase; }*/
H3.standard {  color: rgb(00,00,00);background: rgb(255,255,255); border-bottom: none; border-top: none}

P { margin: 5px;}
PRE { margin-left: 5px;}

table {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	font-family: verdana,arial,sans-serif;
	font-size:9px;
	color:rgb(0,0,0);
	border-width: 1px;
	border-color: rgb(100,100,100);
	border-collapse: collapse;
}
table th {
	background-color:rgb(200,200,200);
	border-width: 1px;
	padding: 6px;
	border-style: solid;
	border-color: rgb(100,100,100);
}
table tr {
	/*background-color:rgb(230,230,230);*/
	border-width:0px 0px 0px 0px;
	text-align:left;
	margin:0px;padding:0px;
	
	font-size:10px;
	
	
	font-weight:normal;
}
table td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: rgb(200,200,200);
	
}

table.basetable tr:hover {
	background-color: rgb(230,230,230);
	color : #000;
	border-top: 1px solid;
	border-bottom: 1px solid;
		
}

tr.hoverrw :hover {

	background-color: rgb(230,230,230) !important;
	color : #000 !important;
	border-top: 1px solid !important;
	border-bottom: 1px solid !important;
}


table.indextable td:hover {
	background-color: rgb(230,230,230);
	color : #000;
	border-top: 1px solid;
	border-bottom: 1px solid;	
}

table.indextable a {
	
	background: bottom left repeat-x;
	height: 2em;
	line-height: 2em;
	width: 124px;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	text-decoration: underline;
	
}

table.deftable {
	width: 600px;
}

table.deftable tr:hover {
	background-color: rgb(230,230,230);
	color : #000;
	border-top: 1px solid;
	border-bottom: 1px solid;	
}

table.extable {

	width: 200px;
}

table.wtable {

	width: 400px;
}

table.selecttable {

	width: 200px;
	border-color: rgb(255,255,255);
	
}

table.selecttable tr{

	
	background-color:rgb(255,255,255);
	border-color: rgb(255,255,255);
}

table.selecttable td{

	
	
	border-color: rgb(255,255,255);
}


table.sortable tbody {
    counter-reset: sortabletablescope;
   
}
table.sortable thead tr::before {
    content: "";
    display: table-cell;
   
}
table.sortable tbody tr::before {
    content: counter(sortabletablescope);
    counter-increment: sortabletablescope;
    display: table-cell;
    
}


table.sortable tr:hover {
	background-color: rgb(230,230,230);
	color : #000;
	border-top: 1px solid;
	border-bottom: 1px solid;	
}

#menu {
	
	/*width: 1000px;*/
	height: 20px;
	margin-right : auto;
	margin-left : auto;
	background-color: rgb(240,240,240);
	text-transform: uppercase;
	font-size:10px
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0 ;
}
#menu li {
	border-left: 1px solid #d0d0d0;
	float: left;
	margin: 0;
}
#menu li a {
	background: bottom left repeat-x;
	
	height: 2em;
	line-height: 2em;
	width: 124px;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
}
#menu li a:hover {
	
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}




/*
#menu { border-top: 8px solid #444; clear: both; }
#menu ul li { border-left: 1px solid #d0d0d0; float: left; }
#menu ul li a { background: #f3f3f3; color: #444; display: block; font-weight: bold; height: 42px; padding: 6px 50px 0px 12px; text-decoration: none; text-shadow: 1px 1px 0px #fff; -moz-transition: background 0.15s ease-in-out; -webkit-transition: background 0.15s ease-in-out; }
#menu ul li a em { color: #aaa; display: block; font-weight: normal; line-height: 14px; text-transform: lowercase; -moz-transition: color 0.15s ease-in-out; -webkit-transition: color 0.15s ease-in-out; }
#menu ul li a:hover { background: #fff; }
#menu ul li a:hover em { color: #f60; }
#menu ul li a:active { height: 41px; padding-top: 7px; }
#menu li a.nav-on, nav li a.nav-on:hover { background: #e6e6e6; cursor: default; }
#menu li a.nav-on em, nav li a.nav-on:hover em { color: #f60; }
*/

#bodytext {
	background-color: #fff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding-left : 15px;
	padding-right : 15px;
	text-align : left;
	color: #000;
	padding-top : 15px;
	padding-bottom : 30px;
}
.footer {
	background-color: #000;
	width : 1000px;
	margin-right : auto;
	margin-left : auto;
	border-top: 2px solid;
	color : #fff;
	padding-top : 5px;
	padding-bottom: 5px;
	font-size: 9px;
	text-align : center;
}
.footer a {
	background-color: #000;
	color : #fff;
	padding-left: 2px;
	padding-right: 2px;	
}
.footer a:active {
	background-color: #000;
	color : #fff;
	padding-left: 2px;
	padding-right: 2px;		
}
.footer a:visited {
	background-color: #000;
	color : #fff;
}
.footer a:hover {
	background-color: #fff;
	color : #000;
	border-top: 5px solid;
	border-bottom: 5px solid;	
}
.break {
	float: right;
	border: 4px;
	padding: 8px;
}
.break2 {
	float: left;
	border: 4px;
	padding: 8px;
}

.graphborder{ border:1px solid; }



.borderdiv {
	border:2px solid;
	border-color: rgb(220,220,220);
	overflow: hidden;
	margin: 5px;
	
	padding-bottom: 5px;
	
	
	/*border-radius:10px;*/
} 

table .newtable {

	width: auto;
}


#lineupList li{
    list-style:none;
    list-style-type:none;
}

/* 2009 - 2010 (c) | ez-css.org
 * ez.css ::  version 1.3 :: 03132010
 *
 * This style sheet caters for IE 5 browsers. 
 * With this style sheet, use the snippets from http://www.ez-css.org/layouts 
*/

/*
 * auto-centering in IE 5
 * we reset this value in the next rule so content is left aligned. 
 */
 
body {
	text-align: center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color : #fff;
	margin: 0 0 0 0;
	padding : 0;
	font-size : 10pt;
	color : #000;
}

/* 
 * This wrapper, first child of body, is used to wrap "ez-css" modules. 
 * It will auto-center if it is given a width smaller than the width of the viewport.
 * Position relative is used to create a stacking context from the start (to prevent z-index issues). 
 * overflow:hidden is used to create a block formatting context, but if you give this element a width you can replace this declaration with display:inline-block
 */

.ez-mw {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position :relative;
	z-index: 1;
	text-align: left;
	overflow: hidden;
}

/*
 * to make sure modules clear previous containers
 */

.ez-wr {
	clear: left;
	

}

/*
 * this is the clearfix method
 * we rely on this to contain floats in "stand-alone" modules 
 */
 
.ez-wr:after,
.ez-box:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

.ez-box{
	padding: 5px;
	margin: 10px;
}

/*
 * hacks for IE 5 (Win and Mac)
 * (min-height is the "hasLayout" trigger used for IE7)
 */
 
.ez-wr,.ez-box,.ez-last {display: inline-block;min-height: 0;}    
/* hides from IE-mac \*/  
* html .ez-wr,
* html .ez-box,
* html .ez-last {height: 1%;}  
.ez-wr,.ez-box,.ez-last {display: block;}  
/* end hide from IE-mac */

/*
 * the last DIV in the HTML flow (a column) must create a new block formatting context.
 * by default, we rely on "overflow:hidden", but if this creates an issue with your design, then try one of these classes instead: 
 * ez-oa
 * ez-dt 
 * ez-it
 * ez-tc
 * ez-ib
 */
 
.ez-oh {
	overflow: hidden;
}

* html .ez-oh {
	overflow: visible;
}

.ez-oa {
	overflow: auto;
}
.ez-dt {
	display: table;
}

.ez-it {
	display: inline-table;
}
.ez-tc {
	display: table-cell;
}

.ez-ib {
	display: inline-block;
}

/* 
 * DIVs to be columns
 * we float them left or right depending on module or layout
 * the negative margin is used to fix a IE6 bug (3px jog).
 */
.ez-fl {
	float: left;
	
}

* html .ez-fl {
	margin-right: -3px;
}

.ez-fr {
	float: right;
	
}

* html .ez-fr {
	margin-left: -3px;
}

/*
 * every floated column in a module or layout needs a width
 * here we have 5 default values: 1/4, 1/3, 1/2, 2/3 and 3/4
 */

.ez-5 {width: 5%;}
.ez-10 {width: 10%;}
.ez-25 {width: 25%;}
.ez-33 {width: 33.33%;}
.ez-50 {width: 50%;}
.ez-66 {width: 66.66%;}
.ez-75 {width: 75%;}
.ez-80 {width: 80%;}
.ez-90 {width: 90%;}

/* 
 * the following classes are used to make columns that are siblings overlap by 1 pixel (to vertically align 1 pixel borders between containers)
 * for this to work, this class must be applied to the following elements: 
 * - column 1 of Module 2A, 
 * - column 2 of Module 3A,
 * - column 1 of Module 3B, 
 * - column 3 of Module 4A, 
 * - column 1 of Module 4B, 
 * - column 1 in column 1 of Module 4B, 
 * - column 2 in column 1 of Module 4B 
 */
 
.ez-negmr {
	margin-right: -1px;
}

* html .ez-negmr {
	margin-right:-4px;
}

/*
 * (star html hack is used here because of the cascade, to override "* html .ez-fl")
 * same as above, but for these elements:
 * - column 1 of Module 3A,
 * - column 1 of Module 4A,
 * - column 2 of Module 4A 
 */
 
* html .ez-negmx,
.ez-negmx {
	margin-right: -1px;
}

/* 
 * same as above, but for these elements:
 * - column 1 of Module 2B,
 * - column 2 of Module 3B 
 */
 
.ez-negml {
	margin-left: -1px; 
}

* html .ez-negml {
	margin-left:-4px;
}

