body {
  font-size: 12px;
  background-image: url('../images/background_opp.jpg');
  background-size: 100%;
  background-repeat: repeat-x;
  background-attachment: fixed;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;


}
.container_12, .container_16 {
  background-color: #FFFFFF;
}
td {
  text-align: center;
  vertical-align: middle;
}

.greyborder{
    border: 1px solid #CFCFCF;
}

th {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
p {
  margin-top: 0.1em;
  margin-bottom: 1em;
}
p.header {
  text-align: left;
  font-size: 11px;
}
.error {
  color: red;
  font-weight: bold;
}
.success {
  color: #008000;
  font-weight: bold;
}
div.widget {
  border: 1px solid #998A70;
  width: 90%;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  padding: 5px;
  vertical-align: bottom;
  margin: 5px;
  background: #EDE3D1;
}
div.widgetlabel {
  position: relative;
  top: -1.1em;
  left: 0em;
  font-size: 13px;
  width: 15em;
  color: #fff;
  background: #000;
  padding: .1em .5em;
  font-weight: bold;
}
div.notification {
  width: 60%;
  border: 0px;
  margin: 2em;
  padding: .2em;
  text-align: left;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-border-radius: 1em;
}
div.notesuccess {
  background: #C2F2CD;
}
div.notefailure {
  background: #FFBFBF;
}
div.noteannouncement {
  background: #CCEAFF;
}
div.notewarning {
  background: #FAFA91;
}
.yes{
  background: #C2F2CD;
}
.no{
  background: #FFBFBF;
}

.notetext {
  font-weight: bold;
  color: #000000;
  padding-left: 1.5em;
  text-align:center;
}
.shadow {
  /*
  -moz-box-shadow: 4px 4px 5px #000;
  -webkit-box-shadow: 4px 4px 5px #000;
  box-shadow: 4px 4px 5px #000;
  -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135,
    Color='#000000');
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135,
    Color='#000000');
  background: #fff;
  */
}


div.pagetitle{

  font-weight: bold;
  font-size:2.3em;
  font-family: 'Candal', sans-serif;

  margin: .5em;
  color: #2A2A2A;
}
  div.page_descrip{
      width:85%;
      padding:7px;
      border: 1px solid #B3B3B3 ;
      margin: 3px;
}



.pickcorrect{
   color:green;
   font-weight: bold;
}

.pickwrong{
   color:red;
}
 .pickcross{
   text-decoration:line-through;
}
.pickout{
   color:red;
   font-weight: normal;
   font-style: italic;
}

.nopick{
   color:red;
   font-weight: normal;
   font-style: italic;
}
select.makepick{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100px;
	padding: 2px;
	margin: 4px 0;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;

}


div.login {
  background-image: url('../images/big_logo.gif');
  height: 575px;
  width: 960px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 98%;
  position: relative;
}
div.loginform {
  position: absolute;
  bottom: -3px;
  right: 2em;
  text-align: center;
  padding: 3px 2px 2px .5em;
}
div.logintext {
  position: absolute;
  bottom: 0px;
  left: 4em;
  height: 14em;
  width: 40em;
  text-align: left;
  color: white;
  vertical-align: middle;
}
label.login {
  width: 9em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
  color: white;
}
fieldset.login {
  border: 1px solid #fff;
  width: 30em;
  height: 13.5em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  padding: .1em;
  margin: .5em;
  vertical-align: bottom;
  text-align:center;
}
legend.login {
  position: absolute;
  top: -1.1em;
  right: 1.9em;
  color: #000;
  background: #fff;
  border: 0px solid #000;
  padding: .1em .5em;
  font-weight: bold;
}
.login {
  color: #ffffff;
}
.bottomleft {
  position: absolute;
  bottom: -2em;
  left: -7.5em;
}
.bottomright {
  position: absolute;
  bottom: .5em;
  right: -6em;
}
.rounded{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

button {
 cursor: pointer;
}

.defaultinput {
    color: #000000;
	background-color:#E3C1A3;
	border:1px solid #0A0A0A;
	font-size:12px;
	width:200px;
	padding: 5px;
	margin: 7px 0;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}

.button, .submit{
}

div.headerbox{
    width:95%;
    padding:3px;
    margin-top:10px;
    margin-bottom:7px;
    background-color:#D6C8AB;
    border-top-style:solid;
    border-top-color:#A9966C;
    border-top-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#A9966C;
    border-bottom-width:2px;
    font-weight:bold;
    color:#2a2a2a;
    font-size:1.4em;

}

button.custbutton{
   background-color:#D9FFCC;
   border-style:solid;
   border-color:#8C7650;
   border-width:2px;
}
td.tabs{
    font-size:1.1em;
    padding:5px;
    width:50%;
}

td.tab_active{
    background-color:#D6C8AB;
    font-weight:bold;

    border-top-style:solid;
    border-top-color:black;
    border-top-width:2px;
    border-left-style:solid;
    border-left-color:black;
    border-left-width:2px;
    border-right-style:solid;
    border-right-color:black;
    border-right-width:2px;

    color: black;

}
td.tab_inactive{
    border-top-style:solid;
    border-top-color:#EAE3D5;
    border-top-width:1px;
    border-left-style:solid;
    border-left-color:#EAE3D5;
    border-left-width:1px;
    border-right-style:solid;
    border-right-color:#EAE3D5;
    border-right-width:1px;

    text-decoration:underline;
}

a.popup{
    color:blue;
    text-decoration:underline;

}


/* SCOREBOARD */
.ending{background-color: #F8A3A3;}
.ingame{background-color: #A9FCCD;}
.half{background-color: #FFE195;}
.final{background-color: #D1D2FF;}
.pregame{background-color: #FEFFA7;}

td.scoreboard{text-align: center;
					 font-size:10px;
					 vertical-align:middle;
					 margin: 0px;
					 padding: 1px;}
.winner{
  font-weight: 900;
  color:green;
  font-size: 12px;
  text-decoration: underline;
}
.sb_title {
    background-color:#D6C8AB;
    width:15px;
    padding:1px;
    margin:0px;
}
.sb_title_text{
    -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-weight:bold;
    color:#2a2a2a;
    padding:1px;
    margin:0px;
    font-size: 12px;

}
.sb_options
{
    font-size:11px;
    text-align:right;
    background-color:#D6C8AB;
}
.sb_table{
    border-top-style:solid;
    border-top-color:#A9966C;
    border-top-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#A9966C;
    border-bottom-width:2px;
}
.scores{
  display:none;
}
.poss{
    color: red;
    font-weight:bold;
}

.theuser {
  background-color:#C6DDF7;
}

td.menu_brack{
  width: 100px;
  vertical-align:middle;
  padding: 5px;
}
a.menu_butt{
    text-decoration:none;
    width:100%;
    height: 32px;
    vertical-align:middle;
    color:white;
    font-size:1.2em;
    font-family: 'Merienda One', cursive;

}

.menu_butt_active{
   background-image: url('../images/region_active.png');
  background-size: 100%;

}
.menu_butt_inactive{
  background-image: url('../images/region_inactive.png');
  background-size: 100%;

}
.menu_brk_desc{
    font-size:1.35em;
    font-weight:bold;
    text-align:left;
    padding:3px;
    font-style: italic
}
.menu_brk_meta{

}
.menu_brk_meta_issue{
    color:red;
    font-weight:bold;

}

td.line{
    padding:0px;
    margin:0px;
    width:35px;
    height:23px;
}
.brk_dropdown{
    width:140px;
    font-size:11px;
    padding:0px;
    margin:0px;
}

/* Flipping css */
.hflip
{
  -webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
.vflip
{
  -webkit-transform:scaleY(-1);
    -moz-transform:scaleY(-1);
    -ms-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    position:relative;
    left:1px;
}

.dropdown_invalid{
    background: #FFA1A1;
    color:black;
}
.dropdown_valid{
    background: #61FFC5;
    color:black;
}
.dropdown_blank{
    background: #FFE987;
    color:black;
}
.widget_title{
    font-weight:bold;
    text-decoration: underline;
}
span.brk_title{
    font-size:1.5em;
    font-weight:bold;
  text-decoration: underline
}
span.brk_info{
    font-size:1.25em;
}