/* My Styles
––––––––––––––––––––––––––––––––––––––––––––––––––

*/

/* Layout Div Boxes for header                               */
/***********************************************/
#topbar{
	width:100%;
	height: 100px;
	background-color:#1F4379;/*#1F4379; */

}
.top_container{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  height: auto;


}
#topbox{
	width:100%;
	margin:0 auto 0 auto;


}
#siteName{
	font-size: 300%;
	color:#fff;
	letter-spacing: .20rem;
	z-index: 1;
	margin:2% 0 0 15%;
	padding: 0;
	font-family: 'Libre Baskerville', serif;
}
#logo{
	width: 100px;
	z-index: 2;
	position: absolute;
	top:1%;
	left:08%;

}
#navBar{
	padding:0;
	background-color: #eeeeee;
	margin-bottom:50px;/** important, pushes main content away from header *****/
	-webkit-box-shadow: 0 8px 6px -6px #333333;
	   -moz-box-shadow: 0 8px 6px -6px #333333;
	        box-shadow: 0 8px 6px -6px #333333;
}

/*__________________ end header styles ______________________*/


/___________________ pick year styles ________________________*/

#pick_yr{
	padding:0;
	width:100%;
	text-align: right;
	background-color: #eee;
	height: 30px;
}
#pick_yr form{
 margin: 0px;
 padding: 0px;

}
#pick_yr select{
	font-size: 80%;
	margin-top: 0px;
}
#pick_yr label{
	display: block;
}
#pick_yr button {
	font-size:70%;

}
/*___ main content window_____________*/
div#main_content.container{

	margin-bottom: 75px;
}
/*_______________ #mainNav and teamNav amd footerNav styles _______________**/
.mainNav{
	width:100%;
	margin:0 auto 0 auto;
	color: #1F4379;

}
.mainNav ul{
	list-style: none;
	margin:0;
}
.mainNav li
{
	display: inline-block;
	border-right:1px solid #cccccc;
}
.mainNav li a {
	font-size: 110%;
	font-family: 'Libre Baskerville', serif;
	display:block;
	text-decoration: none;
	padding: 0 5px;
}
.mainNav ul li:hover{
	background-color: #dddddd;
	text-decoration: none;

}
.mainNav li:first-child{
	border-left:0;

}
.mainNav li:last-child{
	border:none;

}

/*_______end Main Nav start Team Nav __________*/

/* */
#teamnav{


}
#teamnav h3{
	margin-bottom: 4%;
	font-size: 120%;
}
#teamnav ul{
	list-style:none;
	margin:2px 0 20px -20px;

}
#teamnav li{
	margin:0 0 0 -20px;

	border-top: 1px solid #cccccc;
}

#teamnav li a {
	display: block;
	text-decoration: none;
	padding:3px 0 3px 0;
	font-size:100%;
}

#teamnav li a:hover{
	background-color: #dddddd;
	text-decoration: none;
}
/*______ #footer  styles __________________________________
___________________________________________________________*/

#footer{
	clear: both;
	width:100%;
	border: 1px solid #cccccc;
	font-size: 80%;
	color: #3A3934;
	padding:1%;
	text-align: center;
}
#site a {
	display:inline;
}
/* _____ footer navigation_________*/
.footerNav{
	width:100%;

	color: #1F4379;

}
.footerNav ul{
	list-style: none;
	margin:0;
}
.footerNav li
{
	display: inline-block;
	border-right:1px solid #cccccc;
}
.footerNav li a {
	font-size: 110%;
	font-family: 'Libre Baskerville', serif;
	display:block;
	text-decoration: none;
	padding: 0 5px;
}
.footerNav ul li:hover{
	background-color: #dddddd;
	text-decoration: none;

}
.footerNav li:first-child{
	border-left:0;

}
.footerNav li:last-child{
	border:none;

}

/* main team page navigation list*/
#team_page_nav ul {
	list-style: none;
	margin-bottom:5%;
}
#team_page_nav li {
	margin-right:1%;
	display:inline;
}
#playing_field{
	margin-right:1px dashed #cccccc;
}
#player_waiver{
	border:1px solid #000;
	padding:1%;
}
/*______________________________________________
____________ end navigation*/
aside h3{
	font-size:125%;
}
/*______________________________________________
____________ Standings and Home Div___________________________*/


#standings {
	margin-top:20px;
}
hr {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  width:75%;
  color: #cccccc;
}
.home_div {
	margin-bottom: 50px;

}

/*__________________ Tabs ___________________
___________________________________________________*/
#tabs{
  border:none;
}
#tabs h5{
	margin-bottom:20px;
}
#tabs ul {
  width:101.25%;
  background:none;
  border:none;
  margin:0;
  padding:0 !important;
}
#tabs li{
	width:48%;
}
#tabs ul li a{
	color:#1F4379;
	font-weight: bold;
}
#tabs-1,#tabs-2{
	border:1px solid #cccccc;

}
.ui-tabs-anchor:active, .ui-tabs-anchor:focus{
     outline:none;
}
/*This overides imported jquery css keep tabs attached to body*/
.ui-widget-header{
  border-bottom:0!important;
}

.right_div{
	margin-bottom: 8%;
}




/*__________________ Free Agents ___________________
___________________________________________________*/
#subs_available{
	width:98%;
	margin-top:25px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	padding:2px;
}
#subs_available td,th{
	font-size: 70%;
}



/*_______________________________lists _________________________
_____________________________________________________________ */

ul{
 list-style-type: disc;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}
/****************** main body  *************/


/*___________________________login box_________________________
________________________________________________________________*/
#loginbox{
	border: 1px solid #0b193b;
	border-radius: 4px;
	width: 90%;
	padding: 2%;


}
#loginbox input {
	width:90%;

}
.header_bg{
	background-color: #eeeeee;
	width:100%;

}
.header_bg h4{
	margin:0 0 0 0;
}
#logged {
	width: 65%;
	margin-top: 1%;
	margin-left: 3%;
	border: 1px solid #0b193b;
	padding:1.5%;
	font-size:80%;
}
/* team administration main navigation list */
#admin_nav {
	width:100%;
}

#admin_nav ul {
	list-style: none;
}
#admin_nav li {
	margin-right:.25%;
	display: inline;
}
/***********************************************************
**************Scores and Highlights navigation */

.styled_dropdown{

    height: 25px;
    /*border: 1px solid #999;*/
    font-size: 1em;
    color: #222;
    background-color: #eee;
    border-radius: 5px;
        /*box-shadow: 4px 4px #ccc;*/
      }
.larger{
	font-size: large;
	font-weight:bold;
}
#highlights{
	margin-bottom: 5%;
}
/***********************************************************
**************league leaders navigation */
#leaders_nav {
	margin:0 0 0 15%;
}

#leaders_nav ul {
	list-style: none;
}
#leaders_nav li {
	margin-right: 2%;
	display: inline;
}
#leader_choices{
	float:right;
	width:28%;
	font-size: 100%;

}
p.sortstat{
	font-size: 1.2em;
	font-variant: italic;
}
/***********************************************************
************** Manager Contact *************************** */

.manager_contact{
	width: 80%;
}
/***********************************************************
************** League Documents *************************** */

#league_documents{
	width: 80%;
}
/***********************************************************
************** New Player  *************************** */

#new_player{
	width: 80%;
}




/*______________ main team page navigation list____________*/
#team_page_nav ul {
	list-style: none;
	margin:0 0 5% 6%;
}
#team_page_nav li {
	margin-right:1%;
	display:inline;
}

/*_______________ Right column on Team page________________*/
#team_schedule{
	padding-top:50px;
	clear:left;
	}
.
/*++++++ tables +++++++++ */
#code_of_conduct{
	width:90%;
	padding:2%;
	border:1px solid #000;
	margin-top:50px;
}
table {
  width: 100%;
  border-collapse: collapse;
}
 /*Zebra striping*/
tr:nth-of-type(odd) {
  background: #eee;
}
th {
   background-color: #fff;
   font-size:100%;
}
td {
  padding: 2px;
  text-align: left;
  font-size: 90%;
}
#team_right{
  margin-left:4%;
}
#weekend_schedule{
	width:75%;
}
#weekend_schedule td{
	padding:0;
}
/*________managers enter batting and pitchin order*/
.set_order{
	width: 35%;
	float:left;
	box-sizing: border-box;
}

/*_______________Special Buttons____________________*/

#have_key{
	float:right;
	margin:1%;padding:1%;
	width:30%;
	border:1px solid #000;
}
button#have_key {
	font-size:90%;
}
button.link
{
	text-align: left;
	text-decoration: underline;
	color: #1F4379;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}
button.test {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}

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

/* use to defeat css zebra striping*/
.white tr {
	background-color: white;
}

.white_td td {
	background-color: #fff;
}

.selected_col {
	font-size: larger;
	font-weight: bold;
}

/* misc style                                  */
/***********************************************/
.float_right{
	float:right;
	margin-right:1%;
}
.smaller{
	font-size:smaller;
}
.baskerville{
	font-family: 'Libre Baskerville', serif;
}
#freeagent_table{
	font-size:90%;
}
#roster_buttons button{
		font-size:110%;
}
.roster table {
	font-size: 90%;
}
.white_td button{
	font-size: 100%;
}
.score_schedule button{
	font-size: 70%;
}
.date_header{
	margin-bottom:10px;
	font-size: smaller;

}
#pitchingstats th a{
	curser:pointer;
}
.error_message{
	display:block;

	font-size: 140%;
	padding:2%;
	color: red;
	border:1px solid red;
	width:75%;
	margin-bottom:50px;

}
.message{
	display:block;

	font-size: 140%;
	padding:2%;
	color: #1F4379;
	border:1px solid #1F4379;
	width:75%;
	margin-bottom:50px;
}


 .floating_nav {
 	position: fixed;
    bottom: 1%;
    left: 6%;
    text-decoration: none;
    background-color: #fff;
    font-size: 90%;
    display:none;
    padding: 2em;
    border: solid 1px #0b193b
 }
.back-to-top {
    position: fixed;
    bottom: 2%;
    right: 2%;
    text-decoration: none;
    background-color: #fff;
    font-size: 90%;
    padding: .5em;
    display: none;
    border: solid 1px #0b193b
}

.back-to-top:hover {
    background-color: #fff;
}
.caption{
	font-size: 80%;
	font-style: italic;
}
/*Used on Team Page for an inline note on Schedule heading*/
.really_small{
	font-size: 70%;
	font-style: italic;
}

#floyd{
	float:right;
	margin:0 0 0 1%;
}
#history_right{
	float:right;
	margin:-2% 25% 2% 0;
}
#mike{
	float:left;
	margin:0 4% 4% 0;
}
#champions{
	clear:right;
	font-size:75%;
}
td.boxscores_date{
	font-size:85%;
}
tr.boxscores_bottom{
	border-bottom:1px dashed #cccccc;
}

/*____________________  TEAM ADMINISTRATION _____________
___________________________________________________________*/

#enter_stats_nav {
	margin:2% 0 5% 0;
	width:90%;

}

#enter_stats_nav ul {
	list-style: none;
}
#enter_stats_nav li  {
	display: inline;
	margin:0 1% 0 0;
}
#enter_stats_nav button {
	font-size:90%;
}



/* manage roster buttons on team admin*/
.roster td {
	font-size: 90%;
}
#roster_buttons {
	width: 90%;
	margin-bottom: 2%;
	font-size: 70%;
}
#roster_buttons ul {
	list-style: none;
}
#roster_buttons li  {
	display: inline;
	margin-right: .5%;
}


.statsNav {
margin-top:2%;

 }
 #limit {
  display:none;
}

 .statsNav li  {

 display:inline;
 list-style:none;
 margin-left:1%;

 }
/*__________________ team administration main navigation list ________________*/
#admin_nav {
	width:100%;
}

#admin_nav ul {
	list-style: none;
}
#admin_nav li {
	margin-right:.25%;
	display: inline;
}



/*********  show updated stats team admin navigation *******/

#enter_stats_nav {
	margin:2% 0 5% 0;
	width:90%;

}

#enter_stats_nav ul {
	list-style: none;
}
#enter_stats_nav li  {
	display: inline;
	margin:0 1% 0 0;
}
#enter_stats_nav button {
	font-size:90%;
}
/************ important: controls input boxes on entering game stats table.**********/
.stats_input {
    width: 110%;
}
#add_sub_player table td input{
	width:25%;
}
#subs_available p{
	dispaly:block;
	margin:0 5px;

}
#subs_available hr{
	width: 90%;
	color:#cccccc;
	margin:0 auto 0 auto;
}
.username{
	display:none;
}
.sub_player_alerts{
	color:red;
}

/*________ Media Queries moved to here _________________________
_____________________________________________________________________*/

@media all and (max-width: 1000px) and (min-width: 700px) {
	h1#siteName{font-size: 250%;}


}

@media all and (max-width: 699px) and (min-width: 520px) {
 h1#siteName{font-size: 200%;	}

 /* Instead of making floating_nav display none which wasn't working and
    takes content away from screen readers, I just push it way off the screen */
 .floating_nav {position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;}
   img#logo{display:none;}

}

@media all and (max-width: 519px) and (min-width: 400px) {

	.floating_nav {position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;}
 h1#siteName{font-size: 200%;	}
img#logo{display:none;}
#tabs-1,#tabs-2{border:none;}
#main_content{
	margin-left:1%;}

}



@media all and (max-width: 399px) and (min-width: 280px) {
	.floating_nav {	position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;}
 h1#siteName{font-size: 150%;	}
	img#logo{display:none;}
#tabs-1,#tabs-2{	border:none;}
#main_content{
	margin-left:1%;}
}