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


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


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


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

#display_recruits, #display_signees {
 margin-left:5px;
 padding-left:5px;
 float:left;
 border-left:1px solid #eaeaea;
}

#recruits_interest, #recruits_positions, #recruits_theyear {
 border:1px red solid;
 text-align:center;
 margin: 0px 12px 0px 12px;
 display: inline-block;
 padding: 10px 10px;
 background-color:#D4D4D4;
 width:220px;
}

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

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

.class_avgs {
 width:550px;
 text-align:center; 
 font-weight:bold;
 margin:0px 0px 30px 100px;
}

.class_avgs_head > td {
 font-size:90%;
 font-style:italic;
 font-weight:normal;
 border-bottom:1px dashed #333333;
}

.class_avgs img {
 height:20px;
 border:0px;
 display:inline;
}

/************************************************************************
/*
/*    begin recruit line entry
/*
/************************************************************************/

.recr_line {
}

.recr_line img {
 height:60px;
 border:1px solid black;
}

img.recr_star {
 height:20px;
 border:0px;
 display:inline;
 margin-top:8px;
}

.recr_line .div_img, .recr_line .div_interest {
 float:left;
 margin:5px 0px 5px 10px;
 width:60px;
 text-align:center;
 font: 11pt 'Molengo', Verdana, sans-serif;
 color:#333333;
}

.recr_line .div_interest img {
 border:0px;
}

.recr_line .div_info {
 float:left;
 margin:5px 0px 5px 10px;
 width:300px;
 text-align:left;
}

.recr_line .div_ranks, .recr_line .div_stars {
 float:left;
 margin:5px 0px 5px 0px;
 width:175px;
 text-align:center;
}

.div_ranks table.recr_ranks {
 font: 10pt 'Molengo', Verdana, sans-serif;
 width:100%;
 text-align:right;
 border-spacing:6px;
}

.div_ranks table.recr_ranks td.leftcell {
 text-align:right;
 width:120px;
 color:#888888;
}

.div_ranks table.recr_ranks td.rightcell {
 text-align:left;
 color:#333333;
}

.recr_line .div_position {
 float:left;
 margin:5px 0px 5px 10px;
 width:50px;
 text-align:center;
}

.recr_line span.recr_name, .recr_line span.recr_name a, .recr_line span.recr_name a:visited {
 color:red;
 font: 11pt 'Molengo', Verdana, sans-serif;
 font-weight:bold;
 text-decoration:none;
}

.recr_line span.recr_info {
 font: 10pt 'Molengo', Verdana, sans-serif;
}

img.recr_line_sml {
 width:20px;
 height:20px;
 border:0px;
 margin:0px 7px 0px 7px;
 padding-bottom:7px;
}

img.recr_line_med {
 width:30px;
 height:30px;
 border:0px;
 margin:0px 7px 0px 7px;
}

/************************************************************************
/*
/*    end recruit line entry
/*
/************************************************************************/


/************************************************************************
/*
/*    begin recruit line PRE 2011 entry
/*
/************************************************************************/

.recr_line .div_position_pre02 {
 float:left;
 margin:0px 0px 5px 10px;
 width:50px;
 text-align:center;
}

.recr_line .div_info_pre02 {
 float:left;
 margin:0px 0px 5px 10px;
 width:750px;
 text-align:left;
}

.recr_line .div_info_pre02 span {
 margin-left:20px;
}

/************************************************************************
/*
/*    end recruit line PRE 2011 entry
/*
/************************************************************************/


/************************************************************************
/*
/*    begin PROSPECT PROFILE
/*
/************************************************************************/

.prosp_profile {
}

.prosp_profile span.recr_name {
 color:red;
 font: 18pt 'Molengo', Verdana, sans-serif;
 font-weight:bold;
}

.prosp_profile span.recr_info {
 font: 11pt 'Molengo', Verdana, sans-serif;
 line-height:2em;
 letter-spacing:1.5px;
}

.prosp_profile .profile_info {
 float:left;
 margin:5px 0px 5px 15px;
 width:500px;
 text-align:left;
}

.prosp_profile .profile_info .profile_ranks {
 width:100%;
 border-spacing:0px;
 border-collapse:collapse;
 text-align:center;
 font: 10pt 'Molengo', Verdana, sans-serif;
}

.prosp_profile .profile_info .profile_ranks tr.headrow > td {
 zoom:90%;
 color:#333333;
 border-bottom:1px dashed #333333;
 padding-bottom:4px;
}

.prosp_profile .profile_info .profile_ranks tr.totrow > td {
 color:#333333;
 border-top:1px dashed #333333;
 line-height:2em;
 padding:4px 0px;
}

.prosp_profile .profile_info .profile_ranks td.sitename {
 zoom:90%;
 color:red;
 text-decoration:none;
 line-height:2em;
 border-right:1px dashed #333333;
}

.prosp_profile .profile_info .profile_ranks td.sitename a,
.prosp_profile .profile_info .profile_ranks td.sitename a:visited {
 text-decoration:none;
}

.prosp_profile .profile_info .profile_ranks img {
 height:15px;
 border:0px;
}

.prospect_videos, .prospect_comments {
 float:left;
 border:1px red solid;
 text-align:left;
 margin: 25px 12px 0px 25px;
 display: inline-block;
 padding: 10px 25px;
 background-color:#D4D4D4;
}

.prospect_videos {
 width:575px;
}

.prospect_comments {
 width:375px;
}

#video_preview {
 text-align:center;
}

.prosp_profile .profile_img {
 float:left;
 margin:17px 20px 5px 10px;
 text-align:center;
}

.prosp_profile .profile_img img {
 width:170px;
 border:1px solid black;
}

.vid_link, .vid_link:visited, .vid_link:hover {
 margin-left:30px;
 text-decoration:none;
 color:red;
 cursor:pointer;
}

.pos_int_container {
 float:left;
 margin:20px 0px 5px 10px;
 width:200px;
 text-align:center;
 text-shadow: 2px 2px #aaaaaa;
 font: 26pt 'Molengo', Verdana, sans-serif;
 color:#333333;
}

.profile_position {
 float:left;
 margin:10px 0px 5px 10px;
 width:200px;
}

.profile_interest {
 float:left;
 margin:25px 0px 5px 10px;
 width:200px;
}

.profile_interest img {
 width:100px;
 border:0px;
}

table.profile_comment {
 width:100%;
}

td.profile_cmt_date, td.profile_cmt_text {
 vertical-align:top;
 text-align:left;
 font: 10pt 'Molengo', Verdana, sans-serif;
}

td.profile_cmt_date {
 font-style:italic;
 width:75px;
}

td.profile_cmt_text {
 text-align:justify;
}

img.recr_sml_img {
 width:25px;
 height:25px;
 border:0px;
 margin:10px 10px 0px 10px;
}

img.recr_med_img {
 width:50px;
 height:50px;
 border:0px;
 margin:10px 10px 0px 10px;
}

/************************************************************************
/*
/*    end PROSPECT PROFILE
/*
/************************************************************************/


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

.recr_button, .recr_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);
}

.recr_button {
 width:95px;
}

.recr_button_pos {
 width:95px;
}

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

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