/************************************************************************
/*
/*    NatesDawgs.com Control Panel styling rules
/*     
/*    Rules on this page will govern the styling for NDCP. 
/*
/*    INCLUDE SITE WIDE VARIABLES
/*
       
/************************************************************************
/*
/*    define css VARIABLES
/*
/************************************************************************/


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


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

.err {
 color:red;
 font-weight:bold;
 font-style:italic;
}

#ndcp_nav {
 float:left;
 border-right:1px solid #eaeaea;
 text-align:left;
 width:175px;
}

#ndcp_logout {
 float:right;
 margin:15px 10px 10px 0px;
 text-decoration:none;
 font: 11pt 'Molengo', Verdana, sans-serif;
 color: #333333;
}

#ndcp_logout a, #ndcp_logout a:visited {
 color:#333333;
 text-decoration:none;
}

#ndcp_logout a:hover {
 color:red;
 text-decoration:none;
}

#ndcp_updates {
 float:left;
 margin:5px 0px 0px 15px;
 width: 995px;
}

button {
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 border:1px solid #ccc;
 font-size:13px;
 background:none;
 margin: 0px 5px 8px 50px;
 min-height:15px;
 width:150px;
 outline: none;
 padding:5px;
 cursor:pointer;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -o-border-radius:5px;
 -ms-border-radius:5px;
 border-radius:5px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#bdbdbd'); 
 background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#bdbdbd));
 background: -moz-linear-gradient(top,  #F2F2F2,  #bdbdbd); 
}

img.ndcp_del {
 border:0;
 width:17px;
 height:17px;
 margin:0px 5px;
 cursor:pointer;
}

img.ndcp_add {
 border:0;
 width:21px;
 height:21px;
 margin:0px 5px;
 cursor:pointer;
 padding:0;
 vertical-align:bottom;
}

img.ndcp_upd {
 border:0;
 width:17px;
 height:17px;
 margin:0px 10px;
 cursor:pointer;
 padding:0;
}

.ndcp_site_stats {
 border:1px red solid;
 float:left;
 text-align:left;
 margin: 0px 0px 40px 0px;
 display: inline-block;
 padding: 10px;
 line-height:25px;
 letter-spacing:1.2px;
 background-color:#D4D4D4;
 height:375px;
 width:325px;
}

/************************************************************************
/*
/*    begin RECRUIT updates
/*
/************************************************************************/

table.upd_recr_profile td:nth-child(odd) {
 padding-right:5px;
 font-size:8pt;
 font-style:italic;
} 

table.upd_recr_profile td input {
 text-align:center;
} 

table.update_ranks td {
 text-align:center;
 padding:0px 5px;
}

table.update_ranks td input {
 text-align:center;
 width:50px;
}

table.update_ranks td input.plyrURL {
 text-align:center;
 width:450px;
}

tr.headrow td {
 font-size:8pt;
 font-style:italic;
}

#upd_plyr_cmts table td,
#upd_plyr_vids table td {
 text-align:center;
 vertical-align:top;
}

.sml_input {
 width:70px;
}

.med_input {
 width:135;
}

.lrg_input {
 width:190px;
}

#upd_plyr_cmts textarea,
#upd_plyr_vids textarea {
 margin-right:10px;
} 

/************************************************************************
/*
/*    end RECRUIT updates
/*
/************************************************************************/


/************************************************************************
/*
/*    begin BLAWG updates
/*
/************************************************************************/

div#blawgs_old, div#blawgs_draft {
 margin-left:25px;
}

div.blawg_line {
 float:left;
 width:800px;
 border-top:1px dotted #BBBBBB;
 border-left:1px dotted #BBBBBB;
 border-right:1px dotted #BBBBBB;
}

div.blawg_line:last-child {
 border-bottom:1px dotted #BBBBBB;
}

div.ndcp_blawg_title {
 float:left;
 width:400px;
 margin:15px 20px;
 cursor:pointer;
}

div.ndcp_blawg_author {
 float:left;
 width:60px;
 margin:15px 20px;
 font-style:italic;
}

div.ndcp_blawg_date {
 float:left;
 width:180px;
 margin:15px 20px;
}

#bl_up_btn_section {
 float:right;
 text-align:center;
 margin: 0px 150px 0px 0px;
}

#bl_up_btn_section button {
 margin-right:50px;
}

td.bl_up_left {
 font-size:10pt;
 font-style:italic;
 text-align:center;
 width:100px;
}

td.bl_up_left, td.bl_up_right {
 line-height:2.0em;
}

select#blawg_status, select#blawg_author {
 width:150px;
 text-align:center;
}

#blawg_title {
 width:350px;
}

/************************************************************************
/*
/*    end BLAWG updates
/*
/************************************************************************/


/************************************************************************
/*
/*    begin GAME STATS updates
/*
/************************************************************************/

select.gamestats_opt { 
 text-align:center;
 width:110px;
} 

select.gamestats_opt_long { 
 text-align:center;
 width:300px;
} 

.gs_options {
 float:left;
 margin:5px 20px 10px 10px;
}

select#sel_season, select#sel_ins_upd {
 display:none;
}

input.upd_stats {
 width:90px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

input.upd_stats_empty {
 background-color:yellow;
 width:90px;
 text-align:center;
 color:#222222;
 font-style:italic;
 font: 12px 'Molengo', Verdana, sans-serif;
}

input.upd_def_stats {
 width:60px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

input.upd_def_stats_empty {
 background-color:yellow;
 width:60px;
 text-align:center;
 color:#222222;
 font-style:italic;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.upd_stats {
 width:130px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.upd_stats_empty {
 background-color:yellow;
 width:130px;
 text-align:center;
 color:#222222;
 font-style:italic;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.upd_def_stats {
 width:105px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.upd_def_stats_empty {
 background-color:yellow;
 width:105px;
 text-align:center;
 color:#222222;
 font-style:italic;
 font: 12px 'Molengo', Verdana, sans-serif;
}

div.team_head {
 display:inline-block;
 font-size:10px;
 font-weight:bold;
 font-style:italic;
 border-bottom:1px black dotted;
 margin:4px 0px;
 text-align:center;
 width:90px;
}

.team_long {
 display:inline-block;
 font-size:10px;
 font-weight:bold;
 font-style:italic;
 margin-right:5px;
 text-align:right;
 width:350px;
}

div.rush_head_sel, div.rush_head {
 display:inline-block;
 font-size:10px;
 font-weight:bold;
 font-style:italic;
 border-bottom:1px black dotted;
 margin:4px 0px;
 text-align:center;
}

div.rush_head_sel {
 width:130px;
}

div.rush_head {
 width:90px;
}

div.def_head_sel, div.def_head {
 display:inline-block;
 font-size:9px;
 font-weight:bold;
 font-style:italic;
 border-bottom:1px black dotted;
 margin:4px 0px;
 text-align:center;
}

div.def_head_sel {
 width:105px;
}

div.def_head {
 width:60px;
}

div#upd_Rush_results {
 font-weight:bold; 
 margin:10px;
}

.upd_Good {
 color:green;
}

.upd_Fail {
 color:red;
}

/************************************************************************
/*
/*    end GAME STATS updates
/*
/************************************************************************/


/************************************************************************
/*
/*    begin QUOTES updates
/*
/************************************************************************/

div.qte_head_by, div.qte_head_txt, div.qte_head_sel {
 display:inline-block;
 font-size:10px;
 font-weight:bold;
 font-style:italic;
 border-bottom:1px black dotted;
 margin:4px 0px;
 text-align:center;
}

div.qte_head_by {
 width:180px;
}

div.qte_head_txt {
 width:500px;
}

div.qte_head_sel {
 width:75px;
}

input.qte_by {
 width:180px;
 text-align:center;
 font: 11px 'Molengo', Verdana, sans-serif;
 border:0px;
 background-color:#fff;
}

.qte_txt {
 width:500px;
 text-align:center;
 font: 11px 'Molengo', Verdana, sans-serif;
}

select.qte_sel {
 width:75px;
 text-align:center;
 font: 11px 'Molengo', Verdana, sans-serif;
}

/************************************************************************
/*
/*    end QUOTES updates
/*
/************************************************************************/


/************************************************************************
/*
/*    begin ROSTER updates
/*
/************************************************************************/

div.rstrAdd_head_sel, div.rstrAdd_head, div.rstrNew_head_sel,
div.rstrNew_head_sel_short, div.rstrNew_head, div.rstrNew_head_short {
 display:inline-block;
 font-size:10px;
 font-weight:bold;
 font-style:italic;
 border-bottom:1px black dotted;
 margin:4px 0px;
 text-align:center;
}

div.rstrAdd_head_sel {
 width:180px;
}

div.rstrAdd_head {
 width:120px;
}

input.rstr_add {
 width:120px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.rstr_add {
 width:180px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.rstr_add_empty {
 background-color:yellow;
 width:180px;
 text-align:center;
 color:#222222;
 font-style:italic;
 font: 12px 'Molengo', Verdana, sans-serif;
}

input.rstr_new {
 width:80px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

input.rstr_new_short {
 width:50px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.rstr_new_short {
 width:50px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.rstr_new, select.rstr_new_empty {
 width:140px;
 text-align:center;
 font: 12px 'Molengo', Verdana, sans-serif;
}

select.rstr_new_empty {
 background-color:yellow;
 color:#222222;
 font-style:italic;
}

div.rstrNew_head_sel {
 width:140px;
}

div.rstrNew_head_sel_short {
 width:50px;
}

div.rstrNew_head {
 width:80px;
}

div.rstrNew_head_short {
 width:50px;
}

/************************************************************************
/*
/*    end ROSTER updates
/*
/************************************************************************/


/************************************************************************
/*
/*    begin SCHEDULE updates
/*
/************************************************************************/

table.schd_upd {
 border-spacing:5px;
 border:0px;
 font: 12px 'Molengo', Verdana, sans-serif;
}

table.schd_upd thead td {
 border-bottom:1px dotted #333333;
 font-weight:bold;
 font-style:italic;
 font-size:95%;
 vertical-align:bottom;
}

table.schd_upd .input_sml {
 width:55px;
}

table.schd_upd .input_med {
 width:120px;
}

table.schd_upd .input_lrg {
 width:230px;
}

/************************************************************************
/*
/*    end SCHEDULE updates
/*
/************************************************************************/


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

.ndcp_button {
 display: inline-block;
 width:100px;
 margin-bottom:6px;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% Arial, Helvetica, sans-serif;
 padding: .5em 2em .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);
}

/* 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
/*
/************************************************************************/