.game_background
{
	background-color:#3D3B1E;
	color:#FFFFFF;
	border: 1px #FFFFFF solid;
	padding:10px 5px 5px 5px;
}

.game_inner
{
	text-align:center;
}

/* ================================================ */
/* ==[ Text ]====================================== */
/* ================================================ */
.stext
{
	font-size:11px;
	color:#FFFFFF;
}

.stext_kp
{
	font-size:11px;
	color:#FFCC00;
}

.mtext
{
	font-size:12px;
	color:#FFFFFF;
}

.mtext_kp
{
	font-size:12px;
	color:#FFCC00;
}

.ntext
{
	font-size:13px;
	color:#FFFFFF;
}

.ntext_kp
{
	font-size:13px;
	color:#FFCC00;
}

.ltext
{
	font-size:14px;
	color:#FFFFFF;
}

.ltext_kp
{
	font-size:14px;
	color:#FFCC00;
}

.xtext
{
	font-size:15px;
	color:#FFFFFF;
}

.xtext_kp
{
	font-size:15px;
	color:#FFCC00;
}

.stextred
{
	font-size:11px;
	color:#FF0000;
}

.mtextred
{
	font-size:12px;
	color:#FF0000;
}

.ntextred
{
	font-size:13px;
	color:#FF0000;
}

.ltextred
{
	font-size:14px;
	color:#FF0000;
}

.xtextred
{
	font-size:15px;
	color:#FF0000;
}

.stextgreen
{
	font-size:11px;
	color:#009F00;
}

.mtextgreen
{
	font-size:12px;
	color:#009F00;
}

.ntextgreen
{
	font-size:13px;
	color:#009F00;
}

.ltextgreen
{
	font-size:14px;
	color:#009F00;
}

.xtextgreen
{
	font-size:15px;
	color:#009F00;
}

.stextblue
{
	font-size:11px;
	color:#0000FF;
}

.mtextblue
{
	font-size:12px;
	color:#0000FF;
}

.ntextblue
{
	font-size:13px;
	color:#0000FF;
}

.ltextblue
{
	font-size:14px;
	color:#0000FF;
}

.xtextblue
{
	font-size:15px;
	color:#0000FF;
}

.errormsg
{
	font-size:13px;
	color:#FFAA00;
}


.questheadtext
{
	font-size:17px;
	color:#FFFFFF;
}


a.stext,a.mtext,a.ntext,a.ltext,a.xtext 
{ 
	color: #FFFFFF; 
	text-decoration: none; 
}

a.stextred,a.mtextred,a.ntextred,a.ltextred,a.xtextred 
{ 
	color: #FF0000; 
	text-decoration: none; 
}

a.stextgreen,a.mtextgreen,a.ntextgreen,a.ltextgreen,a.xtextgreen 
{ 
	color: #009F00; 
	text-decoration: none; 
}

a.stextblue,a.mtextblue,a.ntextblue,a.ltextblue,a.xtextblue 
{ 
	color: #0000FF; 
	text-decoration: none; 
}

a.stext:hover,a.mtext:hover,a.ntext:hover,a.ltext:hover,a.xtext:hover 
{ 
	color: #FFFFFF; 
	text-decoration: underline; 
}

a.stextred:hover,a.mtextred:hover,a.ntextred:hover,a.ltextred:hover,a.xtextred:hover 
{ 
	color: #FF0000; 
	text-decoration: underline; 
}

a.stextgreen:hover,a.mtextgreen:hover,a.ntextgreen:hover,a.ltextgreen:hover,a.xtextgreen:hover 
{ 
	color: #009F00; 
	text-decoration: underline; 
}

a.stextblue:hover,a.mtextblue:hover,a.ntextblue:hover,a.ltextblue:hover,a.xtextblue:hover 
{ 
	color: #0000FF; 
	text-decoration: underline; 
}
/* ================================================ */
/* ==[ Tables ]==================================== */
/* ================================================ */
.game_panel, .game_header, .game_row1, .game_row2, .game_row3
{
	margin-left:auto; 
	margin-right:auto;
	border-width: 1px;
	border-color: #000000;
	border-collapse: collapse;
	border-style: solid;
}

.game_header
{ 
	background-color: #000000; 
}

.game_row1
{ 
	background-color: #989B64;
}

.game_row2	
{ 
	background-color: #686633; 
}

.game_row3	
{ 
	background-color: #3F3E1F; 
}

/* ================================================ */
/* ==[ Input ]===================================== */
/* ================================================ */
input.game_post,textarea.game_post,select.game_post
{	
	background: #CCCC66;
	border: 1px solid #000000;
	color:#000000;	
	font-size:11px;
}

input.game_post
{	
	text-indent : 2px; 	
}

.game_post:hover 
{
	background-color : #CCCC66;
	border: 1px solid #DCDC23;
	color:#000000;
}

.game_post:focus 
{
	background-color : #CCCC66;
	border: 1px solid #DCDC23;
	color:#000000;
}

/* ================================================ */
/* ==[ Ticker ]==================================== */
/* ================================================ */
.game_ticker
{
	margin-left:auto; 
	margin-right:auto;
	font-size:13px;
	background-color:#000000;
	color:#FF0000;
	border: 1px #6D6D12 solid;
}
/* ================================================ */
/* ==[ Statusbars ]================================ */
/* ================================================ */

.game_statusbars
{
	margin-left:auto; 
	margin-right:auto;
	font-size:13px;
	background-color:#000000;
	color:#FF0000;
	border: 1px #6D6D12 solid;
}
/* ================================================ */
/* ==[ Copyrights Bar ]============================ */
/* ================================================ */

.game_copyrightsbar
{
	margin-left:auto; 
	margin-right:auto;
	font-size:11px;
	background-color:#000000;
	color:#FFFFFF;
	border: 1px #6D6D12 solid;
}
/* ================================================ */
/* ==[ Game Stats Bar ]============================ */
/* ================================================ */
.game_stats
{
	margin-left:auto; 
	margin-right:auto;
	font-size:11px;
	border: 1px #6D6D12 solid;
}
/* ================================================ */

/* ================================================ */
/* ==[ Quest Page ]================================ */
/* ================================================ */

.quest_game_panel
{
	margin-left:auto;
	margin-right:auto;
    padding: 2px;
	border: 1px #FFFFFF solid;
}

.quest_game_header
{
	color: #FFFFFF;
	background-color: #000000;
    font-size: 15px;
    font-weight: bold;
}

.quest_require_mtext
{
	font-size:12px;
	color:#0099FF;
}

.quest_require_ntext
{
	font-size:13px;
	color:#0099FF;
}

.quest_reward_mtext
{
	font-size:12px;
	color:#009F00;
}

.quest_reward_ntext
{
	font-size:13px;
	color:#009F00;
}
/* ================================================ */






#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #000000;
	border: 1px solid #666666;
	border-bottom: none;
	width: 98%;
	margin: 0 1%;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}


#footpanel a.home{	
	background: url(../images/icons/home.png) no-repeat 2px center;
	width: 100px;
	padding-left: 20px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
}
a.profile{	background:  url(../images/icons/user.png) no-repeat center center;  }
a.contacts{	background:  url(../images/icons/user.png) no-repeat center center; }
a.playlist{	background:  url(../images/icons/blue-document-music.png) no-repeat center center; }
a.videos{	background:  url(../images/icons/film.png) no-repeat center center; }
a.messages{	background:  url(../images/icons/mail.png) no-repeat center center; }
a.user-plus{	background:  url(../images/icons/user--plus.png) no-repeat center center; }
a.user-minus{	background:  url(../images/icons/user--minus.png) no-repeat center center; }
a.music-plus{	background:  url(../images/icons/music--plus.png) no-repeat center center; }
a.music-minus{	background:  url(../images/icons/music--minus.png) no-repeat center center; }
a.editprofile{background: url(../images/icons/user.png) no-repeat center center; }
#footpanel a.footer-stats{	
	background: url(../images/icons/balloon.png) no-repeat 2px center;
	width: 100px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 20px;
	text-indent: 0; /*--Reset text indent--*/
}
#footpanel a.footer-resources{
	background: url(../images/icons/balloon.png) no-repeat 2px center;
	width: 100px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 20px;
	text-indent: 0; /*--Reset text indent--*/
}

a.alerts{	background: url(../images/icons/newspaper.png) no-repeat center center;	 }
#footpanel li#fiefpanel {  float: left;}
#footpanel li#statspanel, #footpanel li#resourcepanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(../images/icons/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#resourcepanel .subpanel li { background: url(../images/icons/dash.gif) repeat-x left center; } 
#resourcepanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#resourcepanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	display: block;
}
#resourcepanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}


#fiefpanel .subpanel li { background: url(../images/icons/dash.gif) repeat-x left center; } 
#fiefpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#fiefpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	display: block;
}
#fiefpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}


#statspanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#statspanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#statspanel .subpanel li p {padding: 5px 10px;}
#footpanel #statspanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}



#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(../images/icons/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}





#icons {margin: 0; padding: 0;}
#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
#icons span.ui-icon {float: left; margin: 0 4px;}
ul#icons #volume-min {
	margin:2px 140px 2px 364px;
}
#sliderVolume {
	width:120px;
	height:.4em;
}
#sliderVolume .ui-slider-handle {
	height:.8em;
	width:.8em;
}

#sliderPlayback .ui-slider-handle {
	height:1.6em;
}
#loaderBar.ui-progressbar {
	height:.2em;
	border:0;
}