/*
html
{
	height:auto;
	overflow-y:hidden;
	padding-top:32px;
}
body
{
	overflow-y:auto;
	position:absolute;
	top:29px;
	left:0;
	bottom:0;
	width:100%;
	height:auto;
	min-width:1000px;
	min-height:inherit;
}
#header {margin-top:0}

#footerClear {height:50px}
#footer
{
	height:67px;
	margin:0 0 -10px;
	padding:0;
}
#footer .wrap
{
	height:57px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
}


*/
#topPanel, #topPanel .menu a:hover, #topPanel .menu a:active, #topPanel .menu a.active {background:url(../../img/toppanel_bg.png?n) 0 0 repeat-x}
#topPanel
{
	position:fixed;
	top:0;
	left:0;
	height:32px;
	width:100%;
	z-index:999;
}
#topPanel .wrap
{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#topPanel .menu
{
	list-style:none;
	margin:0;
	height:27px;
	float:left;
	border-left:#cacaca solid 1px
}
#topPanel .menu.fl-r {float:right}
#topPanel li
{
	background:none;
	position:relative;
	padding:0;
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	margin-right:-2px;
	border-right:#cacaca solid 1px
}
#topPanel .menu a
{
	padding:0 10px;
	display:block;
	height:27px;
	line-height:26px;
	color:#363636;
	border-right:#777 solid 1px;
	border-left:#777 solid 1px;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
}
#topPanel #linkPetPage {padding-left:18px}
#topPanel .menu a:hover
{
	background-position:0 -32px;
	background-color:#a5a5a5
}
#topPanel .menu a:active
{
	background-position:0 -86px;
	background-color:#747474;
	text-shadow:0 -1px 0 rgba(000, 000, 000, 0.5);
	color:#fff
}
#topPanel .menu a.active
{
	background-position:0 -59px;
	background-color:#f8d919
}
#topPanel .topPanelIco, .topPanelInfo .topPanelIco/*, .topPanelInfo .online, .topPanelInfo .offline*/
{
	background:url(../../img/toppanel_ico.png?n) 0 0 no-repeat;
	width:16px;
	height:17px;
	display:inline-block;
    *display: inline;
    *zoom: 1;
	margin-top:5px;
	vertical-align:top
}
#topPanel .vip {background-position:0 -17px}
#topPanel .vipOn {background-position:0 0}
#topPanel .vipEnding {background-position:0 -34px}
#topPanel .settings {background-position:-48px -17px}
#topPanel a:hover .settings {background-position:-48px 0}
#topPanel .msgIco, .topPanelInfo .topPanelIco.msgIco {background-position:-16px -17px}
#topPanel a:hover .msgIco, #topPanel a.selected .msgIco, .topPanelInfo .new .msgIco, #topPanel .msgIco.activeIco {background-position:-16px 0}
#topPanel .eventIco {background-position:-32px -17px}
#topPanel a:hover .eventIco, #topPanel a.selected .eventIco, #topPanel .eventIco.activeIco {background-position:-32px 0}
#topPanel .infopanelContent {display:none}
#topPanel .moneyIco {background-position:-64px 0}

#userCashTitle
{
	padding:10px 0 0 28px;
	font-size:17px;
}
#userCash small {font-size:13px}

.topPanelInfo
{
	position:fixed;
	top:25px !important
}
.topPanelInfo .infopanelContent, .topPanelInfo .menu {width:236px}
.topPanelInfo .menu
{
	overflow:hidden;
	margin:10px 0
}
.topPanelInfo .menu li
{
	background:none;
	position:relative;
	padding:0 18px;
	margin:0 0 -1px;
	clear:both
}
.topPanelInfo .menu li:hover
{
	background:#828282;
	color:#fff
}
/*
.topPanelInfo li.new
{
	background:#f2edda
}
*/
.topPanelInfo .title, .topPanelInfo .menu a, /*.topPanelInfo .profileMenu li,*/ .topPanelInfo h4 {font:15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif}
.topPanelInfo .menu a, .topPanelInfo .msgLink
{
	border-bottom:#d8d8d8 solid 1px;
	text-decoration:none;
	display:block;
	padding:5px 11px;
}
.topPanelInfo .info {margin:0 18px 20px}
.topPanelInfo .menu li a {color:#444}
.topPanelInfo .menu li:hover a, .topPanelInfo .msgLink:hover
{
	color:#fff;
	border:none;
	padding:5px 29px 6px;
	margin:0 -18px;
}
.topPanelInfo a:hover .text, .topPanelInfo a:hover .title {color:#fff}
.topPanelInfo .userPic, .topPanelInfo .infoIco
{
	float:left;
	width:48px;
	height:48px;
	margin:10px 13px 0 0
}
.topPanelInfo .userPic img
{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.topPanelInfo .infoIco
{
	background:url(../../img/icons50.png?n) 0 0 no-repeat;
	width:50px;
	height:50px;
	margin-right:11px
}
.topPanelInfo .msgIco {background-position:0 0}
.topPanelInfo .settingsIco {background-position:-100px 0}
.topPanelInfo .datingIco {background-position:-150px 0}
.topPanelInfo .eventIco {background-position:-200px 0}
.topPanelInfo .text
{
	display:block;
	overflow:hidden;
	font:11px/13px Tahoma, Geneva, sans-serif;
	padding:5px 0 10px;
	color:#727272;
	min-height:50px
}
.topPanelInfo .msgMenu
{
	padding-top:5px;
	margin:0
}
.topPanelInfo .msgLink
{
	padding:5px 0;
	cursor:pointer
}
.topPanelInfo .msgLink:hover {padding:5px 18px 6px}
.topPanelInfo .msgLink:hover * {color:#fff}
.topPanelInfo .msgLink a
{
	border:none;
	text-decoration:underline;
	display:inline;
	padding:0 !important;
	margin:0 !important;
	font-size:11px;
	line-height:13px
}
.topPanelInfo .title
{
	display:block;
	margin:0 0 5px;
	color:#363636
}
.topPanelInfo .title.empty
{
	height:45px;
	display:table-cell;
	vertical-align:middle
}
.topPanelInfo .all
{
	text-align:center;
	font-weight:normal;
	display:block;
	margin:-1px 18px 15px;
	padding-top:10px;
	border-top:#d8d8d8 solid 1px
}
.topPanelInfo .link {text-decoration:underline}
.topPanelInfo h4
{
	font-size:17px;
	padding:5px 0 0 18px
}
.topPanelInfo h4 .infoIco
{
	display:inline-block;
	float:none;
	margin:0;
	vertical-align:middle
}
.topPanelInfo .msgIco
{
	vertical-align:top;
	margin:3px 5px 0 0
}


/*
.topPanelInfo .profileMenu
{
	padding:15px 0 10px;
	margin:0
}
.topPanelInfo .profileMenu li
{
	background:none !important;
	padding:0;
	color:#363636;
	font-size:14px;
	margin:0 18px 7px
}
.topPanelInfo .profileMenu a
{
	text-decoration:none;
	color:#363636;
	display:block;
	height:20px;
	line-height:20px
}
.topPanelInfo .profileMenu a:hover .section {text-decoration:underline}
.topPanelInfo .profileMenu .section
{
	float:left;
	line-height:15px;
	padding:2px 10px 0 0
}
*/
.topPanelInfo .count
{
	background:url(../../img/infopanel_grd.png) #0097ea 0 0 repeat-x;
	float:right;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	padding:0 5px 0 4px;
	margin-right:-11px;
	min-width:26px;
	text-align:center;
	text-decoration:none
}
.topPanelInfo .count.zero
{
	background-color:#f1f1f1;
	background-position:0 -80px;
	color:#e1e1e1;
	padding:0 5px
}
/*
.topPanelInfo .profileMenu .sep
{
	overflow:hidden;
	display:block;
	height:16px;
	margin-right:3px;
	border-bottom:#eee solid 1px
}
*/
.topPanelInfo .appIco
{
	background:url(../../app/newsfeed/img/gameicons.png?n1) -540px 0 no-repeat;
	width:54px;
	height:50px;
	display:block;
	margin-right:7px
}
.topPanelInfo .appIco.surfriderIco {background-position:0 0}
.topPanelInfo .appIco.tortIco {background-position:-54px 0}
.topPanelInfo .appIco.nitroIco {background-position:-108px 0}
.topPanelInfo .appIco.petloveIco {background-position:-162px 0}
.topPanelInfo .appIco.farmIco {background-position:-216px 0}
.topPanelInfo .appIco.lostworldIco {background-position:-270px 0}
.topPanelInfo .appIco.wishtreeIco {background-position:-324px 0}
.topPanelInfo .appIco.roadkingIco {background-position:-378px 0}
.topPanelInfo .appIco.diamondIco {background-position:-432px 0}
.topPanelInfo .appIco.treasuresIco {background-position:-486px 0}
.topPanelInfo .appIco.hellgardIco {background-position:-594px 0}

#logo
{
	position:relative;
	z-index:1;
	top:0;
	left:0;
	padding:0;
	margin:0 -10px 0 0;
	width:auto;
	height:32px;
	overflow:hidden;
	float:left;
}
#logo img
{
	display:block;
	max-height:32px
}

.info_nomessages {padding: 10px 0 0;margin-bottom: 0 !important;}