/************************************************************************
/*
/*    NatesDawgs.com Roster styling rules
/*     
/*    Rules on this page will govern the styling for the roster pages
/*
/*    INCLUDE SITE WIDE VARIABLES
/*
       
/************************************************************************
/*
/*    define css VARIABLES
/*
/************************************************************************/


/************************************************************************
/*
/*    end VARIABLES
/*
/************************************************************************/


/*
/************************************************************************/

#rstr_left_nav {
 width:265px;
 float:left;
 margin:0px;
 padding:0px;
 text-align: center;
}

#display_roster {
/* width:875px;

*/
 margin-left:5px;
 float:left;
 padding-left:5px;
 border-left:1px solid #eaeaea;
}

#roster_class, #roster_positions, #roster_theyear {
 border:1px red solid;
 text-align:center;
 margin: 0px 5px 0px 5px;
 display: inline-block;
 padding: 10px 10px;
 background-color:#D4D4D4;
 width:220px;
}

div.rstr_pos_group {
 width:100%;
 background:#333333;
 color:white;
 font: 16pt 'Molengo', Verdana, sans-serif;
 margin: 15px 0px 10px 0px;
}

.rstr_divider {
 position: relative;
 background: #ffffff url('css_images/border2.gif') repeat-x;
 height: 8px;
 margin: 0em 0em 0.5em 0em;
 clear: both;
}

#roster_tbl {
 margin:15px 0px;
 text-align:center;
 font-size:0.92em;
 width:100%;
 border-collapse:collapse;
}

#roster_tbl thead td {
 cursor:pointer;
 font-size:0.9em;
 color:#222222;
 font-style:italic;
 border-bottom:1px dashed #AAAAAA;
 vertical-align:bottom;
}

#display_roster a, #display_roster a:hover, #display_roster a:visited {
 text-decoration:none;
 color:red;
}


/************************************************************************
/*
/*    begin SHIP ROSTER
/*
/************************************************************************/

#ship_attrition {
 float:left;
 width:265px;
 margin-left:20px;
}

#ship_place {
 float:left;
 min-width:850px;
 margin: 0;
 padding: 0;
}

.shiptxt {
 padding:25px;
 line-height: 1.5em;
 text-align: justify;
}

.roster_ship_tbl {
 border:0;
 border-collapse:collapse;
 margin: 0;
 padding: 0;
}

.droptrue {
 list-style-type: none;
 margin: 0;
 float: left;
 background: #D4D4D4;
 padding: 2px 5px;
 width: 133px;
 min-width: 133px;
}

.droptrue li {
 margin: 2px 5px;
 padding: 2px 5px;
 font-size: 10pt;
 width: 110px;
 min-width: 110px;
 text-align:center;
 font-weight:normal;
 cursor: move;
 border:1px solid #333333;
}

.roster_ship_tbl td {
 vertical-align:top;
}

.roster_ship_tbl td,
.roster_ship_tbl td.tophead,
.roster_ship_tbl td.counts,
td.lefthead, td.lefthead2, 
td.rightarea, td.rightarea2 {
 border-right:1px solid #aaaaaa;
 border-bottom:1px solid #aaaaaa;
}

.roster_ship_tbl td.tophead,
.roster_ship_tbl td.counts {
 padding-bottom:4px;
 text-align:center;
 vertical-align:middle;
 font-size:9pt;
 width:25px;
}

.roster_ship_tbl td.tophead {
 color:#eaeaea;
 font-weight:normal;
 background:red;
}

.roster_ship_tbl td.counts {
 font-weight:bold;
 color:#333333;
}

.roster_ship_tbl td.empty {
 border-right:1px solid #aaaaaa;
 border-bottom:0;
}

.roster_ship_tbl td.sideofball {
 font-weight:bold;
 color:#ff0000;
 background:#eaeaea;
 font-size:9pt;
 text-align:center;
 padding:5px;
 text-decoration:underline;
}

td.lefthead,
td.rightarea {
 text-align:center;
 vertical-align:middle;
 color:#333333;
}

td.lefthead {
 font-size:9pt;
 font-weight:normal;
 width:85px;
 padding:0px 5px;
}

td.rightarea {
 font-weight:bold;
 padding:3px 5px;
}

td.lefthead2, 
td.rightarea2 {
 text-align:center;
 vertical-align:middle;
 color:#eaeaea;
 width:85px;
 background:red;
}

td.lefthead2 {
 font-size:10pt;
 font-weight:normal;
 padding:0px 10px;
}

td.rightarea2 {
 font-weight:bold;
 padding:3px 10px;
}

td.blurb {
 padding: 2px 4px;
 color:#333333;
 font-size:9pt;
 font-weight:normal;
}

ul.ship_reasons {
 padding-left: 20px;
}

.tblattr  {
 border-collapse: separate;
 border-spacing: 0px 10px;
 *border-collapse: expression('separate', cellSpacing = '0px 10px');
}

/************************************************************************
/*
/*    end SHIP ROSTER
/*
/************************************************************************/


/************************************************************************
/*
/*    begin ON/OFF SWITCH
/*       - more colors at: http://www.webdesignerwall.com/demo/css-buttons.html
/*
/************************************************************************/

.rstr_button, .rstr_button_pos {
 display: inline-block;
 margin-bottom:3px;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 12px/100% Arial, Helvetica, sans-serif;
 padding: .5em .5em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 -webkit-border-radius: .5em; 
 -moz-border-radius: .5em;
 border-radius: .5em;
 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.rstr_button {
 width:95px;
}

.rstr_button_pos {
 width:95px;
}

.rstr_button:hover {
 text-decoration: none;
}

.rstr_button:active {
 position: relative;
 top: 1px;
}

/* red */
.red, .red:visited {
 color: #faddde;
 border: solid 1px #980c10;
 background: #d81b21;
 background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
 background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.red:hover {
 background: #b61318;
 background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
 background: -moz-linear-gradient(top,  #c9151b,  #a11115);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

.red:active {
 color: #de898c;
 background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
 background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* gray */
.gray, .gray:visited {
 color: #e9e9e9;
 border: solid 1px #555;
 background: #6e6e6e;
 background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
 background: -moz-linear-gradient(top,  #888,  #575757);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.gray:hover {
 background: #616161;
 background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
 background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

.gray:active {
 color: #afafaf;
 background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
 background: -moz-linear-gradient(top,  #575757,  #888);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* white */
.white, .white:visited {
 color: #606060;
 border: solid 1px #b7b7b7;
 background: #fff;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
 background: -moz-linear-gradient(top,  #fff,  #ededed);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.white:hover {
 background: #ededed;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
 background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
 color: #999;
 background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
 background: -moz-linear-gradient(top,  #ededed,  #fff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/************************************************************************
/*
/*    end ON/OFF SWITCH
/*
/************************************************************************/