﻿
/* menu display */
.banner 
{
	cursor: pointer;
}
/* banner */

#Repeatordiv
{
    width:100%; 
    height:395px; 
    background-image: url('../../images/banner_repeat_bg.png'); 
    background-repeat: repeat-x; 
    position:absolute; 
    z-index:0;    
}

#MainBanner,
#AnimateBanner 
{
	height: 395px;
	min-width: 1200px;
	background-position: center top;
	background-repeat: no-repeat;
	position:relative;
}
#MainBanner
{
	z-index: 1;
}
#AnimateBanner 
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-image: url('../../images/subaimages/large-loading.gif');
	background-image: url('data:image/gif;base64,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');
}
.TileBanner{
	position:absolute;
	background: url('../../images/master_v2/banner/banner_repeat_bg.png');
	height:395px;
	width:100%;
	z-index:-1;
}
div.content 
{
	width: 100%;
	top: -14px;
}
div.control 
{
	width:1200px;
	height: 395px;
	z-index: 3;
}
#Control 
{
	height: 330px;
}
#ControlMsg 
{
	width: 370px;
	height: 230px;
	left: 4px;
	top: 95px;
	overflow: hidden;
}
#Nav 
{
	height: 64px;
	bottom: 0;
	margin: 0 auto;
	width: 1174px;
	position: relative;
}

#Nav img 
{
	top: 28px;
}
#Nav div.abs.banner,
#Nav div.abs.ads 
{
	width: 139px;
	height: 139px;
} 
#Nav div.abs.ads 
{
	top: 0;
}
#Nav div.abs.banner 
{
	background-repeat: no-repeat;
	background-position:right;
}

/* category image button eg. .Cats */
div#MainBanner div#Nav div.feature
{
	background-image: url('../../images/nav/feature_section_active.png');
}
div#MainBanner.feature div#Nav div.feature 
{
	background-image: url('../../images/nav/feature_section_active_roll.png');
}
div#MainBanner div#Nav div.domo
{
	background-image: url('../../images/nav/domo_feature.png');
}
div#MainBanner.domo div#Nav div.domo
{
	background-image: url('../../images/nav/domo_feature_roll.png');
}
div#MainBanner div#Nav div.mat
{
	background-image: url('../../images/nav/Suba_mat_feature_bar.png');
}
div#MainBanner.mat div#Nav div.mat
{
	background-image: url('../../images/nav/Suba_mat_feature_bar_roll.png');
}
div#MainBanner div#Nav div.ace 
{
	background-image: url('../../images/nav/aceonline_section_active.png');
}
div#MainBanner.ace div#Nav div.ace
{
	background-image: url('../../images/nav/aceonline_section_active_roll.png');
}
div#MainBanner div#Nav div.pt1
{
	background-image: url('../../images/nav/pristontale_section_active.png');
}
div#MainBanner.pt1 div#Nav div.pt1
{
	background-image: url('../../images/nav/pristontale_section_active_roll.png');
}
div#MainBanner div#Nav div.fragoria
{
	background-image: url('../../images/nav/fragoria_section_active.png');
}
div#MainBanner.fragoria div#Nav div.fragoria
{
	background-image: url('../../images/nav/fragoria_section_active_roll.png');
}
div#MainBanner div#Nav div.LucentHeart
{
	background-image: url('../../images/nav/lucent_heart_button.png');
}
div#MainBanner.LucentHeart div#Nav div.LucentHeart
{
	background-image: url('../../images/nav/lucent_heart_button_roll.png');
}
div#MainBanner div#Nav div.luna
{
	background-image: url('../../images/nav/luna_feature.png');
}
div#MainBanner.luna div#Nav div.luna
{
	background-image: url('../../images/nav/luna_feature_roll.png');
}
div#MainBanner div#Nav div.bounty
{
	background-image: url('../../images/nav/bountyhounds_section_active.png');
}
div#MainBanner.bounty div#Nav div.bounty
{
	background-image: url('../../images/nav/bountyhounds_section_active_roll.png');
}
div#MainBanner div#Nav div.DivineSouls
{
	background-image: url('../../images/nav/Suba_divinesouls_feature_bar.png');
}
div#MainBanner.DivineSouls div#Nav div.DivineSouls
{
	background-image: url('../../images/nav/Suba_divinesouls_feature_bar_roll.png');
}
div#MainBanner div#Nav div.NineDragons
{
	background-image: url('../../images/nav/9dragons_section_active.png');
}
div#MainBanner.NineDragons div#Nav div.NineDragons
{
	background-image: url('../../images/nav/9dragons_section_active_roll.png');
}
div#MainBanner div#Nav div.SteelLegions
{
	background-image: url('../../images/nav/steel_legions_button.png');
}
/* big banner position control eg. .kp1 */
div#Flow .fp
{
	left: 0;
}
div#Flow .ap
{
	left: 143px;
}
div#Flow .bh
{
	left: 286px;
}
div#Flow .dss
{
	left: 429px;
}
div#Flow .domo
{
	left: 572px;
}
div#Flow .lh
{
	left: 715px;
}
div#Flow .luna
{
	left: 858px;
}
div#Flow .mp
{
	left: 1001px;
}
div#Flow .pp
{
	left: 1144px;
}
div#Flow .fg
{
	left: 1287px;
}
div#Flow .nd
{
	left: 1430px;
}
/* banner navigation */
#Prev 
{
	left: 0;
}
#Next 
{
	right: 0;
}
.inline 
{
	display: inline;
}
.flash
{
	bottom: 17px;
	left: -35px;
	width: 90px;
	height: 90px;
}

/* banner text control */
.fgm,
.fgmw,
.fgmd
{
	font-size: 10px;
	font: Frankilin Gothic Medium;
}
.fgm 
{
	color: #000000;
}
.fgmw
{
	color: #FFFFFF;
}
.fgmwg
{
	color: #FFFFFF;
	font-size: 17px;
	font:  Frankilin Gothic Medium;
}
.fgmd
{
	color: #2d2d2d;
}
.cg 
{
	color: White;
	font-size: 18px;
	font-family: Century Gothic;
}
.fgm div,
.fgmwg div,
.fgmw div,
.fgmd div,
.cg div
{
	font-size: 20px;
}
/* category display */
div#Catagory  
{
	width: 1140px;
	height: 139px;
	bottom: -48px;
	left: 17px;
}
div#Panel
{
	top: 0px;
	left: 0px;
	position: absolute;
	width: inherit;
	height: inherit;
}
div#Flow 
{
	width: inherit;
	height: inherit;
	overflow: hidden;
	z-index: 1;
}
div#NavDots
{
	top: 0;
	left: 0;
	position: absolute;
	z-index: 2;
}
div.bb
{
	top: 0;
	width: 147px;
}

.nosee 
{
	display: none;
}

#ControlMsg > a > .ast{
	color: #E6E6E6;
	font: 23px Century Gothic;
}

#ControlMsg > a > .asc{
	font:Italic 18px Georgia;
	color: #A5A5A5;
	margin-top:12px;
}

#ControlMsg > a > p > .asr{
	font:Italic 15px Georgia;
}

#ControlMsg > .bhr{
	position:relative;
	font: 20pt Georgia;
	color:#4C4C4C;
	top:-10px;
}

#ControlMsg > .bheader{
	font: Bold 17px Century Gothic;
	color: #D0D5CF;
	margin-bottom: 12px;
}

#ControlMsg li{
	list-style-position:inside;
	color:#3BCD1A;
}

#ControlMsg .bli a{
	font: 15px century Gothic;
	color: #A5A5A5;
	text-decoration:none;
}

#ControlMsg .bli a:hover{
	text-decoration:underline;
}


