@charset "utf-8";

body.topLevel {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #4E5869;
	margin: 0;
	padding: 0;
	color: #000;	
	background-attachment:fixed;       
	height: 100%;
}

body.mainLevel {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	color: #000;	
	height: 100%;
}

h1
{
    height: 40px;
    border-bottom: solid 2px #909;
    color:#666;
    font-size:30px;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

/* General settings */
table
{
	border-collapse: collapse;
}

td
{
	vertical-align: top;
}

a, a:visited, a:active
{
	text-decoration: underline;
	color: #000;
	font-family:Tahoma, Geneva, sans-serif;	
}

a:hover
{
	text-decoration: overline;
	color: #C09;
}

a.small, a.small:visited, a.small:active, a.small:hover
{
	font-size: 12px;
}

img
{
	border: 0px;	
}

img.logo
{
	height: 35px;	
	float: right;
}

img.teamLogo
{
	height: 180px;	
	text-align: right;
}
/* Main, i.e. top most, table settings */
table.mainTable
{
	width: 95%;
	height: 100%;
	max-width: 1200px;
	margin-top: 10px;
}

table.mainTable td.leftColumn
{
	width: 100px;
	padding-right: 10px;	
}

table.mainTable td.header
{
	height: 120px;
	padding-top: 10px;
}

table.mainTable td.mainCell
{
	padding: 20px;        
}

table.mainTable td.footer
{
	height: 50px;
}

table.headerInnerTable
{
    width: 100%;
    height: 100%;
    max-width: 1200px;    
}

table.headerInnerTable td.leftColumn
{
	width: 100px;
	padding-right: 10px;	
}

table.headerInnerTable td.header
{
	height: 120px;
	padding-top: 10px;
}

table.headerInnerTable td.mainCell
{
	padding: 20px;        
}

table.headerInnerTable td.footer
{
	height: 50px;
}

/* Inner table settings */

table.innerTable
{
	width: 100%;
        margin-top: 5px;
}

table.innerTable td.innerTableTop
{
	height: 80px;
        border-bottom: solid 2px #909;	
	font-size:30px;
        color:#666;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

table.innerTable td p.innerTableTop
{
    height: 40px;
    border-bottom: solid 2px #909;
    color:#666;
    font-size:30px;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    padding: 0px;
    margin: 0px;
}


table.innerTable td.mainContent
{
	
}

/* style1 Table */
table.style1
{
	width:100%;
}

table.style1 th
{
	border-bottom: solid 2px #909;
	text-align:left;
}

table.style1 tr:hover
{
	background-color:#CCCCCC;
}

tr.green
{
	background-color:rgba(114, 189, 114, 0.39);
}

tr.blue
{
	background-color:rgba(143, 187, 232, 0.32);
}

tr.purple
{
	background-color:rgba(170, 161, 239, 0.27);
}

tr.red
{
	background-color:rgba(211, 99, 112, 0.27);
}

tr.borderTop
{
    border-top: black 1px solid;
}

tr.borderBottom
{
    border-bottom: black 1px solid;
}

tr.yellow
{
	background-color:rgba(213, 204, 112, 0.32);
}

/* style2 Table */
table.style2
{
	width:100%;
}

table.style2 th
{
	border-bottom: solid 2px #909;
	text-align:left;
	font-size: 14px;
}

table.style2 tr:hover
{
	background-color:#CCCCCC;
}

table.style2 td
{
	font-size: 14px;
}

/* style3 Table */
table.style3
{
	width:100%;
}

table.style3 th
{
	border-bottom: solid 2px #909;
	text-align:left;
	font-size: 14px;
}

table.style3 tr:hover
{
	background-color:#CCCCCC;
}

table.style3 td
{
	font-size: 14px;
}

/* style4 Table */
table.style4
{
	width:100%;
}

table.style4 th
{
	border-bottom: solid 2px #909;
	text-align:left;
	font-size: 16px;
}

table.style4 tr:hover
{
	background-color:#CCCCCC;
}

table.style4 td
{
	font-size: 16px;
}

img.menuButton
{
	height: 64px;
	border: dotted 1px #000000;
}

img.menuButton:hover
{
	border: solid 1px #000000;
}

div.tabButton
{
	height: 25px;
        min-width: 100px;
        padding: 3px;
	border: dotted 1px #000000;
        float: left;
        margin-left: 5px;
        cursor: pointer;
}

div.tabButton:hover
{    
    border: solid 1px #000000;
}

div.userButton
{
	height: 25px;
        min-width: 100px;        
	border: dotted 1px #000000;        
        padding-left: 5px;
        padding-right: 5px;
        cursor: pointer;
}

div.userButton:hover
{    
    border: solid 1px #000000;
}

div.userButtonSelected
{    
    border: solid 1px #000000;
    opacity: 0.6
}

div.tabSelected
{    
    border: solid 1px #000000;
    color: #C09;
}

img.globalMenuButton
{
	height: 40px;
	border: dotted 1px #000000;
}

img.splitter
{
	height: 40px;	
}

img.reportMenuButton
{
	height: 32px;
	border: dotted 1px #000000;
}

input.globalMenuButton
{
	height: 30px;
	border: dotted 1px #000000;
}

img.active
{
    border: solid 1px #000000;
    background-color: #cccccc;
    opacity: 0.5;
    margin-left: 3px;
    margin-right: 3px;
}

input.globalMenuButton:hover
{
    border: solid 1px #000000;
}

img.globalMenuButton:hover
{
    border: solid 1px #000000;
}
img.reportMenuButton:hover
{
    border: solid 1px #000000;
}

img.teamMenuButton
{
    height: 25px;
    width: 25px;
    padding-left: 15px; 
    margin-right: 20px; 
    vertical-align:middle;
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

img.grayscale
{
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

div.menuButton:hover img.teamMenuButton
{
    filter: none; /* IE6-9 */    
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */    
}

img.smallMenuButton
{
    height: 24px;
    vertical-align: middle;
    border: dotted 1px #000000;
}

img.smallMenuButtonDisabled
{
    height: 24px;
    vertical-align: middle;    
    opacity: 0.8;    
}

img.smallMenuButton:hover
{
    border: solid 1px #000000;
}

img.pressed
{
    border: solid 1px #000000;
    opacity: 0.6;
}

img.disabled
{
    opacity: 0.4
}

td.menuCell
{
	vertical-align:middle
}

h2
{
    font-size: 24px;    
    margin-top: 0px;
    font-weight: normal;
    border: solid 1px #909;
    padding-left:5px;
    color:#666;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;    
}

h3
{
    margin-bottom: 5px;
    font-size: 24px;    
    margin-top: 0px;
    font-weight: normal;
    border: solid 1px #909;
    padding-left:5px;
    margin-top: 5px;
    color:#666;
    font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(12%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
}



div.adminDiv
{
	width: 200px;
	min-height: 300px;
	position: absolute;
	left: -170px;
	top: 50px;
	border: solid 1px #909;
	background-color: #CCC;
	opacity: 0.8;
}

div.loginDiv
{
	width: 99.9%;
	height: 30px;
	position: fixed;
	left: 0px;
	top: 0px;
	border: solid 1px #909;
	background-color: #ccc;	
}

div.statusDiv
{
	width: 99.9%;
	height: 30px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	border: solid 1px #909;
	background-color: #ccc;	
    padding-top: 2px;        
    padding-left: 20px;
    padding-right: 20px;
    color: rgb(129, 129, 129);
}

div.menuButton
{
    height: 25px; 
    cursor: pointer;
    padding-top:3px;
    padding-bottom:3px;
}

div.menuButton:hover
{
    background-color: #CCCCCC;
}

form.CenterWidget
{
	position:absolute;
	top:0px;
	left:0px;
	border:solid 1px #909;
	background-color:#ccc;
	display:none;
	min-width: 400px;
	z-index: 100;
	padding: 5px;
}

div.warningMessage
{
	position:absolute;
	top:0px;
	left:0px;
	border:solid 1px #909;
	background-color:#ccc;
	min-width: 400px;
	z-index: 100;
	padding: 5px;
}

table.tournament {
  background-repeat: no-repeat;
  border-collapse: collapse;
  border: none;
  font: small arial, helvetica, sans-serif;
}
table.tournament td {  
  vertical-align: middle;
  height: 50px;
  width: 190px;
  margin: 0;
  padding: 0;
}
table.tournament td p {      
  margin: 0;
  font-weight: bold;
  padding: 5px 5px 2px 5px;
}

div.SlippersStudioLogo
{    
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 200px;
    height: 200px;
    background-image: url('../Images/pslogo.png');
    background-repeat: no-repeat;  
    opacity: 0.7;
    z-index: -1;
}

.notifications
{
    display: block;
}

#FinancialPenalties
{
    display: none;
}

#ArenaUpgrades
{
    display: none;
}

#LatestD1Scores
{
    display: block;
}

#LatestD2Scores
{
    display: none;
}

#LatestCupScores
{
    display: none;
}

#LatestBarageScores
{
    display: none;
}

#LatestTransfers
{
    display: none;
}

div.chat
{
    z-index:100;
    position:absolute; 
    bottom:35px; 
    right:20px;    
    border:solid 1px #909; 
    background: url(Images/background-light.png) left top repeat-x #E3E3E3;
}

div.normalChat
{
    width:605px; 
    height:475px; 
}

div.maximizedChat
{
    top: 35px;
    left: 0px;
}

div.amblemMenuItem
{
    height: 80%; 
    width: 4%;    
    vertical-align:bottom; 
    text-align: center;
    display: inline-table;
    cursor: pointer;   
    position: relative;
}

div.amblemMenuItem img
{
    position: absolute;
    bottom: 0;
    right: 0;    
}

div.amblemMenuImage
{               
    position: absolute;
    width: 100%;
    height: 100%;
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

div.amblemMenuImage:hover
{
    filter: none; /* IE6-9 */    
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */    
}

tr.gradient
{
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(12%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 12%, rgba(226,226,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
}

tr.reverseGradient
{
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 88%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(88%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 88%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 88%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 88%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 88%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}