@charset "utf-8";
body {
	border: 0;
	margin: 0;
	background-color: #8B846A;
}

.bodyarea {
	background-color: #FFFFFF;
}
.standingsheader {
	background-color: #003300;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-align: left;
}

.login {
	background-image: url(../assets/login.jpg);
	background-repeat: no-repeat;
	color: #003400;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}


.bodyleft {
	background-image: url(../assets/bodyleft.jpg);
	background-repeat: repeat-y;
}
.bodyright {
	background-image: url(../assets/body.jpg);
	background-repeat: repeat-y;
	overflow:visible;
	z-index:0;
}
.logininput {
	font-size: 9px;
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	width: 60px;
	border: 1px solid #003300;

}
.loginbutton {
	font-size: 9px;
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	width: 50px;
	border: 2px solid #003300;
	background-color: #D4CEB2;
	font-weight: bolder;
	border-radius:5px;
        text-align:center;
}
.seriesdropdown {
	font-size: 12px;
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	width: 80px;
	border: 2px solid #003300;
	background-color: #D4CEB2;
}
.scheduledropdown {
        font-size: 12px;
        color: #003300;
        font-family: Arial, Helvetica, sans-serif;
        width: 120px;
        border: 2px solid #003300;
        background-color: #D4CEB2;
}
.historydropdown {
        font-size: 12px;
        color: #003300;
        font-family: Arial, Helvetica, sans-serif;
        border: 2px solid #003300;
        background-color: #D4CEB2;
}
.historyyear {
        width: 60px;
}
.historyview {
	width: 120px;
}
.historyseries {
	width: 50px;
}
.historyteam {
	width: 140px;
}
.buttoncell {
	background-image: url(../assets/button.jpg);
	background-repeat: no-repeat;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 18px;
}
a:link {
	text-decoration: none;
	color: #003300;
}
a:visited {
	text-decoration: none;
	color: #003300;
}
a:hover  {
	text-decoration: none;
	color: #8B846A;
}
a:active {
	text-decoration: none;
	color: #F0F0F0;
}
.mainscores a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.mainscores a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.mainscores a:hover  {
	text-decoration: none;
	color: #8B846A;
}
.mainscores a:active {
	text-decoration: none;
	color: #F0F0F0;
}
.standingsodd {
	background-color: #DDDAC9;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-align: left;
}
.pdftext {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-align:center;
}
.standingseven {
	background-color: #D4CDB1;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-align: left;
}
.mainscores {
	background-color: #003300;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	text-align: center;
}
.scoretable {
	background-color: #003300;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 9px;
	text-align: left;
	border-color: #003300;
}
.scoretablecell {
	background-color: #D3CFB2;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 9px;
	text-align: left;
}
.scoreteamname {
	padding: 0px 1px;
}
.buttontrailer {
	background-image: url(../assets/buttontrailer.jpg);
	background-repeat: no-repeat;
}
.noschedule {
	background-color: #FFFFFF;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 14px;
	text-align: center;
}
.historylabel {
        background-color: #FFFFFF;
        color: #003300;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bolder;
        font-size: 14px;
        text-align: center;
}
.title {
	background-color: #FFFFFF;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 20px;
	text-align: center;
}
.titletwo {
	background-color: #FFFFFF;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 16px;
	text-align: center;
}
.accountinput {
	font-size: 12px;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 155px;
	border: 1px solid #003300;
	font-weight: bolder;
}
.smallprint {
	color: #003400;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 5px;
	text-align: left;	
}
.smallprint2 {
	color: #003400;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
}
.accountlabels {
	font-size: 14px;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align: left;
        padding: 5px 0px;
}
.mlbrankingbuttons {
	font-size: 11px;
	color: #003300;
	font-family: Arial, Helvetica, sans-serif;
	width: 95px;
	border: 2px solid #003300;
	background-color: #D4CEB2;
	font-weight: bolder;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border-radius:5px;
}
.mlbrankingsinput {
	font-size: 12px;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
	border: 1px solid #003300;
	font-weight: bolder;
	cursor:pointer;
	float:left;
}
.mlbrankingsinputselected {
        background-color: #D4CEB2; !important
}
.scorebanner {
	text-align: center;
	background-color: #003300;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
}

.messagebar {
	font-size: 18px;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align: center;
}
.scoredark {
	text-align: center;
	background-color: #D4CDB1;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
}
.scorelight {
	text-align: center;
	background-color: #DDDAC9;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 10px;
}
.scorefinal {
	text-align: center;
	background-color: #DDDAC9;
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 18px;
}
.boxscoretitle {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 24px;
}
.winner {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 40px;
}
.rulestext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 20px;
	color: #003300;
}
.rulestexttwo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	color: #003300;
}
.picksection {
	max-width:120px;
}
.teamleft {
	position:absolute;
	left:50px;
	text-align:center;
	font-size:15px;color:#003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	width:120px;
}
.teamright {
	position:absolute;
	right:50px;
	text-align:center;
	font-size:15px;color:#003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	width:120px;
}
.piccell {
	text-align:center;
	font-size:10px;
	color:#003300;
	border:1px solid;
	border-color:#8B846A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	height: 42px;
	vertical-align: top;
}
.piccelltwo {
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	border:1px solid;
	border-color:#8B846A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:20px;
	background-color:#8B846A;
	height: 42px;
	vertical-align: top;
}
.pickrow {
	width:574px;
	height:50px;
	background-color:#D4CDB1;
	margin-left:auto;
	margin-right:auto;
	border:5px solid;
	border-color:#003300;
	border-radius:15px;
	box-shadow: 5px 5px 5px #555555;
	overflow:visible;
	z-index:1;
	position:relative;
}
.winnerall {
        background-color:#D4CDB1;
        margin-left:auto;
        margin-right:auto;
        border:5px solid;
        border-color:#003300;
        border-radius:15px;
	box-shadow: 5px 5px 5px #555555;
        overflow:visible;
	width:90%;
        z-index:1;
}
.historyitem {
	background-color:#D4CDB1;
        margin-left:auto;
        margin-right:auto;
        border:5px solid;
        border-color:#003300;
        border-radius:15px;
        box-shadow: 5px 5px 5px #555555;
        overflow:visible;
        z-index:1;
	padding: 5px;
}
.talkodd {
        background-color: #D4CDB1;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #003300;
        padding: 6px;
}

.talkeven {
        background-color: #B2AB90;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        padding: 6px;
        color: #003300;
}

.talkcontent {
	 /* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	/*word-break: break-all; */
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.loginform {
        font-size: 14px;
        font-weight: bold;
        color: #003300;
        font-family: Arial, Helvetica, sans-serif;
}

.talkinput {
        font-size: 14px;
        background-color: #F6EFE4;
        color: #003300;
        font-weight: bold;
        border: 2px;
        border-color: #8B846A;
        border-style: solid;
        width: 390px;
        height: 100px;
}

.logininput {
        font-size: 10px;
        background-color: #D4CDB1;
        color: #003300;
        font-weight: bold;
        border: 1;
        border-color: #8B846A;
        border-style: solid;
}

.commentbutton {
        font-size: 16px;
        color: #003300;
        font-family: Arial, Helvetica, sans-serif;
        border: 1px solid #003300;
        border-radius: 4px;
	background-color: #D4CDB1;
        font-weight: bold;
        border-color: #8B846A;
        border-style: solid;
}
.swal-text {
        font-size: 16px;
        color: #003300;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bolder;
        text-align: left;
        padding: 5px 0px;
}
.swal-button {
        font-size: 18px;
        color: #003300;
        font-family: Arial, Helvetica, sans-serif;
        width: 95px;
        border: 2px solid #003300;
        background-color: #D4CEB2;
        font-weight: bolder;
        text-align: center;
        margin: 0px;
        padding: 0px;
        border-radius:5px;
}
.discussion-table img {
        max-width: 450px !important;
}