/* POP UP STYLE */
#fix{
		position:fixed;
		bottom:0;
		left:0;
		top:0;
		right:0;
		background-color:#000000;
		-moz-opacity:0.7;
		filter: alpha(opacity=70);
		-khtml-opacity: 0.7;
		opacity: 0.7;
		z-index:1;
		visibility:visible;
		
}
#block_div{
			top:0;
			right:0;
			left:0;
			bottom:0;
			background-color:#FFF;
			position:fixed;
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;
			filter: alpha(opacity=50);
			visibility:hidden;
			z-index:1;
}
#popupmess{
			background-color:#FFF;
			width:500px;
			height:400px;
			position:absolute;
			top:20%;
			left:30%;
			right:0;
			border:black solid 2px;
			display:none;
			z-index:2;
			margin-right:20px;
			background-image:url(../v2_images/news-content.jpg);
}
.content-mess{
		width:295px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		height:220px;
		overflow-x: hidden;
		overflow-y: scroll;
		padding:15px;
		margin-left:105px;
		margin-top:50px;
		border:1px solid #F1DABA;
		
		
}
.close_news{
	background-image:url(../v2_images/e22.png);
	background-repeat:no-repeat;
	background-position:top;
	width:101px;
	height:38px;
	float:right;
}
.close_news:hover{
	background-position:bottom;
	cursor:pointer;
}
/* POP UP STYLE */
#main_div{
	width:100%; 
	background-image:url(../v2_images/bg-ulap.jpg);
	background-repeat:no-repeat;
	background-position:center 0;
	border:0px solid black;
	overflow:hidden;
}

.div_flash{
	width:990px;
	height:509px;
	border:0px solid black;
	margin:auto;
	overflow:visible;
}

#main_body{
	width:990px;
	margin:auto;
	border:0px solid black;
}

#left_small_bar{
	width:244px;
	border:0px solid black;
	float:left;
}
#right_big_bar{
	border:0px solid black;
	width:741px;
	float:right;
}
.left_top{
	background-image:url(../v2_images/left-box_top.png);
	width:244px;
	height:10px;
}
.left_body{
	background-image:url(../v2_images/left-box_tile.png);
	width:244px;
	border:0px solid black;
}
.left_foot{
	background-image:url(../v2_images/left-box_foot.png);
	width:244px;
	height:56px;
}

.right_wrapper{
	width:741px;
}

.right_top{
	background-image:url(../v2_images/right-bg-box.png);
	width:731px;
	height:10px;
	
	background-position:top;
}

.right_bottom{
	background-image:url(../v2_images/right_bottom.png);
	width:731px;
	height:21px;
}

#right_body{
	background-image:url(../v2_images/right_body.png);
	width:731px;
	overflow:hidden;
	border:0px solid black;
}



/* SIDE BAR */
.links_images{
	background-image:url(../v2_images/links-hed.png);
	background-repeat:no-repeat;
	width:225px;
	height:28px;
	margin:auto;
}
.ragnarok_wikipidea{
	background-image:url(../v2_images/wiki_btn.jpg);
	width:210px;
	height:79px;
	margin:auto;
	margin-top:5px;
}
.ragnarok_vote{
	background-image:url(../v2_images/vp_btn.jpg);
	width:210px;
	height:79px;
	margin:auto;
}
.wildcard_vote{
	background-image:url(../v2_images/wildcards_btn.jpg);
	width:210px;
	height:79px;
	margin:auto;
	margin-bottom:10px;
}
.ragnarok_wikipidea:hover{cursor:pointer;}
.ragnarok_vote:hover{cursor:pointer;}
.wildcard_vote:hover{cursor:pointer;}
.connect_hed{
	background-image:url(../v2_images/connect-hed.png);
	width:223px;
	height:26px;
	margin:auto;
}
.facebook{
	background-image:url(../v2_images/fb_btn.png);
	width:212px;
	height:43px;
	background-position:top;
	margin:auto;
}
.twitter{
	background-image:url(../v2_images/twitter_btn.png);
	width:212px;
	height:43px;
	background-position:top;
	margin:auto;
}
.ratemyserver{
	background-image:url(../v2_images/rms_btn.png);
	width:212px;
	height:43px;
	background-position:top;
	margin:auto;
}
.seperator{ height:1px; background-color:#e5f4fd; width:212px; margin:auto;}
.facebook:hover{ background-position:bottom; cursor:pointer;}
.twitter:hover{ background-position:bottom; cursor:pointer;}
.ratemyserver:hover{ background-position:bottom; cursor:pointer;}

.news_tab{
	background-image:url(../v2_images/news-tab.png);
	background-repeat:no-repeat;
	width:351px;
	height:26px;
	padding-left:5px;
	padding-top:3px;
	
	
}
.first_column{
	width:351px;
	border:0px solid black;
	overflow:hidden;
	float:left;
	margin-left:10px;
}
.second_column{
	width:357px;
	border:0px solid black;
	overflow:hidden;
	float:left;
	background-color:#FFF;
	margin-left:3px;
}

#news_button{
	background-image:url(../v2_images/news_btn-normal.png);
	width:67px;
	height:19px;
	float:left;
	padding-right:4px;
	background-repeat:no-repeat;
}
#event_button{
	background-image:url(../v2_images/events_btn-normal.png);
	width:67px;
	height:19px;
	float:left;
	padding-right:4px;
	background-repeat:no-repeat;
}
#update_button{
	background-image:url(../v2_images/updates_btn-normal.png);
	width:67px;
	height:19px;
	float:left;
}
#news_button:hover,#event_button:hover,#update_button:hover{
	cursor:pointer;
}
#news_body{
	width:351px;
	height:135px;
	background-color:#FFFFFF;
	margin-top:5px;
}
.live_chat{
		
		background-image:url(../v2_images/livechat_btn.png);
		width:157px;
		height:62px;
		float:left;
		background-position:top;
		margin-left:12px;
		margin-top:3px;
		margin-bottom:5px;
		
		
}
.live_chat:hover{
	 background-position:bottom;
	 cursor:pointer;
}
.vent{
	background-image:url(../v2_images/vent_btn.png);
	width:157px;
	height:62px;
	float:right;
	background-position:top;
	margin-right:12px;
	margin-top:3px;
	margin-bottom:5px;
	
}
.vent:hover{
	 background-position:bottom;
	 cursor:pointer;
}
.trouble_shoot_wrapper{
	clear:both;
	background-color:#FFFFFF;
	width:351px;
	overflow:hidden;
	margin:auto;
	padding-top:10px;
	padding-bottom:5px;
}
.game_guide{
	background-image:url(../v2_images/gguide_btn.png);
	width:163px;
	height:115px;
	float:left;
	margin-left:5px;
}
.trouble_shoot{
	background-image:url(../v2_images/trouble_btn.png);
	width:163px;
	height:115px;
	float:right;
	margin-right:5px;
}
				
						
.down_menus{
	width:351px;
	overflow:hidden;
	padding-top:5px;
}
.fortress{
	background-image:url(../v2_images/flord_btn.png);
	width:116px;
	height:98px;
	float:left;
	
	background-position:top;
}
.player{
	background-image:url(../v2_images/pofthemonth_btn.png);
	width:116px;
	height:98px;
	float:left;
	background-position:top;
}
.gallery{
	background-image:url(../v2_images/gallery_btn.png);
	width:116px;
	height:98px;
	float:left;
	background-position:top;
}
.fortress:hover,.player:hover,.gallery:hover{
	cursor:pointer;
	background-position:bottom;
}		
.item_panel_title{
	background-image:url(../v2_images/itempanel-hed.png);
	width:354px;
	height:34px;
	margin:auto;
}
.item_panel{
	width:344px;
	height:102px;
	margin:auto;
}
/* Search Engine CSS */
.search{
		width:348px;
		height:68px;
		background-image:url(../v2_images/search.png);
		position:relative;
		margin:auto;
}
.go{
	
		position:absolute;
		
		background-image:url(../v2_images/go.png);
		
		width:31px;
		
		height:19px;
		
		left: 294px;
		
		top: 35px;
}
.search_box{
		
		position:absolute;
		
		left: 83px;
		
		top: 34px;
}
.search input{
	
		width:200px;
		
		font-size:12px;
		
		font-family:Verdana, Geneva, sans-serif;
}
.search input:active{
	
		background-color:#b5ccd1;
}
.Monster_Search{
	
		background-color:#2a555d;
		
		color:#faf999;
		
		position:absolute;
		
		font-size:14px;
		
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		
		left: 81px;
		
		top: 12px;
		
		padding-right:3px;
		
		padding-left:3px;
		
		font-weight:bold;
		
		
}
.Item_Search{
		
		background-color:#b5ccd1;
		
		color:#45767f;
		
		position:absolute;
		
		font-size:14px;
		
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		
		padding-right:3px;
		
		padding-left:3px;
		
		left: 189px;
		
		top: 11px;
		
		font-weight:bold;
		
		
}
.Item_Search:hover,.Monster_Search:hover{
		
		cursor:pointer;
}
		
#Search_Query{
		
		background-color:#b5ccd1;
		
		position:absolute;
		
		width:203px;
		
		left: 82px;
		
		top: 53px;
		
		border:1px solid black;
		
		display:none;
		
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		
		padding-left:3px;
		
		text-align:left;
		
		
}
	
.subs:hover{
		
		cursor:pointer;
		
		background-color:black;
		
		color:orange;
}
.search_library{
	
	width:348px;
	
	height:169px;
	
	background-image:url(../v2_images/null-bg.png);
	
	margin:auto;
	
}
.joinnow{
	
	width:368px;
	
	height:86px;
	
	background-image:url(../v2_images/joinnow.png);
	
	background-repeat:no-repeat;
	
	
}
.iro_donation{
	
	background-image:url(../v2_images/donation_btn-down.png);
	
	background-repeat:no-repeat;
	
	width:55px;
	
	height:21px;
	
	float:right;
	
	margin-top:8px;
	
	margin-right:8px;
}
.iro_hypermart{
	
	background-image:url(../v2_images/hypermart_btn-normal.png);
	
	background-repeat:no-repeat;
	
	width:76px;
	
	height:21px;
	
	float:right;
	
	margin-top:8px;
	
	margin-right:8px;
}
.iro_hypermart:hover{
	
	background-image:url(../v2_images/hypermart_btn-down.png);
	
	cursor:pointer;
}
.iro_donation:hover{
	
	cursor:pointer;

}
/*  SEARCH PAGES */
.SEARCH_CONTAINER{
	
	width:700px;
	
	margin:auto;
	
}
.SEARCH_BODY{
	border:0px solid black;
}
.SEARCH_CONTAINER h2{
	color:purple;
}
.SEARCH_LEFT_SIDE{
	
	width:300px;
	
	border:0px solid black;
	
	float:left;
}
.SEARCH_RIGHT_SIDE{
	
	width:300px;
	
	border:0px solid black;
	
	float:right;
	
}
.CLEAR_DIV{
	
	clear:both;
	
}
.BACK_CAPTION{
	
	text-align:right;
}
/* Gallery Styles */
.scrollleftimg {
	z-index: 9999999;
	width: 24px;
	height: 100px;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.scrollrightimg {
	z-index: 9999999;
	width: 24px;
	height: 100px;
	position: relative;
	display: inline-block;
	left: 293px;
	cursor: pointer;
}
.motiongalleryimg {
	cursor: pointer;
	border-right: 1px solid #cdd9e2;
}

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 344px; /* Set to gallery width, in px or percentage */
height: 100px; /* Set to gallery height */
margin-left: 1px;
margin-top: 13px;
border: 1px solid #cdd9e2;
}
#motioncontainer a img {
border: 0 none white; /* Set image border color */
}
#motioncontainer a:hover img {
border: 0 none white; /* Set image border hover color */
}
#statusdiv {
background-color: lightyellow;
border: 0 none white;
padding: 1px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}
#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */


/* BODY_TABLE */
.tblborder{
	border:1px solid #BED5DC;
	background-color:#FFF;
}