a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {cursor: pointer;}
.red, a.red {color:#cc0000;} .green, a.green {color:#008000;} .blue, a.blue {color:#000080;} .white, a.white {color:#FFFFFF;} .black, a.black {color:#000000;} .grey, a.grey {color:#999999;} .yellow, a.yellow {color:#f39c12;}
.bgreen {background-color:#00C000 !important; color:#FFFFFF;} .bgreen i {color:#000000;} .tred {color:rgba(200, 0, 0, 0.6);} .bred {background-color:#B00000 !important; color:#FFFFFF;} .bblack {background-color:#333333 !important; color:#FFFFFF;}
.bgrey {background-color:#EEEEEE;}
.rotate {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); transform-origin: 0% 0%;}
.anim {-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.m0 {margin:0px;} .m0a {margin: 0px auto;} .m1 {margin:1px;} .m5 {margin:5px;} .m10 {margin:10px;} .m50 {margin: 50px;} .m05 {margin: 0px 5px;} .mtop0 {margin-top:0px;} .mtop10 {margin-top:10px;} .mtop30 {margin-top:32px;} .mbot0 {margin-bottom:0px;} .mbot10 {margin-bottom:10px;} .mbot30 {margin-bottom:30px;}
.p0 {padding:0px;} .p5 {padding:5px;} .p10 {padding:10px;} .p100 {padding: 10px 0px;} .ptopH {padding-top:0.5em;} .p0x {padding: 0px 1em;} 
.em15 {font-size:1.5em;} .center {text-align:center;}
input[type=checkbox].checkboxmd {-ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(2); margin: 4px 5px;}
input[type=checkbox].checkboxlg {-ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); margin: 0px 5px 0px 10px;}
.zindex0 {z-index:0;} .zindex1 {z-index:1;} .zindex99 {z-index:99;} .zindex999 {z-index:999;}
.hx {height:100px; max-height:100px; min-height:100px; overflow:hidden;} .hx150 {height:150px;} .minh0 {min-height:auto;} .h40 {height:40px;}
.w-100px {width:100px;}
.width100 {width:100%;} .width40p {max-width:40px;} .width20 {width:20px;} .width32 {width:32px;} .width80p {max-width:80px;} .width300 {width:300px;} .height100p {height:100px;} .height150px{height:150px;}
.displaynone {display:none;} .displayblock {display:block;} .displayblocki {display:block !important;} .displayinline {display:inline;} .nowrap {white-space:nowrap;} .nobold {font-weight:400;} .opacity0 {opacity:0;} .opacity10 {opacity:0.1;} .opacity25 {opacity:0.25;} .opacity50 {opacity:0.5;} .opacity75 {opacity:0.75;} .opacity100 {opacity:1;}
.overflow {overflow:hidden;} .rtldir {direction:rtl; text-align:right;}
.float-left {float:left;} .float-right {float:right;} .float-none {float:none;}
.monospace {font-family: monospace; font-size:0.9em;}
.tshaodw {text-shadow: 0px 0px 2px rgba(0,0,0,0.5);}
.gbackground {background: -moz-linear-gradient(#ffffff, #dfdfdf); background: -ms-linear-gradient(#ffffff, #dfdfdf); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf)); background: -webkit-linear-gradient(#ffffff, #dfdfdf); background: -o-linear-gradient(#ffffff, #dfdfdf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf')"; background: linear-gradient(#ffffff, #dfdfdf);}
.bradius10 {border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}
.bsolid2 {border: 2px solid #000000;}
.stack {border: 2px solid #000000; border-radius:6px; padding:6px;}
.col-align-bottom {float: none; display: table-cell; vertical-align: bottom;}
.vert-mid {vertical-align:middle !important;}
.switch {position: relative; display: inline-block; width: 60px; height: 34px;}
.switch input {display:none;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #2196F3;}
input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%;}
.switch-sm {width:32px; height:20px; vertical-align: middle; }
.switch-sm .slider:before {height:13px; width:13px;}
.switch-sm input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px);}
input[type=checkbox] ~ span.itoggle {display:none;}
input[type=checkbox]:checked ~ span.itoggle {display:block;}
.tooltip {white-space:nowrap; font: normal 12px tahoma;}
.minitxt {font: normal 10px tahoma;}
.tinydiv {font-size: 8px; line-height: 8px; padding: 0px; margin: 0px;}
.COMPARE {}
.COMPARE del {background:#fdd; color:#A00; text-decoration: none;}
.COMPARE ins {background:#dfd; color: #0A0; text-decoration: none;}
.csstooltip {position: relative; display: inline-block; border-bottom: 1px dotted #333333; cursor:help;}
.csstooltip .tooltiptext {visibility: hidden; width: 240px; background-color: rgba(0,0,0,0.60); color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; box-shadow: 1px 1px 1px #333333;}
.csstooltip:hover .tooltiptext {visibility: visible;}
.csstooltip .tooltiptextright {top: -5px; left: 105%;}
.csstooltip .tooltiptextleft {top: -5px; right: 105%;}
.csstooltip .tooltiptexttop {width: 240px; bottom: 100%; left: 50%; margin-left: -120px;}
.csstooltip .tooltiptextbot {width: 240px; top: 100%; left: 50%; margin-left: -120px;}
.csstooltip .tooltiptexttop::after {content: " "; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.csstooltip .tooltiptextbot::after {content: " "; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent;}
.csstooltip .tooltiptextright::after {content: " "; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent;}
.csstooltip .tooltiptextleft::after {content: " "; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black;}
.upload_form_cont { background: -moz-linear-gradient(#ffffff, #f2f2f2); background: -ms-linear-gradient(#ffffff, #f2f2f2); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(#ffffff, #f2f2f2); background: -o-linear-gradient(#ffffff, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')"; background: linear-gradient(#ffffff, #f2f2f2); color:#000; overflow:hidden;}
#upload_form { float:left; padding:20px; width:700px;}
#press_image_preview {background-color:#fff; max-width:300px; max-height:120px;}
a.thumbnail #press_image_preview {max-width:100%;}
#upload_form > div { margin-bottom:10px;}
#speed,#remaining { float:left; width:100px;}
#b_transfered { float:right; text-align:right;}
.clear_both { clear:both;}
input { border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; border:1px solid #ccc; font-size:14pt; padding:5px 10px;}
input[type=button] { background: -moz-linear-gradient(#ffffff, #dfdfdf); background: -ms-linear-gradient(#ffffff, #dfdfdf); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf)); background: -webkit-linear-gradient(#ffffff, #dfdfdf); background: -o-linear-gradient(#ffffff, #dfdfdf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf')"; background: linear-gradient(#ffffff, #dfdfdf);}
img#press_image { width:400px;}
#progress_info { font-size:10pt;}
#fileinfo,#error,#error2,#abort,#warnsize { color:#aaa; display:none; font-size:10pt; font-style:italic; margin-top:10px;}
#progress { border:1px solid #ccc; display:none; float:left; height:14px; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; background: -moz-linear-gradient(#66cc00, #4b9500); background: -ms-linear-gradient(#66cc00, #4b9500); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00), color-stop(100%, #4b9500)); background: -webkit-linear-gradient(#66cc00, #4b9500); background: -o-linear-gradient(#66cc00, #4b9500); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500')"; background: linear-gradient(#66cc00, #4b9500);}
#progress_percent { float:right;}
#upload_response { margin-top: 10px; padding: 20px; overflow: hidden; display: none; border: 1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; box-shadow: 0 0 5px #ccc; background: -moz-linear-gradient(#bbb, #eee); background: -ms-linear-gradient(#bbb, #eee); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(100%, #eee)); background: -webkit-linear-gradient(#bbb, #eee); background: -o-linear-gradient(#bbb, #eee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee')"; background: linear-gradient(#bbb, #eee);}
label.hover {cursor:pointer;}
label.hover:hover {background-color:rgba(0,0,0,0.25);}
.faform label {cursor:pointer;}
.faform label span {vertical-align:text-top;}
.faform label input[type="radio"] {display:none;}
.faform label input[type="radio"] ~ i.fa.fa-circle-o{ color: #c8c8c8; display: inline;}
.faform label input[type="radio"] ~ i.fa.fa-dot-circle-o{ display: none;}
.faform label input[type="radio"]:checked ~ i.fa.fa-circle-o{ display: none;}
.faform label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{ color: #000000; display: inline;}
.faform label:hover input[type="radio"] ~ i.fa {color: #000000;}
.faform label input[type="checkbox"] ~ i.fa.fa-square-o{ color: #c8c8c8; display: inline;}
.faform label input[type="checkbox"] ~ i.fa.fa-check-square-o{ display: none;}
.faform label input[type="checkbox"]:checked ~ i.fa.fa-square-o{ display: none;}
.faform label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o { color: #000000; display: inline;}
.faform label:hover input[type="checkbox"] ~ i.fa {color: #000000;}
.alexa-rank b {display:block; font-size:3em;}
.raddle input[type="radio"] { display: none;}
.raddle label { display: inline-block; background-color: #ddd; padding: 4px 11px; font-family: Arial; font-size: 16px; cursor: pointer;}
.raddle input[type="radio"]:checked+label {background-color:#333333; color:#FFFFFF;}
.raddle.widthone label {width: 2em; margin: 0em; padding: 0.5em; text-align: center; border-radius:0.25em;}
.raddle.widthone label:active {-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125); box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)}
.radio-inline input[type="radio"] {background-color:#EEEEEE; color:#000000;}
.radio-inline input[type="radio"]:checked+label {background-color:#333333; color:#FFFFFF;}
table.table .pressmore {border: 1px solid #666666; background:#ffffff; margin: 32px 0px 0px 0px; padding:5px; width: 96%; position: absolute; -webkit-box-shadow: 0px 3px 10px 5px rgba(153,153,153,1);
-moz-box-shadow: 0px 3px 10px 5px rgba(153,153,153,1); 
box-shadow: 0px 3px 10px 5px rgba(153,153,153,1);}
table.table .pressmore .pressmoreX {float: right; font:bold 23px/29px tahoma;}
table.table .pressmore:hover {background:#cccccc;}
table.table .pressmore .pressXmore {float: left; font:bold 23px/29px tahoma;}
table.table .pressmore .pressXmore a {padding: 0px 5px;}
div.table table {margin: 4px auto; border-collapse: collapse; width: 96%;}
div.table table caption {font: bold 12px tahoma; background-color:#EEEEEE;}
div.table table tr:nth-child(even) {background-color:#CCCCCC;}
div.table table th {background-color: #333333; color: white;}
div.table table td {font: normal 12px tahoma;}
div.table table th.minwidth3 {min-width:300px;}

.standings {margin: 0 auto; direction:rtl;}
.standings table {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; border-collapse: collapse; width: 100%;}
.standings table td, .standings table th {border: 1px solid #ddd; padding: 8px;}
.standings table.sml td, .standings table th.sml {padding: 4px 8px;}
.standings table tr:nth-child(even){background-color: #f2f2f2;}
.standings table tr:hover {background-color: #ddd;}
.standings table th {padding-top: 12px; padding-bottom: 12px; text-align:center; background-color: #CC0000; color: white;}
.standings table .hidden {display:none;}
.standings table .teamid {display:none;}
.standings table .teamE {display:none;}
.standings table .Group {display:none;}
.standings table .LastUp {display:none;}
.standings table.tiny {width:100%; max-width:300px;}
.standings table.tiny td, .standings table.tiny th {padding: 2px 4px; font: normal 12px tahoma;}
.standings table.tiny td.CB {text-align:center; font-weight:bold;}
.standings table.tiny .teamE {display:none;}
.standings table.tiny .MtchW, .standings table.tiny .MtchD, .standings table.tiny .MtchL {display:none;}
.standings table.tiny .GoalP, .standings table.tiny .GoalM, .standings table.tiny .GoalD {display:none;}
.standings table.tiny .Group, .standings table.tiny .LastUp {display:none;}

.standings table.sml td, .standings table.sml th {padding: 2px 4px; font: normal 12px tahoma;}
.standings table.sml td.CB {text-align:center; font-weight:bold;}
.standings table.sml td.CM {text-align:center; font-weight:normal;}
.standings table.sml {width:100%; max-width:300px;}
.standings table.sml .teamE {display:none;}
.standings table.sml .MtchL, .standings table.sml .GoalP, .standings table.sml .GoalM, .standings table.sml .Group, .standings table.sml .LastUp {display:none;}

span.fixW60 {display:inline-block; width:60px; padding: 2px 5px;}
span.fixW60L {text-align:left;}
span.fixW60R {text-align:right;}
.nummod {padding:4px; border: 2px dotted #999999; background:#FFFFFF;}
.nummod + .bottom {margin-top:-5px;}
.nummod + .bottom .tooltip-inner {background:#CCCCCC;}
.nummod + .bottom .tooltip-arrow {border-bottom-color:#CCCCCC;}
.treed {margin: 1em; padding:1em;}
.treed ul {}
.treed ul>li {font: bold 2em/2em 'Traditional Arabic'; color:#990000;}
.treed ul li ul li {font: bold 0.8em/2em 'Traditional Arabic'; color:#000000;}
.treed ul li ul li ul li {font: bold 0.9em/1.5em 'Traditional Arabic'; color:#333333;}
.gotopic {direction:rtl; text-align:right;}
.gotopic h1 {margin:2px; padding:10px; font-size:1.5em; line-height:1.75em;}
.gotopic h2 {margin:2px; padding:5px; font-size:1.2em; line-height:1.5em;}
.gotopic h3 {margin:2px; padding:2px; font-size:1.5em;}
.gotopic .prs_cnt {font: 1.5em/1.5em Arial}
.gotopic .prs_cnt img {max-width:100%;}
.gotopic .prs_cnt img.img-thumbnail {float:left; width:33%; margin: 0px 10px;}
#imgpreview {position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}
#imgpreview img {max-width:300px; max-height:250px;}
@keyframes fa-blink {0% { opacity: 1; } 25% { opacity: 0.25; } 50% { opacity: 0.5; } 75% { opacity: 0.75; } 100% { opacity: 0; }}
.blink {-webkit-animation: fa-blink .75s linear infinite; -moz-animation: fa-blink .75s linear infinite; -ms-animation: fa-blink .75s linear infinite; -o-animation: fa-blink .75s linear infinite; animation: fa-blink .75s linear infinite;}
.Wait1s {animation: WaitShow 0s 1s forwards; visibility: hidden;}
@keyframes WaitShow {to { visibility: visible; }}
@media (min-width: 768px){
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.max400 {max-width:400px;}
.width400p {min-width:400px; max-width:400px;}
}