* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family: verdana; font-size: 10pt; background-color: #eaeaea; }
td.newsData ul li { margin-left: 10px; }


a:link { color: #1a1b22; text-decoration:underline; font-size: 10pt; }
a:visted { color: #0f1013; }
	
	a.langLinks { text-decoration: underline; color: #0f1013; font-variant: small-caps; font-size: 8pt; }
	a.langLinks:hover { color: white; font-style: normal; }
	
	a.sideLinks:link { text-decoration: underline; color: #0f1013; font-variant: small-caps; font-size: 8pt; }
	a.sideLinks:hover { color: #476da5; font-variant: small-caps; font-size: 8pt; }
	a.sideLinks:visited { color: #476da5; font-variant: small-caps; font-size: 8pt; }
	a.sideLinks:active { color: #476da5; font-variant: small-caps; font-size: 8pt; }
	
	a:link#ao,a:visited#ao { font-weight: bold; text-decoration: underline; color: #0f1013; font-variant: small-caps; font-size: 8pt; }
	a:hover#ao { color: white; }
	
	a.i_style:link { text-decoration: underline; color: #0f1013; font-size: 8pt; font-variant: normal; font-family: tahoma;}
		a.i_style#news { color: white; font-variant: small-caps; font-family: tahoma; }
	a.i_style:hover { font-variant: normal; font-style: normal; color: red;}
		a.i_style#news:hover { color: red; }
	a.i_style:visted { color: #0f1013; }
	a.i_Style:active { color: #0f1013; }
	.m_style a:link { text-decoration: underline; color: white; font-size: 8pt; font-variant: normal; font-family: tahoma;}
	.m_style a:hover { text-decoration: underline; color: red; font-size: 8pt; font-variant: normal; font-family: tahoma;}
	.m_style a:visited { text-decoration: underline; color: white; font-size: 8pt; font-variant: normal; font-family: tahoma;}
		

#top-bar
{
	position: relative;
	background-color: green;
	border-top: 3px solid #2d5082;
	border-bottom: 3px solid #2d5082;
	background-color: #476da5;
	padding: 3px;
}

	#in-top {
		position: relative;
		display: block;
		padding: 3px;
	}
	
		#search-div {
			position: absolute;
			top: 1px; left: 0;
			width: 175px;
		}
			.searchSubmit {
				position: absolute;
				top: 0px;
				z-index: 1;
				border: 1px solid #295480;
				/*height: 20px; width: 20px;*/
				padding: 1px; margin-left: 5px;
				color: #295480;
				font-variant: small-caps;
				font-size: 8pt;
			}
			
			.searchSubmit2 {
				position: absolute;
				top: 0px;
				z-index: 1;
				border: 1px solid #295480;
				height: 20px; width: 27px;
				padding: 1px; margin-left: 5px; margin-top: 1px;
				color: #295480;
				font-variant: small-caps;
				font-size: 8pt;
			}
			
			
		#drops-div {
			position: absolute;
			top: 0px;
			left: 200px;
		}
		
		
		#lang-div {
			position: absolute;
			top: 0px;
			right: 5px;
		}

			input#searchTxt {
				border: 1px solid black;
				background-color: #b9c9e1;
				font-size: 10pt;
				font-family: tahoma;
				color: black;
				padding-left: 2px;
				text-align: left;
				z-index: 15;		
			}
					
		
			/*drop down style */
			
				.mySelect {
					background-color: #cdd8e9;
					color: black;
					font-family: arial;
					font-size: 10pt;
					width: 85px;
				}
			
				 .selOpt {
					background-color: #cdd8e9;
					font-size: 10pt;
					font-family: arial;
					color: black;
					width: 85px;				 
				 }
					.selOpt2 { width: 200px; }
			
				#goDrop {
					width: 23px;
					height: 23px;
					background-color: #cdd8e9;
					color: black;
					border: 1px solid black;
					font-size: 8pt;			
				}
			
			
			/* drop down style ^ */
		
		#lang {
			position: absolute;
			right: 5px;
			top: 5px;
		}
		
		#report {
		  position: absolute;
		  right: 5px;
		  bottom: 5px;		
		}

.clear { clear: both; height: 1%; font-size: 1pt; }

	
/* MAIN holding content and sidebar */	
#main {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
		
	/* --SIDEBAR area   */		
		#sidebar {
			background-color: #97accb;
			position: absolute;
			top: 0;
			left: 0;
			width: 200px;
			text-align: center;
			padding-bottom: 15px;
		}
		
		.sizeBar {
			width: 175px;
		}
		
		
			#serverStatus {
				  border: 0px solid red;
				  /*width: 220px;*/
				  margin-top: 15px;
				  position: relative;
			}
			
			#servLi {
				background-color: #1e2735;
				text-align: center;
				padding: 2px 0 2px 5px;
				color: white;
			}
			
				#servHldr {
					padding: 5px;
				}
				#servHldr2 {
					padding: 1px;
					font-size: 8pt;
				}
				
					#servTitle {
						font-weight: bold;
					}
					#servTitle2 {
						font-weight: normal;
					}
				
					.servStatus {
						position: absolute;
						right: 5px;
						text-align: right;
						font-weight: normal;
						font-variant: small-caps;
					}
						#Online { color: #2f822d; }
						#Maintenance { color: orange; }
						#Offline { color: #82332d; }
						#servGen { color: #2f822d; }
			
				
				
			#links {
				  border: 0px solid red;
				  /*width: 220px;*/
				  margin-top: 10px;
			}
				#linksUl {
					list-style-type: none;
					list-style-image: none;
				}
					.linksLi {
						margin: 0;
						padding: 2px 0 2px 7px;
						text-align: left;
						font-size: 10pt;
						color: black;
						font-family: verdana;
					}
						#firstLi {
							background-color: #003366;
							padding: 5px;
							color: white;
							text-align: center;
						}
						#offLi {
							background-color: #cdd8e9;
							padding-left: 10px;
						}
						#onLi {
							background-color: #dae3ef;
							padding-left: 10px;
						}
						#spaceLi {
							background-color: #E5A35D;
							padding-left: 15px;
						}
				
				.sLi { color: red; }
						
				#specialLink { font-style: italic; font-size: 8pt; }
				
			#rfdb {
				  border: 0px solid red;
				  /*width: 220px;*/
				  margin-top: 10px;
			}
			
			#RFfirstLi {
				background-color: #b36b1d;
				padding: 5px;
				color: white;
				text-align: center;
			}
			
			
			#footer {
				margin-top: 10px;
				font-size: 8pt;
				font-family: verdana;
				text-align: left;
				padding-left: 15px;
			}
			
			
	/* --SIDEBAR area   */	


	.news {
		position: relative;
		top: 15px;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	
	.newsHdr {
		background-color: #343b40;
		color: white;
		padding: 3px;
		padding-bottom: 4px;
		font-size: 10pt;
		font-family: Tahoma;
		border-bottom: 1px solid white;
		text-align: center;
		font-variant: small-caps;
	}
	.newsData {
		font-size: 10pt;
		font-family: tahoma;
		color: black;
		text-align: left;
		padding: 10px;
		background-color: #d7dbdd;
		border-left: 1px solid #e5e5e5;
	}
	.newsEnd {
		border-bottom: 1px solid #afb0b1;
		border-left: 1px solid #e5e5e5;
		text-align: right;
		padding: 10px 10px 3px 10px;
		font-size: 10pt;
		font-family: tahoma;
		color: black;
		background-color: #d7dbdd;
	}
			
	/* DATA area   */	
	table.rf_info {
	width: 100%;
	text-align:center;
	vertical-align:middle;
	background-color:#97accb;
	margin-left:auto;
	margin-right:auto;
	}

	/*table.rf_info td.description{
	text-align:left;
	}

	table.rf_info td.right{
	text-align:right;
	width:150px;
	}*/

		#content {
			background-color: #eaeaea;
			position: absolute;
			/*width: 100%;*/
			left: 200;
			top: 0;
			padding: 7px 5px 0px 5px; /* this sets the distance the data is from the top and sidebar and right or bottom*/
		}
		
			.data {
				position: relative;
				margin-bottom: 1px;
			}
			#intData {
				margin-bottom: 0px;
			}
			
				#regTbl {
					border: 0px solid black;
				}
				
				#dataImgs {
					height: 32px;
					width: 32px;
					border: 0;
				}
				
				#regPic {
					background-color: #5a666e;
				}
				#regPic2 {
					background-color: #7a868e;
				}
					.regHdr {
						background-color: #343b40;
						color: white;
						padding: 5px;
						font-size: 8pt;
						font-family: tahoma;
						border-bottom: 1px solid white;
						border-left: 1px solid white;
						text-align: center;
						font-variant: small-caps;
					}
					#regHdr1 { border-left: 1px solid white; }
					#regDataL { border-left: 0px; }
					
					.regData {
						background-color: #d7dbdd;
						color: black;
						padding: 5px;
						font-size: 8pt;
						font-family: verdana;
						border-left: 1px solid white;
						text-align: center;
						/*font-variant: small-caps;*/
					}
					.regData2 {
						background-color: #e8eaeb;
					}
					.regData3 {
						border-bottom: 1px solid white;
					}
					.regData_Leon {
						background-color: #79afb8;
						color: black;
						padding: 5px;
						font-size: 8pt;
						font-family: verdana;
						border-left: 1px solid white;
						text-align: center;
						border-bottom: 1px solid white;
					}
					.regData_Special {
						background-color: #81a67e;
						color: black;
						padding: 5px;
						font-size: 8pt;
						font-family: verdana;
						border-left: 1px solid white;
						text-align: center;
						border-bottom: 1px solid white;
					}
					.regData_Relic {
						background-color: #c3bf56;
						color: black;
						padding: 5px;
						font-size: 8pt;
						font-family: verdana;
						border-left: 1px solid white;
						text-align: center;
						border-bottom: 1px solid white;
					}
					.regData_Hero {
						background-color: #dea285;
						color: black;
						padding: 5px;
						font-size: 8pt;
						font-family: verdana;
						border-left: 1px solid white;
						text-align: center;
						border-bottom: 1px solid white;
					}
					.regData_Superior {
						background-color: #BFEFFF;
						color: black;
						padding: 5px;
						font-size: 8pt;
						font-family: verdana;
						border-left: 1px solid white;
						text-align: center;
						border-bottom: 1px solid white;
					}
					#regDesc {
						color: #3d61a7;
						font-size: 10pt;
						font-family: verdana;
						font-variant: normal;
					}
					
			.redData {
				background-color: #d88282;
			}
			#intPic {
				background-color: #9d4444;
			}

			.MobLayoutName{
				background-image: url(images/mob_layout/mob_layout_name.gif);
				background-repeat: no-repeat;
				width: 222px;
				height: 17px;
				valign: bottom;
			}

			.MobLayoutHP{
				background-image: url(images/mob_layout/mob_layout_hp.gif);
				background-repeat: no-repeat;
				width: 222px;
				height: 9px;
			}

			.MobLayoutLeft{
				background-image: url(images/mob_layout/mob_layout_stat_left.gif);
				background-repeat: no-repeat;
				width: 43px;
				height: 30px;
			}

			.MobLayoutMiddle{
				background-image: url(images/mob_layout/mob_layout_stat_mid.gif);
				background-repeat: no-repeat;
				width: 138px;
				height: 30px;
			}

			.MobLayoutRight{
				background-image: url(images/mob_layout/mob_layout_stat_right.gif);
				background-repeat: no-repeat;
				width: 41px;
				height: 30px;
			}

			.MobStat{
				border: 0px;
				margin-left: 4px;
			}

			.MobStat4{
				border: 0px;
				margin-left: 1.5px;
			}

			.tooltip {
				position:absolute;
				top:0px;
				left:0px;
				z-index:100;
				visibility:hidden;
				border: solid 1px black;
				width:auto;
				padding:2px;
				background-color: #d7dbdd;
			}

			.ender { border-bottom: 1px solid #afb0b1; }
			#theEnd { border-right: 1px solid #c1c1c1; }
			.intPic { background-color: #9d4444; }
			/* to handle the extract.php WIND ability border removal, but still show the fancy theEnd style */
			#regDataL_E { border-left: 0px; border-right: 1px solid #c1c1c1; }
			
			
			
	/* recipe area */		
			
			.recipe {
				position: relative;
				padding-top: 20px;
				padding-left: 20px;
				/*background-color: red;*/
				margin-bottom: 1px;
			}
			#intData {
				margin-bottom: 10px;
			}
			
				#recipeTbl {
					border: 0px solid black;
				}
				
				#recipeImgs {
					height: 32px;
					width: 32px;
					border: 0;
				}
				
				#recipeTitle {
					color: #1f4f88;
					font-weight: bold;
					font-family: Verdana;
					padding-left: 10px;
					font-size: 8pt;
				}
				
				.tdspacer { height: 3px; font-size: 0pt; }
				
					.recipeHdr {
						background-color: #476da5;
						color: white;
						text-align: center;
						font-size: 10pt;
						font-family: Verdana;
						border-bottom: 1px solid white;
						border-left: 1px solid white;
						padding: 2px;
						font-variant: small-caps;
					}
					.recipeData {
						background-color: #bed2f0;
						color: black;
						padding: 5px;
						font-size: 10pt;
						font-family: verdana;
						border-left: 1px solid white;
						text-align: center;
						font-variant: small-caps;
					}
					.recipeDataM {
						background-color: #bed2f0;
					}
					.recipeDataB{
						background-color: #adc7ee;
						color: #193cb9;
						font-size: 8pt;
						border-top: 1px solid white;
					}
			/* recipe area */
				
		/*  extract area */		
					
			.extract {
				position: relative;
				padding-top: 15px;
				padding-left: 20px;
				/*background-color: red;*/
				margin-bottom: 1px;
			}
			
				#extractTbl {
					border: 0px solid black;
				}

				
				#extractTitle {
					color: #1f4f88;
					font-weight: bold;
					font-family: Verdana;
					padding-left: 10px;
					font-size: 8pt;
				}
				
					.extractHdr {
						background-color: #476da5;
						color: white;
						text-align: center;
						font-size: 10pt;
						font-family: Verdana;
						border-bottom: 1px solid white;
						border-left: 1px solid white;
						padding: 2px;
						font-variant: small-caps;
					}
					.extractData {
						background-color: #bed2f0;
						text-align: center;
						padding: 10px;
						border-left: 1px solid white;
					}
					
					.extractFooter {
						background-color: #bed2f0;
						text-align: center;
						padding: 5px;
						border-left: 1px solid white;
						font-size: 10pt;
						font-family: verdana;
						font-variant: small-caps;
					}
					/*  /end extract */


		#fl_left { float: left; margin-right: 10px; z-index: 5; }
		#fl_left_m { float: left; margin-right: 20px; z-index: 5; }
		
		#collapse { font-size: 8pt; font-family: "verdana"; color: orange; cursor: pointer;}
		
		
	/* --DATA area   */	
/* --MAIN holding content and sidebar */