/* Cyberdunk`s blue style layout
Omnem 23.09.2006
QOD: Ai devenit arbitrul celor posibile. (quote edited Apr 2012)
www.cyberdunk.com ~ www.talkdep.com
www.focusdep.com ~ www.sharehog.com */

/* De adaugat pt ie. sa se umble la cyberlogo :) la width 310 si 130 :P */
html, body { height: 100%; }
body{
	margin: 0px 0px 0px 00px;  
	background-color: #FFF;/*#F1F1F1;/*background-image: url(../images/bg.gif);*/
	background-image: url(https://cyberdunk2.com/images/backgroundd.jpg);
	background-repeat:repeat-x;
	font-family: "Arial";
	font-size: 12px;
	overflow-x:scroll;  
}

body #smartbanner{
	margin:0px 0px 0px 0px;	
}

body a{text-decoration:none;border: 0px none; color: #000; }
body a:hover{text-decoration: underline;}
body a:visited{color:Inherit;}
body hr{height: 1px;background-color: #B9CCDA;border: 0px none;font: 1px;}



@font-face
{
	font-family: SourceSans;
	src: url('../font/sourcesans/SourceSansPro-Regular.otf');
} 

/*html>body #content {
   height: auto;
    }/#CFE8FE
*/

.table17 td{vertical-align:top;}


.hoverTr tr:not(:first-child) td{ box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#FFF; }
.hoverTr tr:hover td{background-color: #3498DB;}
.hoverTr tr:hover .arial_black_12{ color: #FFF; }
.hoverTr tr:hover .arial_grey_12{ color: #FFF; }
.hoverTr tr:hover .arial_grey_10{ color: #FFF; }

.journalism-users tr:hover{cursor:pointer;color:#FFF;background-color: #3498DB;}
.journalism-users tr:hover .arial_black_12{color:#FFF;}
.journalism-blue-user{color:#FFF;background-color: #3498DB;}
.journalism-blue-user .arial_black_12{color:#FFF;}


.gameList {width:100%;}
.gameList td{padding:10px;font-size:12px;}
.gameList .opponentLogo{ width:5px; }
.gameList .score{text-align:center;font-weight:bold;}
.gameList .header{font-size:10px;text-transform:uppercase;}

#basicDetails{color:#808080;}
	
.notification .userLink{
	color:#000;
	font-weight:bold;	
}
.type-hof{
	top:-5px;
	line-height:18px;
}
.notification .userLink:visited{
	color:#000;
	font-weight:bold;	
}

#content{
		
	/*
	position: relative;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color: #CFE8FE;
	border:1px Solid #FFF;
	 box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	
	overflow: hidden;
	 
	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin:0px auto;
	margin-top:0px;

	/* -- EDIT -- */
	/*
	background-image: url(../images/content_transparent.png);
	background-repeat: repeat;

	/*background-image: url(../images/background-test.gif);
	background-repeat: no-repeat;
	background-position:bottom;*/
}

.error-circle {
	border-radius: 50%;
	width: 25px;
	height: 25px;  
	background-color:Red;
}
.ok-circle {
	border-radius: 50%;
	width: 25px;
	height: 25px;  
	background-color:Green;
}

.ngdialog.ngdialog-theme-default{padding-top:40px;}
.opensans_36{font-family:SourceSans; font-size:36px;}
.opensans_24{font-family:SourceSans; font-size:24px;}
.opensans_18{font-family:SourceSans; font-size:18px;}
.opensans_14{font-family:SourceSans; font-size:14px;}
.traits-tooltip .value{width:30%;}



.newgrey{background-color: #ecf0f1} 

.circleBtn{
	float:left;
	padding-left:20px; 
}

.chatBubble 
{
position: relative;
width: 40px;
height: 20px;
padding: 0px;
background: #2ecc71;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size:14px;
word-spacing: 4px;
text-align:center;
line-height:20px;
vertical-align:middle;
font-family:SourceSans;
color:#FFF;
}

.chatBubble:hover{
	background-color: #3498DB;
	cursor:pointer;			
}

.chatBubbleNotClickable 
{
position: relative;
width: 40px;
height: 20px;
padding: 0px;
background: #C3C3C3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size:14px;
word-spacing: 4px;
text-align:center;
line-height:20px;
vertical-align:middle;
font-family:SourceSans;
color:#FFF;
}


.greyBubble 
{
position: relative;
width: 40px;
height: 20px;
padding: 0px;
background: #ecf0f1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size:14px;
word-spacing: 4px;
text-align:center;
line-height:20px;
vertical-align:middle;
font-family:SourceSans;
color:#34495e;
}
.greyBubble:hover{
	background-color: #3498DB;
	cursor:pointer;			
}




.circleBtn .circle{
	border-radius: 50%;
	width: 75px;
	height: 75px; 
	background-color: #FFF; 
	display: table-cell;
	vertical-align: middle;  
	font-size:36px;
	color:#3498DB; 
	text-align:center;
	float:center;
} 
.smallCircleBtn {float:left;padding-left:16px;}
.smallCircleBtn .circle{
	border-radius: 50%;
	width: 55px;
	height: 55px; 
	background-color: #FFF; 
	display: table-cell;
	vertical-align: middle;  
	font-size:26px;
	color:#3498DB; 
	text-align:center;
	float:center;
}

.smallCircleBtn:hover .circle{background-color: #3498DB; color:#FFF;cursor:pointer;}
.smallCircleBtn:hover .minitext{ font-weight:Bold;font-size:12px;}  
.smallCircleBtn .minitext{font-size:12px;padding-top:10px;} 

.circleBtn .minitext{  text-align:center;font-size:12px;}
 
.circleBtn:hover .circle{
	background-color: #3498DB; 
	color:#FFF;
	cursor:pointer;
}

.circleBtn:hover .minitext{
	font-weight:Bold;
}

.calendarBox{ 
	z-index:65;
	padding:0px;
	position:absolute;
	top:-48px;   
	right: 0px;
	background-color:#FFF;
	height:147px;
	width:200px; 
}

.calendarBox .dayList td:hover{
	background-color:#3498DB;
}

.menuBtn .circle img{
	height:20px;	
}

.blueHover:hover{background-color:#3498DB;}
.blueHover:hover .arial_green_12{color:Yellow;}
.blueHover:hover .arial_grey_12{color:#C0C0C0;}
.blueHover:hover .arial_black_12{color:#FFF;}

.jrn-explain{ box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);position:relative;top:-4px; background-color:#FFF; border:1px Solid #3498DB;}

.menuBtn .circleSmall{
	border-radius: 50%;
	width: 30px;
	height: 30px; 
	background-color: #FFF; 
	display: table-cell;
	vertical-align: middle;  
	font-size:36px;
	color:#3498DB; 
	text-align:center;
	float:center;
} 


.menuBtn .circleSmall img{
	height:15px;	
}

.calendarBox .today{
	border:3px Solid #B8DDFE;	
}

.calendarBox .timer{
	background-color:#3498DB;
	color:#FFF;
}
.calendarBox .day{
	width:100px;
	float:left;	
	height:100%; 
}


.menuBtn{
	float:left; 
	padding:3px;
}

.menuBtn .circle{
	border-radius: 50%;
	width: 45px;
	height: 45px; 
	background-color: #FFF; 
	display: table-cell;
	vertical-align: middle;  
	font-size:36px;
	color:#3498DB; 
	text-align:center;
	float:center;
} 

.menuBtn .minitext{ padding-top:10px; text-align:center;font-size:12px;font-weight:Bold; }
 
.menuBtn:hover .circle{
	background-color: #3498DB; 
	color:#FFF;
	cursor:pointer;
}

.menuBtn:hover .circleSmall{
	background-color: #3498DB; 
	color:#FFF;
	cursor:pointer;
}

.menuBtn:hover .minitext{
	font-weight:Bold;
}

.listing{ font-size:12px;  }
.listing th{padding:10px;background-color:#E5F4FE;text-align:left;font-weight:normal;font-size:10px;min-height:4px; font-family:Arial;font-size:10px;color:Grey; text-transform:uppercase;}
.listing tr:nth-child(odd) {background: #FAFAFA} 
.listing td{padding:10px;}


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: relative;
	width: 40px;
	height: 20px;
	padding: 0px;
	background: #2ecc71;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size:14px;
	word-spacing: 4px;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	font-family:SourceSans;
	color:#FFF;
}

.blink_me a:{color:#FFF;}
.blink_me a:visited{color:#FFF;}
.blink_me:hover{
		background-color: #3498DB;
		cursor:pointer;			
	}

}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.clip100{max-width:100px;text-overflow:ellipsis;white-space:nowrap; overflow: hidden;}
.clip50{max-width:50px;text-overflow:ellipsis;white-space:nowrap; overflow: hidden;}
.clip75{max-width:75px;text-overflow:ellipsis;white-space:nowrap; overflow: hidden;}

.clip150{max-width:150px;text-overflow:ellipsis;white-space:nowrap; overflow: hidden;}
.blue18{color:#3498DB;font-size:18px;font-family:OpenSans;}
.blueLink a,a:hover,a:visited{color:#3498DB;}
 
.black_12{font-family:Arial;font-size:12px; color: #000;}
.black_12 a{color:#3498DB; }
.black_12 a:visited{ color:#3498DB ;}
.black_12 a:hover{ color:#3498DB ;}
.arial_grey_18{font-family:Arial;font-size:18px; color: #808080;}
.grey_12{font-family:Arial;font-size:12px; color: #808080;}
.grey_12 a{color:#3498DB; }
.grey_12 a:visited{ color:#3498DB ;}
.grey_12 a:hover{ color:#3498DB ;}
 
.blue10{ font-family:Arial;font-size:10px;color:#3498DB; text-transform:uppercase;}
.blue10 a{color:#3498DB;font-size:10px;}
.blue10 a:visited {color:#3498DB;font-size:10px;}
.grey10{ font-family:Arial;font-size:10px;color:Grey; text-transform:uppercase;}

.green10{  font-family:Arial;font-size:10px;color:Green; text-transform:uppercase;}
.blueLink a{color:#3498DB }
.blueLink a:visited{color:#3498DB; }
.blueLink a:hover{color:#3498DB; }
.footerFriendster{	position: relative;
	voice-family: "\"}\"";
    voice-family: inherit;
    width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin:0px auto;
	margin-top:0px;
}


#playerPosition{
	background-image: url(../images/game_inc.jpg);
	background-color:White;
	height: 161px;
}

#playerPosition2
{
		background-image: url(../images/game_inc_chart.jpg);
	background-color:White;
	height: 161px;
}
.playerPosition{
	border: 1px Solid #9bb6d3;
	width: 302px;
	background-color:White;
}

.footer{border:1px Solid White; }
.footerTop{background-color: #dedddb;font-size:1px;height:7px;}
.footerBottom{background-color: #dedddb;font-size:10px;color:white;font-family:Arial;}
.footerContent{
	background-image: url(../images/footer/content_left.jpg);
	 height:250px;
	background-repeat: no-repeat;
	background-color:#f2f2f2;
}

.footerContentHeight{height:40px;vertical-align:middle;}
.footerLabel{padding:5px;font-family:Arial;font-size:12px;color:White;font-weight:bold;background-color:#dddddd;}

.content_left{position: relative;float:center; width: 96%;margin-top:10px;text-align:center;}


.content_new{float:center; width: 100%;margin-top:0px;text-align:center;padding-bottom:10px;}

.content_right{position: relative;float:left; margin-right: 1px;  text-align:center;width: 43%;}

.cyberlogo{
	position: absolute;
	top: -5px;
	left: 62%;

	background-image: url(../images/cyberlogo_back.gif);
	height: 127px;
	width: 310px;
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #FFFFFF; z-index: 3;
}
.cyberlogo_links{position: relative; top: 8px; text-align:center;width:100%;}
.cyberlogo_shadow{position: absolute;top: -2px;left: 62%;height: 130px;width: 318px;background-image: url(../images/cyberlogo_back_shadow_full.gif);z-index: 2;}
.cyberlogo_text{position: absolute;left:10px; bottom: 0px;background-image: url(../images/cyberlogo_text.gif);background-repeat: no-repeat; width: 289px; height: 89px;padding:0px;z-index:5;}

.cyber_menu{position: relative;  right: 0px; background-image: url(../images/cybermenu.gif);height: 264px;width: 414px;}
.cyber_menu_after{position: relative; top: 110px; right: 0px;}
.cyber_menu_text{
	position: absolute;
	bottom: 50px;
	right: 120px;
	width: 135px;
	text-align: left;
	vertical-align: bottom;
	z-index: 2;
	color: #283E9E;
}
.cyber_menu_flags{position: absolute; bottom: 32px; right: 275px;  text-align: left; vertical-align: bottom;z-index:2;color: #283E9E;}
.cyber_menu_index{position: absolute; bottom: 27px; right: 16px;  text-align: left; vertical-align: bottom;z-index:2}
.cyber_menu_index a{font-size: 19px;color:#000000;/*#3B60B8*/text-decoration:none;} .cyber_menu_index a:visited{font-size: 19px;color:#000000;/*#3B60B8*/text-decoration:none;}
.cyber_menu_index a:hover{font-size: 19px;color:#000000;/*#3B60B8*/text-decoration:underline;}

.caaaap{
	background-color: #F0F0F0;
	border: 1px dotted #DADADA;
}



/* ///////////////////////////////      FONTS     ///////////////////////////////////////*/
.arial_white_18{font-family: Arial;font-size: 18pt;color: #FFFFFF;}
.arial_white_8{font-family: Arial;font-size: 8px;color: #FFFFFF;}
.arial_black_18{font-family: Arial;font-size: 18pt;color: #000000;}.arial_black_18 a{font-family: Arial;font-size: 18pt;color: #000000;} .arial_black_18 a:visited{font-family: Arial;font-size: 18pt;color: #000000;}
.arial_black_10{font-family: Arial; font-size: 10px; color: #OOOOOO;}
.arial_black_10 a{font-family: Arial; font-size: 10px; color: #OOOOOO;}
.arial_black_10 a:visited{font-family: Arial; font-size: 10px; color: #OOOOOO;}
.arial_blue_10{font-family: Arial;font-size: 10px; color: #3B60B8;}
.arial_blue_10 a {font-family: Arial;font-size: 10px; color: #3B60B8;}
.arial_blue_10 a:visited{font-family: Arial;font-size: 10px; color: #3B60B8;}
.arial_white_10{font-family: Arial;font-size: 10px;color: #FFFFFF;}
.arial_black_14{font-family: Arial; font-size: 14px; color: #000;}.arial_black_14 a:visited{font-family: Arial; font-size: 14px; color: #OOOOOO;}
.arial_black_16{font-family: Arial; font-size: 16px; color: #000;}.arial_black_16 a{font-family: Arial;font-size: 16px;color: #000000;}.arial_black_16 a:visited{font-family: Arial;font-size: 16px;color: #000000;}
.arial_black_12_hover_black {font-family: Arial; font-size: 12px; color: #000;}.arial_black_12_hover_black a{font-family: Arial;font-size: 12px;color: #000;}.arial_black_12_hover_black a:visited{font-family: Arial; font-size: 12px; color: #000;}
.arial_black_10_hover_black {font-family: Arial; font-size: 10px; color: #000;}.arial_black_10_hover_black a{font-family: Arial;font-size: 10px;color: Black;}.arial_black_10_hover_black a:visited{font-family: Arial; font-size: 10px; color: #000;}
.arial_grey_10_hover_grey {font-family: Arial; font-size: 10px; color: #808080;}.arial_grey_10_hover_grey a{font-family: Arial;font-size: 10px;color: #808080;}.arial_grey_10_hover_grey a:visited{font-family: Arial; font-size: 10px; color: #808080;}

.arial_blue_12{font-family: Arial; font-size: 12px; color:blue}

.arial_blue_12 a{font-family: Arial; font-size: 12px; color:Blue;} .arial_blue_12 a:visited{font-family: Arial;font-size: 12px;color: Blue;}
.arial_grey_12_hover_grey{
	font-family:Arial;font-size:12px;color:#808080;
}
 
.hofList .lb{ font-family:Arial;font-size:12px;color:#808080;text-transform:uppercase; }
.hofList .dv{ padding:0px;}

.arial_grey_12_hover_grey a{
	font-family:Arial;font-size:12px;color:#808080;
}
.arial_grey_12_hover_grey a:visited{
	font-family:Arial;font-size:12px;color:#808080;
}
.arial_grey_10{
	font-family:Arial;font-size:10px;color:#808080;
}
.arial_black_12{font-family: Arial; font-size: 12px;color:#000; }
.arial_black_12 a{font-family: Arial; font-size: 12px;color:#000;}
.arial_black_12 a:visited{font-family: Arial; font-size: 12px;color:#000; }


.arial_black_24{font-family: Arial; font-size: 24pt; }.arial_black_24 a{font-family: Arial; font-size: 24pt;}.arial_black_24 a:visited{font-family: Arial; font-size: 24pt; }
 
.arial_white_12{font-family:Arial;font-size:12px;color:#FFFFFF;} .arial_white_12 a{font-family:Arial;font-size:12pt;color:#FFFFFF;} .arial_white_12 a:visited{font-family:Arial;font-size:12pt;color:#FFFFFF;}
.arial_blue_14{font-family: Arial;font-size: 14pt;color: #3B60B8;}.arial_blue_14 a:hover{font-family: Arial;text-decoration:underline;font-size: 14pt;color: #3B60B8;}.arial_blue_14 a{font-family: Arial;font-size: 14pt;color: #3B60B8;}.arial_blue_14 a:visited{font-family: Arial;font-size: 14pt;color: #3B60B8;}
.arial_yellow_12{font-family: Arial;font-size: 12pt;color: #F4DC39;}
.arial_white_14 a{font-family:Arial;font-size:14px;color:#FFFFFF;} .arial_white_14 a:visited{font-family:Arial;font-size:14px;color:#FFFFFF;}
.arial_yellow_12 a{font-family: Arial;font-size: 12pt;color: #F4DC39;}
 .arial_yellow_12 a:hover{font-family: Arial;font-size: 12pt;text-decoration:underline;color: #F4DC39;}
.arial_yellow_12 a:visited{font-family: Arial;font-size: 12pt;color: #F4DC39;}
.arial_white_10_hover_white{font-family: Arial;font-size: 10px;color: #FFFFFF;}.arial_white_10_hover_white a{font-family: Arial;font-size: 10px;color: #FFFFFF;}.arial_white_10_hover_white a:hover{font-family: Arial;font-size: 10px;color: #FFFFFF;text-decoration:underline}.arial_white_10_hover_white a:visited{font-family: Arial;font-size: 10px;color: #FFFFFF;}
.arial_red_12{font-family: Arial;font-size: 12px;color: Red;}
.arial_red_18{font-family: Arial;font-size: 18px;color: Red;}
.arial_red_12_hover_red{font-family: Arial;font-size: 12px;color: Red;}
.arial_red_12_hover_red a{font-family: Arial;font-size: 12px;color: Red;}
.arial_red_12_hover_red a:visited{font-family: Arial;font-size: 12px;color: Red;}
.arial_green_12{font-family: Arial;font-size: 12px;color: Green;}
.green_12{font-family: Arial;font-size: 12px;color: Green;}
.green_10{font-family: Arial;font-size: 10px;text-transform:uppercase;color: Green;}}
.arial_live{font-family: Arial;font-size: 12px;color: Green;text-decoration:blink;}
.green_highlight{ font-family:Arial;font-size:12px;color:#FFF;background-color:Green;padding:5px;}
  
.arial_live a{font-family: Arial;font-size: 12px;color: Green;}
.arial_live a:visited{font-family: Arial;font-size: 12px;color: Green;}
.arial_highlight{
	background-color: #F4DC39;
	border-top: 1px solid #394589;
	border-bottom: 1px solid #394589;
	font-size: 12px;
}
.arial_grey_12{
	font-size:12px;
	color:#808080;
}
/* ///////////////////////////////     .FONTS    ///////////////////////////////////////*/

.options{
	background-image: url(../images/icon_options.gif);
	border: 0px none;
	width:35px;height:12px;
}




/* ///////////////////////////////     MARGINS     ////////////////////////////////////// */
.nomargin{margin-top:0px;margin-bottom: 0px;}
.margin{margin-top:4px;margin-bottom:4px;}
.phover p{padding:3px;margin-top:3px;margin-bottom:3px;font-size:12px;}
.phover p:hover{background-color: #CFE8FE;}
.tdhover2 tr{font-size:11px;color:#000000;/*color: #686562;*/}
.tdhover2 tr:hover{background-color: #777989;color: #FCFEFF;}
.tdhover td:hover{background-color: #CFE8FE;}
.trhover tr:hover{background-color: #777989;color: #FFFFFF;}
.margin_4{margin-top:10px;margin-bottom: 10px;}
.margin_5{margin-top:15px;margin-bottom: 9px;}
.margin_2{margin-top:5px;margin-bottom: 5px;}
.margin_10{margin-top:20px;margin-bottom: 20px;}
.topmargin_10{margin-top:20px;margin-bottom: 0px;}
.bottommargin_10{margin-top:0px;margin-bottom: 20px;}
.margin_calendar{margin-top:7px;margin-bottom:0px;}
.tooltipMenu{
	background-color: White;
	position: relative;
	top: -9px;
	border-color: #B9CCDA;
}

.arial_black_11{
	font-size:11px;
	font-family:Arial;
}

/* //////////////////////////////      .MARGINS    ///////////////////////////////////////*/


/* //////////////////////////////       INPUTS     //////////////////////////////////// */
.loginer{background-color: #E5F4FE;border: 1px solid #B9CCDA; font-size:12px;}
.loginer_signup{
	background-color: #dee9f3;
	border: 1px solid #D6D6D6;
	font-size: 12px;
	height: 34px;
}
.loginer2{background-color: #FFFFFF;border: 1px solid #B9CCDA; font-size:12px;}
.loginer3{
	background-color: #B8DDFE;
	border: 1px solid #B9CCDA;
	font-size: 10px;
	font-family: "Arial";
}

.trGrey{ color: #808080;;font-size: 10px;font-family: "Arial";text-transform:uppercase;}



.loginererror
{
    	background-color: Red;
	border: 1px solid #B9CCDA;
	font-size: 10px;
	font-family: "Arial";
}

.loginer3 td{
	font-size: 10px;
	font-family: "Arial";
	border: #B9CCDA;
}

/* ///////////////////////////////////   SPACERS    ///////////////////////////////////// */
.spacer_huge{width: 100%;height: 10px;font-size: 1px;}
.spacer_small{width: 100%;height: 2px;font-size: 1px;}
.spacer_med{width: 100%;height: 5px;font-size: 1px;}
.spacer_imense{width: 100%;height: 30px;font-size: 1px;}
					/* // COLORFUL SPACER // */
					.line_blue{background-color: #384488;width: 468px; height: 5px; font-size:1pt;}
					.line_blue2{background-color: #384488; width: 80%; height: 1px; font-size:1pt;}
					.line_blue3{background-color: #384488;width: 100%; height: 5px; font-size:1pt;}

.misc_med{height:6px; font-size: 1px;}
/* ////////////////////////////////////// .SPACERS   ///////////////////////////////////// */



/* //////////////////////////////////////   TABLES & CELLS //////////////////////////////// */
.table_normal_small{width: 90%;padding: 0; font-size: 12px;}
.table_normal{width: 100%;padding: 0; font-size: 12px;}
.table_cell{width:100%; border-spacing:0px;padding: 0;border: 0px None;font-size: 12px;}
.cell_yellow{background-image: url(../images/table_yellow.gif);width:99%;height:25px;font-size:inherit;color:#000000;font-weight:bold;padding: 0;}
.cell_yellow3{
	background-color: #F4DC39;
	border-top: 1px solid #394589;
	border-left: 1px solid #394589;
	border-right: 1px solid #394589;
	border-bottom: 0px none;
}
.cell_yellow4{
	background-image: url(../images/yellow3.gif);
	background-repeat: repeat-x;
	background-position:top;background-color: #FAFAFA;
}
.cell_yellow5{
	background-color: #F4DC39;
	border: 1px solid #394589;

}


.cell_white{background-color: #FFFFFF; border:1px solid #B9CCDA;font-size:inherit;}
.cell_white_hover{
	 box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	background-color: #FFFFFF;
	border: 1px solid #B9CCDA;
	font-size: inherit;
}
.clickable{cursor:pointer; }
.clickable:hover{background-color: #c3e1fb;font-weight:bold;}
.hovertable  tr:hover{background-color: #CFE8FE;}

.cell_white_hover_no_border {background-color: #FFFFFF; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);}
.cell_white_hover_no_border tr:hover{background-color: #CFE8FE;}

#tableHoverXL {background-color: #FFFFFF;}
#tableHoverXL tr:hover{background-color: #CFE8FE;}

.cell_white_hover tr:hover{background-color: #CFE8FE;}
.cell_yellow_hover p:hover{background-color: Yellow; border: 1px solid Navy;}
.table_blue{background-color:#E5F4FE;border:1px solid #B9CCDA;width:100%; text-align: center; padding: 10px; font-size:inherit;}
.cell_blue{background-color:#E5F4FE;font-size:10px;text-transform:uppercase;min-height:4px;}

.cell_blue_header3{background-color:#E5F4FE;font-size:inherit;min-height:4px; }
.cell_blue_header2{background-color:#E5F4FE;font-size:inherit;min-height:4px;}
.cell_blue_header{background-color:#E5F4FE;font-size:inherit;min-height:4px;}
.cell_blue3{background-color:#E5F4FE;padding: 6px;font-size:inherit;}
.cell_white3{background-color:#FFFFFF;padding:6px;}
.cell_blue2{background-image: url(../images/table_cell_left.gif);background-repeat: repeat-y;padding:6px; width:30%;}
.cell_grey{
	background-color: #FAFAFA;
	/*border-bottom: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;*/
}
.alternative-row0{background-color:#FFF;}
.alternative-row1{background-color:#efefef;}
.cell_grey_border{
	background-color: #FAFAFA;
	border: 1px solid #fffsaf; 
}
.md-switch.md-default-theme.md-checked.md-warn .md-thumb, md-switch.md-checked.md-warn .md-thumb{
	background-color: #27ae60;	
}
.md-switch.md-default-theme.md-checked.md-warn .md-bar, md-switch.md-checked.md-warn .md-bar{
	background-color: #2ecc71;
}
.tooltip{background-color: White;border: 1px solid #E5F4FE;}
.cell_dblue{
	background-color: #3498DB;
	padding: 5px;
	color: #FFF;
}/*#6992DF*/
.cell_loginer3{
     
	background-color: #B8DDFE;
 
	font-size: 10px;
	font-family: "Arial"; 
}

.yellowButton{
    background-color: #f4dc39;
 
	color: #3a468a; 
}

.cell_dbluesmall{
    background-color: #384488;
	padding: 3px;
	color: #FFFFFF;
    font-size:10px;
}

.indexLogin{
    background-color: #384488; 
	color: #FFFFFF;
    font-size:10px;    
}

.indexBox{
 
	background-color: #B8DDFE;
	border: 1px solid #B9CCDA;
	font-size: 12px;
	font-family: "Arial";
 
}

.signupnow{
    background-color: #384488;
	padding: 7px;
    font-size:18px;
    color: #FFFFFF;
    width:200px;
}

.cell_dorange{
	background-color: #F0F70C;
	padding: 5px;
	color: Black;
}
.cell_dblue2{
	background-color: #384488;
	padding: 5px;
	border: 1px Solid White;
	color: #FFFFFF;
}
.cell_dblue a{color:#FFFFFF;}
.cell_dblue a:visited{color:#FFFFFF;}
.cell_white_border_bottom{background-color: #FFFFFF; border-bottom:1px solid #B9CCDA;font-size:inherit;}

.trainbox{font-size:10px;background-color:#FFFFFF;border: 1px solid #E5F4FE;}


/* /////////////////////////// TEMPORARY AND STUFF THAT WILL GO ! //////////////////////// */

.temp_basketballer{position:absolute;top:15px; left: 55% ;height: 131px; width: 100px;z-index:3;}

/* ////////////////////////////////// .TEMP & STUFF ///////////////////////////////////// */



/* /////////////////////////////////      T SPECIAL ICONS        ///////////////////////// */

.special_login{background-image: url(../images/icon_basketballer1.gif); background-repeat: no-repeat; padding: 35px; font-size:12px;text-align:right;}
.padding{padding: 25px;}


/* ///////////////////////////////////                      //////////////////////////////  */
/* //////////////////////////////////// PLAYER HOME DESIGN  /////////////////////////////// */
/* ///////////////////////////////////                      //////////////////////////////  */

.ingame_tb{background-image: url(../images/header_mini_content.jpg);height:24px;text-align:center;
font-size:12px; font-family:Arial;color:#f1db52;}
.ingame_lefttb{background-image:url(../images/header_mini_left.jpg);height:24px;font-size:1px;width:2px;}
.ingame_righttb{background-image:url(../images/header_mini_right.jpg);height:24px;font-size:1px;width:2px;}

.player_bar{position:relative;width:100%;background-image: url(../images/player_menu.gif);
background-repeat:repeat-x;height: 85px;background-color: #CFE8FE;}
.player_content{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 90%;
	 color: Black;
	padding: 15px;
	margin-left: 50px;
	/*margin-right: 50px;*/
	text-align: center;
	line-height: 0.7cm;
}
.player_content a{color: Black;}
.player_content a:hover{color:Black;}
.player_content a:visited{color:Black;}
.persona_panel{position:relative;background-image: url(../images/player_lowhres.gif);height:445px;width:365px;}
.persona_basketball_skills{position:absolute;left:22px;top:108px; width: 136px; height:154px;}
.persona_basketball_body{position:absolute;left:197px;top:108px; width: 136px; height:154px;}
.last_game_body{position:absolute;left:95px;top:355px;width:180px;height:57px;vertical-align:middle;}
.persona_awards{position: relative;width: 250px;height: 241px;background-image: url(../images/panel_awards.jpg);border: 1px Solid #000166;}
.persona_awards_content{position: absolute;left:49px;top:77px;width:150px;text-align:center;vertical-align:middle;font-size:50px;font-family: Arial;}
.persona_awards_this_content{
	position:absolute;left:49px;top:195px;width:150px;text-align:center;font-size:14px;font-weight:bold;text-align:center;
}

.fixtures_left{width:60%;float:left;}
#player_container{position:relative; width:90%; }
.calendar_unit_hover2{border: 1px none;text-align: center;font-size: 10px;color: #1F2F78;background-color: #D0E0F0;border: 1px solid #FFFFFF;}
.competition_icon{position:relative;height: 169px;}
.competition_icon2{position:relative;width: 190px;height: 163px;}
.competition_icon_content{position:absolute; top:65px; text-align:center; width:100%;}
.competition_icon_footer{position:relative;top:120px;text-align:center; width:100%; }

.league_table{position: relative;background-image: url(../images/league_table.jpg);
width: 351px;height:356px;}
.league_table_body{position:absolute;top:55px;left:60px;right:65px;width:100%;text-align:left;}
.league_table_body2{position:absolute;top:25px;left:25px;right:25px;width:100%;text-align:left;}

.stadium{ background-image: url(../images/stadium.jpg);width: 339px;height: 231px;border: 1px solid #6583CB;}
.stadium_body{margin-top:72px;margin-left:75px;width:190px;text-align:left;}
.stadium_body p:hover{color: #FFFFFF;}

.equipment{position: relative;width: 290px;height: 399px;border: 1px solid #6583CB;background-image: url(../images/cyberdunk_equipment.jpg);}
.equipment_options{position:absolute;top:53px;left:20px}
.equipment_accessory{position:absolute;top:202px;left:117px;height:35px;width:130px;text-align:center;vertical-align:middle;}
.equipment_shoes{position:absolute;top:342px;left:32px;height:35px;width:130px;text-align:center;vertical-align:middle;
 }
.equipment_clothing{
	position:absolute;top:83px;left:160px;width:120px;text-align:center;vertical-align:middle;
	height:35px;
}



.training{position: relative;width: 250px;height: 272px;background-image: url(../images/cyberdunk_training.jpg);border: 1px solid #6583CB;}
.training_content{
	position:absolute;
	top: 135px; /*115px*/
	left: 55px;
	width:145px;
	height:58px; /*88px*/
	text-align:center;
}

.knock1{
	background-color: #D0E0F0;
	border: 1px solid #336799;
}

/* /////////////////////////////////                   /////////////////////////////////// */
/* /////////////////////////////////     CALENDAR 		//////////////////////////////////// */
/* /////////////////////////////////                   /////////////////////////////////// */

.calendar_unit{/*height: 105px;*/width: 155px;padding: 7px;border: 1px none;text-align: center;font-size: 10px;color: #1F2F78;}
.calendar_unit_hover{width: 155px;padding: 7px;border: 1px none;text-align: center;font-size: 10px;color: #1F2F78;background-color: #D0E0F0;border: 1px solid #FFFFFF;}
.calendar_shade_font{color: #6885BA;font-family: arial;}
.calendar_body{position:relative;height: 100%;width: 100%;background-image: url(../images/calendar_unit_background.gif);background-repeat: repeat-x;border: 1px solid #FFFFFF;background-color: #1F2F78;}
.calendar_yellow_border{width: 100%;height: 6px;font-size: 1px;background-color: #F4DC39;}
.world_map{position:relative;background-image: url(../images/the_world.jpg);width:932px;height:461px;}
.world_map2{position:relative;background-image: url(../images/the_world2.jpg);width:932px;height:461px;}

.paragraph{background-color: #EFF7FE;}

.icon_plus{background-image: url(../images/icon_plus.gif);width:23px;height:23px;border:0px none;}
.icon_minus{background-image: url(../images/icon_minus.gif);width:23px;height:23px;border:0px none;}

.oneonone{
width: 400px; height: 300px;overflow:scroll; overflow-x: hidden;border:1px solid #B9CCDA;}

.cyber_submenu{
	background-image: url(../images/submenu.gif);
	padding: 10px;
	background-repeat: repeat-x;
	border: 1px solid #DADADA;
	background-color: #E7FAFA;
	color:Black;
	font-size:12px;
	font-family:Arial;
}

.cyber_submenu a{color:Black;}
.cyber_submenu a:visited{color:Black;}


.bsel{background-image: url(../images/icon_sel.gif);border:0px none;width:30px;height:10px;}
.bdel{background-image: url(../images/icon_del.gif);border:0px none;width:30px;height:10px;}
.breply{background-image: url(../images/icon_reply.gif);border:0px none;width:30px;height:10px;}
.bcompose{background-image: url(../images/icon_compose.gif);border:0px none;width:92px;height:23px;}

.starplayer0{
	background-image: url(../images/starplayer0.gif);
	background-repeat:no-repeat;
}
.starplayer0 img:hover{
	background-image: url(../images/starplayer1.gif);
	background-repeat:no-repeat;
}
.starplayer1{
	background-image: url(../images/starplayer1.gif);
	background-repeat:no-repeat;
}

/* an individual button */
.imagebutton
{
	left: 0px;
	top: 0px;
	text-align:center;border: 1px Solid #C0C0C0;
}

.prettylogin{
	background-image:url(../images/login.png);
	border:0px None;
	height:25px;
	width:92px;
	font-size:1px;
	background-color:transparent;
}
.ingame_bolder{
	font-weight:Bold;
}
.ingame_logo{
	background-image: url(../images/header_logo_back.jpg);
	height:100px;
}
.ingame_backdrop{
	background-color:#f1f0dc;
}
.ingame_backdrop a{color:Black;}
.ingame_backdrop a:visited{color:Black;}

.ingame_backdrop table:hover{
	background-color:#EDEBBE;
}

.ingame_calendar{
	border:1px Solid #9dc7ed;
	background-color:White;

}

.tdImage{
	width:1px;vertical-align:top;}

.imagebutton:hover
{
	left: 0px;
	top: 0px;
	background-color: #F1DD52;
	border: 1px Solid #374387;
}

.imagebutton_hover
{
	left: 0px;
	top: 0px;
	background-color: #F1DD52;
	border: 1px Solid #374387;
}

.imagebutton:click
{
	left: 0px;
	top: 0px;
	background-color: #F0FFF0;
}

.popup_pickbutton
{
	width: 11px;
	text-align: center;
	background-color: #336799;
}

.popup_feedback
{
	background-color:White;
	width:25px;
}

.popup_feedback:hover
{
	background-color: #F1DD52;

}

.cell_dgrey{
	background-color:#b9ccda;
}



.round_sell{
   background-color:#b9ccda;
   border:1px Solid White;
   color:Black;
   font-size:12px;
   font-family: Arial;
}

.quotecontainer
{
	background-color: #FAFAFA;
	border: 1px dotted #BCBCBC;
}

.new_body{
	margin: 0px 0px 0px 0px; /* FUCK MOZILLA & GOOGLE FOR THE MARGIN BUG */
	background-image: url(images/background.jpg);background-repeat:repeat-x;
	background-color:White;
}

.quotecodeheader
{
	font-size: 11px;
	font-weight: Bold;
	color: Navy;
	background-color: #FBFDFF;
	border-bottom:1px Solid #EDEDED;
}

.highlighted_stats{
	background-color:#d5e6ee;
}

.highlighted_stats2{
	background-color: #e8f8ff;
}

.serverbox{border-width: 0px 1px 1px 1px;
border-color:White;
border-style:Solid;
	background-color:#210322;opacity:.9;position:absolute;left:120px;top:0px;font-family:verdana;color:White;font-size:10px;width:180px; vertical-align:top;
}
.serverboxtable{
	padding:5px;
	position:relative;
	top:-3px;
}

.serverboxtable a{
	color:white;
	font-family:verdana;
	font-size:10px;
}

.serverboxtable a:visited{
	color:white;
	font-family:verdana;
	font-size:10px;
}


.quotebody
{
	background-color: #FAFAFA;
}

.comp3_base
{
	background-color: #F1F5EC;
	color:Navy;font-size:12px;
	border-top:1px Solid #d3e0c2;
	border-bottom:1px Solid #d3e0c2;
}

.comp2_base
{
	background-color: #C1E1FF;
	color: Navy;
	border-top:1px Solid #bdbdbd;
	border-bottom:1px Solid #bdbdbd;
}
.red_10{font-size:10px;color:Red;text-transform:uppercase;}
.red_10 a,a:visited{font-size:10px;color:Red;text-transform:uppercase;}
 
.grey_10 a{
	color:#808080;
}
.grey_10{
	font-family:Arial;
	color:#808080;
	font-size:10px;
}

.upper{text-transform:uppercase;}
.grey_row td{font-family:Arial;color:#808080;text-transform:uppercase;font-size:10px; }

.cur_top_1{
	background-color: #FCFCEF;
}
.cur_top_2{
	background-color: #F7FCFD;
}
.cur_top_3{
	background-color: #F9F9ED;
}

.button_registry{
	background-color: #090c2b;
	border:1px Solid White;
	color:Yellow;
	padding:5px;
	font-family:Arial;
	font-size:12px;

	font-weight:Bold;
}

.groupentry{
	padding:3px;
	font-size:16px;
	border:1px Solid Grey;
}

.lineupentry{
	padding:3px;
	font-size:12px;
	border:1px Solid Grey;
}

.borderash{
	border-top:3px Solid ;
}

.green_26{font-family:Arial;color:Green;text-decoration:none;font-size:26px;}
.green_26 a{font-family:Arial;color:Green;text-decoration:none;font-size:26px;}
.green_26 a:visited{font-family:Arial;color:Green;text-decoration:none;font-size:26px;}
.hexagon{
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.circleWrapper {
  width:16px;
  height:16px;
  margin: 3px auto;
  overflow: hidden;
  border-radius:50%;
  position: relative;
}

.circleWrapper img {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%)
}


.log_home_3pt{position:relative;left:105px; top:2px;font-size:12px;font-family:Arial;font-weight:Bold;}
.log_away_3pt{position:relative;left:155px; top:65px;font-size:12px;font-family:Arial;font-weight:Bold;}
.log_home_fg{position:relative;left:25px;font-size:12px;font-family:Arial;font-weight:Bold;}
.log_home_inside{position:relative;left:25px;top:18px;font-size:12px;font-family:Arial;font-weight:Bold;color:White;}
.log_away_inside{position:relative;left:235px;top:-28px;font-size:12px;font-family:Arial;font-weight:Bold;color:White;}
.log_away_fg{position:relative;left:235px;top:20px;font-size:12px;font-family:Arial;font-weight:Bold;}
.arial_green_10{font-family:Arial;font-size:10px;color:Green;}
.arial_green_10_hover_green{font-family:Arial;font-size:10px;color:Green;}
.arial_green_10_hover_green a{font-family:Arial;font-size:10px;color:Green;}
.arial_green_10_hover_green a:visited{font-family:Arial;font-size:10px;color:Green;}
.arial_red_10{font-family:Arial;font-size:10px;color:Red;}
.arial_navy_10{font-family:Arial;font-size:10px;color:Navy;}
.arial_navy_12{font-family:Arial;font-size:12px;color:Navy;}
.button__badge {
  background-color: #fa3e3e;
  border-radius: 2px;
  color: white;
 
  padding: 1px 3px;
  font-size: 10px;
  
  position: absolute; /* Position the badge within the relatively positioned button */
  top: -4px;
  right: -4px;
}
.inviteSignup{
	border:1px Solid White;
}

.inviteLabel{
	background-color:#4a99e4;font-size:14px;color:White;border:1px Solid White;
	border:1px Solid #3c70a2;
}

.mentorTable{    background-color:White;
    border:1px Solid #B9CCDA;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	width:95%;
}


.catBox{
	padding:5px;
	color: White;
	font-family: Arial;
	font-size:12px;
	background-color: #394388;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	margin-right:5px;
	float:left;
}

.selStatBox{
	padding:5px;
	font-family: Arial;
	font-size:12px;
	background-color: #e5f4fe;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	margin-right:5px;
	float:left;
}

.tdselStatBox{background-color: #e5f4fe; }
.tdselStatBox a{color:Black;}
.tdselStatBox a:visited{color:Black;}
.tdselStatBox a:hover{color:Black;}

.tdcatStatBox{background-color: #b9ccda; }
.tdcatStatBox a{color:White;}
.tdcatStatBox a:visited{color:White;}
.tdcatStatBox a:hover{color:White;}

.tdcatBox{background-color: #394388; }
.tdcatBox a{color:White;}
.tdcatBox a:visited{color:White;}
.tdcatBox a:hover{color:White;}

.selBox{
	padding:5px;
	color: White;
	font-family: Arial;
	font-size:12px;
	background-color:  #a1a4bb;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	margin-right:5px;
	float:left;
}

.label{      font-size:12px;padding:5px;
	border:1px Solid Grey;     background-color:White;
font-family:Arial;
}

.catStatBox{
	padding:5px;
	color: White;
	font-family: Arial;
	font-size:12px;
	background-color: #b9ccda;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	margin-right:5px;
	float:left;}

.tdselBox{background-color:  #a1a4bb;  }
.tdselBox a{color:White;}
.tdselBox a:visited{color:White;}
.tdselBox a:hover{color:White;}

.prettybox{
	 opacity:1;border:1px Solid White; background-color:#b0cae1; padding:3px; font-size:10px;letter-spacing:2;
}

.teren{
	background-image:url(../images/omnemrocks.gif);

	width:630px;
	height:338px;
}

.gsel{
	border-right:1px Solid White;
	border-bottom:1px Solid White;
    height:5px;
    width:5px;
    font-size:1px;
}

.playerInHome0{
	 
	font-size:12px;
	color:Black;
	width:645px;
	padding:5px;
	 
}



.playerInHome1{
	margin-top:1px;
	font-size:12px;
	color:Black;
	 width:645px;
	padding:5px;/*#E5F4FE*/
	background-color: #FAFAFA/*e9eaf0*/ ;
	 
}


.dailyLoginBonusfuture{
   width:70px;
   height:120px;
   float:left;
}

.dailyLoginBonusnow{
  width:70px;
   height:120px;
   float:left;
   background-color:#F8FACA;
}

.dailyLoginBonusno{
  width:70px;
   height:120px;
   float:left;
   background-color:#F5E9EC;
}

.marathonTd{
	background-color:#FBFAFF;
	height:35px;
	margin-top:1px;
}

.marathonTd2{
   	background-color:#FBFAFF;
	height:35px;
	margin-top:1px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.tooltip {
	display:none;
	background:rgba(0,0,0,.9);

	font-size:11px;
	width:140px;
	padding:15px;
	color:White;
	background-image:url('../images/arrowtool.png');
	background-position:center 135%;
	background-repeat:no-repeat;
}

.arrowDown{
	margin-left:48%;
	position:absolute;
	bottom:-18px;
}

 

.lucinda_12{
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:12px;
}

.lucinda_11{
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:11px;
 
}

.lucinda_10{
  font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:10px;
}

.lucinda_grey_10{
   font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:10px;
  color:#808080;
}


.lucinda_grey_11{
   font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  font-size:11px;
  color:#808080;
}


.lucinda_grey_10 a{ color: #3B5998; }
.lucinda_grey_10 a:visited{color: #3B5998;}

.lucinda_10 a{color: #3B5998;}
.lucinda_10 a:visited{color: #3B5998;}

.lucinda_11 a{color: #727DC1;}
.lucinda_11 a:visited{color: #727DC1;}
  
.menuHeader{
position:absolute; top:8px;left:0px;width:100%;color:#808080;font-size:10px;font-family:Arial;

}
.menuHeader a{color:#808080;}
.menuHeader a:visited{color:#808080;}

.wallAddComment{
	border:1px Solid #CAD2FA;
	color:#808080;
	font-size:11px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	width:460px;
}



.standings_font_10 {font-family: Arial; font-size: 11px; color: #OOOOOO;}
.standings_font_10 a{font-family: Arial;font-size: 11px;color: Black;}
.standings_font_10 a:visited{font-family: Arial; font-size: 11px; color: #OOOOOO;}

.wallPostTable{
    font-size:11px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

.wallPostTextbox{
	font-size:14px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	color:#808080;
	border:1px solid #B9CCDA;
}

.notificationsNum{
	background-color:White;
	padding:5px;
	text-align:center;
}

.canCreateMore{

  width:45%;
  padding:10px;
}

.pm_button{
	cursor:pointer;
}

.pms_success{
	background-color:#43D636;
	border:1px Solid #219416;
	width:250px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
}

.pms_error{
	background-color:#FA5934;
	border:1px Solid #BF3E21;
	width:250px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
}

.selectedTd{ 
    background-color:#e3e5de;
 
}

.sortable .defaultHead h3 {background:url(../js/sort/sort.gif) 3px 14px no-repeat;color:White;cursor:pointer; padding-left:10px;padding-top:10px;
 font-size:12px;}
 .sortable .defaultHead{background-color:#b9ccda;}
 .sortable .desc, .sortable .asc {background-color:#b9ccda;}

.sortable .desc h3 {background:url(../js/sort/desc.gif) 3px 14px no-repeat; cursor:pointer; padding-left:10px;padding-top:15px; }
.sortable .asc h3 {background:url(../js/sort/asc.gif) 3px  14px no-repeat;  cursor:pointer;padding-left:10px;padding-top:15px;}






















.tbl_bracket {
    font-family:"lucinda","tahoma", "arial";
    font-size:11px;
}

/* .tbl_bracket td.selectedMenu{height:35px;}
  */
.tbl_bracket .brack_under {
      border-bottom:1px solid Grey;
      width:225px; 
}
.tbl_bracket .brack_under_right_up {
	border-bottom:1px solid Grey;
    border-right:1px solid Grey;
    width:225px;

}
.tbl_bracket .brack_right {
      border-right:1px solid Grey;
      width:225px;
}

.po_bracket {
    font-family:"lucinda","tahoma", "arial";
    font-size:11px;
}

/* .tbl_bracket td.selectedMenu{height:35px;}
  */
.po_bracket.brack_under {
      border-bottom:1px solid Grey;
      width:275px; 
}
.po_bracket.brack_under_right_up {
	border-bottom:1px solid Grey;
    border-right:1px solid Grey;
    width:275px; 
}
.po_bracket.matchDiv{width:255px;}

.matchDiv td{text-overflow:clip;}

.po_bracket.brack_right {
      border-right:1px solid Grey;
      width:275px;
}

.poDiv a{text-decoration:none;color:Black;}
.poDiv td{text-overflow: clip;}

.poDiv{
	height:24px;
	position:absolute;
	left:5px;
	top:-15px;
	font-family:"lucinda","tahoma", "arial";
    font-size:11px;
    width:255px;
    background-color:Navy;
    background-color:#B1D0F0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;  future proofing
   -khtml-border-radius: 5px; /* for old Konqueror browsers */
   text-overflow: ellipsis;
   -moz-border-radius-topright: 5px;
   -webkit-border-top-right-radius: 5px;
	 	-moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius: 5px;
}

.scoretop{
	width:25px;
   	background-color:#F5EF51;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	text-align:center;
}

.scorebottom{
	width:25px;
   	background-color:#F5EF51;
   	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	text-align:center;
}

.matchDiv a{text-decoration:none;color:Black;}
.matchDiv td{text-overflow: clip;}

.matchDiv{
	height:24px;
    position:absolute;
 
	left:5px;
	top:-15px;
	font-family:"lucinda","tahoma", "arial";
	    font-size:11px;
	    width:210px; 
	    background-color:#B1D0F0;

	border-radius: 5px;   
	     -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-overflow: clip;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.matchDiv.on1Div{
	    background-color:#ecf0f1;
}

.on1Div .scoreTop{background-color:#2ecc71; color:#FFF; -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	 	}
.on1Div .scoreTop a{color:#FFF;}
.on1Div .scoreTop a:visited{color:#FFF;}
.on1Div .scorebottom{background-color:#2ecc71; color:#FFF;-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;}
.on1Div .scorebottom a{color:#FFF;}
.on1Div .scorebottom a:visited{color:#FFF;}

.on1WinDiv .scoreTop{display:none;}

 

.winnerDiv{
	height:36px;
    position:absolute;
	left:5px;
	top:-15px;
	font-family:"lucinda","tahoma", "arial";
    font-size:11px;
    width:210px;
    background-color:Navy;
    background-color:#eef1f3;
     -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;  future proofing
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-overflow: ellipsis;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	 	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.winnerDiv a{text-decoration:none;color:Black;}
.winnerDiv td{text-overflow: ellipsis;}
.navigationBoxMini {
        position:absolute;
      font-size:12px;margin-left:12px;margin-top:-32px;  
      }
      
.navigationBoxMiniTeam {
    position:relative;margin-left:16px;
    font-size:12px; margin-top:-32px;   
      }
      
.navigationBoxSelect {  
      font-size:12px;margin-right:12px; 
       }      
       
 

.navigationBoxMiniManageTeam
{ font-size:12px; width:100%; }

.navigationBoxMiniManageTeam img{ height:60%; }

.selectedAjaxTeamItem{text-align:center;border-left:1px Solid #c4d3dd;border-bottom:1px Solid #FFFFFF;border-right:1px Solid #c4d3dd; border-top:1px Solid #c4d3dd;font-size:12px; background-color:#FFFFFF;    text-overflow: ellipsis;  } 
.selectedAjaxSubItem{text-align:center;border-left:1px Solid #c4d3dd;border-bottom:1px Solid #FAFAFA;border-right:1px Solid #c4d3dd; border-top:1px Solid #c4d3dd;font-size:12px; background-color:#FAFAFA;    text-overflow: ellipsis; }
.unselectedAjaxSubItem{border-bottom:1px Solid #c4d3dd;text-align:center;font-size:12px;}

.selectedAllstarItem{text-align:center;border-left:1px Solid #c4d3dd;border-bottom:1px Solid #FFFFFF;border-right:1px Solid #c4d3dd; border-top:1px Solid #c4d3dd;font-size:12px; background-color:#FAFAFA;    text-overflow: ellipsis;  } 
.unselectedAllstarItem{border-bottom:1px Solid #c4d3dd;text-align:center;font-size:12px;}

.selectedAjaxLeagueItem{
    text-align:center;border-left:1px Solid #c4d3dd;border-bottom:1px Solid #FFFFFF;border-right:1px Solid #c4d3dd; border-top:1px Solid #c4d3dd;
    font-size:12px; 
    background-color:#FFFFFF;    
	text-overflow: ellipsis;  
}

.winBox td{text-align:center;}
.winBox .value{font-size:16px;font-family:OpenSans;}
.winBox .wins{padding:2px;font-size:10px;color:#C1C1C1;}

.compAjax{
    text-align:center;border-left:1px Solid #c4d3dd;border-bottom:1px Solid #FFFFFF;border-right:1px Solid #c4d3dd; border-top:1px Solid #c4d3dd;
    font-size:12px; 
    background-color:#FFFFFF;    
	text-overflow: ellipsis;  
    float:left;
}

.unselectedAjaxTeamItem{border-bottom:1px Solid #c4d3dd;text-align:center;font-size:12px;}
.unselectedAjaxINTLItem{border-bottom:1px Solid #c4d3dd;text-align:center;font-size:12px;background-color:#FAFAFA;}
.topbarAjaxINTLItem{background-color:#FAFAFA;}

.selectedAjaxItem{
    border-left:1px Solid #000000;border-bottom:2px Solid #FFFFFF;border-right:1px Solid #000000; border-top:1px Solid #000000;
}
/*border-left:1px Solid '.$color.';border-bottom:2px Solid #FFFFFF;border-right:1px Solid '.$color.'; border-top:1px Solid '.$color.';*/
.selectedCompBox
{
	cursor:pointer;
    background-color:#E5F4FE;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;  future proofing
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	text-overflow: ellipsis;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.nonSelectedCompBox{cursor:pointer;}
.nonSelectedCompBox:hover{background-color:#E5F4FE;-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;}

.medal1{background-color:#fafdce; }

.medal2{background-color:#e9eeee; }
.medal3{background-color:#fde1b2; }



.cell_blue_center{background-color:#E5F4FE;font-size:inherit;min-height:4px;text-align:center;}

.homeBorderBottom{
    border-bottom:1px Solid #B9CCDA;
}

.redTable{background-color:Red;color:White;font-family:Arial;}

.subscription_description{font-size:10px; font-family:Arial; text-transform:uppercase;color: #808080;background-color:#FFFFFF;}
.subscription_package{font-size:10px;font-family:Arial;  color: #000000;background-color:#FFFFFF;text-align:center;width:100%;}
.sub_faqq{ padding-left:25px; font-size:10px; text-transform:uppercase;}
#tableHoverXL tr:hover{background-color: #DCFFA8;}
.cell_dbluesupersmallwhite{
	font-size:10px;text-transform:uppercase;
	padding-left:7px;padding-right:7px;   
	background-color: #FFFFFF;
	padding-top: 1px; padding-bottom:1px;
	color: #3498DB;
}
.cell_dbluesupersmall{font-size:10px;text-transform:uppercase;
	padding-left:7px;padding-right:7px;   
	background-color: #3498DB;
	padding-top: 1px; padding-bottom:1px;
	color: #FFFFFF;}
.cell_dbluesuperorange{font-size:10px;text-transform:uppercase;
	padding-left:7px;padding-right:7px;   
	background-color: #EEEEEE;
	padding-top: 1px; padding-bottom:1px;
	color: #3498DB;}
.small_button_mov{font-size:10px;text-transform:uppercase;
	padding-left:7px;padding-right:7px;   
	background-color: #500970;
	padding-top: 1px; padding-bottom:1px;
	color: #FFF;}
.small_button_green{font-size:10px;text-transform:uppercase;
	padding-left:7px;padding-right:7px;   
	background-color: #0B802E;
	padding-top: 1px; padding-bottom:1px;
	color: #FFF;}	
.cell_dbluesuperyellow{font-size:10px;text-transform:uppercase;
	padding-left:7px;padding-right:7px;   
	background-color: #f4dc39;
	padding-top: 1px; padding-bottom:1px;
	color: #3a468a;}
 .greenTD{background-color:Green ;font-size:10px;color:White;}
 .greenTD a{background-color:Green ;font-size:10px;color:White;}
 .greenTD a:visited{background-color:Green ;font-size:10px;color:White;}
  .redTD{background-color:Red ;font-size:10px;color:White;}
 .greenTableBorder{border:1px Solid Grey;}
.plus_button{background-color: #f4dc39;color: #3a468a;  width:26px;height:26px; background-image: url(../images/esteticupdate/icon_plus.jpg);}
.plus_button_disabled{opacity:0.3;background-color: #f4dc39;color: #3a468a;  width:26px;height:26px; background-image: url(../images/esteticupdate/icon_plus.jpg);}

.minus_button{background-color: #f4dc39;font-family:Verdana;width:26px;height:26px;background-image: url(../images/esteticupdate/icon_minus.jpg);}
.minus_button_disabled{opacity:0.3;background-color: #f4dc39;font-family:Verdana;width:26px;height:26px;background-image: url(../images/esteticupdate/icon_minus.jpg);}

.btnYellow{
	background-color: #EEE; 
	color: #3a468a; 
	width:36px;height:26px;
	font-size:12px;
	font-weight:bold;
}

.btnBlue{
	background-color: #3498DB;  
	color:#FFF;
	height:26px;
	font-size:12px;
	font-weight:bold;
	min-width:36px;
}


.btnWhite{
	background-color: #EEE;  
	color:#3a468a;
	height:26px;
	font-size:12px;
	font-weight:bold;
}

.btnSP{
	background-color: #f4dc39;  
	color:#3a468a;
	 height:26px;
	font-size:12px;
	font-weight:bold;
}
 
.becomeSub{background-color:#f4dc39;padding:10px; font-size:12px; font-family:Arial;}

.redMessage{background-color:Red;color:#FFFFFF;font-size:10px;text-transform:uppercase;padding:5px;}
.subscription_selected{font-size:10px;font-family:Arial;  color: #000000;background-color:#e3f9e3;text-align:center;border:2px Solid #008000;width:100%;height:100%;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.selectedMenuItem{
    background-color:#FFFFFF;//#CFE8FE;
    padding:5px;
   	-moz-border-radius:  5px;
	-webkit-border-radius:  5px;
}

.nicegrey{
    font-size:10px;
    text-transform:uppercase;
    font-family:Arial;
    color: #808080;
}

.greenTDRounded{background-color:#11158C ;font-size:10px;color:White;
border-top-left-radius: 5px 5px; 
border-top-right-radius: 5px 5px;
}
.wizardRounded{border-bottom-left-radius: 5px 5px; 
border-bottom-right-radius: 5px 5px;background-color:White;
border-top-left-radius: 5px 5px; 
border-top-right-radius: 5px 5px;background-color:White;
}
 

.arial_yellow_12_hover_yellow{color:#E0DD1B;font-size:12px;}
.arial_yellow_12_hover_yellow a{color:#E0DD1B;}
.arial_yellow_12_hover_yellow a:hover{color:#E0DD1B;}


.bubble {
  position: relative;
  background-color:#eee;
  margin: 19 0;
  padding:10px; 
  width:180px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  box-shadow: 0px 0 3px rgba(0,0,0,0.25); 
}

.bubble2{
  position: relative;
  background-color:#eee;
  margin: 19 0;
  padding:10px; 
  width:180px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25);
  box-shadow: 0px 0 3px rgba(0,0,0,0.25); 
}

.bubble:before {
  position: absolute;
  display: block;
  content: "";  
  border-color:  transparent transparent #eee transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-19px;
  left:1em;
}

 

.grey_14{color:Grey;font-size:14px;}
.blue_14{color:#3598DC; font-size:14px;}
.training_prop{
	background-color:#F3F3F3;	
	 -moz-border-radius:10px;
	  -webkit-border-radius:10px;
  	border-radius:10px;
  	padding:25px;
  	cursor:pointer;
  	font-size:18px;color:#000;
}

.training_prop:hover{
	background-color: #2ECC71 ;
	color:#FFF;
	
}

.training_prop_selected{
		background-color:#2ECC71;	
	 -moz-border-radius:10px;
	  -webkit-border-radius:10px;
  	border-radius:10px;
  	padding:25px;
  	cursor:pointer;
  	font-size:18px;color:#FFF;
}
.cell_white_hover2{ box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);	}
.mentorBorder{ box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);}
.s_shadowBox{ box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#FFF;}

.s_avatarFrame{border: 0px none #c7b89e;}
.s_avatarFrame,.s_avatarFrame img{
width: 35px;
height: 35px;
-webkit-border-radius: 30px; /* Saf3+, Chrome */
border-radius: 30px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 30px; Disabled for FF1+ */
}

.s_avatarFrame_small{border: 0px none #c7b89e;}
.s_avatarFrame_small,.s_avatarFrame_small img{
width: 22px;
height: 22px;
float:center;
-webkit-border-radius: 30px; /* Saf3+, Chrome */
border-radius: 30px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 30px; Disabled for FF1+ */
}

.s_avatarFrame_large{border: 0px none #c7b89e;}
.s_avatarFrame_large,.s_avatarFrame_large img{
width: 70px;
height: 70px;
-webkit-border-radius: 60px; /* Saf3+, Chrome */
border-radius: 60px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 30px; Disabled for FF1+ */
}

.s_avatarFrame_med{border: 0px none #c7b89e;}
.s_avatarFrame_med,.s_avatarFrame_med img{
width: 50px;
height: 50px;
-webkit-border-radius: 40px; /* Saf3+, Chrome */
border-radius: 40px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 30px; Disabled for FF1+ */
}

.header_tb{background-color:#394488;}
.pNewHead{ color: #000;} .pNewHead a{color: #000;}
.pNewTable{margin-bottom:30px;}

.unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.connectedSortable{  
    margin: initial;
    list-style: none 
}

#sortable1{
    padding: 0 0 0 45px;
}
#sortable2{
    padding: 0 0 0 0px;
}

#sortable1 .ptype{
position:absolute;left:-50px;top:10px;text-transform:uppercase;	
color:Grey;
}

.connectedSortable li{ 
	position:relative;
	border:1px Solid #e4e4e4;
	font-size:10px;
	padding:10px;
	margin-top:1px;
	margin-left:1px;
	background-color:#FFF;
	cursor:move;
}
#sortable1  .starter{ 
	background-color:#3497dc;
	color:#FFF;
}

#sortable2  .disabled{ 
	background-color:#f2f2f2;	 
}

.connectedSortable #sortable2 li{
	background-color:#C1C1C1;
	border:1px Solid #394488;
	font-size:10px;
	padding:10px;
}

#loadingItem{ position:fixed;_position:absolute;  bottom:25px; right:25px; z-index:999999999999;background-color:#FFF; }
.showLI{padding:25px; border:3px Solid #92CAE2;border-radius: 5px;}

.forumHolder{background-color:#F5F5F5;}
.s_flatBTN {
	width:100%;
	padding: 15px 5px; 
	line-height: 100%;
	 
	
	color: #FFF;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer; 
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	text-shadow: 0 1px rgba(0, 0, 0, 0.4);
	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
	 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration:uppercase;
	font-size:14px;
	font-family:Arial;
 
	 
}
.s_flatBTN:active {
	padding-top: 15px;
        margin-bottom: -1px;
}
.s_flatBTN:visited{color:#FFF;}
.s_flatBTN, .s_flatBTN:hover, .s_flatBTN:active {
	outline: 0 none;
	text-decoration: none;
	color: #fff;
}
.s_flatBTN a{color: #FFF;}
.backBTN a{color: #FFF;}
.backBTN {
	color: #FFF;
	background-color: #6B0C96;
	box-shadow: 0px 3px 0px 0px #500970;
}
.backBTN:hover {color: #FFF;
	background-color: #500970;
}
.backBTN:active {color: #FFF;
	box-shadow: 0px 1px 0px 0px #500970;
}
.backBTN:visited{background-color: #6B0C96;}

.supergrey{ background-color:#F5F5F5; }
.superstar_12{color:#3498DB; font-size:12px;font-family:Arial;font-weight:bold; }
.superstar_12 a{color:#3498DB; font-size:12px;font-family:Arial; }
.superstar_12 a:visited{color:#3498DB; font-size:12px;font-family:Arial; }
.superstar_10{color:#3498DB; font-size:10px;font-family:Arial;font-weight:bold; }
.superstar_10 a{color:#3498DB; font-size:10px;font-family:Arial; }
.superstar_10 a:visited{color:#3498DB; font-size:10px;font-family:Arial; }
.superstar_16{color:#3498DB; font-size:16px;font-family:Arial;font-weight:bold; }
.superstar_16 a{color:#3498DB; font-size:16px;font-family:Arial; }
.superstar_16 a:visited{color:#3498DB; font-size:16px;font-family:Arial; }
.eTalent_12{color:Green; font-size:12px;font-family:Arial;font-weight:bold; }
.eTalent_12 a{color:Green; font-size:12px;font-family:Arial; }
.eTalent_12 a:visited{color:Green; font-size:12px;font-family:Arial; }
.eTalent_16{color:Green; font-size:16px;font-family:Arial;font-weight:bold; }
.eTalent_16 a{color:Green;  }
.eTalent_16 a:visited{color:Green; }
.superstar_18{font-family:SourceSans, Arial;font-size:18px; color: #3498DB; }

.red_16{font-family:SourceSans, Arial;font-size:16px;color: Red}
.grey_16{font-family:SourceSans, Arial;font-size:16px;color: Grey}
.grey_16 a{font-family:SourceSans, Arial;font-size:16px;color: Grey}
.grey_16 a:visited{font-family:SourceSans, Arial;font-size:16px;color: Grey}
.black_18{font-family:SourceSans, Arial;font-size:18px; }
.black_22{font-family:SourceSans, Arial;font-size:22px; }
.center_row td{text-align:center;}

.grey_ball{position:absolute;left:-25px;top:-12.5px;width:25px;height:25px;border-radius:12.5px;font-size:10px;font-family:Arial;
color:#C1C1C1;line-height:25px;text-align:center;background:#FAFAFA}}

.sp_goal_bubble table{ cursor:pointer; margin-bottom:15px;padding:20px;font-family:SourceSans, Arial; font-size:18px; color:#FFF;background-color:#3498DB;border-radius:14px;border:3px Solid #3498DB;}
.sp_goal_bubble table:hover{ background-color:#FFF; color:#3498DB;}
.sp_available{ padding-bottom:15px; text-align:center;font-family:SourceSans;font-size:18px;  color:Green; }
.sp_container{ width:180px; position:relative; background-color: #C4D3DD; height:25px}
.sp_bar{ background-color:#3498DB;height:100%; }
.sp_boosted{ background-color:#F3DC38 ; height:100%;}
.sp_cost{ position:absolute;right:5px;top:6px;font-family:SourceSans;font-size:12px; color: #000; height:100%;vertical-align:middle;line-height:100%; }
.sp_cur{ font-family:SourceSans;font-size:18px; color: #FFF; height:100%;vertical-align:middle;line-height:100%;}
.sp_val_box{padding-left:5px;width:40px;font-family:SourceSans;font-size:18px; color: #3498DB;border:1px Solid #3498DB; background-color:#FFF;}

.equipmentSlot{ border:1px Dotted #3498DB; }
.s_popup{ 
	display: inline-block;
	
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 15px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.s_closePopup{ position:absolute;top:-10px;right:-10px; }
.s_closePopup img{ 
-webkit-border-radius: 30px; /* Saf3+, Chrome */
border-radius: 30px; 
border:2px Solid #FFF;
background-color: #FFF;
/* Opera 10.5, IE 9 */
/*-moz-border-radius: 30px; Disabled for FF1+ */
}



.s_closeIMG{
	-webkit-border-radius: 30px; /* Saf3+, Chrome */
	border-radius: 30px; 
	border:2px Solid #FFF;
	background-color: #FFF;
	/* Opera 10.5, IE 9 */
	/*-moz-border-radius: 30px; Disabled for FF1+ */ 
}

.s_blockpage,.s_blockpage__2{
	  position: fixed;_position:absolute;display:block;background-color: rgb(152, 152, 152); 
	  opacity: 0.6;
	  top:0px;
		    z-index: 1001; border: none; margin: 0px; padding: 0px; 
		    width: 100%; height: 100%; top: 0px; left: 0px; 
}

.s_popup{ 
	 border: 0px solid rgb(170, 170, 170); 
}

.payIcons img{
	height:25px;
	margin-right:10px;
}

#toTop {
    z-index:99999;
    display: none;
    position: fixed;
    bottom: 55px;
    right: 65px;
    width: 64px;
    height: 64px;
    background-image: url('../images/up.png');
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
#toTop:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
.teamAvatarBox {
   width:70px;
  
  -webkit-border-radius: 10%; /* Can also be 55px */
  -moz-border-radius: 10%; 
  text-align:center;
  vertical-align:center;
 
 }

.teamAvatarBox img {
  float:center;
   width:70px;
  margin: 10px 5px;
  -webkit-border-radius: 10%; /* Can also be 50px */
  -moz-border-radius: 10%;
  border-radius: 10%; 
 }
 
.matchHeader{  /* Can also be 50px */
  
  border-radius: 8px;}
.matchHeader td{vertical-align:top;}
.matchHeader .name{font-family:SourceSans, Arial;font-size:18px; width:240px;}
.matchHeader .score{font-family:SourceSans, Arial;font-size:18px;text-align:center;width:100px; }
.matchHeader .manager{font-family:Arial;font-size:12px; }
.matchHeader .manager a{color: #808080;}
.matchHeader .manager a:visited{color: #808080;}
.matchHeader .time{font-family:Arial;font-size:14px;text-align:center;color:Green;font-weight:bold;}
.matchHeader .time .play{color:Green;font-weight:bold;}
.matchHeader .time .pause{color:Red;font-weight:bold;}


.matchStats { 
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);   /* Can also be 50px */background-color:#FFF; margin-bottom:10px;}
  
.matchStats {display:table;}
.matchStats .country,.pos{width:5px;font-size:10px;padding:10px;}
.matchStats .name{   white-space: nowrap;overflow: hidden;
table-layout: fixed;width:95px;max-width:95px;font-size:10px; 
height:35px;max-height:35px;line-height:35px;text-overflow:ellipsis;display: block;}
.matchStats .stats{vertical-align:top;padding:0px;}
.matchStats .dropdown{ height:37px;padding-right:0px; }
.matchStats .footer{height:25px;padding-left:10px;}
.matchStats .footer a{font-size:10px; color:#808080;}
.matchStats .pos{color:#808080;width:5px;padding-right:0px;}

.liveListholder{width:225px;overflow:auto;}
.liveList {  padding-left:0px; margin-left:0px;padding-right:10px;float:left; }
.liveList th{height:37px;font-size:10px;text-transform:uppercase;color:#808080; }
.liveList td{height:35px;font-size:10px;text-align:center;}

.popupStats { box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#FFF;   }
.popupStats th{height:37px;font-size:10px;text-transform:uppercase;color:#808080; }
.popupStats td{height:35px;font-size:10px;text-align:center;}
.popupStats .name{ text-align:left; }

.matchPbp{  box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);   /* Can also be 50px */
  background-color:#FFF;
    width:100%;  }
  
.matchPbp .pbpPerQ{ height:100%; overflow-y: auto;   }
.matchPbp .home{ width:45%;}
.matchPbp .time{width:60px; text-align:center;font-size:12px;}
.matchPbp .away{ width:45%;}
.matchPbp .story{font-size:12px; max-width:340px; } 
.matchPbp .story .name{font-size:12px; width:100px; max-width:100px;text-overflow:ellipsis;table-layout: fixed; } 
.matchPbp .story .text{font-size:12px; width:190px; max-width:200px; } 
.matchPbp .story .stat{font-size:12px; width:50px; max-width:50px; } 
.matchPbp .story .rebound{ color:Maroon; }
.matchPbp .story .made{ color:Green; }
.matchPbp .story .assist{ color:Blue; }
.matchPbp .story .steal{color:Fuchsia;}
.matchPbp .story .block{color:Green;}
.matchPbp .story .superstar a,a:visited{font-weight:bold; color:#3498DB;}
.matchPbp .story .stat{color:#808080; font-size:10px;}
.matchPbp .turnover{color:Orange;font-size:12px;}
.matchPbp .story a,a:visited{color:#808080;}
.matchPbp .icon{width:5px;}
.matchPbp .pbpStory1{ background-color:#F5F5F5;}
.matchPbp .story .foul{color:Red}
.matchPbp .score{font-size:10px; color:#808080;}

#pbpLinks a{ padding:5px; background-color: #FAFAFA;;border-radius:5px;font-size:12px;
-webkit-border-radius: 5px; /* Can also be 50px */
  -moz-border-radius: 5px;}
 
#pbpLinks .selected{ height:30px; background-color: #3498DB;;border-radius:5px;font-size:12px;
-webkit-border-radius: 5px; /* Can also be 50px */color:#FFF;
  -moz-border-radius: 5px;}
  
.liveGameHappening{font-size:12px;font-family:Arial;cursor:pointer;}
.liveGameHappening .score{ color:#3498DB ;font-weight:bold; }
.liveGameHappening .name{font-weight:Bold;width:150px;}
.liveGameHappening .time{color:Green;text-decoration:blink;}
.liveGameHappening .logo img{height:16px; width:16px; -webkit-border-radius: 2px; /* Can also be 50px */-moz-border-radius: 2px;border-radius: 2px;}
.liveGameHappening .logo{width:16px}

.otherGames{ max-height:500px;overflow-y:auto;}
.liveGroup{margin-bottom:4px;font-size:10px;font-family:Arial;cursor:pointer;background-color:#FFF;box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);}
.liveGroup .score{ color:#3498DB ;font-weight:bold; }
.liveGroup .name{font-weight:Bold;width:100px;max-width:100px;text-overflow:clip;}
.liveGroup .time{color:Green;text-decoration:blink;text-align:right;}
.liveGroup .logo img{height:16px; width:16px; -webkit-border-radius: 2px; /* Can also be 50px */-moz-border-radius: 2px;border-radius: 2px;}
.liveGroup .logo{width:16px}
.liveGroup:hover{ background-color:#3498db;cursor:pointer;color:#FFF;}
.liveGroup:hover a{ color:#FFF;text-transform:none; } 
.liveGroup a:hover{ color:#FFF;text-decoration:none; } 
.liveGroup table{float:right;color:#CCC;font-size:10px;}
.liveGroup .viewersHolder{padding:0px;}

.calendarBox:hover,.clicked{
	background-color:#3498db;
	color:#FFF;
}

.calendarBoxNav{     
	color:#FFF;z-index:70;
	font-size:24px;
	font-weight:bolder;
	color:#3498DB;
width:50px;font-size:24px;background-color:#FFF; 	
}
.calendarBoxNav:hover{background-color:#3498DB;color:#FFF;cursor:pointer; }
.blinking 
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blinking  {
    animation: blink 1s;
    animation-iteration-count: infinite;
}
.slideLeft{
	 -webkit-transition-duration: 2s;
	 -moz-transition-duration: 2s;
	 -o-transition-duration: 2s;
	 transition-duration: 2s;
}
.calendarBox:hover .arial_green_12{color:Yellow;}
.calendarBox .timer_today{color:#3498DB;font-weight:bold; }
.calendarBox:hover .timer_today{color:#FFF;}
.calendarBox:hover .arial_grey_12{color:#FFF;}
.calendarBox:hover .margin_4 a{color:#FFF;}
.calendarBox:hover .arial_grey_10{color:#FFF;} 
.calendarBox .arrowDown{ color:#C1C1C1;}
.calendarBox:hover .openSans{color:#FFF;}
.calendarBox:hover .arrowDown{ color:#FFF;}
.calendarBox table .arrowDown{ color:#C1C1C1;}
.calendarBox:hover table .openSans{color:#FFF;}
.calendarBox:hover table .arrowDown{ color:#FFF;}
.calendarBox { top: -75px;cursor:pointer; }
.calendarBox table .arrowDown{  cursor:pointer; }

.calendarBox.clicked .arial_green_12{color:Yellow;}
.calendarBox .timer_today{color:#3498DB;font-weight:bold; }
.calendarBox.clicked .timer_today{color:#FFF;}
.calendarBox.clicked .arial_grey_12{color:#FFF;}
.calendarBox.clicked .margin_4 a{color:#FFF;}
.calendarBox.clicked .arial_grey_10{color:#FFF;} 
.calendarBox .arrowDown{ color:#C1C1C1;}
.calendarBox.clicked .openSans{color:#FFF;}
.calendarBox.clicked .arrowDown{ color:#FFF;}
.calendarBox table .arrowDown{ color:#C1C1C1;}
.calendarBox.clicked table .openSans{color:#FFF;}
.calendarBox.clicked table .arrowDown{ color:#FFF;}
.calendarBox:hover{
	background-color:#3498db;
	color:#FFF;
}
 
.calendarBoxNum0 {margin-right:0px;-webkit-transition: margin-right 1s; }
.calendarBoxNum1 {margin-right:250px;-webkit-transition: margin-right 1s; }
.calendarBoxNum2 {margin-right:500px;-webkit-transition: margin-right 1s; }
.calendarBoxNum3 {margin-right:750px; -webkit-transition: margin-right 1s;}

.box_0 .calendarPopup{right:0px; }
.box_1 .calendarPopup{ right:-150px; }
.box_2 .calendarPopup{left:-150px; }
.box_3 .calendarPopup{ left:0px; }

.calendarPopup{
	z-index:70;
	position:absolute;
	top:150px; 	
}

.search{font-size: 16px;
border-top: 0px None;
border-left: 0px None;
border-right: 0px None;
border-bottom: 1px Solid #3498db;
color: #000;
line-height: 1.4;
width:400px;
padding: 2px 4px;}

.searchBox{
	font-size: 16px;
border-top: 0px None;
border-left: 0px None;
border-right: 0px None;
border-bottom: 1px Solid #3498db;
color: #000;
line-height: 1.4;
width:400px;
padding: 2px 4px;
}

#searchResult{ border:1px Solid #3498DB; background-color:#FFF;box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); }
#searchResult .item{ width:100%;  }
#searchResult .item:hover{ background-color: #3498DB; color: #FFF;cursor:pointer; }
#searchResult .selected{ background-color: #3498DB; color: #FFF;cursor:pointer; }
#searchResult .selected:nth-child(even){ background-color: #3498DB; color: #FFF;cursor:pointer; }
#searchResult table:nth-child(even){  background-color:#f1f1f1;  }
#searchResult .icon{width:45px;}
#searchResult .text{font-size:12px;}
#searchResult .club img{width:30px;float:center;
	margin: 10px 5px;
	-webkit-border-radius: 10%; /* Can also be 50px */
	-moz-border-radius: 10%;
	border-radius: 10%;}
	
#searchResult  .account img{width:30px;float:center;
	margin: 10px 5px;
	-webkit-border-radius: 50%; /* Can also be 50px */
	-moz-border-radius: 50%;
	border-radius: 50%;}

#searchResult  .player img{width:30px;float:center;
	margin: 10px 5px;
	-webkit-border-radius: 50%; /* Can also be 50px */
	-moz-border-radius: 50%;
	border-radius: 50%;}
	
#forum_postcount{ padding-right: 15px;}
 
.translation .link{
	background-color:#F3F3F3;	
	-moz-border-radius:10px;
	-webkit-border-radius:10px; 
  	border-radius:10px;
  	padding:8px;
  	cursor:pointer;
  	font-size:12px;color:#000;
}

.training_prop:hover{
	background-color: #2ECC71 ;
	color:#FFF;
	
}

.otherGamesBtn{  float:left;  font-size:12px;padding:10px; 	}



.otherGames{
	padding:4px;
	position:absolute;
	left:-232px;
	width:220px;
	min-height:300px;
	z-index:-900;
	background-color:#F5F5F5;
	float:left;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
}

.translation .selected{
	background-color:#2ECC71;	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
  	border-radius:10px;
  	padding:8px;
  	cursor:pointer;
  	font-size:12px;color:#FFF;
}

#matchLoading{margin:50px 50px;text-align:center;}
#matchLoading table{text-align:center;}

#viewgame{

	left:0px;top:0px;position:absolute;width:100%;text-align:center;	
	display:block;  
}

.chat-box{
	
	display: block;
	position:fixed;
	border-radius: 5px 5px 0px 0px;
	bottom:  0px;	
	width:220px;
	height: 350px;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	background-color:#2C3E50;
	opacity:0.85;
	
}

.chat-box-large{
	width:400px;
	height: 650px;
}

.chat-seen{
	width:12px;
	float:right; 
	padding-left:6px;
	padding-top:10px;
	font-size:8px;
}

.chat-box-user-avatar{
	float:left;
	font-size:10px;
	word-break: true;
	text-overflow:clip;
	color:#3498db;
	width:20px;
}

.chat-box-user-avatar a{color:#3498db; text-decoration:none;}
.chat-box-user-avatar a:visited{color:#3498db; text-decoration:none;}
.chat-box-user-avatar a:active{color:#3498db; text-decoration:none;}

.chat-message-mine-container{
	float:right;
	clear:both;
	right:0px;  
	width:100%; 
}

.chat-message-other-container{
	float:left;
	clear:both;
	left:0px;  
	width:100%; 
}

.chat-seen-number{
	font-size:8px;
	color: #3498db;
}

.chat-message-mine a{color:#f1c40f;}
.chat-message-mine a:visited{color:#f1c40f;}
.chat-message-mine a:active{color:#f1c40f;}
.chat-message-other a{color:#3498db;}
.chat-message-other a:visited{color:#3498db;}
.chat-message-other a:active{color:#3498db;}

.chat-message-mine{

	float:right;	 
	right:0px; 
	margin-top:4px;
	background-color: #3498db;
	color: #FFF; 
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:12px; 
	padding:6px;
	border-radius: 5px; 
	overflow:auto;
	max-width:80%;
}

.chat-message-other{
	
	float:left;	  
	left:0px;
	max-width:90%;
	background-color: #ecf0f1;
	color: #000;
	margin-top:4px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:12px; 
	padding:6px;
	border-radius: 5px; 
	overflow:auto;
}

.chat-box-parent{
	overflow:hidden;
	position:relative;
	height:100%;width:100%;	
	text-align:bottom;
	vertical-align:bottom;  
	 
}

.chat-box-message-container{
	position:absolute;
	bottom:0px;
	right:0px;
	vertical-align:bottom;
	width:90%; 
	padding-right:15px;
	height:auto; 
	overflow-y:scroll;
	padding-bottom:5px;
}

.chat-box-load-more{
	padding:15px;
	font-size:10px;
	color:#FFF;
	text-align:center;
	width:90%;
	text-transform:uppercase;
	clear:both;
	
}
.chat-box-load-more a{color:#FFF;}
.chat-box-load-more a:visited{color:#FFF;}
.chat-box-load-more a:active{color:#FFF;}

.chat-box-messages{
	
	overflow-y:auto;
	display: flex;
}

/*
.chat-box-message-container::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #34495e;
}

.chat-box-message-container::-webkit-scrollbar
{
	width: 6px;
	background-color: #2c3e50;
}

.chat-box-message-container::-webkit-scrollbar-thumb
{
	background-color: #2c3e50;
}*/

.chat-box-button{ width:16px; padding:0px; padding-left:5px; padding-right:5px; cursor:pointer; }
.chat-box-button:hover{background-color: #FFF;}
.chat-box-title{font-size:12px;font-family:Arial;font-weight:Bold;color:#FFF;
/*color: #3498db;*/	}
.chat-box-title a{color:#FFF;}
.chat-box-title a:visited{color:#FFF;}

.chat-box-input{ font-size:12px;border-bottom: 0px None;
border-left: 0px None;
border-right: 0px None;
background-color:#34495E;color: #FFF;font-family:Arial;
height:64px;
border-top: 1px Solid #3498db;padding: 6px 10px;line-height: 1.8; }

.chatList{
	z-index:499;
	color:#FFF;
	position:fixed;
	top:    0px;
	right:   0px;
	height: 100% !important;
	float:right; 
	transition: 1s;
	width: 180px;
	background-color:#2C3E50;
}

.chatList tr:hover{background-color: #3498DB; color: #FFF; cursor:pointer; }

.chatList .avatar{ }

.chatList .text{ width:130px; text-overflow: hidden; }

.chatList .last_active{ color: Grey; font-size:10px; }
.chatList .text .subtext{ color: Grey;font-size:9px; }
.chat-search{font-size: 16px;
border-top: 0px None;
border-left: 0px None;
border-right: 0px None;
border-bottom: 1px Solid #3498db;
color: #FFF;
background-color:#34495E;
line-height: 1.8;
padding:10px;
width:100%;
padding: 4px 10px;}
.chatFriend{
	font-size:12px;
	color:    #FFF;	
}
	
 

.chat-button-close{
	background-color: #3498DB; 	
	width:75%;
}
 
.chat-button-close:hover{
	background-color:#2e8ece;
}

.chat-button-options{
	width:15%;
	background-color: #2c3e50;	
}

.chat-button-options img{src:'images/options.svg';}

/*this was generated here: http://cssload.net/en/horizontal-bars */
#circleG{
	width:61px;
	margin:auto;

}

.typingIcon{  bottom:0px; left:0px; text-align:left; width:100%; 
vertical-align:middle;overflow:auto;clear:both;float:left;height:20px;padding-top:14px;}
.typingIcon #circleG{float:left;vertical-align:middle;}

.circleG{
	background-color:rgb(255,255,255);
	float:left;
	height:8px;
	margin-left:8px;
	width:8px;
	animation-name:bounce_circleG;
		-o-animation-name:bounce_circleG;
		-ms-animation-name:bounce_circleG;
		-webkit-animation-name:bounce_circleG;
		-moz-animation-name:bounce_circleG; 
	animation-duration:1.4575s;
		-o-animation-duration:1.4575s;
		-ms-animation-duration:1.4575s;
		-webkit-animation-duration:1.4575s;
		-moz-animation-duration:1.4575s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	border-radius:10px;
		-o-border-radius:10px;
		-ms-border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
}

#circleG_1{
	animation-delay:0.2895s;
		-o-animation-delay:0.2895s;
		-ms-animation-delay:0.2895s;
		-webkit-animation-delay:0.2895s;
		-moz-animation-delay:0.2895s;
}

#circleG_2{
	animation-delay:0.6855s;
		-o-animation-delay:0.6855s;
		-ms-animation-delay:0.6855s;
		-webkit-animation-delay:0.6855s;
		-moz-animation-delay:0.6855s;
}

#circleG_3{
	animation-delay:0.8785s;
		-o-animation-delay:0.8785s;
		-ms-animation-delay:0.8785s;
		-webkit-animation-delay:0.8785s;
		-moz-animation-delay:0.8785s;
}




@keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(52,152,219);
	}

	100%{}
}

@-o-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(52,152,219);
	}

	100%{}
}

@-ms-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(52,152,219);
	}

	100%{}
}

@-webkit-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(52,152,219);
	}

	100%{}
}

@-moz-keyframes bounce_circleG{
	0%{}

	50%{
		background-color:rgb(52,152,219);
	}

	100%{}
}

.selectedOption .circle{
	background-color: #3498DB;	
	color:#FFF;
}

.selectedOption .circleSmall{
	background-color: #3498DB;	
	color:#FFF;
}

.selectedListItem{
	background-color: #3498DB;	
	color:#FFF;
}

.selectedListItem td{cursor:pointer;
	font-size:12px;
	color:#FFF;
}

.selectedListItem td:hover{
	background-color: #FFF;	
	color:#3498DB;
}


.selectedOption .miniText{
	font-weight:bold;	
}

#smartbanner {   position:absolute; left:0px; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#b1b1b3; background: #efefef;   box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#A4C739;  }
#smartbanner.android .sb-info strong { color:#000; }
#smartbanner.android .sb-button { border:0px none; min-width: 12%; color:#FFF; padding:1px; background: none; border-radius: 0; box-shadow: none; min-height:28px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-color:#A4C739; text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#42B6C9; }

#smartbanner.windows .sb-icon { border-radius: 0px; }

.topcoat-button-bar__button--large {
  border-radius: inherit;
}

/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/

.button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
}

.button--quiet {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

.button--disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

.help_table td{	
	font-size:10px;
	color:#FFF;
	text-transform:uppercase;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.hover_table tr:hover{background-color: #CFE8FE;}

.link{cursor:pointer}
.columntitle td{ text-transform:uppercase;font-size:10px;font-family:Arial; }
.test-traits-table{}
.test-traits-table .step{ text-align:center;padding:20px; background-color: #3498DB; color: #FFF; font-size:36px; }
.test-traits-table .text{ font-size:18px; padding:10px; }
.test-traits-table .stats{ font-size:12px; font-family:Arial;}

.trait-list{  }
.trait-list .box{ cursor:pointer; float:left; height:30px;width:30px;  margin-left:5px; }
.trait-list .box:hover{ cursor:pointer; background-color: #3498DB; transition:all 0.3s ease;}
.trait-list .mini{display:block; width:100%; text-align:center;line-height:30px;color:#FFF;font-size:10px; }

.trait-list .none{ background-color: #ecf0f1;   } 
.traitCategories{ list-style-type: none;padding: 0;-webkit-padding-start: 0; }
.traitCategories li{cursor:pointer; padding:5px; }
.traitCategories li:hover{background-color:#FFF;}
.traitCategories .selected{background-color:#FFF;border-radius:3px;}
.miniTraitTitle::first-letter{ text-transform:uppercase; }
.small-description ul{clear: left;}

.tab-option{
	cursor:pointer;float:left;margin:10px 10px;padding:10px;font-size:18px;	
}

.tab-option:hover{background-color: #CFE8FE;border-radius:3px;}


.black_10{font-family: Arial; font-size: 10px; color: Grey; text-transform:uppercase;}
.traitBox{position:relative;}
.close-button{position:absolute;top:-10px;right:-10px;cursor:pointer;}
.traitBox{height:120px;width:240px;float:left;
border:1px Solid #C1C1C1;margin-right:22px;padding:10px;}
.traitBox.none{background-color:#FFF;
border:1px Dotted Grey;}

.traits { width:100%;display:table; }
.modalNoHover:hover{background-color:#F0F0F0;}
.traits-hover:hover{ background-color: #3498DB;color:#FFF;cursor:pointer; }
.miniTraitBox{ height:10px;width:10px;content: ' ';margin-right:10px;display:table-cell; }
.miniTraitTitle{ display:table-cell;width:calc(100% - 20px);  }
.traits  .short{ text-align:center;display:table-cell;line-height:70px;height:70px;width:60px; padding:0px 10px;float:left;background-color: #3498DB;color:#FFF; }
.traits  .name{ position: relative;
width: 85%;padding:10px;padding-top:0px;float:left;font-family:OpenSans;font-size:20px; }
.traits .defensive{ background-color:  #f1c40f; color: #000; }
.traits .offensive{ background-color: #2C3E50; color: #FFF; }
.traits .switch{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5d76e+0,f5d76e+50,87d37c+51,87d37c+100 */
background:  #f1c40f; /* Old browsers */
color: #FFF;
text-shadow: -1px 0 #000000,0 1px #000000,1px 0 #000000,0 -1px #000000;
background: -moz-linear-gradient(left, #f1c40f 0%, #f1c40f 50%, #2C3E50 51%, #2C3E50 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f1c40f 0%,#f1c40f 50%,#2C3E50 51%,#2C3E50 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f1c40f 0%,#f1c40f 50%,#2C3E50 51%,#2C3E50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c40f', endColorstr='#2C3E50',GradientType=1 ); /* IE6-9 */}
.traits  .misc{ background-color:#87D37C; color:#FFF; }
.traits .fouls{ background-color:#8E44AD; color:#FFF; }
.traits .teammates{ background-color: #95A5A6; color:#000; }
.traits .description{ padding:0px;float:left;width:75%;}
.traits .marginTop{margin-top:10px;}
.traits .cell_dblue{

	font-size: 12px;
	text-transform: uppercase;}
.traits .detailed-description ul{/*list-style-type:circle;*/
	padding: 0px;
	margin:0px;
	background-color:#FFF;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 23px;
	font-size: 12px;
	font-family: Arial;color:#000;
	background-color:#FFF;border-radius:5px;
}
.traits .x{right:0px;position:absolute;}
.traits .detailed-description{padding:10px;} 
.traits .description ul{list-style-type:circle;padding: 0px;
margin: 0px;
padding-left: 23px;
font-size: 12px;
font-family: Arial;color:Grey;} 
.types .types{clear:left;}
.traits-hover:hover .description ul{ background-color: #3498DB;color:#FFF;cursor:pointer; }
.traits-hover.selected{ background-color: #3498DB;color:#FFF; }
.traits-hover.selected .description ul{ background-color: #3498DB;color:#FFF;cursor:pointer; }


/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/

/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/

/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/

.button,
.topcoat-button,
.topcoat-button--quiet,
.topcoat-button--large,
.topcoat-button--large--quiet,
.topcoat-button--cta,
.topcoat-button--large--cta {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
}

.button--quiet {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

.button--disabled,
.topcoat-button:disabled,
.topcoat-button--quiet:disabled,
.topcoat-button--large:disabled,
.topcoat-button--large--quiet:disabled,
.topcoat-button--cta:disabled,
.topcoat-button--large--cta:disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

#header.floating {
    position: fixed;
    top: 0;
}

.selectedEvent{background-color: #3498DB; color:#FFF;	}
.selectedEvent a{color:#FFF;}
.seleceedEvent a:visited{color:#FFF;}

.wall-forum {
  transition: visibility 0s, opacity 0.5s linear;
}
 
 
.wall-mini-textarea{ padding:7px;box-shadow: 0 1px 1px rgba(34, 25, 25, 0.4);}
.wall-mini-textarea::-webkit-input-placeholder { 	font-size:18px; font-family:Arial;font-weight:normal; padding:22px;}
.wall-mini-textarea::-moz-placeholder { 			font-size:18px; font-family:Arial;font-weight:normal; padding:22px; }
.wall-mini-textarea:-ms-input-placeholder  { 		font-size:18px; font-family:Arial;font-weight:normal; padding:22px; }
.wall-mini-textarea:-moz-placeholder { 				font-size:18px; font-family:Arial;font-weight:normal; padding:22px; }

.role{ font-size:10px; color:Grey; text-transform: uppercase; margin-left:5px;  margin-right:5px; padding:5px; background-color:#FAFAFA; border-radius:3px;}
 

.verticalTd td{vertical-align:top;}

.hall_box{ min-height:250px; vertical-align:middle;}
.hall_box .loadingImg{vertical-align:middle;margin-top:40%}

.wall-forum-item{box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#FFF;}
.wall-forum-item:hover{cursor:pointer;background-color:#F4FDFF; }
.wall-forum-item:hover a{ }
.wall-forum-item:hover td{ }
.wall-search-close{cursor:pointer;float:right;margin-bottom:20px;}
.wall-thread-linkcode{border:0px;width:80%;font-size:10px;}

.wall-thread-title{ padding:10px; font-size:14px; border:0px none;  width:580px; font-family: Arial;}
.wall-thread-text{ border:0px none;padding:10px; width:580px;font-family: Arial;font-size:12px;}
.wall-checkbox{ border:0px none; }

.wall-searchResult{box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#ecf0f1;padding:10px; }
.wall-searchResult-item{line-height:18px;box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#FFF;padding:10px;margin-top:10px;	font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;}
.wall-searchResult-item:hover{cursor:pointer;background-color:#F4FDFF;}
.wall-searchResult-item .title{font-weight:bold;}
.wall-searchResult-item a{color:#3498DB;}
.wall-searchResult-item a:visited{color:#3498DB;}
.wall-searchResult-author{font-size:10px;font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif;}

.wall-threads{ margin-top:2px;margin-bottom:4px; }
.wall-thread-item{box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#ecf0f1;}
.wall-thread-item:hover{cursor:pointer;background-color:#F4FDFF;}
.wall-thread-item:hover td{ }


.wall-highlight-search-0{ padding:2px; background-color:#F1FA3E; }
.wall-highlight-search-1{ padding:2px; background-color:#7DFF81; }
.wall-highlight-search-2{ padding:2px; background-color:#FF7D8C; }
.wall-highlight-search-3{ padding:2px; background-color:#99BDFF; }
.wall-highlight-search-4{ padding:2px; background-color:#F1FA3E; }

.wallThreadLink.unread a{color:Grey;}
.wallThreadLink.unread a:visited{color:Grey;}
.wallThreadLink:hover{background-color:#3498DB;color:#FFF;}
.wallThreadLink:hover a{color:#FFF;text-decoration:none;}
.wallThreadLink:hover .lucinda_grey_11{color: #C1C1C1}

.wallThreadComment.new-item {opacity: 0;animation: fadeIn .3s linear forwards;}
 
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.wall-comments-edit a{cursor:pointer;}
.wall-comments-edit{padding:7.5px;}

.aLink{cursor:pointer;}

.wallThreadComment:hover .wall-comments-edit{display:inline-block !important; -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
    opacity: 1;}
    .wallThreadComment .wall-comments-edit{opacity:0;}

.wall-thread-title{font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:12px;}
.wall-thread-title.unread  {font-weight:bold;}
.wall-thread-row.unread{background-color:#F9F9F9;}
.wall-thread-row:hover  {background-color:#F4FDFF;}
 

.thread-buttons{background-color:#ecf0f1; margin-left:32px; width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 32px);
  width: -o-calc(100% - 32px);
  width: calc(100% - 32px); height:40px; margin-bottom:2px;  vertical-align:middle;line-height:40px;box-shadow: 0 1px 1px rgba(34, 25, 25, 0.4); }
.thread-buttons td{ padding:10px; background-color:#ecf0f1;} 
 .thread-custom-btn{ margin: 8px 10px; }

.wall-forum-last-post{line-height:125%; font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;}
.wall-unread-link a{ color: #3498EA ; }
.wall-unread-link a:visited{ color: #3498EA ; }
.wall-read-link   a{ color: Grey ; }
.wall-read-link   a:visited{ color: Grey ; }
.wall-unread-link .wall-lastpost-userlink { color: Grey ; } 

.wall-pagination-item{ 
cursor:pointer;
padding-left:10px;padding-right:10px;
height:20px;line-height:20px;
background-color: #F9F9F9; font-size:10px; font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif; }

.wall-pagination-item:hover{background-color:#ecf0f1;} 
.wall-pagination-item.selected{font-weight:bold;background-color: #3498EA; color:#FFF;}
.wall-pagination-item.dots{background-color: #ecf0f1;}

.wall-stickied-thread-item{box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#FFF;}
.wall-stickied-thread-item:hover{cursor:pointer;background-color:#ecf0f1;}


.wall-left-icon{padding-right:10px;width:1px;vertical-align:top;}
.wall-stickied-title{ 
	font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:11px;
}

.wall-stickied-holder{  overflow-y: hidden;  overflow-x::scroll; white-space: nowrap;height:68px;width:650px;} 
#style-3::-webkit-scrollbar-track{background-color:  #e6f3ff;}
#style-3::-webkit-scrollbar{width: 6px;height:6px;/*background-color: #F5F5F5;*/}
#style-3::-webkit-scrollbar-thumb{background-color: #9bcffd; /*3498DB;*/}

.wall-search-bar{  padding-left:12px;
    margin: 8px 0;
    height:40px;
    box-sizing: border-box;   border: 0px solid;font-size:16px; width:100%;box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);background-color:#FFF; }
    
.wall-unread-title{ font-weight:bold;  }
.wall-unread-tiny{
	width:18px;
	font-size:8px;
	line-height:16px;
	text-align:center;
	font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	height:16px;
	color:#FFF;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;
	border-radius: 3px;background-color:#E30000;	
} 
.wall-thread-right{text-align:right;;float:right;}

.wall-unread-medium{
	width:21px;
	font-size:12px;
	line-height:21px;
	text-align:center;
	font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	height:22px;
	color:#FFF;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;
	border-radius: 3px;background-color:#E30000;	
}

.forum-1{padding-top:10px;}

.wall-unread-large{
	width:24px;
	font-size:10px;
	line-height:24px;
	text-align:center;
	font-family:font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	height:26px;
	color:#FFF;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;
	border-radius: 3px;background-color:#E30000;	
}
.wall-comment-highlighted{ background-color:Green;color:#FFF;}
.s_commentbodyTD.read{ background-color: #FFF; }
.s_commentbodyTD.unread{ background-color: #FFF; }
.s_commentbodyTD.wall-comment-highlighted{ background-color:Green;color:#FFF;}
.s_commentbodyTD.wall-comment-highlighted a{ background-color:Green;color:#C1C1C1;}
.s_commentbodyTD.wall-comment-highlighted a:visited{ background-color:Green;color:#C1C1C1;}
.s_commentbodyTD.wall-comment-editing{ background-color:#ecf0f1; }
.blank{ spacing:0px;width:100%;}
.blank td{padding:0px;}




.opentip-container,
.opentip-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.opentip-container {
  position: absolute;
  max-width: 550px;
  z-index: 100;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  pointer-events: none;
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
  -webkit-transform: translateY(-5px) translateX(5px);
  -moz-transform: translateY(-5px) translateX(5px);
  -o-transform: translateY(-5px) translateX(5px);
  -ms-transform: translateY(-5px) translateX(5px);
  transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -o-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
  -webkit-transform: translateY(5px) translateX(5px);
  -moz-transform: translateY(5px) translateX(5px);
  -o-transform: translateY(5px) translateX(5px);
  -ms-transform: translateY(5px) translateX(5px);
  transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
  -webkit-transform: translateY(5px) translateX(-5px);
  -moz-transform: translateY(5px) translateX(-5px);
  -o-transform: translateY(5px) translateX(-5px);
  -ms-transform: translateY(5px) translateX(-5px);
  transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
  -webkit-transform: translateY(-5px) translateX(-5px);
  -moz-transform: translateY(-5px) translateX(-5px);
  -o-transform: translateY(-5px) translateX(-5px);
  -ms-transform: translateY(-5px) translateX(-5px);
  transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
  pointer-events: auto;
}
.opentip-container.ot-hidden {
  display: none;
}
.opentip-container .opentip {
  position: relative;
  font-size: 10px;
  font-family:Arial;
 
  line-height: 120%;
  padding: 9px 14px;
  color: #FFF;
  text-shadow: -1px -1px 0px rgba(255,255,255,0.2);
}
.opentip-container .opentip .header {
  margin: 0;
  padding: 0;
}
.opentip-container .opentip .ot-close {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: -12px;
  left: 60px;
  color: rgba(0,0,0,0.5);
  background: rgba(0,0,0,0);
  text-decoration: none;
}
.opentip-container .opentip .ot-close span {
  display: none;
}
.opentip-container .opentip .ot-loading-indicator {
  display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
  display: block;
  -webkit-animation: otloading 2s linear infinite;
  -moz-animation: otloading 2s linear infinite;
  -o-animation: otloading 2s linear infinite;
  -ms-animation: otloading 2s linear infinite;
  animation: otloading 2s linear infinite;
  text-align: center;
}
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
  color: #f8f8f8;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
.opentip-container.style-glass .opentip {
  padding: 15px 25px;
  color: #317cc5;
  text-shadow: 1px 1px 8px rgba(0,94,153,0.3);
}
.opentip-container.ot-hide-effect-fade {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-show-effect-appear.ot-visible {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@-moz-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}