
#topbannerBG {background: url('../images/navbar/bg.png') repeat-x;height: 60px;width: 100%;font-family: Arial, Helvetica, sans-serif;position: fixed;top: 0px;z-index: 10000;min-width:1054px;}
#topbanner-container{margin:0px auto;display:block;padding:4px 5px;width:1035px;}
                                                                       
#container-left{position:relative;float:left;z-index:999;display:inline-block;}
#container-center{position:relative;float:left;margin-left: 5px;padding:2px 0px;display:inline-block;}
#container-center.active{width:300px}
#container-right{position:relative;display:inline-block;margin-left:0px;float:right;}
.center-bottom{margin-top:0px;}

#game-list{height: 48px; width: auto; overflow:hidden; background-image: url('../images/navbar/gamelist-l.png');float:left;}
#game-list ul {list-style-type: none;padding:0px; margin:0px;overflow:hidden;padding:6px 0px 0px 6px;height:37px;}
#game-list ul li{display:inline-block; width:52px;float:left;margin:0 1px;}
#game-list ul li img{border:none;}
			
#step ul {list-style-type: none;padding:0px; margin:0px;overflow:hidden;}
#step ul li{display:inline-block; margin-top:1px;float:left;}
#step a {display:block;width:78px;height:47px;background-image: url('../images/navbar/step.png');}
#step a.step1{background-position:0 0;}
#step a.step2{background-position:-78px 0;}
#step a.step3{background-position:-156px 0;}
#step a.step1:hover{background-position:0 -47px;}
#step a.step2:hover{background-position:-78px -47px;}
#step a.step3:hover{background-position:-156px -47px;}
			
#toggle{height: 48px; width:5px;background-image: url('../images/navbar/gamelist-r.png');background-position: right;float:left;}
#toggler{width:17px; height:17px;background: url('../images/navbar/toggler.png') no-repeat ; margin:16px auto;cursor:pointer;}
#toggler.active{background-position: -17px 0 ;}
#logo{width:183px;margin-top:9px;float:left;}

.news-ticker{width:100%;display:block;opacity:1}
.ticker-content{background: url('../images/navbar/ticker-bg.png') no-repeat;display:inline-block;display:inline-block;height: 23px;width:auto;float:left;padding-left: 24px; overflow:hidden;font-size: 12px;line-height: 23px;color:#666666;text-shadow: 0px 1px #e5e5e5;}
.ticker-end{width:8px;background: url('../images/navbar/ticker-bg.png') 100% 100% no-repeat;height: 23px;display:inline-block;}

.sep{background: url('../images/navbar/separator.png') no-repeat;float:left;width:2px; height:49px;padding:0px 5px;}

.loginForm{height:19px;display:inline-block;}
.loginForm input[type="text"],
.loginForm input[type="password"]{
	padding-left: 20px;
	width:52px;
	font-size:11px;
	background: transparent;
	border: none;
	height: 16px;
	color: #666;
	margin-left: 0px;
	text-shadow: 0px 1px #e5e5e5;
}
.loginForm div{float:left;margin-right:3px;position:relative;}
.loginForm span{
	background: url('../images/navbar/tophat-input-bg.png') no-repeat;height:19px;
	display:inline-block; float:left;
}
.loginForm span.inputU{background: url('../images/navbar/user.png') 100% 100% no-repeat;width:16px;height:15px;padding: 2px 0px 0px 2px;position:absolute;}
.loginForm span.inputP{background: url('../images/navbar/pass.png') 100% 100% no-repeat;width:16px;height:15px;padding: 2px 0px 0px 2px;position:absolute;}
.loginForm span.inputEnd{
	background: url('../images/navbar/tophat-input-bg.png') 100% 100% no-repeat;
	height:19px;
	float:left;
	display:inline-block;width:5px;
}

.loginForm input[type="submit"],
.loginForm button{
	width:42px;
	font-size:11px;
	background: transparent url('../images/navbar/red-button.png') no-repeat;
	border: none;
	height: 19px;
	color: #fff;
	margin-left: 0px;
	cursor:pointer;
	text-shadow:1px 1px #000;
}
a.fb-connect{
	width:46px;
	font-size:11px;
	background: transparent url('../images/navbar/fb-connect.png') no-repeat;
	height: 19px;
	color: #fff;
	margin-left: 0px;
	padding-left:20px;
	text-shadow:0px 1px #000;
	text-decoration: none;
	display: inline-block;
	line-height:19px;
}

div.social{
	float: right;
	display: inline-block;
	position: absolute;
	right: 0px;
	z-index: 10000;
}

div.social ul{list-style-type: none;padding:0px; margin:0px;}
div.social li{display:inline-block;float:left;}
div.social a {display:block;width:20px;height:19px;background-image: url('../images/navbar/social.png?052014');}
div.social a.fo{background-position:0 0;}
div.social a.tw{background-position:-20px 0;}
div.social a.fb{background-position:-40px 0;}
div.social a.fo:hover{background-position:0 -19px;}
div.social a.tw:hover{background-position:-20px -19px;}
div.social a.fb:hover{background-position:-40px -19px;}

div.social a.ig{background-position:-60px 0;}

div.social a.gp{background-position:-80px 0;}

div.social a.yt{background-position:-100px 0;}

div.social a.ig:hover{background-position:-60px -19px;}

div.social a.gp:hover{background-position:-80px  -19px;}

div.social a.yt:hover{background-position:-100px -19px;} 

.ticker-content a { text-decoration:none;color:#666;width:168px}

