uncomment some css. ty SignpostMarv

/* WebUI Css Level 2.1 v0.7 (10/06/2011) */

html {width: 100%; height: 100%;}

body.webui {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color:#eee;
  /* background: #9a9a9a url("background_01.jpg") fixed 50% 0% repeat-x; */
  background-color:  #9a9a9a;
}

.webui #adminnote {
	width: 900px;
  background-color: transparent;
	margin: 0 auto;
  text-align: center;
	border: 0px solid #000000;
	text-align: left;
}

.webui #absolute {;}


/* Translator and date Container */
.webui #topcontainer {
	width: 900px;
  margin-left: auto;
  margin-right: auto;
  z-index: 50;
}


/* Translator_Module */
.webui #translator {
  position: relative;
  float:left;
  margin: 0px;
  margin-top: 0px;
  margin-right: 3px;
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
  padding-bottom:3px;
  font-size: 0.8em;
  /* background-image: url("background_06.png"); */
  background-color: #000000;
  background-repeat: repeat;
	height: 15px;
}


/* Date Module*/
.webui #date {
  position: relative;
  float:left;
  margin: 0px;
  margin-top: 0px;
  margin-left: 3px;
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
  padding-bottom:3px;
  text-align:center;
  font-size: 0.8em;
  /* background-image: url("background_06xxx.png"); */
  background-color: transparent;
  background-repeat: repeat;
	height: 15px;
	width:255px;
}


/* Welcome Text Module */
.webui #welcomeText {
  position: relative;
  float:right;
  margin: auto;
  margin-top: 0px;
  padding: 3px;
  padding-bottom:3px;
  font-size:0.8em;
  height: 15px;
  /* background-image: url("background_06.png"); */
  background-color: #000000;
}


/* Scrolling Text Module */
div.horizontal_scroller, div.vertical_scroller {
  position:absolute;
	height: 16px;
	width: 270px;
	margin-left: 330px;
	display:block;
	overflow:hidden;
  float:left;
  margin-top: 0px;		
}

div.scrollingtext {
  position:absolute;
  white-space:nowrap;
  font-size: 0.8em;
  z-index:99;
  color:#111111;
  padding: 3px;
  padding-bottom:3px;
}


/* The Container */
.webui #container {
	width: 880px;
  /* background-image: url("background_06.png"); */
  background-color: #000000;
  background-repeat: repeat;
  margin-top: 10px;
	border: 0px solid #000;
	text-align: left;
	padding: 10px;
	float: left;
}

.webui #header {
  color:#eeeeee;
  background: #000000;
	border: 0px solid #222;
}


/* Logo */
.webui #headerimages {;}
.webui #headerimages h1 {color:#ffffff;margin: 0px;height:139px;}

#headerimages {
  margin: 0px;
	padding: 0;
	text-indent: -9999px;
	height: 139px;
	position: relative;
	background: transparent url(header.png) no-repeat;
}

#headerimages a {
  width: 100%;
	position: relative;
	top: 0;
	left: 0;
	width: 534px;
	height: 139px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
}

#headerimages .fake-hover {
	margin: 0;
	padding: 0;
	width: 534px;
	height: 139px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(header.png) no-repeat 0 -150px;
}


/* MenuBar Horizontal */
.webui #menubar {margin-top:10px;}


/* content*/
.webui #content {
  float:left;
  width: 870px;
  margin: 0 auto;
  margin-top:10px;
  font-size: 12px;
  padding: 5px; 
	background-color: #1a1a1a;
  text-align:left;
  color:#eee; 
}

div#ContentHeaderLeft {
margin: 10px;
width: 30%;
background-color: transparent;
float: left;
}

div#ContentHeaderCenter {
margin: 10px;
width: 30%;
background-color: transparent;
float: left;
font-weight: bold;
margin-top:25px;
}

div#ContentHeaderRight {
margin: 10px;
width: 30%;
background-color: transparent;
float: right;
text-align:right;
}


/* home content */
#home_content_left {
  font-size: 12px;
  padding: 10px;
	background-color: #000000;
  text-align:left;
  width:70%;
}

.webui #home_content_right {
  float:right;
  width: 270px;
  height: 132px;
  margin-top: -215px;
  margin-right: 23px;
}


/* Slide Show */
.slideshow {
  z-index:200;
  position: relative;
  float:left;
  margin-top: 84px;
  margin-left:0px;
  width: 270px;
  height: 132px;
}

.slideshow img {
  padding: 0px; 
  border: 10px solid #222;
  background-color: #000;
  width: 260px;
  height: 110px;
}


/* MainContainer */
.webui #MainContainer {;}


/* from sitemodul.php */
#scr {
  position:absolute;
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  overflow:auto;
}


/* from pwreset.php */
.Stil1 { font-size: 18px;	font-weight: bold;}


/* grid status module */
.textcolorwhite {color: #f1f1f1;}
.translatorcolor {color: #ffffff;}
.textcolorgreen {color:#12d212;}
.textcolorred {color:#ea0202;}

.placeholder{font-size: 3px}
.box {font-size: 12px;height: 20px; width:60px;}
.box1 {font-size: 12px;height: 20px;width: 60px;}
.boxspace {font-size: 1px; color: #ffffff;}
.style1 {color: #fff}
.style2 {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; }
.Stil9 {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*  add by dj phil */
a , ul, ol, li, form {margin: 0px; padding: 0px;}
a {cursor:pointer; font-size: 1em; color:#ffa500; outline: none; text-decoration: none; }
a:hover {text-decoration: underline;}
img {border: 0px;}
table {font-size: 100%; border:0px;}
table p {line-height:21px;margin:0px;padding:0px;}
p {line-height:21px;margin:0px;padding-bottom:0px;}
.captcha {background-color: #ffffff;width:450px; height: 112px; border: 10px solid #000000}

h1 {font-size: 24px; color:#ffffff;margin:0px;padding:0px;}
h2 {font-size: 18px; color:#ffffff;margin:0px;padding:0px;}
h3 {font-size: 14px; color:#ffffff;margin:0px;padding-bottom:5px;}
h4 {font-size: 12px; color:#ffffff;margin:0px;padding:0px;}
h5 {font-size: 10px; color:#ffffff;margin:0px;padding:0px;}

.webui #header h1 span {display:none;}
.webui #header h2 span {display:none;}
.webui #header h3 span {display:none;}
.webui #header h4 span {display:none;}
.webui #header h5 span {display:none;}

.webui #MainContainer h1 span {display:none;}
.webui #MainContainer h2 span {display:none;}
.webui #MainContainer h3 span {display:none;}
.webui #MainContainer h4 span {display:none;}
.webui #MainContainer h5 span {display:none;}

.webui #footer h1 span {display:none;}
.webui #footer h2 span {display:none;}
.webui #footer h3 span {display:none;}
.webui #footer h4 span {display:none;}
.webui #footer h5 span {display:none;}


/* tables setting */
#content table {font-size: 100%;}
#content a {color: #ffa500; text-decoration: none;}
#content a:visited {text-decoration: none}
#content a:active {text-decoration: none}
#content a:hover {text-decoration: underline;}

#regionlist {width:100%; background-color: transparent; float:left;}
#regionlist table {color: #ffffff; width: 100%;}
#regionlist td a {color: #ffa500; text-decoration: none;}
#regionlist a:visited {text-decoration: none}
#regionlist a:active {text-decoration: none}
#regionlist a:hover {text-decoration: underline;}

#register  {width:100%; background-color: transparent; float:left;}
#register table {color: #ffffff; width: 100%; float:left;}
#register td {padding: 5px;}
#register a {color: #ffa500; text-decoration: none;}
#register a:visited {text-decoration: none}
#register a:active {text-decoration: none}
#register a:hover {text-decoration: underline;}

#login  {width:100%; background-color: transparent; float:left;}
#login table {color: #ffffff; width: 100%; float:left;}
#login td {padding: 5px;}
#login a {color: #ffa500; text-decoration: none;}
#login a:visited {text-decoration: none}
#login a:active {text-decoration: none}
#login a:hover {text-decoration: underline;}

#forget_pass {width:100%; background-color: transparent; float:left;}
#forget_pass table {color: #ffffff; width: 100%; float:left;}
#forget_pass td {padding: 5px;}
#forget_pass a {color: #ffa500; text-decoration: none;}
#forget_pass a:visited {text-decoration: none}
#forget_pass a:active {text-decoration: none}
#forget_pass a:hover {text-decoration: underline;}

#usersonline {width:100%;background-color: transparent;float:left;}
#usersonline table {color: #ffffff; width: 100%;}
#usersonline a {color: #ffa500; text-decoration: none;}
#usersonline a:visited {text-decoration: none}
#usersonline a:active {text-decoration: none}
#usersonline a:hover {text-decoration: underline;}

#searchpeople {width:100%;background-color: transparent;float:left;}
#searchpeople table {color: #ffffff; width: 100%;}
#searchpeople a {color: #ffa500; text-decoration: none;}
#searchpeople a:visited {text-decoration: none}
#searchpeople a:active {text-decoration: none}
#searchpeople a:hover {text-decoration: underline;}

#changeaccount {width:100%;background-color: transparent;float:left;}
#changeaccount table {color: #ffffff; width: 100%;}
#changeaccount a {color: #ffa500; text-decoration: none;}
#changeaccount a:visited {text-decoration: none}
#changeaccount a:active {text-decoration: none}
#changeaccount a:hover {text-decoration: underline;}

#loginscreen_manager {width:100%;background-color: transparent;float:left;}
#loginscreen_manager table {color: #ffffff; width: 100%;}
#loginscreen_manager a {color: #ffa500; text-decoration: none;}
#loginscreen_manager a:visited {text-decoration: none}
#loginscreen_manager a:active {text-decoration: none}
#loginscreen_manager a:hover {text-decoration: underline;}

#managepanel {width:100%;background-color: transparent;float:left;}
#managepanel table {color: #ffffff; width: 100%;}
#managepanel a {color: #ffa500; text-decoration: none;}
#managepanel a:visited {text-decoration: none}
#managepanel a:active {text-decoration: none}
#managepanel a:hover {text-decoration: underline;}

#adminsettings {width:100%;background-color: transparent;float:left;}
#adminsettings table {color: #ffffff; width: 100%;}
#adminsettings a {color: #ffa500; text-decoration: none;}
#adminsettings a:visited {text-decoration: none}
#adminsettings a:active {text-decoration: none}
#adminsettings a:hover {text-decoration: underline;}

#support {width:100%;background-color: transparent;float:left;}
#support table {color: #ffffff; width: 100%;}
#support a {color: #ffa500; text-decoration: none;}
#support a:visited {text-decoration: none}
#support a:active {text-decoration: none}
#support a:hover {text-decoration: underline;}

#help {width:100%;background-color: transparent;float:left;}
#help table {color: #ffffff; width: 100%;}
#help a {color: #ffa500; text-decoration: none;}
#help a:visited {text-decoration: none}
#help a:active {text-decoration: none}
#help a:hover {text-decoration: underline;}

#chat {width:100%;background-color: transparent;float:left;}
#chat table {color: #ffffff; width: 100%;}
#chat a {color: #ffa500; text-decoration: none;}
#chat a:visited {text-decoration: none}
#chat a:active {text-decoration: none}
#chat a:hover {text-decoration: underline;}

#gallery {width:100%;background-color: transparent;float:left;}
#gallery img {width:165px;}
#gallery table {color: #ffffff; width: 100%;}
#gallery a {color: #ffa500; text-decoration: none;}
#gallery a:visited {text-decoration: none}
#gallery a:active {text-decoration: none}
#gallery a:hover {text-decoration: underline;}


/* content popup */
.webui #container_popup {
	width: 760px;
	background-color: #000000;
  margin: 0 auto;
  margin-top: 10px;
	border: 0px solid #000000;
	text-align: left;
	padding: 10px;
}

.webui #content_popup {
  width: 740px;
  margin: 0 auto;
  font-size: 12px;
  padding: 10px;
	background-color: #1a1a1a;
  text-align:left;
  color:#eee; 
}


/* more info profil */
#useragentprofil {min-height:225px; width:100%;background-color: transparent;margin-top:20px;}
#useragentprofil table {color: #ffffff; width: 50%;}
#useragentprofil a {color: #aaaa00; text-decoration: none;}
#useragentprofil a:visited {text-decoration: none}
#useragentprofil a:active {text-decoration: none}
#useragentprofil a:hover {text-decoration: underline;}

#profil_picture {
  float: right;
  margin-top: -95px;
}

#profil_picture img {
  border: 1px solid #000000;
  height: 200px;
  width: 200px;
}


/* more info region */
#regioninfo {min-height:283px; width:100%;background-color: transparent;margin-top:20px;}
#regioninfo table {color: #ffffff; width:230px;}
#regioninfo a {color: #faa500; text-decoration: none;}
#regioninfo a:visited {text-decoration: none}
#regioninfo a:active {text-decoration: none}
#regioninfo a:hover {text-decoration: underline;}

#regionMap {float:right; padding:0; margin:0}
#regionMap table {display:inline-block;}
#regionMap td {padding:0; margin:0;}
#regionMap tr {padding:0; margin:0}
#regionMap tr td {height:65px; width:65px; font-size:9px; line-height:10px; text-align:center; padding:2px; background:#000000;}
#regionMap .nosim { background:#000000; border: 1px dashed #999999;}
#regionMap .thissim {background:#000000; color:#ffffff; font-weight:bold;}

#region_picture {
  float: left;
  margin-top: 5px;
}

#region_picture img {
  border: 1px solid #000000;
  height: 220px;
  width: 220px;
}

#regiondetails {
  position: absolute;
  float:left; 
  padding:0px;
  padding-left: 230px;
  margin:0px;
  margin-top: 0px;
}

#region_navigation {
  width: 300px;
  float: right;
}

/*
.even {
  background-color: transparent;
  background-image: url("background_03_off.png");
}

.odd {
  background-color: transparent;
  background-image: url("background_02_off.png");
}
*/

.center {text-align: center; margin: 0 auto; width:300px;}
.error {background-color: transparent;color: #ff0000;}

/* input & bouton */
#birthday {height: 29px; background-color: #eeeeee; border: 0px solid #2a2a2a;}
#birthday_input {width: 31.5%;background-color: #eeeeee; border: 0px solid #2a2a2a;}

#register_input, #login_input, #forgot_pass_input {
  width: 94%;
  background-color: #eeeeee;
  border: 0px solid #2a2a2a; color:#111111;
  padding:5px; padding-left: 20px;
}

#register_bouton, #login_bouton, #forgot_pass_bouton, #adminlogin_button,
#create_news_button, #edit_news_item_button, #info_loginscreen_button {
  font-size: 14px; 
  outline:none;
  padding:5px;  
  background-color: #ffa500;
  background-image: url("shadow_02.png");
  background-repeat: repeat-x;
  border: 0px solid #00ff00;
}

#register_bouton:hover, #login_bouton:hover, #forgot_pass_bouton:hover, #adminlogin_button:hover,
#create_news_button:hover, #edit_news_item_button:hover {
  font-size: 14px;
  outline:none;
  padding:5px;
  background-color: #00ff00;
}

#search_input {
  width: 94%;
  background-color: #eeeeee; 
  border: 0px solid #2a2a2a; color:#111111;
  padding:5px; padding-left: 20px;
}

#search_bouton {font-size: 14px; background-color: #eeeeee; outline:none; padding:5px;}

.adminsettings_bouton {
  font-size: 14px;
  font-weight:bold;
  color: #ffffff;
  border: 0px solid #000000;
  background-color: #000000;
  outline:none;
  padding:5px;
  width:100px;
}

.roundedinput {
  background-color: #eeeeee;
  background-image: url("shadow_02.png");
  background-repeat: repeat-x;
  padding:5px;
}

/* region map */
#region_map {
  width:100%;
  margin-top:60px;
  margin: 0px;
  padding: 0px;
  height: 350px;
  background-color: transparent;
  border:none;
}

/* region QuickMap */
#region_quickmap {
  float:left;
  width:100%;
  margin: 0px;
  padding: 0px;
  height: 100%;
  background-color: transparent;
  border:none;
}

#region_quickmap table {width:100%;float:left; font-size: 10px;}
#region_quickmap td {padding:0px; margin:0px;}
#region_quickmap tr {padding:0px; margin:0px;}
#region_quickmap tr td {padding:0px; margin:2px;}

/* QuickMap Coord-Nav */
div#map-container {width: 100%; height: 100%}
#legend {font-size: 10px;}
#blip_person {background: url(data/person.gif) no-repeat; width: 10px; height: 10px;}

#map-nav {position: relative; float:left;}
#map-nav img {border:0px;}
#map-nav-up {position: absolute; top: 40px; left: 85px; width: 30px;  height: 30px;}
#map-nav-down {position: absolute; top: 100px; left: 85px; width: 30px; height: 30px;}
#map-nav-left {position: absolute; top: 70px; left: 55px; width: 30px; height: 30px;}
#map-nav-right {position: absolute; top: 70px; left: 115px; width: 30px; height: 30px;}
#map-nav-center {position: absolute; top: 70px; left: 85px; width: 30px; height: 30px;}

#topright1 {position: relative; float:left; margin-top: -28px; margin-left: 550px;}

#map-coord-text {position: absolute; top: 15px; right: 70px;}
#map-coord-x {position: absolute; top: 1px; right: 180px; color: #111111;}
#map-coord-x-input input {position: absolute; top: -1px; right: 120px; border: none;background-color: #eeeeee;}
#map-coord-y {position: absolute; top: 1px; right: 100px; color: #111111;}
#map-coord-y-input input {position: absolute; top: -1px; right: 40px; border: none;background-color: #eeeeee;}
#map-coord-button .submit {
  position: absolute; 
  top: -5px; 
  right: 0px;
  background: url(../../quickmap/images/refresh.png) 0 0 no-repeat;
  height:30px;
  width:30px;
  border: none;
  cursor:  pointer;
}

#roundedcoord {
  position: absolute;
  top: -7px;
  right: 35px;
  width:155px; 
  height: 22px;
  background-color: #eeeeee;
  background-image: url("shadow_02.png");
  background-repeat: repeat-x;
  padding:5px;
}


/* Pages News */
#news {width:100%;background-color: transparent;float:left;}
#news table {color: #ffffff; width: 100%;}
#news td a {color: #ffa500; text-decoration: none;}
#news a:visited {text-decoration: none}
#news a:active {text-decoration: none}
#news a:hover {text-decoration: underline;}

.author {font-size: 10px;padding-top:5px;padding-bottom:5px;}

.news_time {
width:60%;
float: left;
padding: 10px;
background: #000000;
font-size: 12px;
}
.news_title {
width: 97.5%;
float: left;
padding: 10px;
background: #000000;
font-size: 12px;
}
.news_content {
float: left;
padding: 10px;
background: #000000;
font-size: 12px;
}

#news_online {
width: 94%;
float: left;
padding: 20px;
background: #000000;
font-size: 12px;
}

#createnews {width:100%;background-color: transparent;float:left;}
#createnews table {color: #ffffff; width: 100%;}
#createnews a {color: #ffa500; text-decoration: none;}
#createnews a:visited {text-decoration: none}
#createnews a:active {text-decoration: none}
#createnews a:hover {text-decoration: underline;}

#ContentNewsLeft {float: left;margin: 10px;width: 47%;}
#ContentNewsRight {float: left;text-align:right;margin: 10px;width: 47%;}


/* Grid News */
.newslist {
	padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  width: 100%;
  border-top-style: none;
  padding-top: 0px;
  border-right-style: none;
  border-left-style: none;
  border-collapse: collapse;
  height: 77px;
  border-bottom-style: none;
}

/* Pages Downloads */
#download1 a, #download2 a, #download3 a   {
  font-size: 14px; 
  outline:none;
  padding: 5px;
  background-color: #ffa500;
  background-image: url("shadow_02.png");
  background-repeat: repeat-x;
  border: 0px solid #00ff00;
  color: #000000;
}

#addgrid  {width:100%; background-color: transparent; float:left;}
#addgrid table {color: #ffffff; width: 100%; float:left;}
#addgrid td {padding: 5px;}
#addgrid a {color: #ffa500; text-decoration: none;}
#addgrid a:visited {text-decoration: none}
#addgrid a:active {text-decoration: none}
#addgrid a:hover {text-decoration: underline;}


#addgrid01, #addgrid02, #addgrid03, #addgrid04, #addgrid05, #addgrid06, #addgrid07, #addgrid08, #addgrid09, #addgrid10 {
float: left;
width: 96.25%;
padding: 10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

#direct_connect {margin-top: 20px;}

#addgrid h3 a  {
  
  font-size: 14px; 
  outline:none;
  padding:5px; 
  background-color: #ffa500;
  background-image: url("shadow_02.png");
  background-repeat: repeat-x;
  border: 0px solid #00ff00;
  color: #000000;
}

/* Pages AddGrid */

/* Pages AddServer */

/* Frontend SlideShow */
.clear {clear:both;}

#gallery_slideshow {
	position:absolute;
	height:240px;
	width:30%;
	margin-left: 550px;
	margin-top: -320px;
}

#gallery_slideshow a {float:left;	position:absolute;}
#gallery_slideshow a img {border:none; height:240px; width:320px;}
#gallery_slideshow a.show {z-index:500;}

#gallery_slideshow .caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:45px; 
	width:100%; 
	position:absolute;
	bottom:0;
}

#gallery_slideshow .caption .content {margin:5px;}
#gallery_slideshow .caption .content h3 {margin:0px; padding:0px;	color:#1DCCEF;}

/* footer */
.webui #footer {float: left; width: 100%;	height:35px; margin:10px;}
.webui #footer p {margin: 10px; padding: 10px;}
div.team {float: left; width: 100%; font-size: 12px; text-align: center;}

div.pageloadtime {
  float: left;
  width: 100%;
	padding-bottom:10px;
  font-size: 10px;
  text-align: center;
  color: #111111;
}

/* Validator_Module */
.webui #validator {text-align: center;}

/* gridstatus */
#gridstatus {
  position: relative;
  float:right;
  margin-top: -57.5px;
  margin-right: 12px;
  border:none;
  font-size:1em;
  z-index: 50;
}

#gridstatus table td {padding:0px;}
#gridstatus table {border-spacing: 0px; border-collapse:collapse;}
#gridstatus td .linegrey {height:1px; background-color: #444444;}

.online {font-weight: bold; color: #00ff00; text-align:right;}
.offline {font-weight: bold; color: #ff0000;}
.gridtext {font-size: 80%;padding-right: 3px; padding-left: 3px; padding-bottom: 2px; padding-top: 2px;}
.gridtext a {color: #aaaa00;}

td.gridbox_t {
	background-position: left top;
  background-image: url(../../images/login_screens/icons/grey.gif);
  background-repeat: repeat-x;
  HEIGHT: 5px;
  background-color: #000000;
}

td.gridbox_r {
	background-position: right top;
  background-image: url(../../images/login_screens/icons/grey.gif);
  width: 5px;
  background-repeat: repeat-y;
  background-color: #000000;
}

td.gridbox_b {
	background-position: left bottom;
  background-image: url(../../images/login_screens/icons/grey.gif);
  background-repeat: repeat-x;
  HEIGHT: 5px;
  background-color: #000000;
}

td.gridbox_l {
	background-position: left top;
  background-image: url(../../images/login_screens/icons/grey.gif);
  width: 5px;
  background-repeat: repeat-y;
  background-color: #000000;
}

td.gridbox_tl {
	background-position: left top;
  background-image: url(../../images/login_screens/icons/gridbox_tl.png);
  width: 5px;
  background-repeat: no-repeat;
  height: 5px;
}

td.gridbox_tr {
	background-position: right top;
  background-image: url(../../images/login_screens/icons/gridbox_tr.png);
  width: 5px;
  background-repeat: no-repeat;
  height: 5px;
}

td.gridbox_bl {
	background-position: left bottom;
  background-image: url(../../images/login_screens/icons/gridbox_bl.png);
  width: 5px;
  background-repeat: no-repeat;
  height: 5px;
}

td.gridbox_br {
	background-position: right bottom;
  background-image: url(../../images/login_screens/icons/gridbox_br.png);
  width: 5px;
  background-repeat: no-repeat;
  height: 5px;
}

/* Pretty Message */
#message {
  background-color: #CCCC99;
  border-top: 2px solid #CCCC55;
  border-bottom: 2px solid #CCCC55;
  padding-left: 10px;
  margin: 5px;
  color: #000000;
  float: left;
  width:97.5%;
}

#info {
  background-color: #9999CC;
  border-top: 2px solid #5555CC;
  border-bottom: 2px solid #5555CC;
  padding-left: 10px;
  margin: 5px;
  color: #000000;
  float: left;
  width:97.5%;
}

#alert {
  background-color: #CC9999;
  border-top: 2px solid #CC5555;
  border-bottom: 2px solid #CC5555;
  padding-left: 10px;
  margin: 5px;
  color: #000000;
  float: left;
  width:97.5%;
}

#download {
  background-color: #99CC99;
  border-top: 2px solid #55CC55;
  border-bottom: 2px solid #55CC55;
  padding-left: 10px;
  margin: 5px;
  color: #000000;
  float: left;
  width:97.5%;
}

.hiddenrow {display:none;}

/* Top Panel Slider */
a:focus {outline: none;}

#panel {
	background: #000;
	height: 34px;
	display: none;
}

.slide {
	margin: 0px;
	padding: 0px;
	border-top: solid 3px #000;
	background: url(slide.png) no-repeat center top;
}

.btn-slide {
	background: url(arrow.png) no-repeat right -61px;
	text-align: center;
	font-size: 10px;
	color: #eeeeee;
	text-decoration: none;
	width: 100px;
	height: 16px;
	padding: 0px 5px 0 0;
	margin: 0 auto;
	display: block;
	z-index: 100;
}

.active {background-position: right 4px;}

#panelcontent {
  position: relative;
  width: 500px;
  margin: 0 auto;
  font-size: 12px;
  background-color: #333;
  background-image: url("background_03.png");
}

/* StyleSwitch */
#switchers {
  position: relative;
  width: 620px;
  margin: 0 auto;
  color:#ffffff;
  font-size: 12px; 
  text-align: center;
  background-color: #111;
}

.template1 {
  background-color: #aa0001;
  margin:0px;
  padding:0px;
  height:18px;
  width:100%;
  border:1px solid #000;
}

.template2 {
  background-color: #00aa01;
  margin:0px;
  padding:0px;
  height:18px;
  width:100%;
  border:1px solid #000;
}

.template3 {
  background-color: #0100aa;
  margin:0px;
  padding:0px;
  height:18px;
  width:100%;
}

a.link1 {color:#aa0001;}
a.link2 {color:#00aa01;}
a.link3 {color:#0100aa;}

#panel button {
  outline:none;
  background-color: #e0dfe3;
  border: 1px solid #222;
  color:#111;
}

/* Makes it pretty */
#options table {
  width: 100%;
  border: solid 0px #222;
  border-collapse: separate;
  border-spacing: 2px ;
}

#options th {
  border: solid 0px #000;
  background-color: #C8D1D1;
  font-weight: bold;
  padding: 2px;
  text-align: left;
}

#options td {
  background-color: transparent;
  padding: 2px;
  border: 1px solid #111;
}


/* Stardust Additionnal Css */
#island1, #island2, #island3, #island4, #island5 {
  float: left;
  width: 100%;
  padding: 20px;
  margin: 5px;
  background: #1a1a1a;
  font-size: 12px;
}

#island_picture1, #island_picture2, #island_picture3, #island_picture4, #island_picture5 {
  float:right;
  width: 128px;
  height: 79px;
}

.islandinfo2 {
float: left;
width: 44.2%;
padding: 20px;
margin: 5px;
background: #1a1a1a;
font-size: 12px;
  min-height:155px;
}

#island_description1, #island_description2, #island_description3, 
#island_description4, #island_description5 {}

#island_input_button1, #island_input_button2, #island_input_button3,
#island_input_button4, #island_input_button5, #get_it_now_button {
  font-size: 14px; 
  outline:none;
  padding:5px;  
  background-color: #ffa500;
  background-image: url("shadow_02.png");
  background-repeat: repeat-x;
  border: 0px solid #00ff00;
}

#island_input_button1:hover, #island_input_button2:hover, #island_input_button3:hover,
#island_input_button4:hover, #island_input_button5:hover, #get_it_now_button:hover {
  font-size: 14px;
  outline:none;
  padding:5px;
  background-color: #00ff00;
}

#getregion  {width:100%; background-color: transparent; float:left;}
#getregion table {color: #ffffff; width: 100%; float:left;}
#getregion td {padding: 5px;}
#getregion a {color: #ffa500; text-decoration: none;}
#getregion a:visited {text-decoration: none}
#getregion a:active {text-decoration: none}
#getregion a:hover {text-decoration: underline;}

#NameOfRegion, #AdditionNotes, #TermsOfService {width:100%;}
#TermsOfService {width:101.5%; height: 100px; overflow:auto;color:black;background-color:#cccccc;}

#CurrencyHistory  {width:100%; background-color: transparent; float:left;}
#CurrencyHistory table {color: #ffffff; width: 100%; float:left;}
#CurrencyHistory td {;}
#CurrencyHistory a {color: #ffa500; text-decoration: none;}
#CurrencyHistory a:visited {text-decoration: none}
#CurrencyHistory a:active {text-decoration: none}
#CurrencyHistory a:hover {text-decoration: underline;}
/* End of Stardust Additionnal Css */


#PeopleSearch  {width:100%; background-color: transparent; float:left;}
#PeopleSearch table {color: #ffffff; width: 100%; float:left;}
#PeopleSearch td {;}
#PeopleSearch a {color: #ffa500; text-decoration: none;}
#PeopleSearch a:visited {text-decoration: none}
#PeopleSearch a:active {text-decoration: none}
#PeopleSearch a:hover {text-decoration: underline;}


/* jQuery */
div.section {clear: left;}

div.demo, div.inner { color: #000; text-align: center; font-family: verdana, arial, sans-serif;}

div.annonce1, div.annonce2, div.annonce3, div.annonce4, div.annonce5, 
div.annonce6, div.annonce7, div.annonce10, team {
color: #111; 
text-align: center; 
}

.annonce1 {
float: left;
width: 93.4%;
padding: 20px;
margin: 5px;
background: #000000;
font-size: 12px;
}

.annonce2 {
float: left;
width: 405px;
padding: 10px;
margin: 5px;
background: #000000;
font-size: 16px;
}

.annonce2home{
float: left;
width: 385px;
height: 270px;
padding: 20px;
padding-top:10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

.annonce3 {
float: left;
width: 27.3%;
padding: 20px;
padding-top:10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

.infos3 {
float: left;
width: 27.3%;

padding: 20px;
padding-top:10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

#gridstatus1, #gridstatus2, #gridstatus3, #gridstatus4, #gridstatus5 {
float: left;
width: 140px;
height: 30px;
padding: 10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

div#annonce1, div#info1, div#step1, div#aide1, div#download1 {
float: left;
width: 260px;
padding: 10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

div#annonce2, div#info2, div#step2, div#aide2, div#download2 {
float: left;
width: 260px;
padding: 10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

div#annonce3, div#info3, div#step3, div#aide3, div#download3 {
float: left;
width: 260px;
padding: 10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

.video3 {
float: left;
width: 27.58%;
padding: 20px;
padding-top:10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

div#annonce4 {
float: left;
width: 27.3%;
padding: 20px;
margin: 10px;
background: #000000;
font-size: 12px;
}

div#annonce5 {
float: left;
width: 27.3%;
padding: 20px;
margin: 10px;
background: #000000;
font-size: 12px;
}

div#annonce6 {
float: left;
width: 27.3%;
padding: 20px;
margin: 10px;
background: #000000;
font-size: 12px;
}

div#annonce7 {
float: left;
width: 96.5%;
padding: 10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

div#annonce10 {
float: left;
width: 96.5%;
padding: 10px;
margin: 5px;
background: #000000;
font-size: 12px;
}

div.inner {margin: 0; background: #ffc; padding: 10px; border:0;} /* zoom:1; */
div.outer {float: left; margin: 15px; background: #c82; padding: 8px; width: 22em;}
div.fun   {margin: 2px;}

#abs {position: absolute; width: 200px; background: #ffa; padding: 5px; margin: 8px; top: 0; right: 0; text-align: center;}
 
/* fixed height/width testing */
#box  {background-color: #6af; padding: 15px; text-align: center; margin: 25px;}
#box1 {;}                                          /* fluid (zoom:1 for layout) */
#box2 {height: 150px;}                             /* fixed height */
#box3 {width:  300px; margin:auto;}                /* fixed width */
#box4 {height: 150px; width: 300px; margin:auto;}  /* fixed height and width */
 
div.plain  {background-color: #6af; text-align: center;}

#twitter {float:right; right: 20px;}
#twitter a {text-decoration: none; font-family: arial; vertical-align: top;}
#twitter img {border: none; float: left;}

#tweet, #like, #google, #addthis {float:left; padding-left: 5px;}
#paypal {float:right; padding-left: 5px;}
 
div.desc {margin: 10px;}

.avatar_archive_screenshot {
float: left;
background-color:#222222;
border: 1px solid #111111;
text-align: center;
cursor: pointer;
padding:10px;
margin: 10px;
}

.avatar_archive_screenshot img {border: 1px solid #111111; height: 128px; width:128px;}

input[type="radio"] {outline: none;}
/* *:focus {background-color:#ff0000;} */


/* slideeffect.php */
#ContainerSlideEffect h1 {
	font-size:12px;
	font-weight:bold;
	color:#ffa500;
	padding:0px;
}

/* a {color:#ffa500;	text-decoration:none;} */
#ContainerSlideEffect {
  width:250px;
  height:90px;
  position:relative;
  overflow:hidden;
  z-index:0;
  padding:0;
  margin:0 auto;
  margin-top: 91px;
  margin-left:0px;
  background-image:url(../../images/slideeffect.jpg);
  border:10px solid #1a1a1a;
}

#ContainerSlideEffect:hover {border-color:#1a1a1a;}

#overlay {
	background-color:#000;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:110px;
	z-index:1;
}

#hover {
	width:250px;
	display:block;
	height:110px;
	position:absolute;
	z-index:3;
	padding:5px;
}

#hover p {font-size:12px;	color:#fff;	font-weight:normal;}
/* End of slideeffect.php */