.relthumb {
position:relative;
}

.relsource {
position:absolute;
z-index:10;
}




table.grid { background-color:#fff; border-collapse:collapse; width:100% ;margin-top:0px; padding:4px; }
table.grid td, table.gridtable th { border-bottom:1px #f5f5f5 solid;padding:6px; white-space: nowrap; padding-right:10px; font-family: arial; font-size:10pt; }

 

table.grid th {
background: #ffffff; /* Old browsers */



border:0px solid #ddd;
border-top:0px solid #ddd;
padding:5px;
cursor:pointer; cursor:hand;
font-family: arial; font-size:10pt;
}


    table.grid th span {
        float:right;
    }
	
	  table.grid tr:hover {
       /*background-color:#e1e1e1;*/
    }



table.no-grid  {
    border: 0;
    clear: both;
    width:100%;
}

    table .no-grid td {
        cursor:pointer;cursor:hand;
    border: 0;

}

    table.no-grid tr:hover {
     
        background-color: transparent;
        cursor:pointer;cursor:hand;
    }
	

	
	body, html {
    height: 100%;
}
	body{background: #f5f5f5;height:100%;width:100%; margin:0;padding:0;}
	
	.box {
	
	background: #fff;
	border: 0px solid #f5f5f5;
  margin-left:6px;
  margin-right:6px;
    margin-bottom:8px;
    padding:8px;
    /*color:white;*/
          -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.05);
box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.05);

font-family: arial; font-size:10pt;
}

#submitbtnanim {
display:none;width:24px; padding-top:6px;float:left;
}

.submitbtnanimclass {
display:none;width:24px; padding-top:6px;float:left;
}

.select{
border:0;
font-family: arial; font-size:10pt;
width:120px;
}

.gray{
color:gray;
}

.red{
color:red;
}

.topborder{border-top:1px solid #e1e1e1}
.textbox{
border-top:0px solid #e1e1e1;
border-left:0px solid #e1e1e1;
border-right:0px solid #e1e1e1;
border-bottom:1px solid #808080;
margin-bottom:4px;
outline:0;
}

.darkgray{
color:#333333;
}
.center{text-align:center;}

.padleft2{padding-left:2px}
.padleft4{padding-left:4px}

.pad4{padding:4px}
.pad8{padding:8px}

.font8{font-size:8pt}
.font9{font-size:9pt}
.font9red{font-size:9pt; color:red}
.font10{font-size:10pt}
.font11{font-size:11pt}
.font12{font-size:12pt}

.h50{height:50px}
.h80{height:80px}
.h100{height:100px}

.w50{width:50px}
.w150{width:150px}
.w300{width:300px}
.w400{width:400px}
.w450{width:450px}
.w500{width:500px}
.w600{width:600px}
.w800{width:800px}
.w840{width:840px}
.w900{width:900px}


.w100perc{width:100%}

.mbottom4 {margin-bottom:4px;}

.mleft4 {margin-left:4px;}
.mleft8 {margin-left:8px;}
.mleft12 {margin-left:12px;}
.mleft20 {margin-left:20px;}
.mleft26 {margin-left:26px;}
.mleft28 {margin-left:28px;}

.label{font-family: arial; font-size:10pt;color:gray;  margin-bottom:4px;
    padding:8px;}

.label2{font-family: arial; font-size:10pt;color:gray;  margin-bottom:4px;
    padding:3px; padding-left:8px;}

div h4 {margin-top:4px;margin-bottom:4px;}

#rightad {padding-top:8px;
}

.dialog-wrapper{
position:fixed;width:100%; height:100%; z-index:16001;display:none;top:0;background-color:rgba(192,192,192,0.5);
}

#dialog-content{position:absolute; top:100px;}


.reply-wrapper{
position:fixed;width:100%; height:100%; z-index:8000;display:none;top:0;background-color:rgba(192,192,192,0.5);
}

#reply-content{position:fixed;height:100%;z-index:8000;}

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	font-size:8pt
}

.button {
	-moz-box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	-webkit-box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #333;
    outline:0;
}
.button:hover {
	background-color:#eb675e;
}
.button:active {
	position:relative;
	top:1px;
}


.buttonsubmit {
	-moz-box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	-webkit-box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #333;
    outline:0;
}
.buttonsubmit:hover {
	background-color:#eb675e;
}
.buttonsubmit:active {
	position:relative;
	top:1px;
}


.button-gray {
	-moz-box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	-webkit-box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	background-color:#a1a1a1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #333333;
    outline:0;

}
.button-gray:hover {
	background-color:#a1a1a1;
}
.button-gray:active {
	position:relative;
	top:1px;
}

.float-l{float:left}
.float-r{float:right}



/**/
.icon-latest {
 
    	padding-left: 32px; 
        background-image:url('icons/tab_news_24dp.png?3');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-popular {
    	padding-left: 32px; 
        background-image:url('icons/tab_popular_24dp@2x.png?3');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-videos {
    	padding-left: 32px; 
        background-image:url('icons/tab_video_24dp@2x.png?3');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-fixtures {
    	padding-left: 32px; 
        background-image:url('icons/tab_fixtures_24dp@2x.png?5');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-polls {
    	padding-left: 32px; 
        background-image:url('icons/tab_polls_24dp@2x.png?4');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-forums {
    	padding-left: 32px; 
        background-image:url('icons/tab_forum_24dp@2x.png?3');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-stats {
    	padding-left: 32px; 
        background-image:url('icons/tab_stats_24dp@2x.png?4');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-team {
    	padding-left: 32px; 
        background-image:url('icons/tab_team_24dp.png');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-lineup {
    	padding-left: 32px; 
        background-image:url('icons/tab_lineup_24dp_.png?4');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-standings {
    	padding-left: 32px; 
        background-image:url('icons/tab_standings_24dp@2x.png?5');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}

.icon-ratelineup {
    	padding-left: 32px; 
        background-image:url('icons/tab_lineup_24dp_5.png?3');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}



.icon-fixvideo {
    	padding-left: 32px; 
        background-image:url('icons/videoplay.png?3');
         background-repeat: no-repeat; background-position: 4px 6px;
               display:inline-block;
}


.icon-tup {
    	padding-left: 32px; 
        background-image:url('icons/tup.png?3');
         background-repeat: no-repeat; background-position: 4px 8px;
               display:inline-block;
}


.icon-tdown {
    	padding-left: 32px; 
        background-image:url('icons/tdown.png?3');
         background-repeat: no-repeat; background-position: 4px 8px;
               display:inline-block;
}


.icon-goalball {
    	padding-left: 22px; 
        background-image:url('icons/ball.png?3');
         background-repeat: no-repeat; background-position: 0px 0px;
               display:inline-block;
}

.icon-yellowcard {
    	padding-left: 22px; 
        background-image:url('icons/yellowcard.png?3');
         background-repeat: no-repeat; background-position: 0px 0px;
               display:inline-block;
}

.icon-redcard {
    	padding-left: 22px; 
        background-image:url('icons/redcard.png?3');
         background-repeat: no-repeat; background-position: 0px 0px;
               display:inline-block;
}


     #viewframediv {
      top:0;
     position:fixed;
                height:100%;
                width:100%;
                background-color:white;
          /*   background: rgb(0, 0, 0); 
    background: rgba(0, 0, 0, .8);*/ 
    padding:0px;
    z-index:3000;
    display:none;
        }


        .hide {
         display:none;
        }

         .show {
         display:block;
        }

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

         #privacy {
     position:fixed;
     top:0px;

                height:100%;
                width:100%;
                background-color:white;
          /*   background: rgb(0, 0, 0); 
    background: rgba(0, 0, 0, .8);*/ 
    padding:0px;

    display:none;
     z-index:6000;
        overflow:auto;
        }


#social {
position:fixed;
     top:47px;
     right:0;
     z-index:4000
}

 #scrollup {
    position:fixed;
    bottom:66px;
    right:406px;
    z-index:100000;
    display:none;
    cursor:hand;
    cursor:pointer;
    padding:4px;
 /*   background-color:rgba(255,255,255,0.5);
  -webkit-box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
-moz-box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
 
moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;*/
}



 .btnWin {
	
	background-color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid green;
	display:inline-block;
	cursor:pointer;
	color:green;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
     width:90px;
    outline:0;
      background-image:url('icons/ic_win.png?3');
         background-repeat: no-repeat; background-position: 3px 2px;
         background-size:24px;
}

 /*.btnWin:hover {
        background-color:#dfffef;
        }*/

  .btnDraw {
	
	background-color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #f26522;
	display:inline-block;
	cursor:pointer;
	color:#f26522;
	font-family:Arial;
	font-size:15px;
	padding:6px;
	text-decoration:none;
    padding-left:24px;
	 width:96px;
    outline:0;
      background-image:url('icons/ic_draw.png?3');
         background-repeat: no-repeat; background-position: 3px 2px;
          background-size:24px;
}
   /*.btnDraw:hover {
        background-color:#ffeeee;
        }*/

    .btnLose {
	
	background-color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid red;
	display:inline-block;
	cursor:pointer;
	color:red;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	 width:90px;
    outline:0;
      background-image:url('icons/ic_lose.png?3');
         background-repeat: no-repeat; background-position: 3px 2px;
          background-size:24px;
}
        /*.btnLose:hover {
        background-color:#ffeeee;
        }*/

.roundnum {
    margin:2px;
    line-height:24px;
    text-align:center;
    display:inline-block;
    width:24px;
    height:24px;
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:1px solid red;
}

.roundnumsel {
    display:inline-block;
    width:24px;
    height:24px;
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	
    color:white;
}

.roundnot {
    padding:1px;
    margin-top:2px;
    color:white;
 -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
    font-family:Arial;
	font-size:7pt;
}



.roundnumnew {
    margin:2px;
    line-height:32px;
    text-align:center;
    display:inline-block;
    width:24px;
    height:24px;
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:1px solid red;
}

.roundnumselnew {
    display:inline-block;
    width:24px;
    height:24px;
    -moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	
    color:white;
}


.panel-news {
float: left;
         
 position:relative;
           width:540px;
         
    
         color:gray;
      
}


#panel-popular {

 
         
 position:relative;
           width:340px;
      
       
         color:gray;
}


#panel-fixtures {

 
         
 position:relative;
           width:340px;
      
       
         color:gray;
}


#panel-standings {

 float: left;
         
 position:relative;
           width:340px;
          
         
         color:gray;
}

#panel-polls {

 float: left;
         
 position:relative;
           width:340px;
         
        
         color:gray;
}

#panel-infotags {

 float: left;
         
 position:relative;
           width:340px;
         
        
         color:gray;
}

#panel-calendar {

 float: left;
         
 position:relative;
           width:340px;
         
        
         color:gray;
}

#panel-stats {

 float: left;
         
 position:relative;
           width:340px;
         
         
         color:gray;
}

#panel-wall {

 /*float: left;*/
         
 position:fixed;
           width:400px;
         top:40px;
         right:0;
         bottom:64px;
      
         color:gray;
         z-index:16000;
         overflow:auto;
         background:#f5f5f5;
          -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.05);
box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.05);
}

#panel-lineup {

 float: left;
         
 position:relative;
           width:340px;
         
         
         color:gray;
}


#panel-playerstats {

 float: left;
         
 position:relative;
           width:340px;
         
         
         color:gray;
}

#panel-sub2 {

 float: left;
         
 position:relative;
           width:340px;
        
      
         color:gray;
}


#panel-sub3 {

 float: left;
         
 position:relative;
           width:340px;
        
       
         color:gray;
}

.panel1 {
 
float: left;
 position:relative;
          width:25%;
          height:100%;
         cursor:pointer;cursor:hand;
         color:gray;
         overflow:scroll;
          min-width:400px;
          /*border:2px solid green;*/
}

.panel2 {
   
 float: left;
         
 position:relative;
          width:74.5%;
              height:100%;
         cursor:pointer;cursor:hand;
         color:gray;
         /*overflow:hidden;*/
}


.p1 {
    width: 25%;
    float: left;
     box-sizing: border-box;
}
.p2 {
     box-sizing: border-box;
    width: 75%;
    float: left;
    background-color:blue;
}


 a.tabitem {
         border-left:1px solid #f3f3f3;
        	font-family: arial;
	font-size: 10pt;
	font-weight: normal;
	color: #212121;
	text-decoration:none;
     display:inline-block; width:90px;
      background-color:#fff;
      text-align:center;
      height:24px;
      line-height:24px;
      

        }

            a.tabitem:hover {
            color: #fff;
	      background-color:#212121;
           
            }


.wallinput {
width:48px;
padding:2px;
border:1px solid #ededed;
font-size:13pt;
}


.buttonreply {
	-moz-box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	-webkit-box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	box-shadow:inset 0px 39px 0px -24px rgba(192,192,192,0.2);
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:5px 10px;
    padding-left:28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #333;
    outline:0;
     background-image:url('icons/ic_reply.png?3');
         background-repeat: no-repeat; background-position: 4px 0px;
         background-size:24px;
}
.buttonreply:hover {
	background-color:#eb675e;
}
.buttonreply:active {
	position:relative;
	top:1px;
}

    #wallframe {
    display:block; background:red;
    }

#sourcespanel {
overflow:auto;display:block;right:0; position:absolute; background-color:#f5f5f5;
  -webkit-box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
-moz-box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
display:none;
z-index:1000;
}


#scrollmoretip {
    left: 50%;
 

   margin: 0 -120px;
     width: 240px; 
    color:#ffffff;
	font-family:Arial;
	font-size:15pt;
    padding-left:16px;
    height:40px;
    top:0;
    z-index:50000;
    position:absolute;
     background-color:rgba(0,0,0,0.3);
  -webkit-box-shadow: -1px -1px 5px 0px rgba(55,55,55,0.5);
-moz-box-shadow: -1px -1px 5px 0px rgba(55,55,55,0.5);
box-shadow: -1px -1px 5px 0px rgba(55,55,55,0.5);
}


.icon-readmore {
    	padding-left: 32px; 
        background-image:url('icons/ic_link_black_18dp.png?3');
         background-repeat: no-repeat; background-position: 4px 6px;
         background-size:24px;
               display:inline-block;
}

.icon-playicon {
    	padding-left: 32px; 
        background-image:url('icons/ic_play_arrow_black_18dp.png?3');
         background-repeat: no-repeat; background-position: 4px 6px;
         background-size:24px;
               display:inline-block;
}



    a.readmore {
	color: #212121;
	display: inline-block;
	padding-left:8px;padding-right:8px;
	text-align: left;
	text-decoration: none;
	line-height: 36px;
	height: 36px;
    border:1px solid #e3e2e2;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}


a.readmore:hover, a.readmore:active {
 border:1px solid #555;
}





/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
    #wallframe {
    display:none;
    }


    #panel-wall {
        height:400px;
        top:unset;
    -webkit-box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
-moz-box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
box-shadow: -1px -1px 5px 0px rgba(136,136,136,1);
    }
}



/*Styles for screen 515px and lower*/
@media only screen and (max-width : 600px) {
 #panel-fixtures {
        width:450px;
    }

   #panel-stats {
        width:450px;
    }

  #panel-standings {
        width:450px;
    }

  #panel-polls {
        width:450px;
    }
	
	 #panel-infotags {
        width:450px;
    }

    #panel-lineup {
        width:450px;
    }

    #panel-sub2 {
        width:450px;
    }

     #panel-sub3 {
        width:450px;
    }
}