/* tables */

fieldset {margin: 0px 0px 40px 25px; padding: 0px; border:none; width: 400px;}


table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 10px 15px 10px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}


#roster a{color: #20374A;}
#roster img {padding: 5px; border-style: none;}




table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #E6EAEE;
	color: #20374A;
	font-size: 8pt;
	padding: 4px;
}




table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	
}
table.tablesorter tbody td {
	color: #20374A;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#E6EAEE;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8497A8;
}




#page { margin: 0 auto; width: 900px; background-color: #fff; postion: relative;}

#header { width: 900px; background-color: #20374A; height: 80px; postion: relative; margin-left: 10px; margin-bottom: 10px; }


#filter-box {padding: 5px; margin-left: 10px;}

#filter-clear-button { background: url(reset.gif) no-repeat; height: 22px; width: 92px; border: none; position: relative; left: 10px; top: -2px;}

#filter-clear-button:hover { background: url(reset.gif) 0 -22px no-repeat;}

 #search { position: relative; left: 10px; top: 6px; }





.RosterEdit{ margin: 0px 0px 0px 20px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 10px; color:#20374A;}

 .RosterEdit a { color:#20374A;}
  .RosterEdit a:hover{ color:#20374A; text-decoration:none;}
 
 
#RosterChange p.RosterHead{ font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size:20px; color:#20374A; margin: 0px 20px 20px 0px;}
#RosterChange {  margin-left: 10px; padding: 20px 20px 20px 20px;  width: 860px;}
#RosterChange p { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size:12px; color:#20374A; margin-bottom:10px; padding-bottom:2px; }
 h4.FormHeader {font-family: "Lucida Grande", Verdana, Arial, sans-serif; color:#20374A;}

#RosterForm  p.RosterHead { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size:20px; color:#20374A; margin: 0px 20px 20px 0px;} 
 
 
#RosterForm {  margin-left: 10px; padding: 20px 20px 20px 20px; background-color: #E6EAEE; width: 860px;}



#RosterForm p { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size:12px; color:#20374A; margin-bottom:10px; padding-bottom:2px; }

#RosterForm  label{ display:block; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size:11px; color: #20374A; text-align:left; width:400px; }

#RosterForm input { font-size:12px; padding:5px 4px; border:solid 1px #20374A; width:400px; margin:2px 0 10px 2px; }

#RosterForm  textarea { height: 150px; width: 400px; padding:4px 2px; margin:2px 0 10px 2px; border:solid 1px #20374A;}

#RosterForm  .submit { background: url(submit.gif) no-repeat; height: 22px; width: 200px; border: none; }

#RosterForm  .submit:hover { background: url(submit.gif) 0 -22px no-repeat;}

#RosterForm h4 {font-family: "Lucida Grande", Verdana, Arial, sans-serif; color:#20374A;}

#RosterForm input {width: 320px; }


#RosterForm textarea{width: 324px; height: 70px;}

.form-btn {margin-bottom: 40px;}

.form-btn img { margin: 0px;}
.form-btn a { display:block; height:37px; width:142px; overflow:hidden; }
.form-btn a:hover {display:block; text-indent:-142px; }

a:active { 
    border:none;
    outline:none;
}

a:focus
{
-moz-outline-style: none;
}