/*
	Master CSS file
 	
 	These css rules relate to content coming from superbrawl 
 	You can edit them as you see fit to match your pages theme etc.
 	Once edited, you must copy this file back into the superbrawl plugin directory or it will not apply
 	We will update our core css files from time to time. You can get a new copy from us by emailing sports@superbrawl.com
 	Light Blue #74C1DF
 	Darker Blue #1D99CC
*/

H2 {color:#000 !important;}
.H2 {color:#000 !important;}

#SBconnect {border:1px solid transparent; margin-top:5px;}
#SBoutput a:link, #SBoutput a:visited, #SBoutput a:active, #SBoutput a:hover {
	color:#000; text-decoration:none !important; font-size:22; font-family: sans-serif !important;
}
#SBoutput a:hover {color:#FC0;}

#SBFooter, #SBoutput {color:#222 !important; font-size:1.2em;}

#SBoutput .H2 {color:#222 !important;}

#SBLogForm, #SBRegForm {
	width:70%; text-align:center;
	margin:20px auto; padding:10px 10px; clear:both;
	background: rgb(0,153,255);color:#003; font-weight:500; 
	background: #74C1DF;
	-webkit-border-radius: 10px 10px 10px 10px !important; border-radius: 10px 10px 10px 10px !important;
	box-shadow: 3px 3px 8px #000000;
	 font-family: Verdana !important;
}
#SBLogForm input::placeholder, #SBRegForm input::placeholder {
  font-family: sans-serif; text-transform:lowercase !important;
}

#SBjewels {position:absolute; top:0px; right:2px; color:#333 !important;}
#SBjewels a:link, #SBjewels a:visited, #SBjewels a:active, #SBjewels a:hover {
	color:#333 !important; text-decoration:none !important; font-size:22; font-family: sans-serif !important;
}	#SBjewels a:hover {color:#F00;}



@media only screen and (max-device-width : 1000px) {
  	#SBLogForm, #SBRegForm {width:98%;}
  	#SBconnect {border:1px solid transparent;  margin:0; width:80% !important;}
		#SBjewels {position:absolute; top:0px; right:2px; color:#000 !important;}
	
}
@media only screen and (max-device-width : 640px) {
		#SBconnect {border:0px solid #F00 !important; width:106% !important; margin:-2% 0 0 -3%; }
		#SBjewels {position:absolute; top:-1.2em; right:0.5%;}

  	#SBLogForm, #SBRegForm {width:98%;}
		
}

#SBLogForm .head, #SBRegForm .head {
	color:#003; font-family: sans-serif; font-size: 24; font-weight: 500;
}
#SBLogForm .sform, #SBRegForm .sform {
	border:1px solid #FFF; padding:0.5em; font-size:1.15em; 
	-webkit-border-radius: 3px 3px 3px 3px !important; border-radius: 3px 3px 3px 3px !important;
	background:white; margin:1px auto;
} 

#SBLogForm .sform:focus, #SBRegForm .sform:focus {border:2px solid #09F; background:#feffde;}
#SBLogForm .user, #SBRegForm .user, 
#SBLogForm .password, #SBRegForm .password,
#SBLogForm .email, #SBRegForm .email,
#SBLogForm .blank, #SBRegForm .blank
	{margin:3px auto !important; width:55%;}
 

#SBLogForm .sformbutton, #SBRegForm .sformbutton {
	background:#003;
	border:none; color:#FFF; padding:2.5%, 1%, 2.5%, 1%; font-size:1.25em; width: 33%; height: 5%; 
	-webkit-border-radius: 3px 3px 3px 3px !important; border-radius: 3px 3px 3px 3px !important;
	margin-top: 5px;
	
}
#SBLogForm .sformbutton:hover, #SBRegForm .sformbutton:hover {
	background:#1D99CC;
}
#SBLogForm a:link, #SBRegForm a:link, #SBLogForm a:visited, #SBRegForm a:visited, #SBLogForm a:active, #SBRegForm a:active {
	color:#000 !important; text-decoration:none;
	font-size: 22; font-family: sans-serif;
}
#SBLogForm a:hover, #SBRegForm a:hover		{ color:#FC0;}
#SBLoginTarget {
	text-align:left !important; padding:10px;
}

#SBLogform .hiddenfile, #SBRegForm .hiddenfile, #SBLogform .hidden, #SBRegForm .hidden {display:none;}

.SBbutton {background:#1D99CC !important; color:#FFF !important; border:1px solid #FFF !important; padding:5px 9px;
	-webkit-border-radius: 5px 5px 5px 5px !important; border-radius: 5px 5px 5px 5px !important;
	-webkit-transition: all 0.3s ease-in-out; margin-right:5px !important;
}
.SBbutton:hover {background:#74C1DF !important; color:#002 !important; border:1px solid #FFF !important;}


#SBtxtbox {
	width:95%; max-width:600px; margin:2px auto !important;
	border:1px solid #002; padding:3%; margin:2%;
	font-size:1.1em; background:#FFF; color:#000;
	white-space:normal !important;
	-webkit-border-radius: 5px 5px 5px 5px !important; border-radius: 5px 5px 5px 5px !important;
}
#SBtxtbox a:link, #SBtxtbox a:visited, #SBtxtbox a:active, #SBtxtbox a:hover {
	color:#002 !important; text-decoration:none !important; font-size:22; font-family: sans-serif !important;
}
#SBtxtbox a:hover {color:#09F;} 
#SBtxtbox th {background:#ccc;} 


#SBover {display:none; z-index:99; position:fixed; top:0px; left:0px; 
	height:120%; width:100%; border:1px solid transparent !important;
	padding:2% 0% !important; color:#FFF;font-size:1.0em;
	background: rgb(4,105,186); background: linear-gradient(0deg, rgba(4,105,186,0.88) 7%, rgba(0,0,0,1) 84%);
	overscroll-behavior: contain;
}

#SBover #tipcontent {
	 height:120%; border:0px solid #FFF; font-size:0.95em; padding:0% 2%; 
	margin:5px 0px 0px 5px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;   
}	
#SBover .tiptitle {font-size:1.2em; font-weight:bold;}	

/* nav menu if using the SB-OnePage option */
#SBmenu {
	width:100% !important; position:relative; float:left; margin:0px; text-align:left; margin-top:20px;
	height:3.0em; border:1px solid transparent !important;  } 

#SBOPnav ul {margin:0;  padding:2px;  list-style-type: none !important;}
#SBOPnav li::before { all:unset;	}

#SBOPnav li { 
	cursor: pointer;
	display: inline !important;
	padding:4px 8px !important; 
	border:1px solid #09F !important;
	text-align:center !important;
	margin:1px 2px !important; color:#FFF !important; font-weight:bold;
	background:#74C1DF !important; 
	
	-webkit-border-radius: 5px 5px 5px 5px !important; border-radius: 5px 5px 5px 5px !important;
}


/* related to the overlay appearance */
#SBOspace {background:#003; color:#fff; height:120%; width:100%;}
#SBOmenu {background:#003; color:#fff; width:100%; height:100%;}
#SBOmenu a:link, #SBOmenu a:visited, #SBOmenu a:active, #SBOmenu a:hover	{text-decoration: none; color:#FFF; outline:none;}

#SBfull {width:100%; padding:0.1% 0; font-size:1.1em;}

/* for css relating to event lists, buttons etc*/
	#SBevents {background:transparent !important; }
 	#SBevents table {background:transparent !important; float:left !important; border:none !important;}
 	#SBevents td {background:transparent !important; border:none !important; text-align:left;
 		font-family: sans-serif; font-size: 24; font-weight: 500;
 		padding:2% !important;
 	}
 	
 	#SBevents img {border:1px solid #000; float:left; margin:5px !important; margin:1px 10px 5px 1px !important;}
 	#SBevents .button {
 		cursor: pointer; background:#003 !important; color:#FC3; padding:3px 5px !important;
 		font-family: sans-serif; font-size: 24; font-weight: 500; margin:2px !important;
 		border:1px solid #FC3 !important; display:inline-block !important;
 		-webkit-border-radius: 5px 5px 5px 5px !important; border-radius: 5px 5px 5px 5px !important;
		-webkit-transition: all 0.3s ease-in-out;
 	} 
 	#SBevents .button:hover {background:#FC3 !important; color:#002 !important; border:1px solid #FC3 !important;}

/* for css relating to picksheets */
	
	#SBpicksheet table {width:100%; color:#000; background:#FFF; border:1px solid #000; border-collapse:collapse;}
	
	.SBgameblock {width:99.5%; max-width:500px; margin:2px 0 20px 0; border:none;}
	.SBgbTitle {width:100%; margin:5px auto 0; padding:1px 4px; font-size:0.9em; 
		border:1px solid #000; 
		-webkit-border-radius: 10px 10px 0px 0px !important; border-radius: 10px 10px 0px 0px !important;
		background:#000; color:#fff;
		}
		.SBgbTitle .SBbutton {text-align:center; padding:1px; margin:1px; float:right; border:1px solid #000;
			-webkit-border-radius: 3px 3px 3px 3px !important; border-radius: 3px 3px 3px 3px !important;
			background:#FFF; color:#000;
			}
		.SBgbTitle .SBpick {text-align:center; padding:1px; margin:1px; display:inline; color:#FC3;
			font-size:1.1em !important; font-weight:800 !important;}
		
	.SBteamContainer {width:100%; padding:1%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000; border-top:none;
		background:#FFF; color:#002;}
	.SBteamTitle	{white-space;nowrap; padding:3px; overflow:hidden; display:inline-block; line-height:90% !important; float:left;}
	.SBconf	{white-space;nowrap; text-align:center; padding:2%; line-height:90% !important; float:right; border:1px solid #F00;}
	.SBprime {width:100%; padding:1%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000; border-top:none;
		background:#002 !important; color:#FFF !important;}
	.SBprime input[type="text"]	{
			font-size:1.2em; text-align:center; padding:3px 2px !important; margin:2px 2px 2px 5px !important; 
			border:1px solid #FC3 !important; color:#FC3 !important; background:transparent !important;
			vertical-align:middle !important; height:1.4em !important; min-height:25px !important; line-height:1.2em !important; 
			outline:none !important; box-sizing:none; 
			 
			}
	.SBprimeTitle {float:right;}		
	
	.SBouContainer {width:100%; padding:1%; margin:0 auto; height:auto; overflow:hidden; border:1px solid #000; border-top:none;}
	.SBouPick {text-align:center; padding:1px 2px; margin:0px 2px; float:right; border:1px solid #000;
			-webkit-border-radius: 3px 3px 3px 3px !important; border-radius: 3px 3px 3px 3px !important;
			}
	.SBselectedOU {background:#FC3; color:#000;}
	
	.SBselected {background:#09F; color:#FFF;}
	
	#SBpsresults {width:97% !important; border:1px solid #000 !important; background:#FFF !important; color:#000;} 
	#SBpsresults  th {background:#222 !important; color:#FFF !important; font-size:0.9em;} 
	#SBpsresults  td {background:#FFF !important; color:#000 !important; font-size:0.85em;} 
	
	

/* SBstandings css */
	#SBstandings {background:#FFF !important; width:99.5%; max-width:500px; margin:2px 0 20px 0; border:none;}
	#SBstandings .title {width:100%; padding:1px 4px; font-size:0.9em; 
		border:1px solid #000; 
		-webkit-border-radius: 10px 10px 0px 0px !important; border-radius: 10px 10px 0px 0px !important;
		background:#000; color:#fff;
		}
 	#SBstandings table {
 		width:100% !important; background:transparent !important; float:left !important; 
 		border:1px solid #000 !important;
 	}
	#SBstandings th, #SBstandings th a:link, #SBstandings th a:visited, #SBstandings th a {
		background:#000 !important; border:1px solid #000 !important; color:#FFF !important;
 		font-family: sans-serif !important;  text-decoration:none !important; font-weight:bold !important;
 		padding:1px !important; font-size:1.2em !important; line-height:1.2em !important;
 	}
 	#SBstandings th a:hover, #SBstandings th a:active {color:#FC3 !important;}
 	#SBstandings td {background:#FFF !important; color:#000; border:none !important;
 		font-family: sans-serif; font-size: 24; font-weight: 500;
 		padding:1px !important;
 	}
 	#SBstandings td a:link, #SBstandings td a:visited, #SBstandings td a:active, #SBstandings td a {
 	 color:#000 !important;
 	}
 	
 	#SBstandings .button,  #SBstandings input[type="button"] {background:#FC3 !important; color:#003; padding:3px 5px !important;
 		font-family: sans-serif; font-size: 24; font-weight: 500; margin:2px !important;
 		border:1px solid #002 !important; display:inline-block !important;
 	} 
 	
/* SBsummaries css */
	#SBsummaries {background:transparent !important; width:99.5%; max-width:500px; margin:2px 0 20px 0; border:none;}
	#SBsummaries .title {width:100%; padding:1px 4px; font-size:1.1em; 
		border:1px solid #000; 
		-webkit-border-radius: 10px 10px 0px 0px !important; border-radius: 10px 10px 0px 0px !important;
		background:#000; color:#fff;
		}
 	#SBsummaries table {
 		width:100% !important; background:transparent !important; float:left !important; 
 		border:1px solid #000 !important;
 	}
	#SBsummaries th, #SBsummaries th a:link, #SBsummaries th a:visited, #SBsummaries th a {
		background:#000 !important; border:1px solid #000 !important; color:#FFF !important;
 		font-family: sans-serif !important;  text-decoration:none !important; font-weight:bold !important;
 		padding:2% !important; font-size:1em !important; line-height:1.2em !important;
 		text-align:center !important;
 	}
 	#SBsummaries th a:hover, #SBstandings th a:active {color:#FC3 !important;}
 	#SBsummaries td {
 		
 		
 		
 	}
 	#SBsummaries td .match {
 		color:#000; background:#F00 !important;
 		
 		
 	}
 	
 	#SBsummaries .button,  #SBsummaries input[type="button"] {background:#FC3 !important; color:#003; padding:3px 5px !important;
 		font-family: sans-serif; font-size: 24; font-weight: 500; margin:2px !important;
 		border:1px solid #002 !important; display:inline-block !important;
 	} 
 	
 	
 	
 	
/* for css relating to survivor/loser picksheets */
	#SBSL h2 {color:#FFF;}
	.SBSblock {width:99.5%; margin:2px; border:none; color:#FFF;}
	.SBStitle, .SBStitleA {width:100%; margin:5px auto 0; padding:1px 4px; font-size:0.9em; 
		border:1px solid #000; 
		-webkit-border-radius: 10px 10px 0px 0px !important; border-radius: 10px 10px 0px 0px !important;
		background:#000; color:#fff; text-align:center;
		}
	.SBSweek, .SBSweekA {width:100px; margin:1px 0px 1px 0px; padding:1px 4px; font-size:0.9em; border:1px solid #000; 
		-webkit-border-radius: 5px 0px 0px 5px !important; border-radius: 5px 0px 0px 5px !important;
		background:#000; color:#FFF !important; text-align:center; white-space:nowrap; 
		}	
		.SBSweek:hover {background:#FC3 !important; color:#FFF !important;}
		

	.SBStitleA, .SBSweekA {background:#FC3 !important; color:#000 !important;}
	.SBSweek a:link, .SBSweek a:visited, .SBSweek a:visited, .SBSweek a:active {
		color:#FFF !important; font-size:1.1em !important;
	} .SBSweek a:hover {color:#000 !important;}
	
	.SBSweekA a:hover {color:#000 !important;}
	.SBSdbl {background:#800 !important; color:#FFF !important;}
	
	

	
	
	.SBtable td {padding:0 !important; background:transparent !important;}
	

#Sumhead, #SumReport { border-collapse:collapse;}
#Sumhead td, #SumReport td {border:1px solid #000;  
	font-family:verdana; padding:0px; vertical-align: middle;}
#Sumhead tr td {line-height: normal;  text-align:center;}

#Sumhead .vis  	{color:#FFF; background:#025BC0;}						/* visitor */
#Sumhead .viss  	{color:#FFF; background:#025BC0;}						/* vis score */
#Sumhead .hom  	{color:#FFF; background:#0000A3;}						/* home */
#Sumhead .homs 	{color:#FFF; background:#00007C;}						/* home score */
#Sumhead .win  	{color:#000; background:#FC3;}							/* win */
#Sumhead .cov  	{color:#000; background:#0C0;}							/* cover */
#Sumhead .fav  	{color:#FFF; background:#007C00;}						/* favorite */
#Sumhead .spr  	{color:#FFF; background:#007C00;}						/* spread */
#Sumhead .dog  	{color:#FFF; background:#007C00;}						/* underdog */


#SBSorp {height:600px;  margin:0px;} /* summary overlay report space */
#SBSd1 {width:105%; height:100%; overflow-y:auto; overflow-x:hidden;}
#RPs {position:relative; height:3000px; width:100%; }
#preRPs {}

#LChead {position:absolute; left:3px; margin-left:1px; border:none; height:60px;  background:#FFF; z-index:2;
	 overflow:hidden;}
#LCdata {position:absolute; left:3px;  border:0px solid #F90; z-index:1;}

#RChead {position:absolute;  border:0px solid #009; overflow:hidden; background:#FFF; z-index:2; padding:0px;}
#RHwrap {overflow:hidden; border:0px solid #F90; padding:0px;}
#RHview {border:0px solid #060; overflow-x:auto; overflow-y:hidden;  padding:0px;}
#RHdata {border:0px solid #006; padding:0px;}

#RDwrap {height:800px; position:absolute;  overflow:hidden; border:0px solid #F00; z-index:1; padding:0px;	}
#RDview { height:500px; border:0px solid #060;   padding:0px;}
#SBSpdata {height:auto; border:0px solid #006; padding:0px;}





.SBPBteams, .SBPBseeds {background:url('https://www.superbrawl.com/images/nflteams/nflteamsprite2.jpg'); width:71px; height:30px;}

.SBPBpops {
	border:1px solid #F00; background:url('https://www.superbrawl.com/poolimages/bgfills1.png'); color:#FFF;
	margin:1px !important;}




 
.sbbb {border-bottom:2px solid #000;}
.sbbl {border-left:2px solid #000;}
.sbbr {border-right:2px solid #000;}
.sbbt {border-top:2px solid #000;}


	

.repdata td {height:20px !important; width:58px; font-size:0.8em; text-align:center; white-space:nowrap; background:#FFF; color:#000;  padding:1px;}

.repdata .match {background:#FC3 !important;}
.repdata .cpik {color:#000; background:#FC3 !important;}	
.repdata .win 	{color:#000; background:#F09 !important;}	
.repdata .cov 	{color:#000; background:#0C0 !important;}	
.repdata .fav 	{color:#000; background:#007C00 !important;}
.repdata .spr 	{color:#000; background:#007C00 !important;}

.repdata .winner, .repdata .winner a:link, .repdata .winner a:visited, .repdata .winner a:active, .repdata .winner a:hover {
	color:#000 !important; background:#0F0;}


.rpheadlock {
	position:fixed; top:3.35em;
}


.red {color:#F00 !important;}
.orange {color:#F80 !important;}
.blue {color:#006 !important;}
.ltblue {color:#09F !important;}
.green {color:#080 !important;}
.black {color:#000 !important;}

	
/*
 rules below this line are planned for removal or update

*/


#Report .win {background:#F09; color:#FFF;}
#Report .vis  	{color:#FFF; background:#025BC0;}						/* visitor */
#Report .viss  	{color:#FFF; background:#025BC0;}						/* vis score */
#Report .hom  	{color:#FFF; background:#0000A3;}						/* home */
#Report .homs 	{color:#FFF; background:#00007C;}						/* home score */
#Report .cpik 	{color:#000; background:#FC3;}							/* correct pick */
#Report .win  	{color:#000; background:#FC3;}							/* win */
#Report .cov  	{color:#000; background:#0C0;}							/* cover */
#Report .fav  	{color:#FFF; background:#007C00;}						/* favorite */
#Report .spr  	{color:#FFF; background:#007C00;}						/* spread */
#Report .dog  	{color:#FFF; background:#007C00;}						/* underdog */
#Report .ou  		{color:#FFF; background:#000;}							/* over under */
#Report .ouo 		{color:#FFF; background:#CA0000;}						/* over under over */
#Report .ouu 		{color:#FFF; background:#A3A300;}						/* over under -under */
#Report .sh 			{color:#FFF; background:#002; border:none; font-size:90%;} /* small header spots */
#Report .res  		{color:#FFF; background:#F00;}							/* game results style */

#Report .th1 {background-image:url('https://www.superbrawl.com/themes/trashsprite1.png'); background-position: 0px 0px; color:#000;}
#Report .th2 {background-image:url('https://www.superbrawl.com/themes/trashsprite1.png'); background-position: 0px -36px; color:#000;}
#Report .th3,#Report .th1:hover,#Report .th2:hover  {background-image:url('https://www.superbrawl.com/themes/trashsprite1.png'); background-position: 0px -72px; color:#000;}
#Report .th4 {background-image:url('https://www.superbrawl.com/themes/trashsprite1.png'); background-position: 0px -108px; color:#000;}
#Report .thp {background:#060 url('https://www.superbrawl.com/themes/tall_green.png'); color:#FFF;}
#Report .thp td {color:#FFF;}