/************************************************************************
/*
/*    NatesDawgs.com Awards styling rules
/*     
/*    Rules on this page will govern the styling for the awards pages:
/*         National Awards
/*         All Americans
/*         All SEC 
/*
/*    INCLUDE SITE WIDE VARIABLES
/*
       
/************************************************************************
/*
/*    define css VARIABLES
/*
/************************************************************************/


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


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

#display_allamer, #display_allsec {
 float:left;
}

.allamer img {
 float:left;
 border:1px black solid;
 width:150px;
 margin:25px;
}

div.allamer {
 border-top:1px dashed #666666;
 line-height:1.5em;
 float:left;
 width:100%;
}

table.awards_options {
 border:0;
 text-align:left;
}

table.awards_options td {
 vertical-align:top;
 text-align:left;
}

#awards_decades, #awards_positions, #awards_times {
 border:1px red solid;
 text-align:center;
 margin: 0px 12px 0px 12px;
 display: inline-block;
 padding: 10px 25px;
 background-color:#D4D4D4;
}


/************************************************************************
/*
/*    begin NATIONAL AWARDS
/*
/************************************************************************/

img.natl_award_pic, img.natl_award_type {
 position:absolute;
 border:1px black solid;
 width:150px;
 height:200px;
}

img.natl_award_type {
 display:none;
}

.natl_awards {
 float:left;
 margin:10px;
 width:150px;
 height:200px;
 cursor:pointer;
}

#natl_awards_tiles {
 width:700px;
 float:left;
 border:1px red solid;
 margin: 0px;
 display: inline-block;
 padding: 10px 15px;
 background-color:#D4D4D4;
}

.natl_hidden_desc {
 display:none;
}

#natl_awards_desc table {
 width:95%;
 text-align:center;
}

#natl_awards_desc img {
 border:1px black solid;
 width:250px;
 text-align:center;
 margin:10px;
}

#natl_awards_desc td.td_natl_award_plyr {
 color:red;
 font: 13pt 'Molengo', Verdana, sans-serif;
 font-weight:bold;
 line-height:2.0em;
 text-align:left;
}

#natl_awards_desc td.td_natl_award_year {
 color:#333333;
 font: 12pt 'Molengo', Verdana, sans-serif;
 font-weight:bold;
 padding:8px 0px;
 letter-spacing:1.2px; 
 text-align:left;
}

#natl_awards_desc td.td_natl_award_desc {
 color:black;
 font: 10pt 'Molengo', Verdana, sans-serif;
 font-weight:normal;
 line-height:1.75em;
 text-align:justify;
}

#natl_awards_desc {
 float:left;
 text-align:center;
 width:400px;
 border:0px;
 margin:50px 20px;
}

/************************************************************************
/*
/*    end NATIONAL AWARDS
/*
/************************************************************************/


/************************************************************************
/*
/*    begin INTERESTING FACTS
/*
/************************************************************************/

#display_awards_facts {
 float:right;
 width:250px;
}

.awards_facts {
 border:1px red solid;
 text-align:center;
 margin: 0px 5px 0px 5px;
 display: inline-block;
 background-color:#D4D4D4;
 width:90%;
}

.awards_facts_title {
 font: 10pt 'Molengo', Verdana, sans-serif;
 font-style:italic;
 line-height:2.0em;
}

.awards_facts_table {
 width:100%;
 border-spacing:8px;
 font: 8pt 'Molengo', Verdana, sans-serif;
 text-align:center;
 border-top:1px dashed #888888;
 padding-bottom:10px;
 margin-bottom:10px;
}

.awards_facts_left {
 text-align:right;
 font-weight:bold;
}

.awards_facts_right {
 text-align:left;
}

/************************************************************************
/*
/*    end INTERESTING FACTS
/*
/************************************************************************/


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

.awards_button, .awards_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 1em .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);
}

.awards_button {
 width:75px;
 min-width:75px;
}

.awards_button_pos {
 width:125px;
 min-width:125px;
}

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

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