<style>
               
/* misc start */
*{
   margin:0px;
   padding:0px
}

body{
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    margin:0px;
    padding:0px;
    background-image: url("../images/yls-logo-new-opacity.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 80%;
 }
/* misc end */


#main-header{
   background-color:#000;
   padding: 0.5em;
   overflow:auto;
   width: 100%;
}

/* to make our logo resize automatically */
#responsive-logo{
	width: 15%;
	float: left;
}

#responsive-logo img{
   max-height: 100%;
   max-width: 100%;
}

#splash-logo img{
   max-height: 100%;
   max-width: 100%;
}

/* Main Start */
#main-section{
   float: left;
   width: 100%;
   min-height: 475px;
   overflow: auto;
}

#page-header{
	width: 63%;
	float: left;
	text-align: center;
	font-size: 2em;
	color: #FFFFFF;
}

#page-back{
	width: 20%;
	float: left;
	line-height: 28px;
	padding-top: 5px;
	text-align: center;
}

.large-center{
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	padding: 5px;
}
/* Main End */


/* Schedule Start */
#this-week-header{
   background-color:#fff48c;
   padding: 0.5em;
   font-weight: bold;
   overflow:auto;
   width: 100%;
   text-align: center;
}

#this-week-opp{
   background-color:#d7d093;
   padding: 0.5em;
   overflow:auto;
   width: 100%;
   text-align: center;
}

#week-header{
	float: left;
	width: 75px;
	text-align: center;
}

#opponent-header{
	float: left;
	width: 210px;
	text-align: left;
}

#result-header{
	float: left;
	width: 70px;
	text-align: left;
}

.schedule-row-1{
	clear: both;
	background-color: #FFFFFF;
	padding: 5px 0 5px 0;
}

.schedule-row-2{
	clear: both;
	background-color: #f2f2f2;
	padding: 5px 0 5px 0;
}

.week-row{
	float: left;
	width: 75px;
	text-align: center;
	overflow: auto;
}

.opponent-row{
	float: left;
	width: 210px;
	overflow: auto;
	text-align: left;
}

.result-row{
	float: left;
	width: 70px;
	text-align: left;
}

#schedule-header{
   background-color:#7f90a1;
   padding: 0.5em;
   overflow:auto;
   width: 100%;
   text-align: center;
}
/* Schedule End */

/* For the captain results page */
.result-row-1{
	clear: both;
	background-color: #FFFFFF;
	padding: 5px 0 5px 0;
}

.result-row-2{
	clear: both;
	background-color: #f2f2f2;
	padding: 5px 0 5px 0;
}

.option-half{
	float: left;
	text-align: center;
	width: 50%;
}

.option-third{
	float: left;
	text-align: center;
	width: 33%;
}

#win-loss-header{
   background-color:#d8d194;
   padding: 0.5em;
   width: 100%;
   text-align: center;
}

#result-concession{
   background-color:#FFFFFF;
   margin: 10px 0 10px 0;
   width: 100%;
   text-align: center;
}

#result-teams{
   background-color:#d8d194;
   padding: 0.5em;
   width: 100%;
   text-align: center;
}

.result-submit{
   background-color:#FFFFFF;
   margin: 10px 0 10px 0;
   width: 100%;
   text-align: center;
}
.result-game{
   background-color:#fff48c;
   padding: 0.5em;
   width: 100%;
   text-align: center;
}

.result-game-row-1{
   background-color:#d8d194;
   padding: 0.5em;
   width: 100%;
   text-align: center;
}

.result-game-row-1 select{
   width: 140px;
}

.result-game-row-2{
   background-color:#FDF9D5;
   padding: 0.5em;
   width: 100%;
   text-align: center;
}

.result-game-row-2 select{
   width: 140px;
}

.result-game-left{
   clear: both;
   float: left;
   width: 34%;
   overflow: hidden;
}

.result-game-centre{
   float: left;
   width: 30%;
}

.result-game-right{
   float: right;
   width: 34%;
   overflow: hidden;
}

#allstar-container{
   clear: both;
   width: 100%;
   background-color: #FFF48D;
   border: 1px solid;
   overflow: hidden;
}

#allstar-header{
   clear: both;
   width: 100%;
   padding: 5px 0 5px 0;
   border-bottom: 1px solid;
   text-align: center; 
   font-size: 1.2em;
}

#allstar-metric{
	background-color: #FDF9D5;
}

.result-allstar{
   clear: both;
   padding: 5px 0 5px 0;
   overflow: hidden;
}

.result-allstar-left{
   float: left;
   width: 40%;
   overflow: hidden;
}
.result-allstar-centre{
   float: left;
   width: 3`0%;
}

.result-allstar-right{
   float: right;
   width: 30%;
   overflow: hidden;
}

/* Captain results page end */

/* Standing Start */
#standing-header{
   background-color:#7f90a1;
   padding: 0.5em;
   overflow:auto;
   margin-top: 35px;
   width: 100%;
   font-weight: bold;
}

.standing-position{
	float: left;
	width: 50px;
	text-align: center;
}

.standing-team{
	float: left;
	width: 250px;
	text-align: center;
}

.standing-points{
	float: left;
	width: 50px;
	text-align: center;
}

.standing-row-1{
	clear: both;
	background-color: #FFFFFF;
	padding: 5px 0 5px 0;
}

.standing-row-2{
	clear: both;
	background-color: #f2f2f2;
	padding: 5px 0 5px 0;
}

/* Standing End */

/* Roster Start */
#roster-header{
   background-color:#7f90a1;
   padding: 0.5em;
   width: 100%;
   font-weight: bold;
   text-indent: 20px;
}

.ex-player-name{
	float: left;
	width: 200px;
}

.ex-player-assign{
	float: left;
	width: 100px;
}

.roster-row-1{
	clear: both;
	background-color: #FFFFFF;
	padding: 5px 0 5px 0;
}

.roster-row-2{
	clear: both;
	background-color: #f2f2f2;
	padding: 5px 0 5px 0;
}

/* Roster End */

#menu-left{
	width: 40%;
	padding-left: 5%;
	float: left;
	overflow: auto;
}

#menu-left a{
	background-color: #145595;
	color: #FFF;
}

#menu-right{
	width: 45%;
	padding-left: 5%;
	float: right;
	overflow: auto;
}

#menu-right a{
	background-color: #145595;
	color: #FFF;
}

.menu-full{
	width: 100%;
	overflow: auto;
}

.menu-full-large{
	width: 100%;
	overflow: auto;
}

.menu-full a{
	margin-left: 30%;
	background-color: #145595;
	color: #FFF;
	width: 33%;
	line-height: 20px;
	height: 20px;
	margin-top: 50px;
}

.menu-full-large a{
	margin-left: 22%;
	width: 50%;
	line-height: 20px;
	height: 20px;
	margin-top: 15px;
	background-color: #145595;
	color: #FFF;
}

.drop-label {
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em;
	width: 150px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

.drop-menu {
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
}

.mobile-input {
	width: 15px;
}

#errors-found{
	width: 100%;
	background-color: #FFFFFF;
	border: 2px solid #red;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 1em;
}

#map-canvas{
	width: 100%;
	height: 206px;
}

.map-options{
	clear: both;
	background-color: #f2f2f2;
	padding: 5px 0 5px 0;
}

/* footer start */
footer{
	clear: both;
	background-color:#000;
	color: #FFF;
	padding: 0.5em;
	overflow:auto;
	text-align:center;
	width:100%;
}
/* footer end */
               
</style>