@charset "utf-8";
/* CSS Document */
* html .rightcol, * html .inner {height:1%; overflow:visible} 
* html .leftcol {position:relative; margin-right:-3px;} /*3px jog in IE6*/
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		.errormessage
		{
			color:red;
		}
		
		.login-style
		{
			font-family:Verdana;
			font-size:10px;
		}
		
		.login-style a
		{
			font-family:Verdana;
			font-size:10px;
			color: white;
			text-decoration:none;
		}
		
				.login-style a:hover
		{
			font-family:Verdana;
			font-size:10px;
			color: yellow;
			text-decoration:none;
			font-weight:bold;
		}
		
		
		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
					
			/* These have no effect on the functionality */
			width: 997px;
			margin: 0 auto;
			padding: 0;
		}
		
		body 
		{
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			font: 62.5% "Trebuchet MS", sans-serif; margin: 0;
			padding: 0 0 0 0;
			background:#96DBFF url(../images/bg.jpg) no-repeat top;
		}
		
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
		
		 #bodycontainer
		 { 
			width: 1000px;
			margin: 0 auto;
			padding: 0; 
		}
		
		#head 
		{
			margin: 0;
			padding:0;
			overflow:hidden;
		}
		
		#logo 
		{
			margin: 0;
			overflow:hidden;
		}
		#menu
		{
			width: 999px;
			overflow:hidden;
		}
		#reminder
		{
			overflow:hidden;
		}
		
		.left-column
		{
		width:223px;
		float:left;
		position:relative;
		z-index:5;
		}
		
		.left-border
		{
		width:223px;
		position:relative;
		z-index:5;
		overflow:hidden;
		}
		
		.left-border1
		{
		width:223px;
		background: url(../images/index_r10_c2.png) no-repeat top;
		position:relative;
		z-index:5;
		}
		
		.left-center
		{
		width:223px;
		position:relative;
		overflow:hidden;
				background: url(../images/bgcenter.png) repeat-y top;
		text-align: center;
		z-index:5;

		}
		
		.left-center1
		{
		width:223px;
		overflow:hidden;
		position:relative;
		background: url(../images/bgcenter.png) repeat-y top;
		text-align: right;
		z-index:5;
		font-family: verdana;
		color:#FFF;
		font-size: 9px;
		}
		
		.left-center1 text
		{
			border: #A5D6FA thin 1px;
		}
		
		.left-bottom
		{
	width:223px;
	background: url(../images/index_r10_c2.png) no-repeat top;
	position:relative;
	z-index:5;
	height: 5px;
		}
		
		.left-server-status
		{
	width:223px;
		height: 110px;
	background:url(../images/serverstatusbg.png) no-repeat top;
	position:relative;
	overflow: hidden;
	z-index:5;
	padding:0;
	margin:0 auto;
		}
		
		.left-server-content
		{
	margin: 0 auto;
			width: 125px;
			height: 125px;
			margin-left:103px;
			padding-top:24px;
			position:relative;
	
		}
		
		.support-online
		{
	width:130px;
		height: 80px;
	position:relative;
	overflow: hidden;
	z-index:5;
margin-left: 100px;
}

#timediv
{ 
float:left;
width: 520px;
height: 580px;
overflow:auto;
text-align: left;
position: relative;
}

				.left-vote-status
		{
	width:223px;
		height: 185px;
	background: url(../images/votesitebg.png) no-repeat top;
	position:relative;
	overflow: hidden;
	z-index:5;
	padding:0;
	margin:0 auto;
		}
		
		.left-vote-content
		{
	margin: 0 auto;
			width: 170px;
			height: 144px;
			padding-top:45px;
			padding-left:69px;
			position:relative;
		}
		
		
		.left-twitter-status
		{
	width:223px;
		height: 220px;
	background: url(../images/twitter.png) no-repeat top;
	position:relative;
	overflow: hidden;
	font-family: verdana;
	font-size: 9px;
	z-index:5;
	padding:0;
	margin:0 auto;
		}
		
		.left-twitter-content
		{
			margin-left: 45px;
			margin-top: 40px;
			width: 160px;
			height: 165px;
			position:relative;
			padding-left: 25px;
		}
		
			#footer-wrapper
		{
			margin:0 auto;
	width:100%;
	z-index:5;
	overflow:hidden;
		}
		
					#footer
		{
			font-family:Verdana;
			font-size:10px;
			color: #06C;
			text-align:center;
	margin:0 auto;
	width:600px;
	z-index:5;
		overflow:hidden;
		padding-bottom: 20px;
		}
		
		#center
		{
	width:558px;
	float:left;
	position:relative;
	z-index:5;
		}
		
		.center-top
		{
			float:left;
			position:relative;
			width: 521px;
			height: 29px;
			overflow:hidden;
	background:url(../images/index_r4_c8.png) no-repeat center top;
		}
		
		.center-left
		{
	float:left;
	width:20px;
	height:394px;
	background:url(../images/index_r4_c7.png) no-repeat left top;
	position: relative;
		}
		
		.center-right
		{
		float:right;
	width:17px;
	height: 394px;
	background:url(../images/index_r4_c9.png) no-repeat right top;
	position: relative;
		}
		.center-content
		{
			float:left;
	margin: 0;
	width:558px;
	background:#FFF url(../images/bgcentercontent.png) repeat-y top;
	position: relative;
	padding: 0 0 10px 0;
	height: auto;
		}
		
		#content-wrapper
		{
	width:100%;
		margin: 0 auto;
	padding: 0;
		}
		
		#content-center
		{
		float:left;
	width:500px;
	height: 600px;
	text-align:left;
	margin: 0 auto;
	padding: 0;
		}
		
		.center-bottom
		{
			float: left;
			position: inherit;
			top:auto;
	width: 558px;
	height: 26px;
margin: 0 auto;
z-index:5;
}
.right-side-content
{
	padding-top: 42px;
	padding-left: 3px;
	width:216px;
	height: 100px;
}
		#right-side
		{
			float:left;
	width:216px;
	height: 150px;
	background:url(../images/starplayerbg.png) no-repeat top;
	position:relative;
	overflow: hidden;
	z-index:5;
		}
		
		
				#right-side-ranks
		{
			float:left;
	width:216px;
	height: 220px;
	background: url(../images/rankings.png) no-repeat top;
	position:relative;
	overflow: hidden;
	z-index:5;
		}
		
						#right-side-language
		{
			float:left;
	width:216px;
	height: 100px;
	position:relative;
	overflow: hidden;
	z-index:5;
		}

		#right-side-media
		{
			float:left;
	width:175px;
	height: 108px;
	background: url(../images/rotatingpixbg.png) no-repeat left top;
	position:relative;
	overflow: hidden;
	z-index:5;
		}
		
				
		
		
		.right-column
		{
		width:216px;
		float:left;
		position:relative;
		z-index:5;
		}
		
		#right-side-social-wrapper
		{
			float:left;
	width:175px;
	height: 59px;
	background: url(../images/index_r17_c10.png) no-repeat left top;
	position:relative;
	overflow: hidden;
	z-index:5;
	list-style: none;
		}
		
.menu ul { display: block; padding-left: 58px; margin: 0px; list-style: none; text-align: center; } 

.menu ul li { display: block; float: left; margin: 4px; list-style: none; }

.menu a { display: block; background: url('../images/button.gif') top right no-repeat; width: 40px; height: 34px; padding: 3px 5px 0px 0px; margin: 0px; border: 0px; color: white; text-decoration: none; font-size: 12px; } 
.menu a:hover { color: black; } 


.menu1 ul { display: block; padding-left: 5px; margin: 0px; list-style: none; text-align: center; } 

.menu1 ul li { display: block; float: left; margin: 4px; list-style: none; }

.menu1 a { display: block; background: url('../images/button.gif') top right no-repeat; width: 155px; height: 155px; padding: 3px 5px 0px 0px; margin: 0px; border: 0px; color: white; text-decoration: none; font-size: 12px; } 
.menu1 a:hover { color: black; } 


.left-server-content ul {display:inline; list-style:none; text-align:center; margin:1px; padding:0;}

.left-server-content ul li { display:inline; list-style:none;width:50px; font-family: Verdana; margin:0; padding:8px 20px 0px 0px;font-size: 9px; color:yellow;}

.left-vote-content ul {display:inline; list-style:none; text-align:center; margin:1px; padding:0;}
.left-vote-content ul li { display:inline; list-style:none;width:50px; font-family: Verdana; margin:0; padding:0px 0px 0px 0px;font-size: 9px; color:yellow;}

ul#awesome-menu {
	width: 100%; margin: 0px auto;
	list-style: none;
	padding:0;
}


ul#awesome-menu li { display: inline; }
	
ul#awesome-menu li a {
	display: block; float: left; height: 40px;
	background-image: url(../images/index_r3_c22.png); text-indent: -9999px;
}

	ul#awesome-menu li a.register{
		width: 132px; background-position: 0 0;	
	}
	
	ul#awesome-menu li a.forum {
		width: 72px; background-position: -132px 0;	
	}
	
	ul#awesome-menu li a.support {
		width: 82px; background-position: -204px 0;	
	}
	
	ul#awesome-menu li a.donate {
		width: 81px; background-position: -285px 0;	
	}
	
		ul#awesome-menu li a.center {
		width: 280px; background-position: -366px 0;	
	}
	
			ul#awesome-menu li a.wiki {
		width: 50px; background-position: -645px 0;	
	}
	
			ul#awesome-menu li a.downloads {
		width: 105px; background-position: -695px 0;	
	}
	
			ul#awesome-menu li a.news {
		width: 60px; background-position: -800px 0;	
	}
	
			ul#awesome-menu li a.events {
		width: 137px; background-position: -860px 0;	
	}

	
	
	ul#awesome-menu li a.register:hover, ul#awesome-menu li a.register:focus {
		background-position: -0 -40px;	
	}
	
	ul#awesome-menu li a.forum:hover, ul#awesome-menu li a.forum:focus {
		background-position: -132px -40px;	
	}
	
	ul#awesome-menu li a.support:hover, ul#awesome-menu li a.support:focus {
		background-position: -204px -40px;	
	}
	
	ul#awesome-menu li a.donate:hover, ul#awesome-menu li a.donate:focus {
		background-position: -285px -40px;	
	}
	
		ul#awesome-menu li a.center:hover, ul#awesome-menu li a.center:focus {
		background-position: -366px -40px;	
	}
	
			ul#awesome-menu li a.wiki:hover, ul#awesome-menu li a.wiki:focus {
		background-position: -645px -40px;	
	}
	
			ul#awesome-menu li a.downloads:hover, ul#awesome-menu li a.downloads:focus {
		background-position: -695px -40px;	
	}
	
			ul#awesome-menu li a.news:hover, ul#awesome-menu li a.news:focus {
		background-position: -800px -40px;	
	}
	
			ul#awesome-menu li a.events:hover, ul#awesome-menu li a.events:focus {
		background-position: -860px -40px;	
	}

        * {
            margin: 0;
            padding: 0;
        }

a { outline: none; }


        .bubbleInfo {
            position: relative;
            top: 150px;
            left: 100px;
            width: 300px;
			border: solid #000 1px;
        }
        .trigger {
            position: relative;
        }
     
        /* Bubble pop-up */

        .popup {
                position: absolute;
                display: none;
                z-index: 50;
                border-collapse: collapse;
        }

        .popup td.corner {
                height: 15px;
                width: 19px;
        }

        .popup td#topleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-1.png); }
        .popup td.top { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-2.png); }
        .popup td#topright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-3.png); }
        .popup td.left { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-4.png); }
        .popup td.right { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-5.png); }
        .popup td#bottomleft { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-6.png); }
        .popup td.bottom { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-8.png); }

        .popup table.popup-contents {
                font-size: 12px;
                line-height: 1.2em;
                background-color: #fff;
                color: #666;
                font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
                }

        table.popup-contents th {
                text-align: right;
                text-transform: lowercase;
                }

        table.popup-contents td {
                text-align: left;
                }

        tr#release-notes th {
                text-align: left;
                text-indent: -9999px;
                background: url(images/starburst.gif) no-repeat top right;
                height: 17px;
                }

        tr#release-notes td a {
                color: #333;
        }
		
#ticker { width:180px; height:78px; border:0px solid #aaaaaa; overflow:auto; }
#ticker div { margin-top:0; }
.rankingHead
{
	font-family:arial;
	font-size: 12px;
	color:#fff;
	font-weight:bold;
}

.rankingResults
{
font-family:arial;
font-size: 11px;
color:#fff;
}

.homeHead
{ 
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight:bold;
color: #630;
}

.homeTitle
{ 
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight:bold;
color: #690;
}

.homeDesc
{ 
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #000;
}

.homeDate
{ 
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #069;
}

.regbox
{
	border: solid #BDC04E 1px;
	background: #F0F1D3;
	height: 20px;
	font:Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #630;
}

.regfont
{
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-weight:bold;
color: #630;
text-align:left;
}

.reghead
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#030;
	text-align:left;
}

.reglink
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #060;
	text-align:left;
}

.regReminder
{
	font-family: Verdana;
	font-size: 9px;
	color: #816510;
	text-align:left;
	padding: 0;
}

 .success {
	border: 1px solid;
	margin: 0 auto;
	padding:10px 5px 10px 60px;
	background-repeat: no-repeat;
	background-position: 10px center;
    font-family: verdana;
	font-size: 11px;
     width:450px;
     color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('../images/success.png');
     
}



 .errormsgbox {
	border: 1px solid;
	margin: 0 auto;
	padding:10px 5px 10px 60px;
	background-repeat: no-repeat;
	background-position: 10px center;

     width:450px;
    	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../images/error.png');
     
}

/** Style the tweets */
.twitters {
	width:175px;
  font: arial;
  font-size: 10px;
  height: 165px;
  overflow: auto;

}

.twitters a{
color: #60F;
text-decoration:none;
}

.twitters a:hover{
	text-decoration:none;
	color: #30F;
}
.twitters ul {
  list-style: none;
  padding: 0;
}

.accountMenu{
font-weight: bold;
width: 500px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}

.accountMenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.accountMenu ul li{
display: inline;
}

.accountMenu ul li a{
color: #C60;
padding: 6px 1px 4px 1px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 1px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid #C93; /*bottom border is 3px*/
}

.accountMenu ul li a:hover, .accounMenu ul li a.selected{
border-bottom-color: #600;
color: #393;
}

.historyTh
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #369;
}
.historyTr
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: solid 1px #B5CAEE;
	background: #CBEEF5;
	color: #4B8EBC;
}
.historyTd
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	border: 1px solid #B7E0F7;
}
.paginateHistory
{
	width:430px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #4B8EBC;
	margin-left:18px; 
	margin-top:10px; 
	margin-right:18px; 
	padding:6px; 
	background-color: #EFF5C2; 
	border:#B5CAEE 1px solid;
}

#rankDiv
{
	margin-top:38px;
}

#languageDiv
{
	margin-top:10px;
}
#contentNews
{
	overflow:auto;
	width: 520px;
	height: 580px;
}