@charset "UTF-8";

/**
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 */
/* ----- ALL LEVELS (incl. first) */

ul.dropdown {
 font: bold 12px Arial, Helvetica, sans-serif;
}

	ul.dropdown li.top {
	 color: #FFF;
	 background: url(/shared/m-battlebar/images/bg-menu.png) no-repeat top center;
	 width: 120px;
	 height: 32px;
	 border: 1px solid #FFF;
	}

	ul.dropdown li.hover, 
	ul.dropdown li:hover {background-position: 0px -36px}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #FFF;}
	ul.dropdown a:hover { color: #FFF;}
	ul.dropdown a:active { color: #FFF;}


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 width: 200px;
	 color: #FFF;
	 font-size: 11px;
	 font-weight: normal;
	}

		ul.dropdown ul li {
		 color: #FFF;
		 text-align: left;
		 text-transform:capitalize;
		 width: 130px;
		 background: url(/shared/m-battlebar/images/bg-menu.png) repeat-x top center;
		 border: 1px solid #FFF;
		}
		
		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: #95ffb6;
		}

		ul.dropdown ul li.empty {
		 padding: 8px 12px 12px 7px !important;
		 font-weight: bold;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #FFF; font-weight: normal;}
		ul.dropdown ul a:hover { color: #FFF; font-weight: normal;}
		ul.dropdown ul a:active { color: #FFF; font-weight: normal;}

			ul.dropdown ul ul {
			 display: none;
			}

			ul.dropdown ul ul li {}

/* ----- END LEVEL */


/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
	color: #FFF;
	padding-right: 12px;
	text-decoration: none;
}

/* ----- END LEVEL */

/* Components override */
#battlenav {
	width: 390px;
}
ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(/includes/m-battlebar/images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

	ul.dropdown li a { /* Moved from 'custom' section */
	 display: block;
	 padding: 8px 12px;
	 text-decoration: none;
	}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 0px 20px 7px 12px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {
		text-align: center;
		text-transform: uppercase;
	}
	
	ul.dropdown li img {
		border: none;
		padding-right: 5px;
	}


	/* Especially for IE6 or lower */

	ul.dropdown ul a {
	 text-decoration: none;
	}

	ul.dropdown ul a:hover {
	}

	ul.dropdown ul a.dir {
	 /*width: 129px;*/
	}
/* dropdown.css */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
}
ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}
ul.dropdown ul li {
	float: none;
}
ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}
ul.dropdown li.rtl ul {
	top: 100%;
	right: 0;
	left: auto;
}
ul.dropdown li.rtl ul ul {
	top: 1px;
	right: 99%;
	left: auto;
}

/* BattleOn Related Stuff */
a img {border: none}
#battlebar {
	background: url(/shared/m-battlebar/images/bg-battlebar.png) repeat-x top center;
	width: 100%;
	height: 58px;
	margin: 0px;
	position: absolute!important;
	top: 0px!important;
	left: 0px!important;
	z-index: 10;
}
#battlebar .wrap {
	width: 950px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -475px;
}
#battlebar .wrap .bar {
	float: right;
	color: #000;
	font-size: 10px;
	margin: 14px 0 0 0;
}
#battlebar .wrap h4 {
	float: left;
	margin: 8px 10px 0px 15px;
	font-size: 12px;
	color: #000;
}
/* For Game Pages */
#battlebar img {
	float: left;
}
li.play-aq, li.play-df, li.play-mq, li.play-aqw, li.play-ed, li.play-hs, li.shop-points, li.shop-heromart, li.shop-upgrade-aqw, li.shop-coins-aqw, li.shop-coins-ed, li.shop-upgrade-df, li.shop-coins-df, li.shop-upgrade-mq, li.shop-coins-mq, li.shop-upgrade-aq, li.shop-coins-aq {
	width: 200px!important;
	height: 36px!important;
	padding: 0px 0px 20px 0px!important;
	display: block!important;
	border: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
li.play-aq { background: url(/shared/m-battlebar/images/play-adventurequest.jpg) no-repeat!important;}
li.play-aqw { background: url(/shared/m-battlebar/images/play-adventurequestworlds.jpg) no-repeat!important;}
li.play-df { background: url(/shared/m-battlebar/images/play-dragonfable.jpg) no-repeat!important;}
li.play-mq { background: url(/shared/m-battlebar/images/play-mechquest.jpg) no-repeat!important;}
li.play-ed { background: url(/shared/m-battlebar/images/play-epicduel.jpg) no-repeat!important;}
li.play-hs { background: url(/shared/m-battlebar/images/play-herosmash.jpg) no-repeat!important;}

li.play-aq a, li.play-df a, li.play-mq a, li.play-aqw a, li.play-ed a,li.play-hs a,li.shop-points a, li.shop-heromart a, li.shop-upgrade-aqw a, li.shop-coins-aqw a, li.shop-coins-ed a, li.shop-upgrade-df a, li.shop-coins-df a, li.shop-upgrade-mq a, li.shop-coins-mq a, li.shop-upgrade-aq a, li.shop-coins-aq a {
	font-size: 12px;
	text-align: right;
}
li.play-aq a:hover, li.play-df a:hover, li.play-mq a:hover, li.play-aqw a:hover, li.play-ed a:hover,li.play-hs a:hover, li.shop-points a:hover, li.shop-heromart a:hover, li.shop-upgrade-aqw a:hover, li.shop-coins-aqw a:hover, li.shop-coins-ed a:hover, li.shop-upgrade-df a:hover, li.shop-coins-df a:hover, li.shop-upgrade-mq a:hover, li.shop-coins-mq a:hover, li.shop-upgrade-aq a:hover, li.shop-coins-aq a:hover {
	color: #0099cc!important; height: 46px!important;
}

li.shop-upgrade-aqw {background: url(/shared/m-battlebar/images/shop-upgrade-aqw.jpg) no-repeat!important;}
li.shop-coins-aqw {background: url(/shared/m-battlebar/images/shop-coins-aqw.jpg) no-repeat!important;}

li.shop-coins-ed {background: url(/shared/m-battlebar/images/shop-coins-ed.jpg) no-repeat!important;}

li.shop-upgrade-df {background: url(/shared/m-battlebar/images/shop-upgrade-df.jpg) no-repeat!important;}
li.shop-coins-df {background: url(/shared/m-battlebar/images/shop-coins-df.jpg) no-repeat!important;}

li.shop-upgrade-mq {background: url(/shared/m-battlebar/images/shop-upgrade-mq.jpg) no-repeat!important;}
li.shop-coins-mq {background: url(/shared/m-battlebar/images/shop-coins-mq.jpg) no-repeat!important;}

li.shop-upgrade-aq {background: url(/shared/m-battlebar/images/shop-upgrade-aq.jpg) no-repeat!important;}
li.shop-coins-aq {background: url(/shared/m-battlebar/images/shop-coins-aq.jpg) no-repeat!important;}

li.shop-points {background: url(/shared/m-battlebar/images/shop-points.jpg) no-repeat!important;}
li.shop-heromart {background: url(/shared/m-battlebar/images/shop-heromart.jpg) no-repeat!important;}

.smallText {color: #999999; font-size: 10px;}
.community {border-left: none!important; border-right: none!important;}
