body {

	margin:0;
	padding:0;

	background: #183674 url(../images/grassbackgr.png) repeat-x top left;


}

p.margin
	{
	margin: 20px 20px
}

p.marginSmall
	{
	margin: 7px 7px
}



.SGOHeader{
	background-image: url("../images/logo_bg.jpg");
	background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	background-color:#000000;
	height: 100px;
	width: 100%;
	padding-top: 30px;
	padding-left: 20px;
}

@font-face {
	font-family: 'PresStart';
	src: url(presstart.ttf) format('truetype');
}


.draftLogo{
	font-family: PresStart;
	padding-left:10px;
	font-size: 2em;
	font-weight: bold;

	color: #FFFFFF;
	text-shadow: 2px 2px #5B64B2;
}


.LogoText{
	display:inline-block;
	font-family: PresStart;
	font-size: 2.2em;
	font-weight: bold;

	color: #FFFFFF;
	text-shadow: 2px 2px #5B64B2;
	transition: 0.5s ease;

}

.LogoText:hover{	

	font-family: PresStart;
	font-size: 2.2em;
	font-weight: bold;
	color: #5B64B2;
	text-shadow: 2px 2px #ffffff;
	text-decoration: none;

}

A {
	font-weight: normal;
	color: #AA0000;
	font-size:12px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

A:hover {
	font-weight: normal;
	color: #0000000;
	font-size:12px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: underline
}

.helpLink {
	font-weight: normal;
	color: #000000;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: underline
}

.helpLink:hover {
	font-weight: normal;
	color: #0000000;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

.blackLink {
	font-weight: normal;
	color: #000000;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: underline
}

.blackLink:hover {
	font-weight: normal;
	color: #0000000;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

.bigBlackText {
	font-weight: bold;
	color: #000000;
	font-size:11px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
}


.indexMessage {
	font-size: 14px;
	line-height: 22px;
	padding:10px;
	border-radius:5px;
}

.indexMessage A {
	font-weight: normal;
	color: #000056;
	font-size:16px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: underline;
}

.indexMessage A:hover {
	font-weight: normal;
	color: #000056;
	font-size:16px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none;
}



TD {
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
	color: #000000;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif"
}

.draftButton {
	display: block;
	color: #ffffff;
	background-color: #183674;
	border: 1px solid #888888;
	box-shadow: 2px 2px 2px #aaaaaa;
	font-size: 16px;
	width: 300px;
	padding: 10px;
	text-decoration: none;
	margin: 5px;
}

.draftButton:hover {
	display: block;
	color: #BBBBBB;
	border: 1px solid #BBBBBB;
	box-shadow: 2px 2px 2px #aaaaaa;
	font-size: 16px;
	width: 300px;
	padding: 10px;
	text-decoration: none;
	margin: 5px;
}

.smallText {
    font-weight: normal;
    font-size: 10px;
	color: #245B44;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif"
}

.headMenu {
	font-weight: bold;
	color: #000000;
	font-size:12px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

.headMenu:hover {
	font-weight: bold;
	color: #000000;
	font-size:12px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: underline
}

.blueColor {

	color: #033B87;
}

.leagueMenu {
	font-weight: bold;
	color: #854224;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

.leagueMenu:hover {
	font-weight: bold;
	color: #000000;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

.smallMenu {
	font-weight: bold;
	color: #854224;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

.smallMenu:hover {
	font-weight: bold;
	color: #AF0000;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: underline
}

.bottomMenu {
	font-weight: normal;
	color: #777777;
	font-size:11px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

.bottomMenu:hover {
	font-weight: normal;
	color: #777777;
	font-size:11px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: underline
}

.textInput {
	border : 1px solid #999999;
	background-color:#FEFEFE;
	border-radius:3px;
	font-weight: normal;
	font-family: "Arial", "MS Sans Serif";
	font-size: 11px;
	font-weight: normal;
	width: 210px;
	height: 21px;
	color: #000000
}

.button {
	border : 1px solid #000000;
	background-color:#F0AE3C;
	font-weight: normal;
	font-family: "Arial", "MS Sans Serif";
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF
}

.formLongEdit {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #999999;
	background-color: #FEFEFE;
	width: 350px;
	font-size: 10pt
}

.formEdit {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #999999;
	background-color: #FEFEFE;
	width: 250px;
	font-size: 10pt
}

.formEditLocked {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	color: #666666;
	border: 1px solid #999999;
	background-color: #FEFEFE;
	width: 250px;
	font-size: 10pt
}

.formHalfEdit {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #999999;
	background-color: #FEFEFE;
	width: 100px;
	font-size: 10pt
}

.formSmallEdit {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #999999;
	background-color: #FEFEFE;
	width: 60px;
	font-size: 10pt
}

.formTextarea {
	font-family:"Arial","Verdana","MS Sans Serif",sans-serif;
	border: 1px solid #999999;
	background-color: #FEFEFE;
	height: 100px;
	width: 400px;
	font-size: 10pt
}

.registerSubmit {
	border: 1px solid #000000;
	border-radius:3px;
	box-shadow: 0 0 5px #555;
	padding:3px;
	font-size: 9pt;
	background-color:#183674;
	font-weight: bold;
	color: #FFFFFF;
	width:80pt
}

.registerSubmit:hover {
	font-weight: bold;
	font-size: 9pt;
	text-decoration: underline;
}


.loginSubmit {
	border: 1px solid #000000;
	border-radius:3px;
	box-shadow: 0 0 5px #555;
	padding:3px;
	font-size: 9pt;
	background-color:#183674;
	font-weight: bold;
	color: #FFFFFF;
	width:50pt;
	cursor:pointer;
}

.tableBorderHeader {
	background-color: #183674;
	font-size:12px;
	border-radius:3px;
	color: #FFFFFF;
}


.tableBorder {
	border: solid 1px #E1E1E1;
	border-radius:3px;
	background-color: #FFFFFF
}

.tableHeader {
	background-color: #183674;
	color:#FFFFFF;
}

.tableHeader a{
	color:#FFFFFF;
}

.tableHeader td{
	color:#FFFFFF;
}

.tableData {
	background-color: #EFEFEF;
}

.tableDataLight {
	background-color: #F7F7F7;
}

.menuHeader {
	display: block;
	border: solid 1px #EEDA91;
	background-color: #8C929C;
	padding: 1px;
	margin-left: 0px;
	color: #00184A;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold
}

.menuItem {
	background-color: #FFE1BB;
	border:solid 1px #8C929C;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 2px;
	font-weight: normal
}

.menuItemOver {
	background-color: #E8EDEE;
	border: solid 1px #CCCCCC;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 2px;
	font-weight: normal
}

.subMenuItem, A.subMenuItem, A.subMenuItemOver:hover {
	background-color: #EFEFEF;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	display: block;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align:center
}

.subMenuItemOver, A.subMenuItemOver, A.subMenuItemOver:hover {
	background-color: #FFFFFF;
	border: solid 1px #183674;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	display: block;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align:center
}

.subMenuCurrent, A.subMenuCurrent, A.subMenuCurrent:hover {
	background-color: #183674;
	padding-top: 2px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-align:center
}

.subMenuLine {
	background-color: #183674;
}

.readLink {
	font-weight: normal;
	color: #854224;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: none
}

.readLink:hover {
	font-weight: normal;
	color: #AF0000;
	font-size:10px;
	font-family:"Verdana","Arial","MS Sans Serif","sans-serif";
	text-decoration: underline
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.hintanchor:hover{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}







.sub_panel {
	background: url(../images/sub_panel.png) top left no-repeat;
	width:330px;

}

.sub_panel1 {
	background: url(../images/sub_panel1.png) top left no-repeat;
	width:330px;

}

.sub_panel_cont {
	height: 360px;
	width: 290px;
	margin-top:5px;
	overflow: auto;
}



.wr_color {background: #BEFF7F;}
.wr_color a {color:#000000;}
.cs_color {background: #FFF2A2;}
.cs_color a {color:#000000;}
.d_color {background: #996633; color:#FFFFFF;}
.d_color a {color:#FFFFFF;}
.k_color {background: #F3D1D1; }
.k_color a {color:#000000;}
.qb_color {background: #CC0000; color:#FFFFFF;}
.qb_color a {color:#FFFFFF;}

.rb_color {background: #A8D1FA; }
.rb_color a {color:#000000;}
.te_color {background: #FFCC66;}
.te_color a {color:#000000;}




.propTakeLink {
	
	color: #183674;
	font-size: 22px;
	font-weight: bold;
}

.propTakeLink:hover {
	
	color: #000000;
	font-size: 22px;
	font-weight: bold;
}

.propTakeLink span {
	
	font-size: 22px;
}



@keyframes standOutAnim {
    0%  {background-color: #FFFFFF; color: #EDA323;}
	/*25%  {background-color: #EDA323; color: #990000;}*/
    50%  {background-color: #EDA323; color: #990000; padding: 3px 0px 3px 0px;}
    /*75%  {background-color: #EDA323; color: #990000;}*/
   100%  {background-color: #FFFFFF; color: #EDA323;}

}

.standOut {
    animation-name: standOutAnim;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}