/*-----------------------------------
	ELEMENTS
-----------------------------------*/
html{
	background:url(/images/layout/htmlbg.jpg) 50% 0;
}
body{
	margin:0;
	color:#CCC;
	background:url(//www.footiemanager.com/images/football-pitch.jpg) no-repeat 50% 0;	
	min-width:962px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	overflow:auto;
}
a, a:link, a:visited, a:active{
	text-decoration:none;	
	color: #66BB66;
}
a.popup
{
	border-bottom: 1px dotted #6B6;
}
a:hover
{	
	text-decoration:underline;
}

img.icon
{
	margin-bottom: -2px;
}

label {
    color: #444;
    margin-bottom: 0;
    margin-top: 5px
}
/*-----------------------------------
	CORE
-----------------------------------*/
#container{
	width:962px;
	position:relative;
	overflow:hidden;	
	margin:0 auto;
}
/*-----------------------------------
	HEADER
-----------------------------------*/
#header{
	width:919px;
	overflow:hidden;
	height:110px;
	padding:0 23px 0 20px;
}
.advert {
	float:right;
	margin:26px 0 0;
	position:absolute;
	left:439px;
	top:0;
}
a.logo{
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
	background:url(//www.footiemanager.com/images/footiemanager.gif) no-repeat;	
	width:335px;
	height:70px;
	top:19px;
	left:24px;	
}

#eventmsg
{
	/*width: 550px;	*/
	margin-bottom: 5px;
	height: 20px;
	padding: 0 10px;	
	color: #000;
}

#pscroller2{
	width: 100%;
	height: 20px;	
	padding: 3px;
	text-align: center;
	color: #141;
	font-weight: normal
}

/*-----------------------------------
	MAIN
-----------------------------------*/
#main{
	width:962px;
	overflow:hidden;
}
#helpstrip
{
	text-align: right;
	padding: 5px 20px 0 0;
	/*height: 34px;	*/
}

.maintext{
	width:940px;	
	overflow:hidden;	
	padding:0 0 20px 20px;
	background:url(//www.footiemanager.com/images/soccer-panel.jpg) no-repeat;		
}


/*main nav*/
#menubar 
{
	position:absolute;
	top:110px;
	width:862px;
	height:35px;
	overflow:hidden;	
	padding:6px 0 0 100px;	
	background:url(/images/layout/mainnavbg.png) top center no-repeat;	
}
.menu
{
    padding-bottom: 6px;    
}


.mainnav ul{
	width:862px;
	background:url(/images/layout/mainnavbg.png);
	height:35px;
	overflow:hidden;	
	padding:6px 0 0 200px;		
}
.mainnav{
	position:absolute;
	top:100px;		
}





.mainnav li
{
    font-family: Arial,Helvetica,Verdana;
    list-style-type: none;
	float:left;
	font-size:14px;
	height:24px;
	background:url(/images/layout/mainnavseparator.png) no-repeat 0 0;
	padding:5px 15px 5px 20px;	
	position:relative;
}
.mainnav li.first{
	background:none;
}
.mainnav a{
	color:#000;		
	position:relative;
	font-weight:bold;
	height:24px;
}



/*main content*/
.maincontent{
	width:960px;
	overflow:hidden;	
	padding:0;
	margin:65px 0 0;
}
#subheader 
{    
	position:absolute;
	top:150px;
}
.maintopbg{
	overflow:hidden;		
	background:url(/images/layout/maintopbg.png) no-repeat;
	width:960px;
	height:34px;				
}
.maincontentinner{
	width:960px;
	background:url(/images/layout/mainboxstrip.png) repeat-y;
	overflow:hidden;			
}
.mainbottombg{
	overflow:hidden;
	background:url(/images/layout/mainbottombg.png) no-repeat;	
	width:960px;
	height:7px;
}



/*-----------------------------------
	LEFT COLUMN
-----------------------------------*/
#leftcolumn{
	width:160px;
	float:left;
	margin:0 30px 0 0;
}










/*-----------------------------------
	CONTENT
-----------------------------------*/
#contentbox_narrow {
	width:482px;
	float:left;
	overflow:hidden;
	margin:0 30px 0 0;
}
.contentbox {
	width:542px;
	float:left;
	overflow:hidden;
	margin:0 30px 0 0;
}
.contentbox_wide{
	width:720px;
	float:left;
	overflow:hidden;
	margin:0 30px 0 0;
}
.contentbox_iframe 
{
    padding: 0;
    overflow: hidden;
    width: 100%;
    max-width: 700px;    
}


/*-----------------------------------
	RIGHT COLUMN
-----------------------------------*/
#rightcolumn{
	width:159px;
	overflow:hidden;
	float:left;    
}

#rightcolumn_wide{
	width:220px;
	overflow:hidden;
	float:left;    
}






/*-----------------------------------
	FOOTER
-----------------------------------*/
#footer{	
	width:962px;
	overflow:hidden;
	height:70px;
	padding:22px 0 0;
	color: #888;
}
#footer span{
	display:block;
	text-align:center;
	margin:7px 0 5px 0;	
	font-size:13px;	
}

#footer ul{
	text-align:center;	
	width:600px;
	overflow:hidden;
	margin:0 auto;	
	padding: 0;
}
#footer ul li{
	background:url(/images/layout/footerseparator.jpg) no-repeat 0 50%;
	font-size:13px;
	display:inline;	
}
#footer a{
	color:#bbbbbb;
	padding:0 3px 0 7px;
}
#footer a:hover{
	color:#6ce100;
}
#footer ul li.first{
	background:none;
}




/*-----------------------------------
	STATUS MESSAGES
-----------------------------------*/
.status_ok
{
    padding: 0 3px;    
    font-size: 7pt;
    color: black;
    font-family: verdana;
    background-color: #9F9;
    border: 1px solid #4B4;
}
.status_processing
{
    padding: 0 3px; 
    font-size: 7pt;
    color: black;
    font-family: verdana;
    background-color: #FC6;
    border: 1px solid #B82;
}
.status_error
{
    padding: 0 3px;
    font-size: 7pt;
    color: black;
    font-family: verdana;
    background-color: #F63;
    border: 1px solid #B2E;
}

.msgerror
{
    padding: 0 5px;    
    font-size: 8pt;
    background-color: #ff6633
}
.msgok
{
    padding: 0 5px;    
    font-size: 8pt;
    background-color: #99ffcc
}

/*-----------------------------------
	MARGIN
-----------------------------------*/
input.login {	    
    font-size: 10px;	 
    color: #000000;
    font-family: verdana, lucida, arial, helvetica, sans-serif;
}

/*-----------------------------------
	SQUAD 
-----------------------------------*/
table.squad 
{
        
    font-size: 10px; 
    padding: 0;
    border: 0;
	border-collapse: collapse;
	margin-top: 4px;
 }
table.squad tr td.tableheader
{    
    height: 18px;
    border-bottom: 1px solid #888;	
	color: #DDD;     
}
table.squad tr td
{
    height: 16px;
}
tr.GK, td.GK  {background-color: #c4f4b0; }
tr.DEF, td.DEF {background-color: transparent; }
tr.MID, td.MID {background-color: #c4f4b0; }
tr.ATT, td.ATT {background-color: transparent; }
tr.INJ, td.INJ {background-color: #EFC7BB; }
tr.SUB, td.SUB {background-color: #003; }

/*
table.squad thead tr td
{
	padding: 0 5px 0 0;
	background: #000;		
	border-bottom: double 2px #333;			
	cursor:pointer;
	text-align: left;
}
*/
table.squad tbody tr td 
{
    padding-left: 2px;
}
/*-----------------------------------
	SORTABLE
-----------------------------------*/
table.sortable
{	
	border-collapse: collapse;	
}
table.sortable thead tr td, table.sortable thead tr th
{
	cursor: pointer;
}
td.sorttable_nosort
{
	cursor:default;
}
/*-----------------------------------
	TABLE EFFECTS
-----------------------------------*/
table.highlight tbody tr.highlight td,
table.highlight tr.highlight td,
table.highlight tr.highlightAlt td
{
	background: #222;
}

.table-striped>tbody>tr:nth-child(odd)>td
{
    background-color: #E2E2E2;
}

.table-striped>tbody>tr:nth-child(odd)>th
{
    background-color: transparent;
    border-bottom: 1px solid #444
}

.table-striped>tbody>tr:nth-child(odd)>td.tablehighlight {
    background-color: #f1fc74;
}

.table-small {            
    font-size: 0.8em
}

.table-small tr th {
    border-bottom: 1px solid #444; 
    padding-bottom: 3px;
}

.table-hover>tbody>tr:hover>td {
    background-color: #fdff9b;
}

/*-----------------------------------
-----------------------------------*/
.note
{
	border: 1px solid #888; background-color: #C8DFC3;
}

/*-----------------------------------
	TABLES
-----------------------------------*/
table.data, table.info, table.panel
{
	border: 0;
	border-collapse: collapse;	
}
table.data tbody tr
{
	border-top: dotted 1px #444;	
}
table.data tbody tr.first, table.info tbody tr.first
{
	border-top: none;	
}

table.panel tr.first td
{
    padding-top: 3px;   
}

table.data tbody tr td
{
    padding: 1px 5px;
    font-family: "Courier New";
    font-size: 13px;
}

table.info tbody tr td
{
    padding: 1px 3px;    
    font-size: 13px;
}

table.info thead tr td, table.panel td.tableheader, table.panel th.tableheader
{
	border-bottom: 1px solid #888;
	font-size: 11px;	
	color: #DDD;
	text-align: left;
	font-weight: normal;
}  

td.tablehighlight
{
	background-color: #f1fc74;
}

table.forum
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #444;
}

table.forum tr td.subheader
{
	border: 1px solid #444;
	background-color: #DDD;	
	color: #000;
}

table.panel td
{
    font-size: 11px;
}



.tableentryadmin 
{
    color: #F00;
}


table.panel tbody tr td.subheader, table.panel tbody tr th.subheader  
{
    color: #000;
    border-bottom: 1px solid #888;
    font-weight: normal;
    text-align: left;
}


table.sub_menu 
{
    margin: 0 5px 0 auto;
    border: 0;    
}

table.sub_menu td 
{
    width: 25px;
}

.bullet {		
	padding-left: 15px;	
	background: url(/images/bullets/li_block.gif) no-repeat;	
	margin-bottom: -3px;
	
}

/*-----------------------------------
	FORUM
-----------------------------------*/
div.quote
{
	border: 1px solid #CCC;
	background-color: #EEE;
	width:  90%;
	padding: 2px;
	margin: 0 auto;
}
/*-----------------------------------
	ADMIN
-----------------------------------*/
table.panel tbody tr td.admin
{
    /*background-color: #443300;*/
    color:  #B77D21;
}

table.panel tbody tr td.admin a,
a.admin 
{
    color: #FFCCEE;
}


/*-----------------------------------
	TACTICS
-----------------------------------*/

.slot, .target
{
    position: absolute;
    /*border: 1px dashed #FFF;*/
    width: 120px;
    text-align: center;
    height: 80px;
    z-index: 10;
    color: #000;
    
}

.player 
{
	color: #000;
}

.player_select
{
    cursor: move;
    background-color: #FFF;
    border: 1px solid #CCC;    
    border-collapse: collapse;
    height: 18px;
    padding:0;
    width: 250px;
    z-index: 5;
    color: #000;
}



table.player_select tr td 
{
    text-align: left;
    color: #000;
}

.ATT
{
    /*background-color: #CCEEFF;*/
}

/*-----------------------------------
	MATCH REPORT
-----------------------------------*/
.tableentryscore
{
	width: 50px;
	padding: 0 5px 0 5px;
	text-align: center;
}
/*-----------------------------------
	UNKNOWN
-----------------------------------*/
.margin 
{
	font-size: 12px;
}
.search{
	width:158px;
	background:url(../images/searchbg.png) no-repeat;
	height:67px;
	overflow:hidden;
	padding:10px 0 5px 6px;
}
.search h2{
	font-size:20px;
	color:#fff;
	margin:0;
	font-weight:normal;
}
.search fieldset{
	margin:3px 0 0;
}
.search input.text{
	font:12px Arial, Helvetica, sans-serif;
	width:103px;
	float:left;
	border:1px solid #919191;
	height:19px;
	margin:1px 5px 0 0;
	padding:0 3px;
	position:relative;	
}
.search input.image{
	float:left;
	position:relative;
}
a.signupbutton{
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	background:url(/images/layout/signupbutton.png) no-repeat;
	width:158px;
	height:34px;
	margin: 0 0 10px 0;
}








/*
DIV.login{
	width:160px;
	overflow:hidden;
	background:url(/images/layout/loginbg.png) no-repeat;
	height:229px;
	margin:15px 0 0;
	padding:0 0 0 16px;
}
*/

a.sportlogo{
	margin:448px 0 0 73px;
	display:block;
	position:relative;
}





.gamenews{
	width:542px;
	overflow:hidden;
	margin:16px 0 0;	
}
.gamenews h2{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/layout/gamenewsh2.png) no-repeat;
	height:19px;
	width:542px;
	margin: 0;
}
.gamenewsbottombg{
	width:542px;
	height:12px;
	overflow:hidden;
	background:url(/images/layout/gamenewsbottombg.png) no-repeat ;
}
.bottomnewscontent{
	width:522px;
	border:1px solid #535353;
	border-bottom:none;
	border-top:none;
	background:#9bd055 url(/images/layout/gamenewsbg.jpg) repeat-x bottom left;	
	overflow:hidden;
	padding:0 0 0 18px;
}
.bottomnewscontent h3{
	margin:0;
	color:#000;
	font-size:13px;
	background:url(../images/gamenewsmarker.png) no-repeat 0 0;
	padding:0 0 0 28px;
	position:relative;
	height:13px;
}
.bottomnewscontent p{
	margin:0 0 0 28px;
	font-size:13px;
	width:440px;
}
.bottomtext{
	width:522px;
	overflow:hidden;
	background:url(../images/gamenewsseparator.gif) no-repeat;
	padding:11px 0;
}
.bottomtext.alter{
	background:none;
}
.subtext 
{
    color:#ff9806;
}


div.highlight:hover {
    background-color: #CCC;
}

/*
.highlight 
{
	border: 1px solid #FFF;
	background-color: #777;
	color: #FFF;
}
*/


pre
{
	border: 1px solid #CCC;
	background-color: #EFEFEF;
	width: 500px;	
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/	
}

div.code
{
    margin: 3px auto;
    width: 80%;
    padding: 2px 5px;
    border: 1px solid #DDD;
    background-color: #FCFCFC;
    white-space: pre;
    overflow: auto;
    font-family: courier;
}



table.table-striped  thead tr th {
    border-bottom: 1px solid #777
}


.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, 
.table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
    padding: 2px 5px;
}

/*
 PILLS
*/
ul.nav-pills {
    background-color: transparent; 
    margin-bottom: 2px
}
ul.nav-pills li {
    background-color: rgba(10,10,10,0.5); 
    border-radius: 8px
}