@import url(https://fonts.googleapis.com/css?family=Lato);

/* -- BASIC ELEMENT STYLES -- */
html, body, form {
  font-family: Lato;
  font-weight: 400;
}

.defaultBG {
  height: 99%; 
  margin: 0;
  padding: 0;
  background-color: #002F78;
}

input[type="text"], input[type="password"] {
  border: 1px solid #333333;
  border: 1px solid rgba(255,255,255,0.6);
  background-color: white;
  background: linear-gradient(#eee, #fff);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: inset 0 1px 4px #000000;
  -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.4);
  -ms-box-shadow: inset 0 1px 4px #000000;
  -ms-box-shadow: inset 0 1px 4px rgba(0,0,0,0.4);
  box-shadow: inset 0 1px 4px #000000;
  box-shadow: inset 0 1px 4px rgba(0,0,0,0.4);
  padding: 5px;
  color: #555;
  width: 200px;
}

input[type="button"], input[type="submit"] {
  border: 0;
  border-top: 1px solid #96d1f8;
  background-color: #003A96;
  background: linear-gradient(to bottom, #0665FB 5%, #003A96 100%);
  padding: 6.5px 13px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -ms-text-shadow: #000000 0 1px 0;
  -ms-text-shadow: rgba(0,0,0,.4) 0 1px 0;
  text-shadow: #000000 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 100%;
  font-family: Lato;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

input[type="button"]:hover, input[type="submit"]:hover {
  background: #0665FB;
}

input[type="button"]:active, input[type="submit"]:active {
  border-top-color: #1b435e;
  background: #1b435e;
  position:relative;
  top:1px;
}

a, a:visited {
  color: rgb(0, 148, 213);
  text-decoration: underline;
}

h1 {
  text-align: center;
  color: #465767;
}

/* -- PRIMARY STYLES -- */

.logo-small {
  max-height: 28px;
  border: none;
}

.style1 {
  height: 29px;
}

.style2 {
  height: 20px;
}

.style3 {
  color: #003366;
}

.tagline {
  color: #003366;
  margin-bottom: 15px;
}

.siteDescription {
  color: #003366;
  margin-top: 10px;
  width: 700px;
  font-size: 90%;
}

.linkBox {
  border: 1px solid rgb(199, 199, 199);
  padding:10px;
  vertical-align:top;
  margin-bottom: 15px;
}

.sectionTitleSmall, .sectionTitle {
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-size: 240%;
  color: #003366;
  -ms-text-shadow: 2px 2px #BBBBBB;
  text-shadow: 2px 2px #BBBBBB;
}

.sectionTitleSmall {
  font-size: 165%;
}

.gameLink {
  -ms-border-radius:6px;
  border-radius:6px;
  display:block;
  cursor:pointer;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-transform: uppercase;
  text-align: center;
  width: 260px;
  margin-top: 10px;
  margin-bottom: 10px;
}

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

.nfldraftLink {
  color:#2e2d2e;
  -ms-text-shadow:0 1px 0 #1F7828;
  text-shadow:0 1px 0 #1F7828;
  -webkit-box-shadow:inset 0 1px 0 0 #CCDB40;
  -ms-box-shadow:inset 0 1px 0 0 #CCDB40;
  box-shadow:inset 0 1px 0 0 #CCDB40;
  background-color:#40DB4F;
  background:linear-gradient(to bottom, #40DB4F 5%, #7EDB40 100%);
  border:1px solid #43781F;
}

.nfldraftLink:hover {
  background-color:#7EDB40;
  background:linear-gradient(to bottom, #7EDB40 5%, #40DB4F 100%);
}

.fantasydraft {
  text-decoration: none;
  color: lightblue;
  text-transform: uppercase;
  display: block;
  margin: 20px 0 20px 0;
  border: 2px black solid;
  padding: 5px;
  background-color: purple;
  width: 250px;
  font-weight: bolder;
  text-align: center;
}

.fantasyDraftLink {
  color:#2e2d2e;
  text-shadow:0px 1px 0px #ffe942; 
  box-shadow: 0px 1px 0px 0px #d1c35c;
  background-color:#f2d830;
  background:linear-gradient(to bottom, #f2d830 5%, #ff9d00 100%);
  border:1px solid #b86e00; 
}

.fantasyDraftLink:hover {
  background-color:#ff9d00;
  background:linear-gradient(to bottom, #ff9d00 5%, #f2d830 100%);
}

.articleLink {
  display: inline-block;
  margin-left: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.homepageblock {
  max-width: 350px;
  display: inline-block;
}
  
  /* HEADER CSS */
#header {
  color: #DFDFDF;
}

#header a {
  text-decoration: none;
  font-weight: bold;
  font-size: 24px;
}

#header #navbar a, #footer a {
  color: #DFDFDF;
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
}

#logo_bar {
  padding: 20px;
}

#navbar {
  background-color: #465767;
}

#navbar ul {
  display: inline-block;
  list-style: none outside none;
  margin: 0;
  padding: 5px 0 5px 10px;
}

#navbar ul li {
  float: left;
  padding: 5px 10px;
  border: 1px solid #576A7B;
  background-color: #516272;
}

.alertPanel {
  float: right;
  text-align: center;
  background-color: white;
  padding: 3px;
  margin: 5px 200px 0 0;
  width: 600px;
  font-size: 10pt;
  color: black;
}

.alertPanel .alertMinute {
  text-decoration: underline;
  font-size: 11pt;
}

.alertPanel .alertImage {
  display: block;
  float: left;
}
  
  /* MAIN CONTENT */
#main {
  padding-top: 20px;
  padding-bottom: 20px;
  background: url("../Images/grass_bg.jpg") repeat scroll 0 0 transparent;
}

.main_container {
  overflow: hidden;
  background: white;
  background: linear-gradient(to bottom, white , rgb(237, 237, 237));
  margin: 0 auto;
  padding: 20px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 5px 5px 4px #000000;
  -webkit-box-shadow: 5px 5px 4px rgba(0,0,0,0.4);
  -ms-box-shadow: 5px 5px 4px #000000;
  -ms-box-shadow: 5px 5px 4px rgba(0,0,0,0.4);
  box-shadow: 5px 5px 4px #000000;
  box-shadow: 5px 5px 4px rgba(0,0,0,0.4);
  display: table;
}

.container1 {
  background: #F2F2F2;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.container1 h1 {
  background: #CCC;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  padding: 20px;
  color: white;
  text-transform: uppercase;
  -ms-text-shadow: 0 -1px 0 #000000;
  -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
}

.container1 h1.green {
  background: #00BB27;
}

.container1 ul {
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0;
}

.container1 .content {
  padding-bottom: 15px;
  color: #555555;
}

.center {
  text-align: center;
}

#ontheclock, #previouspick {
  width: 650px;
  margin: 0 auto;
  text-transform: uppercase;
}

.container1 input {
  cursor: pointer;
  background: none repeat scroll 0 0 #000000;
  border: 1px solid #999999;
  -ms-border-radius: 15px;
  border-radius: 15px;
  color: #00BB27;
  font-weight: bold;
  margin-right: 10px;
  padding: 4px;
  text-transform: uppercase;
}

#next5 {
  width: 250px;
}

  /* DATA GRID */
table.dataGrid {
  margin: 0;
  padding: 0;
  color: #333;
  line-height: 30px;
  border-spacing: 0;
  border: 2px solid #004BC2;
  cursor: default;
  margin-left: 20px;
  border-collapse: collapse;
  -webkit-box-shadow: 0 2px 6px #000000;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 6px #000000;
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 6px #000000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

table.dataGridTight {
  margin: 5px 0 0 3px;
}

table.dataGrid tr:first-child {
  background: #004BC2;
  color: #fff;
}

table.dataGrid th {
  font-weight: bold;
  text-align: left;
}

table.dataGrid th, table.dataGrid td {
  padding: 2px 15px 2px 20px;
  border-left: 0;
  border-right: 0;
}

table.dataGridTight th, table.dataGridTight td {
  padding: 2px 2px 2px 2px;
  vertical-align: middle;
  line-height: normal;
}

table.dataGrid tbody tr:last-child td {
  border-bottom: none;
}

table.dataGrid tbody td {
  border-bottom: 1px solid #ddd;
}

  /* FOOTER CSS */
#footer {
  color: #DFDFDF;
  width: 100%;
  text-align: center;
}

#footer .keywordText {
    max-width: 700px;
    font-style:italic;
    margin-left:auto;
    margin-right:auto;
}

#footer ul {
  display: inline-block;
  list-style: none outside none;
  margin: 0;
  padding: 20px 0 10px 0;
  text-align: center;
  width: 100%;
}

#footer ul li {
  display: inline;
  border-right: 1px solid #DFDFDF;
  padding-right: 10px;
  padding-left: 10px;
}

#footer ul li.last {
  border-right: none;
}

#footer em.copyright {
  font-size: 10px;
  display: inline-block;
  margin-bottom: 5px;
}

.fp_table {
  margin: 0 auto;
  color: #465767;
  margin-bottom: 20px;
}

.fp_table, .fp_table tr, .fp_table tr td {
  border-color: #465767;
}

  /* MISC */
:invalid {
    border: 2px solid #ff0000;
}

div#scoring input[type="text"] { 
  width:40px; 
}

.playerPosition {
  width: 56px;
}

.playerPositionBestPlayer {
  background: #1dcb47 !important;
  color: black !important;
}

.playerPositionBest {
  background: #5ad8fd !important; 
  color: black !important;
}

.projDay {
  text-align: center;
}

/* ADS */
.ad728x90 {
    width:730px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
}

.ad970x250 {
    width:972px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
}

.ad300x250 {
    padding:5px;
    text-align:right;
}

.ad336x280 {
    padding:5px;
    text-align:right;
}

.adBottomLeft
{
    padding:5px;
    width:97%;
    margin-top:20px;
}

a.share-btn, a.share-btn:visited {
    display: inline-block;
    color: #ffffff;
    border: none;
    padding: 0.5em;
    width: 5em;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    outline: none;
    text-align: center;
    text-decoration:none;
    margin:5px;
}

a.share-btn:hover {
  color: #eeeeee;
}

a.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}

a.share-btn.twitter     { background: #55acee; }
a.share-btn.directlink { background: #dd4b39; }
a.share-btn.facebook    { background: #3B5998; }