body{
	font-size:9px;
	padding:0px;
font-family:verdana; 
	background-color:#bbbbcc;
	background-repeat:no-repeat;
	overflow:auto;
	color:#000000;
}

span.locale { 
font-style: italic;
color: red;
 }

select {
      /* Remove default arrow */
   background-image: url(...);   /* Add custom arrow */
   border: 1px solid dimgrey; 
	border-radius: 5px;
	padding: 2px;
}

#msgid {
	border: 1px solid dimgrey; 
	border-radius: 5px;
}

span.saveoptions{
	position: absolute;
	left: 500px;
	padding-left: 30px;
}

.homebtn{
color: black;
text-decoration: none;
background-color: Lavender;
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 10px;
line-height: 35px;
border: 1px solid dimgrey; 

 }
 
  .homebtn:hover{
color: black;
text-decoration: none;
background-color: plum;
padding: 5px 10px;
border-radius: 5px;
margin-left: 10px;
line-height: 35px;
border: 1px solid dimgrey; 
 }


.saveoptions a{
color: black;
text-decoration: none;
background-color: Lavender;
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 10px;
line-height: 35px;
border: 1px solid dimgrey; 

 }
 
 .saveoptions a:hover{
color: black;
text-decoration: none;
background-color: plum;
padding: 5px 10px;
border-radius: 5px;
margin-left: 10px;
line-height: 35px;
border: 1px solid dimgrey; 
 }
 
 /* biochem adjustment */
 span.saveoptions_bio{
	position: absolute;
	left: 400px;
	top: 150px;
	padding-left: 30px;
}

 /* clown adjustment */
 span.saveoptions_cwn{
	position: absolute;
	left: 450px;
	top: 230px;
	padding-left: 30px;
}

.saveoptions_cwn a{
color: black;
text-decoration: none;
background-color: Lavender;
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 10px;
line-height: 35px;
border: 1px solid dimgrey; 

 }
 
 .saveoptions_cwn a:hover{
color: black;
text-decoration: none;
background-color: plum;
padding: 5px 10px;
border-radius: 5px;
margin-left: 10px;
line-height: 35px;
border: 1px solid dimgrey; 
 }

/*sniper adjustment */

 span.saveoptions_snip{
	position: absolute;
	left: 400px;
	top: 230px;
	padding-left: 30px;
}

.saveoptions_snip a{
color: black;
text-decoration: none;
background-color: Lavender;
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 10px;
line-height: 35px;
border: 1px solid dimgrey; 

 }
 
 .saveoptions_snip a:hover{
color: black;
text-decoration: none;
background-color: plum;
padding: 5px 10px;
border-radius: 5px;
margin-left: 10px;
line-height: 35px;
border: 1px solid dimgrey; 
 }

.homebtn{
color: black;
text-decoration: none;
background-color: Lavender;
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 10px;
line-height: 35px;
border: 1px solid dimgrey; 

 }
 
  .homebtn:hover{
color: black;
text-decoration: none;
background-color: plum;
padding: 5px 10px;
border-radius: 5px;
margin-left: 10px;
line-height: 35px;
border: 1px solid dimgrey; 
 }


.saveoptions_bio a{
color: black;
text-decoration: none;
background-color: Lavender;
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 10px;
line-height: 35px;
border: 1px solid dimgrey; 

 }
 
 .saveoptions_bio a:hover{
color: black;
text-decoration: none;
background-color: plum;
padding: 5px 10px;
border-radius: 5px;
margin-left: 10px;
line-height: 35px;
border: 1px solid dimgrey; 
 }




 /* Dropdown Button */
.dropbtn {
color: black;
text-decoration: none;
background-color: Lavender;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid dimgrey; 
cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn :focus {
  background-color: plum;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;


}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
 /* background-color: #f1f1f1; */
  min-width: 160px;
/* box-shadow: 0px 8px 15px 5px rgba(0,0,0,0.8); */
  z-index: 3;
    padding: 5px 10px;
border-radius: 5px;
border: 1px solid dimgrey; 
  background: rgba(76, 15, 80, 0.3); /* Green background with 30% opacity */
  align: justify;
}

/* Links inside the dropdown */
.dropdown-content > a {
color: black;
text-decoration: none;
background-color: Lavender;
border-radius: 5px;
margin-bottom: 10px;
padding: 5px 10px;
border: 1px solid dimgrey; 
display: inline-block;
width: 100px;
margin-left: 10px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	
	color: black;
text-decoration: none;
background-color: plum;
padding: 5px 10px;
border-radius: 5px;
margin-left: 10px;
line-height: 15px;
border: 1px solid dimgrey; 

}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}



 
#bgimg{
  position: absolute;
  left: 870px;
  top: 200px;
}

#navmenu {
	position: absolute;
	left: 920px;
	top: 260px;
}

/*Champion adjustment */
#navmenu_chp {
	position: absolute;
	left: 920px;
	top: 210px;
}

/* biochem adjustment */
#navmenu_bio {
	position: absolute;
	left: 820px;
	top: 370px;
}


/* clown adjustment */
#navmenu_cln {
	position: absolute;
	left: 870px;
	top: 450px;
}

/* sniper adjustment */
#navmenu_snip {
	position: absolute;
	left: 822px;
	top: 450px;
}

input[type=text] {
   /* Awesome styling */
   border: none;
   background-color:rgba(0, 0, 0, 0);
   border-radius: 5px;
   padding: 5px;
}

span.help{
	font-family:"MS UI Gothic";
	cursor:help;
	font-size:12px;
	line-height:16px;
	height:16px;
	width:114px;
	overflow:hidden;
	
}
table.job{
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-image:url("img/bar.png");
	border:solid 0px;
	border-radius: 1px 10px 10px 1px;
	height:28px;
	width:140px;
}
table.quest{
	background-color:#ffffcc;
	border:solid 0px;
	border-radius: 1px 10px 10px 1px;
	height:28px;
	width:140px;
tr{
	font-size:12px;
	text-align:center;
}
img.ico{
	overflow:visible;
	height:26px;
	width:26px;
}
a{
	color:#008888;
}
a:visited {
	color:#008888;
}
a:hover{
	color:#880000;
}
a.con{
	font-family:"Arial";
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
a.con:visited{
	font-family:"Arial";
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
a.con:link{
	font-family:"Arial";
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
a.jc{
	font-size:170px;
	background-color: #eeeeff;
	line-height:1em;
}
a.jc:visited{
	font-size:170px;
	background-color: #eeeeff;
	line-height:1em;
}
a.jc:hover{
	font-size:170px;
	background-color: #ccccdd;
	line-height:1em;
}
input{
	font-size:12px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#000000;
	background-color:#ffffff;
	color:#000000;
}
/*
select{
	background-color:#ffff99;
	color:#000000;
	font-size:12px;	
} 
*/
input.btn{
	font-size:12px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	padding:0px 0px 0px 0px;
}
input.con{
	font-size:13px;
	border:solid 0px;
}
input.chk{
	border:solid 0px;
	background-color: transparent;
}
textarea{
	font-size:12px;
	border:solid 1px; 
	overflow:auto;
	color:#000000;
	background-color:#ffffff;
}

table.lst{
	background-color: #bbbbcc;
	border: solid;
	border-color: #ffffff;
	border-width:1px 0px 0px 1px;
	table-layout: fixed;
}

td.lst,th.lst{
	padding:4px;
	text-align:center;
	font-size:13px;
	background-color: #ccccdd;
	border: solid;
	border-color: #ffffff;
	border-width:0px 1px 1px 0px;
}
td.lst0{
	padding:2px;
	text-align:center;
	font-size:13px;
	width: 70px;
	background-color: #bbbbcc;
	border: solid;
	border-color: #ffffff;
	border-width:0px 1px 1px 0px;
}
td.lst1{
	padding:2px;
	text-align:center;
	font-size:13px;
	width: 130px;
	background-color: #ccccdd;
	border: solid;
	border-color: #ffffff;
	border-width:0px 1px 1px 0px;
}
dl{
	background-color:#ddddee;
	border: solid;
	border-color: #666666;
	border-width:1px 1px 1px 1px;

}

dt{
	color:#880000;
	padding:4px;
	border: solid;
	border-color: #ffffff;
	border-width:0px 0px 1px 0px;
}
dd{
	padding:4px;
}
div.alert{
	font-size:12px;
	font-family:"MS UI Gothic";
}
hr{
	border-width:1px 0px 0px 0px;
	color: #000000;
	height:1px;
}