body {
    background-color: #b0b0b0;
    color: #111111;
	font-family: Arial;
    font-size: 14px;
    background-image: url(../images/design_site_bg2.png);    
    background-repeat: repeat-x;
    background-position: left top;
	margin: 0px;
	padding: 0px;
 }

   a:link , a:visited{
    color: #0564c6;
	text-decoration: none;
}

   a:active, a:hover {
    color: #006dff;
	text-decoration: underline;
}

  h1 {
	font-size: 18px;
	color: #111111;
	padding-top: 10px;
	margin: 0px;
}

  #site_center {
    overflow: hidden !important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1000px;
    text-align: center;
    margin-top: 10px;
}

  #site_top {
    text-align: left;
	border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: black;
    border-style: solid;	
    background-image: url(../images/design_sitetop_bg2.png);
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #e4e6e0;
    padding-bottom: 0px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;    
	-webkit-border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;       
	position:relative;
	width: 100%;
}

  #reg_top {
    float: left;
    width: 100%;
	height: auto;
    padding-top: 10px;
    padding-left: 25px;
	padding-right: 25px;
    font-size: 12px;
    text-align: left;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;    
	-webkit-border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;             
    margin-bottom: 5px;
	box-sizing:border-box;
}

@media only screen and (max-width: 768px){
	#reg_top {
	   word-spacing: 2.5px;
	   font-size: 14px;
	   line-height: 24px;
	}
}

  #reg_top a:link, #reg_top a:visited {
    color: #275ba1;
}

  #reg_top a:active, #reg_top a:hover {
    color: #3883e7;
}

  #header_container {
    float: left;  
    background-image: url(../images/design_sitetop_bg.png);
	background-size:100%;
    background-repeat: repeat-y;
	
    width: 100%;
    height: 136px;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-color: #8c8c8c;
  }
	
  #mainlogo {
    float: left;  
    margin-left: 14px;
    margin-top: 11px;
	width:20%;
}
 .mainnavitem {
	height:100%;
	float:left;
	width:19%;
	text-align:center;
	
}	

.mainnavitem >a{
	display:inline-block;
	max-width:150px;
	float: left; 
	height: 113px;
	text-align: center;  
}

.mainnavitem img {
	}

.mainnavspacer {  
    float: left;
    width: 1px;
    height: 110px;
    margin-top: 13px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-color: #8c8c8c;  
}
	
/* ---------------------------------- */
/* Media query adjustments for header */
/* ---------------------------------- */
	#mainnavitem3 a {
	padding-top: 82px;
	padding-left: 40px;
	padding-right: 15px;
	background: transparent url('http://media.eventhubs.com/images/mainnav_tiers.png') no-repeat;
	background-position: 41px -34px;
	}


	#mainnavitem3 a:hover {    
	background: transparent url('http://media.eventhubs.com/images/mainnav_tiers.png') no-repeat;     
	background-position: -119.5px -34px;  	  
	}

	#mainnavitem1 a {
	padding-top: 82px;
	padding-left: 34px;
	padding-right: 15px;
	background:transparent url("../images/mainnav_stats.png") no-repeat;
	background-position: 55px 9px;    
	} 










	#mainnavitem1 a:hover {    
	background:transparent url("../images/mainnav_stats.png") no-repeat;
	background-position: -111.5px 9px;	  	  
	}


	#mainnavitem2 a {
	padding-top: 82px;
	padding-left: 30px;
	padding-right: 15px;
	background:transparent url("../images/mainnav_tracker.png") no-repeat;
	background-position: 59px 9px;    
	}

	#mainnavitem2 a:hover {    
	background:transparent url("../images/mainnav_tracker.png") no-repeat;
	background-position: -117px 9px;	  	  
	}

	





	#mainnavitem4 a {
	padding-top: 82px;
	padding-left: 40px;
	padding-right: 15px;
	background:transparent url("../images/mainnav_tpd_new.png") no-repeat;
	background-position: 61px -13px;    
	}

	#mainnavitem4 a:hover {    



	background:transparent url("../images/mainnav_tpd_new.png") no-repeat;
	background-position: -96px -13px;	  	  
	}
	

	@media only screen and (max-width: 1089px) and (min-width: 768px)
	{
		#mainlogo{
		float:left;
		margin-left:5px;
		margin-top:6px;
		width:16%;		
		}
		
		.mainnavitem{
		width:20.5%;
		}
		
		.mainnavspacer{
		height:92px;
		}
		
		#header_container{
		height:115px;
		}
		
		#mainnavitem3 a {
		padding-top: 62px;
		padding-left: 15px;
		padding-right: 15px;
		background: transparent url('http://media.eventhubs.com/images/mainnav_tiers.png') no-repeat;
		background-position: 26px -20px;
		background-size:200px;
		}












		#mainnavitem3 a:hover {    
		background: transparent url('http://media.eventhubs.com/images/mainnav_tiers.png') no-repeat;     
		background-position: -81.3px -20px;  
		background-size:200px;			
		}
	
		#mainnavitem1 a {
		padding-top: 62px;
		padding-left: 15px;
		padding-right: 15px;
		background:transparent url("../images/mainnav_stats.png") no-repeat;
		background-position: 39px 5px;    
		background-size:200px;
		} 

		#mainnavitem1 a:hover {    
		background:transparent url("../images/mainnav_stats.png") no-repeat;
		background-position: -86.5px 5px;	  	  
		background-size:200px;
		}

		#mainnavitem2 a {
		padding-top: 62px;
		padding-left: 15px;
		padding-right: 15px;
		background:transparent url("../images/mainnav_tracker.png") no-repeat;

		background-position: 41px 5px;    
		background-size:200px;
		}

		#mainnavitem2 a:hover {    
		background:transparent url("../images/mainnav_tracker.png") no-repeat;
		background-position: -91.8px 5px;	
		background-size:200px;		
		}

		

		#mainnavitem4 a {
		padding-top: 62px;
		padding-left: 20px;
		padding-right: 15px;
		background:transparent url("../images/mainnav_removeads.png") no-repeat;

		background-position: 44px 5px;    
		background-size:200px;
		}

		#mainnavitem4 a:hover {    
		background:transparent url("../images/mainnav_removeads.png") no-repeat;
		background-position: -89.5px 5px;	  	 
		background-size:200px;
		}
	}
/* end media query adjustments for header */

  
  
  a.mainmenubig:link, a.mainmenubig:visited {
    font-size: 15px;
    color: #111111;
    text-decoration: none;
}

  a.mainmenubig:hover, a.mainmenubig:active {
    color: #d40000;
}

  .mainmenusmall {
    font-size: 11px; 
    line-height: 11px; 
}
  
  #topleaderboard {
    text-align: center !important;
    width: 1000px;
    height: 90px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 0px;
}

  #content_container {
	float: left;	
    width: 1000px;
    text-align: left;
    background-repeat: no-repeat;
	margin-bottom: 20px;
}
  
  #main_content_container {
    float: left;
	margin-top: 0px;
    margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	width: 1000px;
	padding: 0px;
}

  #main_content {
	/*float: left;*/
	/*width: 998px;*/
    background-color: #ffffff;
	box-sizing:border-box;
    border-color: #2a2a2a;
    /*border-style: solid;*/
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;	    
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;    
	-webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;            
}

   #main_content_left {
    float: left;
    width: 655px;
	margin-top: 2px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
}

   #main_content_right {
    float: left;
	width: 301px;
	margin-top: 2px;
}

	#nav_container {
	width: 1000px;
	padding: 0px;
	float: left;
}  

	#nav_padding {
	width: 998px;
	float: left;
    background-color: white;
    border-color: #2a2a2a;
    border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;	
    padding-bottom: 10px;
}  

	#nav_middle {
	width: 998px;
    height: 75px;
	float: left;
    border-color: #2a2a2a;
    border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;	
    background-image: url(../images/design_sitetop_bg2.png);
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #e4e6e0;
    padding-bottom: 35px;
    margin-left: -1px;
    padding-top: 17px;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;    
	-webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;  
}  

#content-row{
	  padding-top: 10px;
	  position:relative;
	  background-color: #ffffff; 
	  border:solid; 
	  border-top-width:0px;
	  border-width:1px;
	  width:100%;
	  border-bottom-right-radius:30px;
	  border-bottom-left-radius:30px;
	  padding-bottom:15px;
	  }

	.topMenu{
	font-family:'Arial';
	}
	.firstMenu{
	border-color: #2a2a2a;
    border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;	
	font-family:'Arial';
	width: 100%;
	display:none;
	}

	.secondMenu{
	background-image: url(../images/design_sitetop_bg2.png);
    background-repeat: repeat-y;
    background-position: left top;
	background-size:100%;
    background-color: #e4e6e0;
	border-color: #2a2a2a;
    border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;	
	padding-bottom: 35px;

    padding-top: 17px;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;    
	-webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;  

	display:none;
	font-family:'Trebuchet MS';
	position:relative;
	z-index:100;
	width: 100%;
	}

	.thirdMenu{
	background-image: url(../images/design_sitetop_bg2.png);
    background-repeat: repeat-y;
    background-position: left top;
	background-size: 100%;
    background-color: #e4e6e0;
	border-color: #2a2a2a;
    border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;	
	top:-30px;
	width:100%;
	position:relative;
	padding-top:30px;
	padding-bottom: 38px;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;    
	-webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;  
	width: 100%;
	margin-bottom:-30px;
	display:none;
	font-family:'Trebuchet MS';
	z-index:200;
	}
	
	.thirdMenu:hover{
	display:block;
	}
	
	.mobile {
	width: 100%;
	}

	.mobile button {
	  position:absolute;
	  bottom:20px;
	  right: 15px;
	  border: 0;
	  text-indent: 200%;
	  overflow: hidden;
	  background: rgba(255,255,255,0.8) url("http://media.eventhubs.com/media/hamburger_button.png") center no-repeat;
	  border: 1px solid #ddd;
	  border-radius: 3px;
	  background-size: 80%;
	  width: 30px;
	  height: 30px;
	  outline: none;
	  -webkit-transition: all 400ms ease;
			  transition: all 400ms ease;
	}

	.mobile div {
	  display: none;
	}

	.mobile button.expanded {
	float:right;
	  -webkit-transform: rotate(90deg);
		  -ms-transform: rotate(90deg);
			  transform: rotate(90deg);
	  background-color: transparent;
	  border: 0;
	}


	.mobileExpMenu{display:none;}

	.mobileExpMenu a {
    display:block;
    padding:10px;
    text-align: center;
    }
    
	.mobileLogo {
	margin:0 auto;
	width:50%;
	}
	
	#mobileLogo img{max-width:50%; height:auto;}
	.mobileMenu{

	text-align:center;
	border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: black;
    border-style: solid;	
    background-image: url(../images/design_sitetop_bg2.png);
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #e4e6e0;
    padding-bottom: 0px;
	position:relative;
	width: 100%;
	}
	
	.mobileShow{display:block;}
	.desktopShow{display:block;}

#nav_middle  a {	  
	  position: relative;
	  float: left;
	  display: block;	  
	  text-align: center;
	  text-decoration: none;
      font-family: Trebuchet MS;
      font-size: 14px;
      color: #002445;
}
	  
	  #nav_middle a:hover {
  	  color: #d40000;	  
}

	  .tab_contain {	  
	  /*
	  float: left;
	  display: block;	  
	  width: 124px;
	  height: 85px;  */
	  text-align:center;
      font-size: 13px;
      line-height: 14px;
      color: #c8c8c8;
}

	.tab_contain a{
	display:block;
	height:75px;
	padding-top:8px;
	color: #002445;
	text-decoration:none;
	}
	
	.thirdMenu a{
	color: #002445;
	text-decoration:none;
	}
	
	.thirdMenu a:hover{
	color: #d40000;
	}
	
	.tab_contain a:hover{
	color:#d40000;
	}

	#sf5tab  a {	 
      background:transparent url("../images/nav_sf5.png") no-repeat;
      background-position: 24px 42px;

}
	  
	  #sf5tab a:hover {
      background:transparent url("../images/nav_sf5.png") no-repeat;
      background-position: -102px 42px;	  
	  }
	
	  #ssf4tab  a {
/*	  
	  width: 95px;
	  height: 77px;
	  padding-top: 8px;*/
      background:transparent url("../images/nav_usf4.png") no-repeat;
      background-position: 21px 42px;

	  display: block;
}

	  #ssf4tab a:hover {
      background:transparent url("../images/nav_usf4.png") no-repeat;
      background-position: -103px 42px;	  
}

	  #ssb4tab  a {	  
	 /* width: 95px;



	  height: 70px; 
	  padding-top: 8px;
	  */
      background:transparent url("../images/nav_ssb4.png") no-repeat;
      background-position: 15px 42px;
	  
	  display: block;
}
	  
	  #ssb4tab a:hover {
      background:transparent url("../images/nav_ssb4.png") no-repeat;
      background-position: -94px 42px;	  	  
}
	 

	  #mkxtab  a {	  
	  /*width: 95px;
	  height: 77px; 


	  padding-top: 8px;
	  */
      background:transparent url("../images/nav_mkx.png") no-repeat;
      background-position: 12px 42px;
	  
	  display: block;
}
	  
	  #mkxtab a:hover {
      background:transparent url("../images/nav_mkx.png") no-repeat;
      background-position: -105px 42px;	  	  
}	  

	  #ggxrdtab  a {	  
	  /*width: 95px;
	  height: 77px;
	  padding-top: 8px;
	  */
      background:transparent url("../images/nav_ggxrd.png") no-repeat;
      background-position: 4px 42px;

	  display: block;
}
	  
	  #ggxrdtab a:hover {
      background:transparent url("../images/nav_ggxrd.png") no-repeat;
      background-position: -112px 42px;	  
}	  

	  #forumtab  a {	  
	  /*width: 95px;
	  height: 70px;
	    padding-top: 15px; */
      background:transparent url("../images/nav_forums.png") no-repeat;
      background-position: 26px 42px;

display: block;
}
	  
	  #forumtab a:hover {
      background:transparent url("../images/nav_forums.png") no-repeat;
      background-position: -107px 42px;	  
}	  

	  #moretab  a {	  
	  /*width: 105px;
	  height: 80px;
	  padding-top: 15px; */
      background:transparent url("../images/nav_more.png") no-repeat;
      background-position: 13px 42px;

	  
	  display: block;
}
	  
	  #moretab a:hover  {
      background:transparent url("../images/nav_more.png") no-repeat;
      background-position: -97px 42px;	  	  

	  display:block;
	 }	  
	 
	  #moretab:hover + #forumtab {
	  display:block;
	}

	  #kof14tab  a {	  
	 /* width: 95px;
	  height: 77px;
	   padding-top: 8px; */
      background:transparent url("../images/nav_kof14.png") no-repeat;
      background-position: 6px 39px;

	 display: block;
}
	  
	  #kof14tab a:hover {
      background:transparent url("../images/nav_kof14.png") no-repeat;
      background-position: -111.5px 39px;	  
}	  

	  #ttt2tab  a {	  
	  /* width: 95px;
	  height: 77px;
	  padding-top: 8px; 
	  */
      background:transparent url("../images/nav_ttt2.png") no-repeat;
      background-position: 2px 42px;

	  display: block;
           
}
	  
	  #ttt2tab a:hover {
      background:transparent url("../images/nav_ttt2.png") no-repeat;
      background-position: -107px 42px;	  
}	  

      #kitab  a {   
     /* width: 95px;
      height: 77px;
	  padding-top: 15px;      
	  */
      background:transparent url("../images/nav_killerinstinct.png") no-repeat;
      background-position: 11px 42px;

      display: block;
      }
      
      #kitab a:hover {
	  
      background:transparent url("../images/nav_killerinstinct.png") no-repeat;
      background-position: -105px 42px;   
      }     

     .tabdrop {
     /* float: left; 
	 width: 96px;
	 height: 85px;    
	 */
	 display: block;


        
}

	 .submenu {
	 position: absolute;
	 left:-999em; /* Hides the drop down */
     background-image: url(../images/design_sitetop_bg2.png);
     background-repeat: repeat-y;
     background-position: left top;
     background-color: #e4e6e0;     
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;    
	-webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;                 
}
	
	 .tabdrop:hover .submenu {
     position: relative;
     left: -898px;
     float: left;
     width: 998px; 
     margin-top: -12px;
     padding-bottom: 10px;
     padding-top: 26px;     
     border-color: #2a2a2a;
     border-style: solid;
	 border-left-width: 1px;
	 border-right-width: 1px;
	 border-top-width: 0px;
 	 border-bottom-width: 1px;	
     border-style: solid;
     z-index: 2147483647;
     line-height: 16px;
}

     .menuheading {
     color: #002445;
     font-size: 18px;
     margin-bottom: 10px;
     }

	 .tab_dropcontain {	  
	 float: left;
	 display: block;	  
     margin-left: 25px;
}     

	 .menunewscontain {	  
	 float: left;
	 display: block;	  
     margin-left: 25px;
}
     
#menunewsfeatures {
     /* float: left;
      width: 185px;

      
      margin-left: 13px; */
      border-right-width: 1px;
      border-left-width: 0px;
      border-top-width: 0px;
      border-bottom-width: 0px;
      border-style: solid;
      border-color: #8a8a8a;  
	  height: 220px;	  
}

      #menucapcomgames {
      /*float: left;
      width: 185px;
      height: 220px;
      margin-left: 13px; */
      border-right-width: 1px;
      border-left-width: 0px;
      border-top-width: 0px;
      border-bottom-width: 0px;
      border-style: solid;
      border-color: #8a8a8a;   
      height: 220px;	  
}

      #menucapcomvsgames {
     /* float: left;
      width: 185px;
      height: 220px;
      margin-left: 13px; */
      border-right-width: 1px;
      border-left-width: 0px;
      border-top-width: 0px;
      border-bottom-width: 0px;
      border-style: solid;
      border-color: #8a8a8a;   
      height: 220px;	  
}

      #menu2dgames {
      /*float: left;
      width: 185px;
      height: 220px;
      margin-left: 13px;*/
      border-right-width: 1px;
      border-left-width: 0px;
      border-top-width: 0px;
      border-bottom-width: 0px;
      border-style: solid;
      border-color: #8a8a8a;  
      height: 220px;	  
}

      #menu3dgames {
      /*float: left;
      width: 180px;
      height: 220px;
      margin-left: 13px;*/
	  height: 220px;
}


   .sidecontent {
	background-color:#cacaca;
	width: 200px;
	padding: 5px;
	margin: 5px;
	border: 1px;
	border-color: #000000;
	border-style: solid;
	float: right;
	text-align: center;
}

   .sidecontent_image {
	border: 1px;
	border-color: #a6a6a6;
	border-style: solid;
	margin-top: 10px;
}

   .sidecontent_textleft {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
}

   .sidecontent_bytext {
	text-align: center;
	font-size: 10px;
	font-weight: none;
}

   .videocontent_text {
	font-weight: bold;
	font-size: 11px;
}

   .videocontent_bytext {
	text-align: center;
	font-size: 10px;
	font-weight: none;
}

   #video_container {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	width: 984px;
}

   #video_content {
	float: left;
	text-align: center;
	padding-top: 10px;
	width: 983px;
	background-color: #0D4889;
	border: 1px;
	border-color: #FFFFFF;
	border-style: solid;
	margin-top: 10px;
}

   #video_content_left {
	float: left;
	width: 640px;
	padding-left: 3px;
}

   #video_content_right {
	float: left;
	width: 336px;
	padding: 0px;
}

   .char_listing {
	float: left;
	text-align: center;
	width: 140px;
}

   .content_bytext {
	font-style: italic;
}

   #comment_container {
    width: 615px;
	float: left;
	border-color: red;
	border-width: 0px;
	border-style: solid;
	margin-bottom: 10px;
}

   #comments {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #353535;
	clear: both;
	color: #e7e7e7;
	line-height: normal;
	float: left;
	width: 591px;
	padding: 10px;
}

   .comment_header {
	background-color: #000000;
	width: 613px;
	height: 52px;
    background:url("../images/comment_header_main.jpg") no-repeat;
	float: left;
}

   .comment_post_header {
	font-size: 17px;
	font-weight: bold;
}

   .comment_header_bottom {
	background-color: #000000;
	width: 613px;
	height: 45px;
    background:url("../images/comment_header_bottom.jpg") no-repeat;
	float: left;
}

   .comment_line {
	height: 0px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

   .comment_news_header {
	background-color: #000000;
	width: 612px;
	height: 49px;
    background:url("../images/comment_news_top.jpg") no-repeat;
	float: left;
}

   .comment_news_bottom {
	background-color: #000000;
	width: 612px;
	height: 43px;
    background:url("../images/comment_news_bottom.jpg") no-repeat;
	float: left;
	margin-top: -1px;
}

   #news_comments {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #353535;
	clear: both;
	color: #e7e7e7;
	line-height: normal;
	float: left;
	width: 590px;
	padding: 10px;
}

   form input{
    padding: 0px;
	margin: 0px;
}

   form textarea{
	padding: 0px;
	margin: 0px;
}

   .submit_google {
	width: 105px;
	padding: 0px;
	margin: 0px;
}

	td {
	margin: 0px;
	padding-left: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

	tr {
	margin: 0px;
	padding: 0px;
}

	table {
	margin: 0px;
	padding: 0px;
}

	.byline {
	float: left;
    width: 655px;
    padding-top: 6px;
	height: 30px;	
	color: #666666;
	font-size: 12px;	
    font-weight: bold;
}

	#bylineholder {
    width: 100%;
    float: left; 
    margin-top: 20px;
    margin-bottom: 20px;
}

	.bylinepic {
    float: left; 
    height: 50px !important;
    width: 50px !important;
    margin-right: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

	.innerbyline {
	float: left;
	color: #666666;
	font-size: 12px;	
    font-weight: bold;
    border-color: #cccccc;
    border-style: solid;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    padding-right: 10px;
    margin-right: 10px;
}

	.socialmedia {
	float: left;
    padding-top: 14px;
}

	.socialcomments {
	float: left;
    height: 16px;
    border-style: solid;
    border-color: #cccccc;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 1px;
    font-size: 11px;
    padding-right: 3px;
    padding-top: 2px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;    
	-webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;                
}

  a.scomment:link , a.scomment:visited {
	color: #333333;
}

  a.scomment:active , a.scomment:hover{
    color: #333333;
	text-decoration: none;
}

  a.front_headline:link , a.front_headline:visited {
	color: #05408f;
    font-size: 18px;
}

  a.front_headline:active , a.front_headline:hover{
	color: #05408f;
    text-decoration: underline;
}

	.news_teaser_photo {
	float: right;
	border: 0px;
	margin-top: 0px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

	.news_blurb {
	margin-left: 40px;
	margin-right: 40px;	
	margin-top: 0px;	
	margin-bottom: 0px;	
	color: #291158;
}

    .newsmore {
    float: left;
    background-image: url(../images/newsmorebg.png);    
    background-repeat: repeat-x;
    background-position: left bottom;
    color: #a9a9a9;
    border-color: #707070;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    width: 635px;
    margin-bottom: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;        
    font-size: 13px;	
}

    #numcommentlink{
        padding-left:15px;
    }
    
    #zerocommentlink{
        padding-left:12px;
    }
    
    .tagdiv{
        float: right;
        margin-right: 10px;
        padding-left:15px;
        padding-right:15px;
    }
    
    .socialcontainer{
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .socialicons{
        float: left;
        width: 329px;
    }

  a.morecontent:link , a.morecontent:visited {
	color: #05408f;
    font-weight: bold;
}

  a.morecontent:active , a.morecontent:hover{
	color: #c40000;
}

  a.morecontent2:link , a.morecontent2:visited {
	color: #383838;
}

  a.morecontent2:active , a.morecontent2:hover{
	color: #c40000;
}

  a.newstags:link , a.newstags:visited {
	color: #a6a6a6;
}

  a.newstags:active , a.newstags:hover{
	text-decoration: underline;
}

    .comment_holder {
    width: calc(100% - 2px);
    float: left;
    margin-bottom: 15px;

}

    .comment_avatar {
    float: left;
    width: 50px;
    height: 50px;
    margin-left: 8px;
    border-width: 1px;
    border-style: solid; 
    border-color: black;
}

    .comment_quote {
    float: left;
    width: 8px;
    height: 50px;
    margin-left: 2px;
    background-image: url(http://media.eventhubs.com/images/comment_quote2.png);    
    background-repeat: no-repeat;
    background-position: 0px 6px;
}

    .comment_box {
	text-overflow: ellipsis !important;
    float: left;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    width: 608px;
    background-color: #f8f6f6;
    border-top-color: #c5c3c3;
    border-left-color: #ededed;
    border-right-color: #ededed;
    border-bottom-color: #ededed;
    padding-left: 5px;
    padding-right: 5px;
    -moz-box-shadow: 0px 1px 7px #888888;
    -webkit-box-shadow: 0px 1px 7px #888888;
    box-shadow: 0px 1px 7px #888888;
}

    .comment_tools {
    float: right;
    height: 10px;
    background-color: #dfdddd;
    font-size: 9px;
    margin-right: -6px;
    margin-top: 2px;
}

	.comment_info {
	color: #2b2b2b;
	font-size: 11px;	
	font-weight: none;
}

   a.comment_link:link , a.comment_link:visited {
	color: #2b2b2b;
    font-weight: bold;
}

   a.comment_link:active, a.comment_link:hover {
	text-decoration: underline;
}

   a.comment_link2:link, a.comment_link2:visited {
	color: #2b2b2b;
    font-weight: normal;
}

    a.comment_link2:active, a.comment_link2:hover {
	text-decoration: underline;
}

   a.news_comment_link:link {
	color: #bcbb83;
	text-decoration: none;
}
   a.news_comment_link:visited {
    color: #bcbb83;
	text-decoration: none;
}
   a.news_comment_link:active {
    color: #bcbb83;
	text-decoration: none;
}
   a.news_comment_link:hover {
    color: #bcbb83;
	text-decoration: underline;
}

	#eventhubs_test {
	display: none;
}

	#urlx {
	display: none;
}

	#commenth {
	display: none;
}

	#nameg {
	display: none;
}

	#namez {
	display: none;
}

	#urlz {
	display: none;
}

	#emailz {
	display: none;
}

   .center {
	text-align: center;
}

   .vs_char {
	float: right;
	padding-left: 10px;
	padding-right: 1px;
	padding-top: 10px;
	padding-bottom: 4px;
	border: 0px;
}

	.float_ad {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 0px;
	border-width: 0px;
	border-style: solid;
    border-color: black;
}

	.paginate_holder {
	margin-top: 15px;
	margin-left: -4px;
	float: left;	
}

	.paginate_holder a {
	float: left;
	display: block;
	background-color: #f4f5f7;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;	
	border-style: solid; 
	border-width: 1px;
	border-color: #cccccc;
	margin: 5px;
}

	.paginate_highlight a:hover {
	background-color: #ffffff;
    color: #000000;
	text-decoration: none;	
}

	.paginate_text {
	float: left;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 5px;
	font-size: 18px;
}

	.gholder3 .paginate_holder a {
	float: left;
	display: block;
	background-color: #eef0ea;
    color: #111111;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;	
	border-style: solid; 
	border-width: 1px;
	border-color: black;
	margin: 5px;
}

	.gholder3 .paginate_highlight a:hover {
	background-color: #ffffff;
    color: #111112;
	text-decoration: none;	
}

    .gholder_rail_contain {
    float: left;
    width: 306px;	
    margin-bottom: 20px;
}

	.gholder_rail {
    float: left;
    width: 132px;
    height: 580px;
    border-color: #a9a9a9;
    border-style: solid;
    border-width: 1px;
    background-image: url('http://media.eventhubs.com/images/gholder1_bg.png');
    background-size: 150px 100%;
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #e4e6e0;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 2px;
    padding-right: 2px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;        	
    -moz-box-shadow: 1px 1px 2px #888888;
    -webkit-box-shadow: 1px 1px 2px #888888;
    box-shadow: 1px 1px 2px #888888;
    text-align: center;
    margin-right: 4px;
}

	.gholder_rail_ad {
    float: left;
    width: 160px;
    height: 600px;
}

	.highlight_text {
	float: left;
	display: block;
	background-color: #05408f;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;	
	border-style: solid; 
	border-width: 1px;
	border-color: #05408f;
	margin: 5px;
    color: #ffffff;
}

	.artworkthumbcontainer {
	float: left;
	width: 612px;
    text-align: center;
	margin-left: 23px;
}

	.artwork_thumb {
	float: left;
	width: 142px;
    text-align: center;
	margin-bottom: 30px;
}

    a.commentadmin:link {color: #c9c9c9; font-weight: none;}
    a.commentadmin:active {color: #c9c9c9; font-weight: none;}
    a.commentadmin:visited {color: #c9c9c9; font-weight: none;}
    a.commentadmin:hover {color: #c9c9c9; font-weight: none;}
	
	.question {color: #3c3c3c;}
    .elim {color:#3e0000;}

   .stream_title {
    font-size: 20px; 
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 15px;
}

   .stream_header {
    color: #ffffff;
}

   .front_stream {
    line-height: 15px; 
    text-align: center; 
    text-transform: capitalize; 
    background-color: #375683; 
    font-size: 12px;
    -moz-box-shadow: 0px 0px 1px #000000;
    -webkit-box-shadow: 0px 0px 1px #000000;
    box-shadow: 0px 0px 1px #000000;
}

   .stream_holder {
    width: 100%; 
}

   .stream_table {
    font-size: 12px;
    text-align: center;
    border-style: solid;
    border-width: 0px;
    border-color: #1c1c1c;
    color: e9e9e9;
    min-width: 100%;
}

    .streamtd {
    padding: 3px;
    color: #111111;
}

    .istreamtd {
    padding: 3px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 1px;
    border-color: #7b7b79;
    color: #111111;
}

  a.side_headline:link, a.side_headline:visited {
	color: #111111;
    font-size: 12px;
}
  a.side_headline:active, a.side_headline:hover {
	color: #2d2d2d;
    text-decoration: underline;
}

  a.stream_name:link , a.stream_name:visited {
	color: #111111;
    font-weight: normal;
}

  a.stream_name:active , a.stream_name:hover{
	color: #2d2d2d;
    text-decoration: underline;
    font-weight: normal;
}

   .tabs input {display:none}

   .tabs label {
    background-color: #375683;
    border: solid 0px;
    border-color: #343434;
    cursor: pointer;
    display: inline-block;
    color: #e7e7e7;
    font-size: 12px;
    width: /*75px*/25%;
    height: 22px;
    margin-left: -4px;
    padding-top: 9px;
    text-align: center;
    font-weight: bold;
    margin-top: 0px;
    -moz-box-shadow: 0px 0px 1px #000000;
    -webkit-box-shadow: 0px 0px 1px #000000;
    box-shadow: 0px 0px 1px #000000;
}

   .tabs div {
    display: none;
    padding: 15px;
}

    #tabs-1 :checked + * + * + * + * + * + * + * + label { background-color: #5a677a; border-color: #111111; }
    #tabs-1 :checked + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + div { display: block; }
    
/* webkit render fix for sidebar tab buttons */

body ~ :checked {} 

	.comment_paginate_holder {
	margin-top: 10px;
	float: left;	
    border-width: 1px;
    border-style: solid;
    border-color: #a6a6a6;
    background-color: #f8f6f6;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 10px;
    padding-right: 15px;
    margin-left: -1px;
    -moz-border-radius-bottomright: 10px;    
	-moz-border-radius-topright: 10px;    
	-webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px; 
    -moz-box-shadow: 2px 2px 5px #888888;
    -webkit-box-shadow: 2px 2px 5px #888888;
    box-shadow: 2px 2px 5px #888888;
}

	.comment_paginate_holder a {
	float: left;
	display: block;
	background-color: #f8f6f6;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;	
	border-style: solid; 
	border-width: 1px;
	border-color: #a6a6a6;
    color: #111111;
}

	.comment_paginate_holder a:hover {
	background-color: #d7dcf1;
    color: #111111;
	text-decoration: none;	
    border-color: #111111;
}

	.comment_paginate_holder .highlight_text {
    background-color: #d7dcf1;
    color: #111111;
	float: left;
	display: block;
	margin: 5px;
    border-color: #111111;
    -moz-box-shadow: 2px 2px 1px #888888;
    -webkit-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;
    font-weight: bold;
}

	.comment_paginate_holder .paginate_highlight {
	float: left;
	display: block;
    margin: 5px;
    -moz-box-shadow: 2px 2px 1px #888888;
    -webkit-box-shadow: 2px 2px 1px #888888;
    box-shadow: 2px 2px 1px #888888;
}

	.comment_paginate_holder .pagination {
    margin-left: -5px;
}

    .profilebg {
    float: left;
    width: 100%;
    height: 160px;    
    background-image: url(../images/tracker/globe.png);    
    background-repeat: no-repeat;       
    background-position: 15px 52px;    
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;
}

    .profile_header {
    float: left;
    width: 100%;
    min-height: 160px;
    background-image: url(../images/tracker/aprofile01.png);    
    background-repeat: repeat-y;       
	background-size: 100%;      
    border-color: #8c8c8c;    
    border-style: solid;
    border-width: 1px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;    
}

    .profile_title {
    float: left;
    font-size: 24px;
    padding-top: 8px;
    padding-left: 15px;
    width: 300px;
    margin-bottom: 10px;
}

    .profile_avatar {
    float: right;
    height: 160px;
}

    .profile_info1 {
    float: left;
    width: 452px;
    padding-right: 13px;
    margin-bottom: 14px;
}

    .profile_function_holder {
    float: left;
    margin-left: 150px;
}

    .profile_function {
    float: left;
    width: 100px;
    text-align: center;
}

    .profile_info2 {
    float: left; 
    width: 452px;
    padding-right: 13px;
    text-align: right;
}

    .system_holder {
    float: left;
    width: 100%;
    height: 63px;
    background-image: url(../images/tracker/aprofile02.png);    
    background-repeat: repeat-y; 
    background-size: 100%;      
    border-color: #8c8c8c;    
    border-style: solid;
    border-width: 1px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;    
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;    
}

    .system_box {
    float: left;
    width: 200px;
    height: 63px;
    margin-left: 13px;
    margin-top: 8px;
}

    .system_left {
    float: left;
    margin-right: 8px;
}

    .system_right {
    float: left;
    margin-top: 6px;
}

    a.functionlink:link, a.functionlink:visited {
    color: #111111;
}

    .personal_skills {
    float: left;
    width: 653px;
    background-image: url(../images/tracker/skillsbg.png);    
    background-repeat: repeat-y;       
    border-color: #8c8c8c;    
    border-style: solid;
    border-width: 1px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;    
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;        
}

    .game_holderbg {
    float: left;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;    
    margin-right: 5px;    
    margin-left: 5px;    
    background-repeat: no-repeat;    
    background-position: right center;    
    background-color: #faf6f5;
}

    .game_holderbg2 {
    float: left;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;    
    margin-right: 0px;    
    background-repeat: no-repeat;    
    background-position: right center;    
    background-color: #faf6f5;
}

    .game_holder {
     font-size: 16px;
     float: left;
     width: 307px;
     height: 76px;
     -moz-border-radius: 30px;
     -webkit-border-radius: 30px;
     border-radius: 30px;
     border-color: #b7b7b7;
     border-style: solid;
     border-width: 1px;
     padding-top: 10px;
     padding-left: 10px;   
}

    .other_games {
    float: left;
    width: 100%;
    background-image: url(../images/tracker/aprofile03.png); 
    background-size: 100%;   
    background-repeat: repeat-y;       
    border-color: #8c8c8c;    
    border-style: solid;
    border-width: 1px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;    
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;            
}

    .past_comments {
    float: left;
    width: 100%;
    background-image: url(../images/tracker/aprofile04.png);    
    background-repeat: repeat-y;  
    background-size: 100%;     
    border-color: #8c8c8c;    
    border-style: solid;
    border-width: 1px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;    
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;            
}

    .past_comments1 {
    float: left;
    width: 100%;
    background-image: url(../images/tracker/profile04.png);    
    background-repeat: repeat-y; 
    background-size: 100%;      
    border-color: #8c8c8c;    
    border-style: solid;
    border-width: 1px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;
}

    .profile_subtitle {
    font-size: 22px;
    padding-top: 8px;
    padding-left: 15px;
}

    .game_title {
    width: 170px;
    height: 31px;
    margin-bottom: 21px;
}

    .game_rating {
    float: left;
    width: 100px;
    margin-top: -2px;
}

   .past_comments_padding {
   padding-left: 30px;
   padding-right: 30px;
   margin-top: 16px;
   margin-bottom: 16px;
}

/* STATS PAGE SPECIFIC STYLES */

.statgame_holder {
font-size: 16px;
float: left;
width: 643px;
height: 56px;
-moz-border-radius: 40px;

-webkit-border-radius: 40px;
border-radius: 40px;
border-color: #838383;
border-style: solid;
border-width: 1px;
padding-top: 0px;
padding-left: 10px;
margin-bottom: 10px;
background-color: #C3C5CE;
background: -moz-linear-gradient(left, white 0%, #C3C5CE 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,white), color-stop(100%,#C3C5CE));
background: -webkit-linear-gradient(left, white 0%,#C3C5CE 100%);
background: -o-linear-gradient(left, white 0%,#C3C5CE 100%);
background: -ms-linear-gradient(left, white 0%,#C3C5CE 100%);
background: linear-gradient(to right, white 0%,#C3C5CE 100%);
background-image:url('http://media.eventhubs.com/images/gamesstatsbg.png');
box-shadow: 1px 1px 2px #888888;
}



.stategame_holderbg {
float: left;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
margin-bottom: 15px;
margin-right: 5px;
margin-left: 5px;
background-repeat: no-repeat;
background-position: right center;
background-color: #FAF6F5;
height: 54px;
width:100%
}

.stategame_holderbg2 {
float: left;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
margin-bottom: 15px;
margin-right: 5px;
margin-left: 5px;
background-repeat: no-repeat;
background-position: right center;
background-color: #FAF6F5;
height: 54px;
width: 100%;
}
	
.statgame_title {
	width:75%;
padding-top: 5px;
padding-left: 9px;
float:left;
font:Arial;
font-size:15px;
}

.statgame_logo {
	float:right;
	padding-right:6px;
	margin-top: 2px;
}

.statmeter {
width: 288px;
height: 11px;
border-color: #999;
border-style: solid;
border-width: 1px;
margin-right: 8px;
background-color: white;
box-shadow: 1px 1px 1px gray;
margin-top: 5px;
}

.statblueProgress {
height: 11px;
background: white;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzE0Mjk1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, white 0%, #14295E 62%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(62%,#14295E));
background: -webkit-linear-gradient(top, white 0%,#14295E 62%);
background: -o-linear-gradient(top, white 0%,#14295E 62%);
background: -ms-linear-gradient(top, white 0%,#14295E 62%);
background: linear-gradient(to bottom, white 0%,#14295E 62%);

}

.statrounded {
border-top-right-radius: 22px;
border-top-left-radius: 22px;
border-bottom-left-radius: 22px;
border-bottom-right-radius: 22px;

-webkit-border-top-left-radius: 22px;
-webkit-border-top-right-radius: 22px;
-webkit-border-bottom-left-radius: 22px;
-webkit-border-bottom-right-radius: 22px;

-moz-border-top-left-radius: 22px;
-moz-border-top-right-radius: 22px;
-moz-border-bottom-left-radius: 22px;
-moz-border-bottom-right-radius: 22px;

}


.statmetainfo {
margin-top: 3px;
padding-left: 10px;
font-size: 14px;
color: rgba(61, 61, 61, 0.87);
}

.statprogressbar1{
background: #a60b0b; /* Old browsers */
background: -moz-linear-gradient(top, #a60b0b 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a60b0b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a60b0b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a60b0b 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a60b0b 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #a60b0b 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBNjBCMEIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NjApIiAvPgo8L3N2Zz4=);
}



.statprogressbar2{
	background: #0b4da6; /* Old browsers */
background: -moz-linear-gradient(top, #0b4da6 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b4da6), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0b4da6 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0b4da6 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0b4da6 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #0b4da6 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwQjREQTYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4MzQpIiAvPgo8L3N2Zz4=);
}

.statprogressbar3{
background: #0fa60b; /* Old browsers */
background: -moz-linear-gradient(top, #0fa60b 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0fa60b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0fa60b 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0fa60b 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0fa60b 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #0fa60b 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwRkE2MEIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MjcpIiAvPgo8L3N2Zz4=);
}

.statprogressbar4{background: #c8c603; /* Old browsers */
background: -moz-linear-gradient(top, #c8c603 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c603), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c8c603 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c8c603 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c8c603 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #c8c603 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDOEM2MDMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyNDUpIiAvPgo8L3N2Zz4=);
}

.statprogressbar5{background: #FFA500; /* Old browsers */
background: -moz-linear-gradient(top, #FFA500 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA500), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFA500 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFA500 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFA500 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFA500 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkE1MDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxNDkpIiAvPgo8L3N2Zz4=);
}

.statprogressbar6{
	background: #800080; /* Old browsers */
background: -moz-linear-gradient(top, #800080 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#800080), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #800080 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #800080 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #800080 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #800080 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4MDAwODAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4MjMpIiAvPgo8L3N2Zz4=);
}

.statprogressbar7{
	background: #ffc0cb; /* Old browsers */
background: -moz-linear-gradient(top, #ffc0cb 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc0cb), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffc0cb 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffc0cb 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffc0cb 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffc0cb 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczODUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkMwQ0IiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czODUpIiAvPgo8L3N2Zz4=);
}

.statprogressbar8{
background: #add8e6; /* Old browsers */
background: -moz-linear-gradient(top, #add8e6 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#add8e6), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #add8e6 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #add8e6 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #add8e6 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #add8e6 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MzciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBREQ4RTYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2MzcpIiAvPgo8L3N2Zz4=);
}

.statprogressbar9{
	background: #32cd32; /* Old browsers */
background: -moz-linear-gradient(top, #32cd32 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32cd32), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #32cd32 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #32cd32 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #32cd32 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #32cd32 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzMkNEMzIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyNjYpIiAvPgo8L3N2Zz4=);
}

.statprogressbar10{
	background: #c0c0c0; /* Old browsers */
background: -moz-linear-gradient(top, #c0c0c0 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c0c0c0 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c0c0c0 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c0c0c0 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #c0c0c0 0%,#000000 100%); /* W3C */
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDMEMwQzAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMjUpIiAvPgo8L3N2Zz4=);
}
/* END STATS PAGE SPECIFIC STYLES */

/* GAME CHARACTERS STYLES */
/* Character modal popup character styles */
.loader {
	    position: fixed;
	    top: 50%;
	    left: 50%;
	    margin-left: -200px; /* half width of the loader gif */
	    margin-top: -50px; /* half height of the loader gif */
	    text-align:center;
	    z-index:9999;
             overflow: auto;
	    width: 100px; /* width of the loader gif */
	    height: 102px; /*hight of the loader gif +2px to fix IE8 issue */
	   	overflow: hidden;
	   	background-color: whitesmoke;
	   	border-radius: 10px;
	   	box-shadow: 1px 2px 3px gray;
	   	border:1px solid darkgray;
	}
	
.characterContainer{
background: url("http://media.eventhubs.com/images/gamesstatsbg.png") repeat-y scroll 0 0 #BBC5D6;
float: left;
border-radius: 30px;
width: 670px;
margin-right: 10px;
border:1px solid gray;
min-height:480px
	}
	
.charbody{
	font-family:Helvetica;
	background-color: #E7E5DE;
	background-image:none;
}
	

.posContainer{
float:left;
width:300px;
}
		
	.charBox {
		float:left;
		width:80px;
		height:80px;
		padding-left:1px;
		/*padding-right:1px;*/
		font-size: 12px;
		padding-bottom:12px;
	}
	
	.mydraggable {
width: 80px;
min-height: 120px;
max-height: 130px;
padding: 0 0 0px;
cursor: pointer;
text-align: center;
position: relative;
}

#droppable1 {
	float:left;
	width:295px;
	border:1px solid darkgray;
	height:auto;
	border-radius:30px;
}

#droppable2, #droppable3 {
	float:left;
	width:295px;
	border:1px solid darkgray;
	height:auto;
	border-radius:30px;
}

.ui-widget-content{
background:none;
color:none;
border:none;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:5px;
}
.droppable {
background: url("http://media.eventhubs.com/images/gamesstatsbg.png") repeat-y scroll 0 0 #BBC5D6;
background-size:contain;
float: left;
border-radius: 30px;
border:1px 1px 2px black;
color:none;
margin-bottom:15px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
}

.innerCharacterContainer{
float: left;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 30px;
margin-top: 45px;
overflow-y: auto;
max-height:400px;
}

.ui-widget-header{
font-weight:normal;
}




.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:none;
	border:none;
	
}

.ui-draggable { -ms-touch-action: none; }
.ui-droppable { -ms-touch-action: none; }

/* Profile Edit Page Character Styles */
.hook1 li { 
list-style: none;
margin-left: -20px;
padding-bottom: 2px;
}

.hook1 ul {
margin-left: -20px;
}

.hook1 label {
margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 3px;
}

.addcharacteritem {
	padding-left:15px;
	padding-top:0px;
	padding-bottom:5px;
	top:0px;
	font-size:12px;
	position:relative;
}

.gamerow{
background: url("http://media.eventhubs.com/images/hook.png") no-repeat scroll 2px 9px / 15px auto transparent;
padding-left: 8px;
background-position: 2;
width: 100%;
}

#contact-messagebox{
   width:100% !important;
}

#gameslist {
	line-height:30px;
	
}
#gameslist li{
	background: none repeat scroll 0 0 whitesmoke;
    border: 1px solid seashell;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px graytext;
    display: inline;
    list-style-type: none;
    margin-right: 10px;
    padding: 2px 5px 2px 4px;
    text-shadow: 1px 2px 1px white;
    white-space: nowrap;
}
/* View profile page characters */
.gameskills{
		text-align:center;
		cellborder:solid 1px;
		 border-collapse: collapse;
    border-color: #666666;
    border-width: 1px;
    color: #333333;
    margin-bottom:30px;
	}
	
	.gameskills .rowHeader{
    background-image: url(http://media.eventhubs.com/images/tracker/skillsheaderbg.png);
    background-repeat: repeat-y;
    font-size: 16px;
	}
	
	table.gameskills td {
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
    padding-left: 8px;
    padding-right:8px;
}


  .personal_skills2 {
    float: left;
    width: 100%;
    background-image: url(http://media.eventhubs.com/images/tracker/skillsbg2.png);    
    background-repeat: repeat-y; 
    background-size: 100%;      
    border-color: #8c8c8c;    
    border-style: solid;
    border-width: 1px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;            
    margin-bottom: 15px;    
    -moz-box-shadow: 3px 3px 4px #cccccc;
    -webkit-box-shadow: 3px 3px 4px #cccccc;
    box-shadow: 3px 3px 4px #cccccc;        
}

	.gameskills{
	text-align:center;
	cellborder:solid 1px;
    border-collapse: collapse;
    border-color: #666666;
    border-width: 1px;
    color: #333333;
    margin-bottom:30px;
	}
	
	.gameskills .rowHeader{
    background-image: url(http://media.eventhubs.com/images/tracker/skillsheaderbg.png);
    background-repeat: repeat-y;
    font-size: 16px;
	}
	
	table.gameskills td {
    border-color: #929293;
    border-style: solid;
    border-width: 1px;
    
}

        .teamtext {
        width: 75px;
        font-size: 11px;
        margin-top: -5px;
        text-align: center;
        font-weight: bold;
}
        
        .chartext {
        display: none;
        width: 75px;
        font-size: 11px;
        margin-top: -5px;
        text-align: center;
        color: white;
}

        .normalchartext {
        float: left;
        width: 100%;
        font-size: 11px;
        margin-top: -5px;
        text-align: center;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
}

       	.threecharCardContainer:hover .chartext {
   		z-index:6;
   		position: absolute;
        display: block;
}
    
       	.threecharCardContainer:hover {
   		z-index:5;
   		height: 115px;
   		position: absolute;
        background-image: url(http://media.eventhubs.com/images/tracker/charactersbg.png);
        background-repeat: repeat;
        margin: 0 -90px;
}
    	
    	.onecharCardContainer{
    		position:relative;
    		
    		height:115px;
    		padding-top:10px;
    	}
    	
    	.twocharCardContainer, .threecharCardContainer{
    		padding-top:10px;
    	}
    	
    	.threestackedimage1{    		
    		position:absolute;
    		
    		left:13px;
    	}
    	
    	.threestackedimage2{    		
    		position:absolute;
    		left:27px;
    		
    	}
    	
    	.threestackedimage3{    		
    		position:absolute;
    		left:45px;
            
    	}
    	
    	.threecharCardContainer:hover {    		
    		position:relative
    		height:115px;
    	}
    	
    	.threecharCardContainer:hover .teamname{
    		display:none;
    	}
    	
    	.twocharCardContainer:hover .teamname{
    		display:none;
    	}
    	
    	.threecharCardContainer:hover  .threestackedimage1{
    		
    		left:44px;  
    		
    	}
    	
    	.threecharCardContainer:hover  .threestackedimage2{
    		left:120px;  
    	}
    	
    	.threecharCardContainer:hover  .threestackedimage3{
    		 left:196px;   
    	}        
        

       	.twocharCardContainer:hover .chartext {
   		z-index:6;
   		position: absolute;
        display: block;
}
        
       	.twocharCardContainer:hover {
   		z-index:5;
   		height: 115px;
   		position: absolute;
        background-image: url(http://media.eventhubs.com/images/tracker/charactersbg.png);
        background-repeat: repeat;
        margin: 0 -80px;
}        

    	.twostackedimage1{    		
    		position:absolute;
    		left:18px;
    		
    	}
    	
    	.twostackedimage2{    		
    		position:absolute;
    		left:38px;
    		
    	}
        
        .twocharCardContainer:hover  .twostackedimage1{
    		 left:72px;   
    				
    	}
    	
    	.twocharCardContainer:hover  .twostackedimage2{
    		
    		left:147px;  	
    	}

		.teamname {
			position:relative;
			top: 85px;
            font-size: 11px;
            text-align: center;
            font-weight: bold;
            display: block;
		}
		

        .purpleskill {
height: 11px;
background: #3d4b89; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiMzZDRiODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #3d4b89 37%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#3d4b89), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3d4b89 37%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3d4b89 37%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3d4b89 37%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3d4b89 37%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4b89', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}

.other_games{
		display:none;
	}
/* END GAME CHARACTERS STYLES */

.ryoutube {
position: relative;
padding-bottom: 52%; /* aspect ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
text-align: center;
margin-bottom: 20px;
}

.ryoutube iframe,
.ryoutube object,
.ryoutube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.rtwitch {
position: relative;
padding-bottom: 56.25%; /* aspect ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
text-align: center;
margin-bottom: 20px;
}

.rtwitch iframe,
.rtwitch object,
.rtwitch embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.hiddencommentmsg{
	width:604px !important;
}
.results1, .results2{
	background-size: 100%;
}


    
.showresults {
    width: 100% !important;
    background-size: 100% !important;
}

@media only screen and (min-width: 768px) and (max-width: 1089px) {
	.rightRailWidget{
       width:100% !important;
    }
    #label1-1 {
        padding: 9px 0px 2px 0px;
    }
    #label1-2 {
        padding-bottom: 2px;
    }
    #label1-3 {
        padding-bottom: 2px;
    }
    #label1-4 {
        padding-bottom: 2px;
    }
    
    .comment_box, .hiddencommentmsg{
        width: 616px !important;
    }
	#id_comment{
        width: 410px !important;
    }
    
}

@media only screen and (max-width: 767px) and (min-width: 540px) {
	.rightRailWidget{
       width:100% !important;
    }
	.profilebg {
       height:auto;
    }

    #label1-1 {
        font-size:12px;
        padding:9px 0px 0px 0px;
    }
    #label1-2 {
        padding-bottom: 0px;
    }
    #label1-3 {
        padding-bottom: 0px;
    }
    #label1-4 {
        padding-bottom: 0px;
    }
   
    .comment_box, .hiddencommentmsg {
        width: 83.5% !important;
    }
    #id_comment{
        width: 398px !important;
    }
    #id_message{
        width:430px !important;
    }
    
} 



@media only screen and (max-width: 539px) {
	.rightRailWidget{
       width:100% !important;
    }
/*Profile Games Popup*/
	#colorbox{
width: 330px !important;
left:17px !important;
    
}
#cboxMiddleLeft{
 width:0px !important;
}
#gameslist {
    padding-left: 0px !important;
    width:330px !important;
}
#addgame{
width:330px !important;
}
#cboxLoadedContent{
width:335px !important;
}
#cboxContent {
width:310px !important;
}
#cboxWrapper {
	width:330px !important;
}
	



/*Profile Character Popup*/
#cboxContent{
        width:310px !important;
        height: auto !important;
    }
    #cboxLoadedContent{
        width:335px !important;
        height: 700px !important;
    }
    .characterContainer{
        width:190px !important;
    }
    .posContainer{
        width:100px !important;
    }
    #droppable1, #droppable2, #droppable3{
        width:100px !important;
    }
    #resetbutton, #saveteamsbutton{
        margin-left: -15px !important;
    }
    .innerCharacterContainer .mydraggable{
        width:62px !important;
        min-height:0px;
        height: 70px;
    }
    
    .innerCharacterContainer img{
        width:80%;
    } 
    

	
	
	
	.ryoutube{
	   padding-bottom: 46%;
	}
	
	.rtwitch {
       padding-bottom: 56%;
    }
	.profilebg {
       height:auto;
    }
 
    .comment_box, .hiddencommentmsg {
        width: 70% !important;
    }
    #id_comment{
        width: 258px !important;
    }
    #id_message{
        width:278px !important;
    }
	#redditWidget{
    margin-left: 0px !important;
    margin-right: 20px !important;
    }
    .socialmedia span{
    display: block !important;
    margin-left: -12px;
    }
    #moreOnEventHubs{
        display: inline !important;
    }
    #moreOnEHelement{
        margin-left:0px;
        padding: 5px;
        box-sizing: border-box;
    }
    #moreOnEHelement img{
        width:30% !important;
    }
    #commentWidget{
        margin-left: 15px;
    }
    #redditWidgetColumn{
        margin-right: 20px;
    }
    #id_notifyPMEmail{
        margin:-4px !important;
    }
    .hiddencommentmsg{
     height: 55px !important;
    }
	.hiddencommentmsg{
        padding-bottom: 1em !important;
	} 
    .comment_text{
     /* height: 80px !important; */
     height: auto !important;
    } 
    .index_container {
        background-size: 100%;
    }
} 
@media only screen and (max-width:1088) {
	.thirdMenu{display:none;}
}

/* Blanket desktop sizes >= 1089 pixels */
@media only screen and (min-width: 1089px){
	  #content-row{
	  padding-top: 50px;
	  top:-30px;
	  position:relative;
	  background-color: #ffffff; 
	  border:solid; 
	  border-top-width:0px;
	  border-width:1px;
	  width: 100%;
	  }
	  
	  .firstMenu{display:block;}
	  .secondMenu{display:block;}	
	  .mobileExpMenu{display:none;}
	  .mobileMenu{display:none;}
	  .mobileShow{display:none;}
	  .desktopShow{display:block;} 				/* This class will only display on desktop sizes */
	  .container .two-thirds.column {padding-left:10px;}
      .container .one-third.column {margin-left:0px;}
      .rightRailWidget {margin-right:10px;}
	}
	
/* All mobile sizes */
@media only screen and (max-width: 1088px){
		.desktopShow{display:none;}				/* Hides on mobile sizes */
}

/* ----------- Justin CSS ---------------- */

/* ---------------------------------- */
/* ------------ Sitemap ------------- */
/* ---------------------------------- */

.sitemap-header {
    padding-left:15px;
}

.sitemap-li{
    padding-top:4px;
    padding-bottom:4px;
}

/* ---------------------------------- */
/* ------------ Footer -------------- */
/* ---------------------------------- */

#footerlinks {
    font-size:14px;
    float:right;
    margin-top:5px;
}

#footerlogos {
    float:right;
    margin-top:5px;
}

.rwd-line {
    display:inline;
}

/* ---------------------------------- */
/* --------- Registration ----------- */
/* ---------------------------------- */



.formdiv {
        text-align: right; 
		border-color: #32465c; 
		border-style: solid; 
		border-width: 1px; 
		
		padding-left: 7px; 
		padding-bottom: 7px; 
		padding-top: 7px; 
		padding-right: 25px;
		width:400px;
		margin:0 auto;
		margin-bottom: 7px; 
    }
.registerform {padding-left:10px; padding-right:10px}
.register_submit{
		margin-left: 10px; 
		width:425px;
		margin: 0 auto; 
		padding-bottom:30px;
		}
.register_submit input[type=submit]{float: right;}

.register_captcha, .register_captchaerror{margin-left: 7px; margin:0 auto; width:315px; margin-bottom:5px;}




@media only screen and (max-width: 539px) {
   /* ---------------------- */
   /* ------- Footer ------- */
   /* ---------------------- */

   #footerlinks {
        font-size:16px;
        line-height:25px;
    }
   #footerlinks a {
        padding-left:8px;
        padding-right:8px;


    }
    .rwd-line{
	display:block;  
    }
    #hideme{
        display:none;
    }
    
    #footerlogos img{
        /* margin-left:10px; */
        margin-top:10px;
    }
	


   /* ---------------------- */
   /* ------- Log-In ------- */
   /* ---------------------- */
    .formdiv {

        padding-right:15px !important;
		width:100%;
		box-sizing:border-box;
		padding-right:0px;
		padding-left:0px;
   }


	

    /* ---------------------- */
    /* ---- Registration ---- */
    /* ---------------------- */

    .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 246px !important;
        float:left !important;
    }
    .recaptchatable #recaptcha_image img {
        max-width:100%;
    }
    .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell, .recaptchatable .recaptcha_r2_c2 {
        background: none !important;
    }
    

	
	.register_submit{
		width:100%;
		}
	.register_submit input[type=submit]{float: right;position:relative; right:10px;}
}






@media only screen and (max-width: 767px) {

    /* -------------------------- */
    /* --- Social Media Icons --- */
    /* -------------------------- */

    .socialicons{
        display:none;
    }

    /* -------------------------- */
    /* -------- Sitemap --------- */
    /* -------------------------- */

    .sitemap-li{
        padding-top:9px;
        padding-bottom:9px;
    }

}