@font-face{
  font-family: 'IRRoya';
    src: url('/css/fonts/IRRoyaBold.eot'); /* IE9 Compat Modes */
    src: url('/css/fonts/IRRoyaBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/css/fonts/IRRoyaBold.woff') format('woff'), /* Modern Browsers */
         url('/css/fonts/IRRoyaBold.ttf') format('truetype')
}
.ForecastBaseTeam > a:after,.TeamsName img,.DetailsGame{transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out}
.RowFU span{transition:all 200ms ease-in-out;-webkit-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out}
.Evenrow{background:#F8F8F8}
.Oddrow{background:#E5E5E5}
.PersonalName:before,.ItemBox:before,.TabSheet .LeftBorder:after,.SubTTSItems strong:before,.ForecastBaseTeam > a:after,.MainRow .PersonalName:after{content:'';position:absolute}
.ContentMenuBar,.TitkeIB,.TextTitleOO,.SubSTS span,.TitleTS a,.MessageEF,.NoneForcasting{font-family:'IRRoya'}
.GeneralContent{background:#FFF;top:254px;min-height:360px}
.RightHeader{top:40px}
.CenterHeader,.LeftHeader{top:94px}
.CenterHeader{left:50%;margin-left:-145px}
.PersonalName{width:95%}
.Rate{width:5%}
.ListForecasters a{min-height:20px}
.EvenRow{background:#F1F1F1}
.OddRow{background:#DDD}
.UserList a:hover{background:#000}
.UserList a:hover span{color:#FFF}
.TeamITL{width:130px;height:130px;top:47%;margin-top:-73px;background-image:url(http://img.tebyan.net/ts/persian/LeagueApp/TeamBack.png);background-repeat:no-repeat;background-size:cover}
.TeamITL span{position:absolute;color:#4D4D4D;bottom:-25px;right:0;left:0;text-align:center;direction:rtl;font-size:16pt}
.RTeamITL{right:180px}
.LTeamITL{left:180px}
.FrameNameGroup,.NameGroupITL{bottom:53px;height:50px;right:15px;left:15px;line-height:2.1}
.lblGroupName{text-transform:uppercase;background:url(http://img.tebyan.net/ts/persian/LeagueApp/GroupBack.png) no-repeat left 4px;padding:0 24px}
.TitleGroupName,.lblGroupName{height:52px;font-size:18pt;text-shadow:-2px 2px 1px #827131;-webkit-text-shadow:-2px 2px 1px #827131;-o-text-shadow:-2px 2px 1px #827131}
.GameForcast{top:130px}
.ItemTeamList{width:100%}
.ShiningNav{right:-100px}
.TeamsName{width:40%}
.GeneralFooter{position:absolute;bottom:0;right:0;left:0}
.FlagTeam{right:1px;top:7px}
.Narrow{height:43px}
.Narrow,.ForecastBaseTeam > a:hover:after{background:#259E00}
.TitleOO > img{bottom:43px}
.NarrowMessage{bottom:9px}
.CenterNarrow{left:50%;margin-left:-25px}
.TextTitleOO{font-size:13pt;padding-right:90px}
.ShowMessageBack{background:url(http://img.tebyan.net/ts/persian/LeagueApp/TLHighlight.png) no-repeat top left #999;left:70px;top:66px;box-shadow:-0.2em 0.2em 0.5em 0 #AAAAAA;-webkit-box-shadow:-0.2em 0.2em 0.5em 0 #AAAAAA;-o-box-shadow:-0.2em 0.2em 0.5em 0 #AAAAAA}
.SwfHelpWorldCup{width:90%;height:146px;top:170px;margin-top:-73px}
.zoomContainer{top:15px!important}
.EmptyForcasting{top:10px;right:10px;left:10px;bottom:80px;
background:-webkit-gradient(linear, 0 0, 0 70%, from(#EEEEFF), to(#FFFFFF));
background:-moz-linear-gradient(#EEEEFF, #FFFFFF 70%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEFF',endColorstr='#FFFFFF',GradientType=0);
background:-ms-linear-gradient(top, #EEEEFF 0%, #FFFFFF 70%); /*IE10*/
background:-o-linear-gradient(top, #EEEEFF 0%, #FFFFFF 70%);
border:1px solid #CCC;box-shadow:0 0 0.5em 0 #DDD;-webkit-box-shadow:0 0 0.5em 0 #DDD;-o-box-shadow:0 0 0.5em 0 #DDD
}
.MessageEF{top:50%;margin-top:-10px;font-size:12pt}
.TimeofGame{width:70px;left:50%;margin-left:-58px}
.DetailsGame{width:16px;height:16px;background:url(http://img.tebyan.net/ts/persian/LeagueApp/Info.png) no-repeat;left:90px;top:5px}
.DetailsGame:hover{opacity:0.5;filter:alpha(opacity=50)}
.GamesTime .DetailsGame,.GamesTime .ScoreGame{display:none}
.NoneForcasting{height:25px;top:50%;margin-top:-13px;font-size:14pt}
.ForcastingUser .PersonalName{width:80%}
.ForcastingUser .Rate{width:20%}
.SubTTSItems strong,.UserList strong,.FrameNameGroup,.CenterBox:before,.TitleFU .PersonalName,.TitleFU .Rate{background:#FFCB05}
.RowFU:hover span{background:#000;color:#FFF}
.TeamTitle{min-width:50px}
.RateOfGame{top:-24px}
.ScoreGame{min-width:70px;left:116px;top:6px}
.Profile img{display:none}
/*DialogBox*/
.DialogBox{width:50%;height:50%}
/*CountDown*/
.RemainingTime{top:50px}
/*MnueBar*/
.MnueBar{width:500px;left:50%;margin-left:-250px;top:-66px}
.ContentMenuBar{background:#E60000;border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;box-shadow:0 0 0.5em 0 #A1A1A1;-webkit-box-shadow:0 0 0.5em 0 #A1A1A1;-o-box-shadow:0 0 0.5em 0 #A1A1A1;text-shadow:-2px 2px 1px #C60000;-webkit-text-shadow:-2px 2px 1px #C60000;-o-text-shadow:-2px 2px 1px #C60000;filter:dropshadow(color=#C60000, offx=-2, offy=2);font-size:15pt}
.NavMenuBar{height:33px}
.NavMenuBar{right:0}
.PinNavMenuBar{width:64px;height:50px;right:20px;bottom:-17px;background-image:url(http://img.tebyan.net/ts/persian/LeagueApp/PinNavMenuBar.png);background-repeat:no-repeat}
.CrossPin.PinNavMenuBar,.PinNavMenuBar:hover{background-position:0 -47px}
.PlusPin.PinNavMenuBar{background-position:0 0}
.PinNavMenuBar:before{width:20px;height:20px;content:'';display:block;position:relative;top:6px;left:26px}
.CrossPin.PinNavMenuBar:before{background-image:url(http://img.tebyan.net/ts/persian/LeagueApp/CrossPin.png);background-repeat:no-repeat;background-position:0 0}
.CrossPin:hover.PinNavMenuBar:before,.CrossPin.PinNavMenuBar:before{background-position:1px -21px}
.PlusPin.PinNavMenuBar:before{background-image:url(http://img.tebyan.net/ts/persian/LeagueApp/PlusPin.png);background-repeat:no-repeat;background-position:0 0}
/*MenuBox*/
body{overflow:hidden}
.MenuForecast{background:url(http://img.tebyan.net/ts/persian/LeagueApp/MenuTransparent.png);top:0;right:0;bottom:0;left:0}
.ItemBox.CenterBox,.ItemBox{left:50%;top:50%;opacity:1;box-shadow:-0.3em 0.3em 0.3em 0 #5D5B5B;-webkit-box-shadow:-0.3em 0.3em 0.3em 0 #5D5B5B;-o-box-shadow:-0.3em 0.3em 0.3em 0 #5D5B5B}
.ItemBox.CenterBox,.ItemBox,.OverLayBox,.OverLayBox{margin-left:-50px;margin-top:-50px}
.ItemBox,.OverLayBox{width:125px;height:125px;background:#FFF}
.ItemBox,.TitleOO,.ContentOO{opacity:0}
.ItemBox:before{top:0;right:0;left:0;bottom:53%;border-radius:3px 3px 0 0}
.TitleOO{height:155px}
.ContentOO{top:175px;background:url(http://img.tebyan.net/ts/persian/LeagueApp/NarrowShadow.png) repeat-x 0 2px #FFF;padding:15px 10px 10px}
.ActiveScroll{background:url(http://img.tebyan.net/ts/persian/LeagueApp/DarkNarrowShadow.png) repeat-x 0 2px #FFF}
.ResizeOverlay{width:100%!important;height:100%!important}
.TitkeIB{top:70%;margin-top:-10px;font-size:11pt}
.ActiveBox{background:#000}
.ActiveBox span{color:#FFF}
.TopRight:before{background:#2E9813}
.TopCenter:before,.BottomCenter:before{background:#16589A}
.TopLeft:before{background:#715099}
.CenterRight:before{background:#715099}

.CenterLeft:before,.BottomRight:before{background:#E60000}
.BottomLeft:before{background:#8FB300}
/*Profile*/
.Profile strong{width:135px}
/*TabSheet*/
.TabSheet .MaxWidth{width:65%}
.TabSheet .MinWidth{width:7%}
.SubSTS span,.TitleTS a{font-size:12pt}
.PersonalName:before,.TabSheet .LeftBorder:after,.MainRow .PersonalName:after{width:1px;background:#FFF;top:0;bottom:0;left:0}
.SubTTSItems strong:before{height:1px;right:0;bottom:-2px;left:0;background:#E1E1E1;z-index:1}
.SubTTSItems strong,.UserList strong{height:37px;color:#666;font-size:10pt;line-height:2.5}
/*MyForecast*/
.TwoColumns .RightTC{width:500px}
.TwoColumns .LeftTC{width:80px}
.GroupName{top:-10px}
/*ForecastBaseTeam*/
.ForecastBaseTeam{width:600px}
.ForecastBaseTeam > a{width:21%;height:37px;margin-left:1%;margin-bottom:21px;background:#EBEBEB}
.ForecastBaseTeam > a:after{height:10px;right:0;bottom:-11px;left:0;background:#D7D7D7}
.ForecastBaseTeam img{top:6px;right:2px}
/*switchy*/
.switchy-container{position:relative;margin:0 auto;width:70px;height:20px;background:#fff;border-radius:16px;padding:4px 15px;box-shadow:0px 1px 1px #aaa}
.switchy-bar{position:relative;background:#ED7AB0;border-radius:16px;box-shadow:0px 2px 6px #756381 inset;width:100%;height:100%;cursor:pointer}
.switchy-slider{position:absolute;width:16px;height:16px;background:#fff;left:0px;cursor:pointer;border-radius:9px;box-shadow:0px 2px 4px 0px #777;margin:2px}
.ConsoleSwitch-Me{margin:15px auto}
.ConsoleSwitch-Me,.TitleConsole{color:#259E00}
.ValueClass{color:#0285B5}
.TeamsName .switchy-container{position:absolute;left:50%;margin-left:0}
/*Paging*/
.pagging,.pagination a,.pagination span{display:inline-block}
.pagging{width:100%;margin-top:20px}
.pagination{text-align:center;direction:rtl}
.pagination a,.pagination span{min-width:10px;line-height:1.5;height:17px;float:none;border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.pagination .prev,.pagination .next{min-width:27px;border-color:#B5B5B5}
.pagination a{
background:-webkit-gradient(linear, 0 0, 0 90%, from(#FFFFFF), to(#DDDBDB));
background:-moz-linear-gradient(#FFFFFF, #DDDBDB 90%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#DDDBDB',GradientType=0);
background:-ms-linear-gradient(top, #FFFFFF 0%, #DDDBDB 90%); /*IE10*/
background:-o-linear-gradient(top, #FFFFFF 0%, #DDDBDB 90%);
border-color:#DDD;
color:#5A5A5A
}
.pagination .current,.pagination .prev:hover,.pagination .next:hover,.pagination a:hover{
background:-webkit-gradient(linear, 0 0, 0 90%, from(#63D0FE), to(#58B0E7));
background:-moz-linear-gradient(#63D0FE, #58B0E7 90%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63D0FE',endColorstr='#58B0E7',GradientType=0);
background:-ms-linear-gradient(top, #63D0FE 0%, #58B0E7 90%); /*IE10*/
background:-o-linear-gradient(top, #63D0FE 0%, #58B0E7 90%);
border-color:#3390CA;
color:#FFF
}
.pagination .prev, .pagination .next
{
background:-webkit-gradient(linear, 0 0, 0 90%, from(#FFFFFF), to(#DCDADB));
background:-moz-linear-gradient(#FFFFFF, #DCDADB 90%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#DCDADB',GradientType=0);
background:-ms-linear-gradient(top, #FFFFFF 0%, #DCDADB 90%); /*IE10*/
background:-o-linear-gradient(top, #FFFFFF 0%, #DCDADB 90%);
color:#5A5A5A
}
.pagination .current.prev,.pagination .current.next{color:#FFF;border-color:#D6D6D6;background:#D6D6D6!important}
/*Response*/
@media only screen and (min-width:1000px) {
    .TeamsName{margin-left:150px}
}
@media only screen and (max-width:1110px) {
	.RightHeader,.CenterHeader,.LeftHeader{height:auto}
	.RightHeader{width:343px}
	.CenterHeader{width:251px;margin-left:-125px}
	.LeftHeader{width:325px}
	.GeneralContent{top:235px}
    .DialogBox{width:70%}

}
@media only screen and (max-width:1000px) {
    .TeamsName{width:40%}
    .TabSheet .MaxWidth{width:55%}
    .TabSheet .MinWidth{width:9%}
    .TeamsName{margin-left:150px}
}
@media only screen and (max-width:970px) {
	.RightHeader{width:303px;top:50px}
	.CenterHeader{width:211px;margin-left:-105px}
	.LeftHeader{width:285px}
	.GeneralContent{top:219px}
	.RemainingTime{top:45px}
    .PersonalName{width:90%}
    .Rate{width:10%}
}
@media only screen and (max-width:860px) {
	.RightHeader{width:283px;top:53px}
	.CenterHeader{width:191px;margin-left:-95px}
	.LeftHeader{width:265px}
	.GeneralContent{top:209px}
    .imgGeneralFooter{width:100%;height:143px}
    .RTeamITL{right:80px}
    .LTeamITL{left:80px}
    .NextSlider{right:20px}
    .BackSlider{left:20px}
    .TeamsName{width:45%}
    .TabSheet .MaxWidth{width:45%}
    .TabSheet .MinWidth{width:11%}
}
@media only screen and (max-width:740px) {
	.RightHeader{width:263px;top:55px}
	.CenterHeader{width:171px;margin-left:-85px}
	.LeftHeader{width:245px}
	.GeneralContent{top:200px}
    .TwoColumns .RightTC{width:315px}
    .TeamsName{margin-left:180px}
}
@media only screen and (max-width:700px) {
	.RightHeader{width:243px}
	.LeftHeader{width:225px}
	.GeneralContent{top:191px}
    .TeamITL{width:110px;height:110px;top:51%}
    .FlagTeam{width:95px;height:95px}
    .TopLeftNarrow,.NarrowMessage,.CenterNarrow{display:none}
}
@media only screen and (max-width:660px) {
	.RightHeader{width:223px;top:60px}
	.LeftHeader{width:205px}
	.GeneralContent{top:183px}
    .ShowMessageBack{left:5px;top:135px}
 /*MyForecast*/
 .MyForecast{width:99%}
 .TwoColumns .RightTC{width:85%}
 .GroupName,.TeamsName,.TwoColumns .RightTC{float:right}
 .GroupName{margin:0 10px;top:5px}
 .TeamsName .switchy-container{margin-left:27px}
 .TeamsName{width:50%}
}
@media only screen and (max-width:620px) {
	.RightHeader{width:203px;top:65px}
	.LeftHeader{width:185px}
	.GeneralContent{top:176px}
    .ForecastBaseTeam{width:100%}
    .TeamITL{width:95px;height:95px;top:53%}
    .RTeamITL{right:70px}
    .LTeamITL{left:70px}
    .FlagTeam{width:80px;height:80px}
    .TabSheet .MaxWidth{width:30%}
    .TabSheet .MinWidth{width:14%}


}
@media only screen and (max-width:580px) {
  .MnueBar{width:100%;margin:0;left:0}
  .PersonalName{width:85%}
  .Rate{width:15%}
  .TeamITL span{font-size:15pt}

}
@media only screen and (max-width:570px) {
	.RightHeader,.LeftHeader{display:none}
	.GeneralContent{top:145px}
	.CenterHeader{top:50px}
    .TeamsName img{width:20px;height:auto}
    .DialogBox{width:80%;height:60%}
}

@media only screen and (max-width:450px){
    .Profile{text-align:center}
    .Profile img{float:none;margin:0 0 20px 0}
    .Profile >section{width:80%;margin:0 auto}
    .ItemBox.CenterBox,.ItemBox{left:50%;top:50%;opacity:1}
    .ItemBox.CenterBox,.ItemBox,.OverLayBox,.OverLayBox{margin-left:-30px;margin-top:-30px}
    .ItemBox,.OverLayBox{width:75px;height:75px}
    .TeamITL{width:80px;height:80px;top:57%}
    .RTeamITL{right:60px}
    .LTeamITL{left:60px}
    .FlagTeam{width:65px;height:65px}
    .TeamITL span{font-size:13pt}  
    .RemainingTime{top:50px}
    .TopRightNarrow{width:300px;height:auto}
    .TitkeIB{font-size:9pt;line-height:1.5}
    .ForecastBaseTeam > a{width:24%;position:relative}
    .NextSlider,.BackSlider{top:43%}
    /*switchy*/
    .switchy-container{padding:4px 5px}
    .switchy-bar{width:90%}
    /*TabSheet*/
    .Groups{width:100%}
    .TabSheet .MaxWidth{width:30%}
    .TabSheet .MinWidth{width:14%}
    .GroupTitle{display:none}
    /*MyForecast*/
    .MyForecast{width:99%}
    .GameMF .prl5p{padding:0}
    .TwoColumns .RightTC{width:72%;float:right}
    .IranTeam strong{margin:0 2px}
}
@media only screen and (max-width:360px) {
    .TeamITL{width:65px;height:65px;top:60%}
    .FlagTeam{width:50px;height:50px}
    .TeamITL span{font-size:10pt} 
    /*TabSheet*/
    .TabSheet .MaxWidth{width:20%}
    .TabSheet .MinWidth{width:19%}   
    /*switchy*/
    .TitleConsole{display:none}   
    .switchy-container{width:60px;padding:4px 5px}
    .switchy-bar{width:90%}       
}
@media only screen and (max-width:320px){
    .RTeamITL{right:42px}
    .LTeamITL{left:42px}
    .NextSlider{right:5px}
    .BackSlider{left:5px}
}
@media only screen and (max-height:600px) {
    .Profile img{width:100px;height:auto}
}
@media only screen and (max-height:530px) {
    .imgGeneralFooter{display:none}
}
.RowDateGT .TeamsName{margin:0 auto;float:none}