html {height:100%;}

body{
background-color: #1B2B46;
background-repeat: repeat-x;
background-position: 0px 0px;
background-attachment:scroll;
color:#CCCCCC;
background-image: url('http://images.aquarion.org/images/v1.3/src/rdd/gradient.gif');
 height:100%;
 margin:0%;
 padding:0%;
}

body, div, td
{
    font-size:13px;
    font-family: Arial, sans-serif;
}


* html body { background-color:#1B2C48;
background-image: none; }

* html body table tr td .sidetd
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/menu_bg.gif') no-repeat;
background-position:-1px 0px;
}

* html body table tr td table tr .topbg_2
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/top_bg.gif') no-repeat;
}
* html body table tr td table tr .topbg_2 .topbg .topcontent
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/top_bg.gif') no-repeat;
background-position: -55px 0px;
}
* html body table tr td table tr .topbg_2 .topbg
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/ie6/top_1px.jpg');
}
* html body table tr td .sidetd .sidenav
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/ie6/menu_1px.jpg');
background-position:1px 0px;
background-repeat: repeat-y;
}
* html body table tr td .sidetd .sidenav .sidenavbg
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/ie6/menu_bg.jpg') no-repeat;
background-position:-1px -40px;
}

.sidenavbg a:link,.sidenavbg a:visited
{
background:url('http://images.aquarion.org/images/v1.3/src/rdd/icons_kopfmenue/bullet_inactive.png') no-repeat !important;
background:url('http://images.aquarion.org/images/v1.3/src/rdd/bullet_inactive.gif') no-repeat;
padding-left:5px;
margin-left:5px;
}

.sidenavbg a:hover
{
background:url('http://images.aquarion.org/images/v1.3/src/rdd/icons_kopfmenue/bullet_active.png') no-repeat !important;
background:url('http://images.aquarion.org/images/v1.3/src/rdd/bullet_active.gif') no-repeat;
}




.sidenavbg span a:link,.sidenavbg span a:visited
{
padding-left:5px;
margin-left:15px;
}
.logoff a:link,.logoff a:visited
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/bullet_red.gif') no-repeat;
}


/* for the macbox & the forum */
.macbox, .forum
{
padding-left:2px;
font-family:"Times New Roman", serif;
color:#CCCCCC;
font-size:14px;
}
ul
{ list-style-type:none; }
li
{ list-style-type:none; }

p  { font-size:13px; color:#CCCCCC;}

h1 a
{
font-size:26px;
margin-bottom:18px;
}

small a { font-size:12px;}
a { font-size:13px;}
a:link { color:#3BC5FE; text-decoration:none; }

a:visited { color:#3BC5FE; text-decoration:none; }
a:hover { color:#C2C1C4; text-decoration:none;  }

a:active { color:#C2C1C4; text-decoration:none; }
.blacktext
{
color:#000000;
}

.centereddiv
{
  padding:2%;
  width:46%;
  height:16%;
  position:absolute;
  top:40%;
  left:20%;
}

.ltfloatgrey2
{
  float: left;
  width: 169px;
  height:44px;
  margin:12px;
  padding:3px;
  /*background-color: #222222;
  border-style: solid;
  border-width:1px;
    border-color:#FFFFFF;*/
    background-image:url('http://images.aquarion.org/images/v1.3/src/rdd/ks_button_inactive.png') !important;
    background-image:url('http://images.aquarion.org/images/v1.3/src/rdd/ks_button_inactive.gif');
    background-repeat:no-repeat;
    vertical-align:middle;
}

.floatgrey2
{
  float: left;
  width: 169px;
  height:44px;
  margin:12px;
  padding:3px;
  /*background-color: #333333;
  border-style: solid;
  border-width:1px;
  border-color:#FFFFFF;*/
  background-image:url('http://images.aquarion.org/images/v1.3/src/rdd/ks_button_active.png') !important;
  background-image:url('http://images.aquarion.org/images/v1.3/src/rdd/ks_button_active.gif');
  background-repeat:no-repeat;
}

.floatgrey2 p, .ltfloatgrey2 p
{
  vertical-align:middle;
}
.floatgrey2 p a
{
color:#fff;
}

.floatgrey2 a, .ltfloatgrey2 a
{
    display:block;
    margin-top:10px;
}

h1 { font-size:26px; margin-bottom:18px; color:#ffffff; }

h2 { font-size:21px; margin-bottom:18px;  color:#ffffff; text-align:center;}

h3 { font-size:16px; }

h4 { font-size:13px; color:#ffffff; text-align:center;}



#leftframe {

background: url('http://images.aquarion.org/images/v1.3/bild2.jpg') no-repeat;
height:500px;
width:150px;

}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }

textarea
{
  background-color:#666666;
  background: url('http://images.aquarion.org/images/v1.3/border_message.png') repeat-y;
  border-width:1px;
  border-color:#666666;
  border: 1px ridge rgb(0,0,0);
  font-size:9pt;
  padding:6px;
}
.fixed
{
table-layout:fixed;
}
.textinput
{
  border: 1px ridge rgb(0,0,0);
  background-image: url('http://images.aquarion.org/images/v1.3/input.png');
  background-color:#CDCDCD;
  font-size:14px;
  margin-top:3px;
  margin-left:6px;
  margin-bottom:3px;
  height:22px;
  padding:3px;
 }
 select
{
  border: 1px ridge rgb(0,0,0);
  background-image: url('http://images.aquarion.org/images/v1.3/input.png');
  background-color:#CDCDCD;
  font-size:14px;
  margin-top:3px;
  margin-left:6px;
  margin-bottom:3px;
  height:22px;
  padding:3px;
 }

.submit
{
  font-weight: bold;
  background-color:#CDCDCD;
  color: #CCC;
/*  border: 0px ridge rgb(0,0,0);*/
  background-image: url('http://images.aquarion.org/images/v1.3/button.jpg');
  background-position: 1px 1px;
  font-size:8pt;
  /*border-width:1px;
  border-color:#666666;
  border-style:solid;*/
  border-top: 1px solid #97B5D4; border-left:
1px solid #97B5D4;
 border-right: 1px solid #000;
border-bottom: 1px solid #000;
  padding:4px;
}
.submit:focus
{
  border-top: 1px solid #FFF; border-left:
1px solid #FFF;
color: #FFFFFF;
}
.submit:hover
{
  border-top: 1px solid #FFF; border-left:
1px solid #FFF;
color: #FFFFFF;
}
.submit:active
{
border-top: 1px solid #000; border-left:
1px solid #000; border-right: 1px solid #97B5D4;
border-bottom: 1px solid #97B5D4;
}
.new_submit
{
  font-weight: bold;
  background-color:#CDCDCD;
  color: #FFFFFF;
  border: 0px ridge rgb(0,0,0);
  background-image: url('http://images.aquarion.org/images/v1.3/button.jpg');
  font-size:8pt;
  border-width:2px;
  border-color:#666666;
  border-style:dashed;
  padding:4px;
  width: 150px;
}

.blue2
{
background-color:#304258;
}

.blue1
{
background-color:#2B394F;
/*background-image: url('http://images.aquarion.org/images/v1.3/blue2.png');*/
}
blockquote,cite { font-style:italic; }


img {border:0;}
.graytext{color:#333333;}
.litcommentstyle{font-size:8px; font-style:italic; text-align:left;}
.ladedauer { background-color:#333333; border-width:1px; border-color:#666666;}
.textfeld {background-color:#666666;border-width:1px; border-color:#666666;}
.trgrey1{background-color:#666666;}

.mainbackground{background-color:#000000;
background-repeat: no-repeat;
background-position: center;
background-image:url('http://jimenez.at/aquata/pics/1_1.jpg');
}
.trgrey3{background-color:#555555;}
.grey1{background-color:#666666;}
.black{background-color:#000000;}
.black1{background-color:#111111;}
.black2{background-color:#232323;}

.grey2{background-color:#333333;}
.ltgrey2 {	background-color: #222222;}

.grey3{background-color:#555555;}
.grey1_{background-color:#666666;}
.grey2_{background-color:#333333;}
.grey3_{background-color:#555555;}
.notrp  { font-size:13px; color:#FFFFFF; }
.trblue1{background-color:#566781;}
.msgtrblue1{font-size:13px; color:#566781;}
.trblue2{background-color:#63758B;}
.commentgrey{background-color:#999999;  }
.titlestyle { font-size:25px; color:#ffffff; font-weight:bold; text-align:left;}
.warning { font-size:13px; color:#ff0000; text-align:center;}
.red { font-size:14px; color:#ff0000;}
.commentstyle{font-size:17px; font-style:italic; text-align:left;}
.untertopicstyle{font-size:12px;text-align:left;}
.border {	border: 3px dashed #CCCCCC;}
.ltborder {	border: 1px dashed #CCCCCC;}
.okey {color: #00CC00;}
.yell {color: #CCCC00;}
.out{color: #00CCFF;}
.gold{color: #A29748;}
.mini{font-size:9px;}
.comment{font-size:12px; font-style:italic; text-align:left;}
.tinyrightcomment{font-size:8px; text-align:right;}
.smallcenteredclass{font-size:10px; text-align:center; letter-spacing:1px;}
.spaced{font-size:12px; text-align:center; letter-spacing:1px;}
.blog{font-size:11px; color:#63758B;}
.commander {color: #CA0000;}
.ministerw {color: #5156BA;}
.ministerc {color: #18D7D7;}
.ministerf {color: #D1D138;}
.moderator {color: #F316B7;}
.staff {color:#777AFF;}
.smileybg{background-color:#3F3F3F;}
.quote{border:1px dotted black;position: relative; font-size:12px; font-style:italic; background-color: #222222; text-align:left;}
.jigrey2_{background-color:#777777;}
.jigrey1{background-color:#AAAAAA;}
.jigrey2{background-color:#BBBBBB;}
.helper{color:#A0082F;}
.main_div{color:#FFFFFF;border:1px; border-color:#CCCCCC;}
.main_overview_descriptionstyle{padding:3px;background-color:#000000;border: 2px outset #FFF; width: 90%;visibility:hidden;position:absolute;}
.main_overview_descriptionoptionstyle{padding:3px;background-color:#000000;border: 2px outset #FFF; display:none;}
div.spacer
{
  clear: both;
}
div.float {
  float: left;
  width: 300px;
  height:250px;
  margin:12px;
  }
  div.smileyfloat {
  float: left;
  position: relative;
  z-Index: 0;
  margin-top:2px;
  margin-left:3px;
  margin-right:0px;
  width:20px;
  height:15px;
  overflow:hidden;
  border-width:1px; border-style:solid; border-color:#000000;

}
div.smileyfloat :hover
{
width: auto;
height: auto;
overflow: visible;
}

div.float p,div.ltfloatgrey2,div.floatgrey2 {
   text-align: center;
   }

.tablestyleall{border-width:2px; border-style:solid; border-color:#000000; text-align:center; background-color:#2B394F;}
.tablestyleoau{border-top-width:2px; border-top-style:solid; border-top-color:#000000; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#000000; text-align:center; background-color:#2B394F;}
.tablestyleu{border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#000000; text-align:center; background-color:#2B394F;}
.tablestylelarau{border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#000000; border-left-width:2px; border-left-style:solid; border-left-color:#000000; border-right-width:2px; border-right-style:solid; border-right-color:#000000; text-align:center; background-color:#2B394F;}
.tablestyleblue{border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#000000; text-align:center; background-color:#333333;}
.datestyle{font-size:12px; font-style:italic; }

.userinfodescrdiv p
{
margin-top:0px ;
float:left;
}
.newsdiv
{
width:675px;
margin:auto;
}
.newsdiv div
{
width:220px;
margin:2px;
float:left;
}

.pagenavigationtable
{
border-color:#333333;
border-width:1px;
border-style:solid;
}

.pagenavigationtr
{
background-color:#232323;
}
.pagenavigationtr td
{
background-color:#232323;
  width:19px;
  height:12px;
}

.top10pagenav
{
width:90%;
}

.top10pagenav tr td
{
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}

.spaninfobox
{
 position:absolute;
 left: 5px;
 display:none;
 border: 2px solid white;
 padding:3px;
 text-align:center;
 background-color:black;
}

.addInfoBox
{
 position:absolute;
 left:5px;
 top: -20px;
 display:none;
 border: 2px solid white;
 padding:3px;
 text-align:center;
 background-color:black;
}

.addInfoSpan
{
  cursor:help;
  position: relative;
}

.top
{
width:100%;
height:165px;
}
.sitetable
{
height:99%;
width:99%;

}
.sitetable tbody tr td
{
display: table-cell;
}

.topradar
{
width:160px;
height:135px;
}

.topbg_2
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/top_bg.png') no-repeat;
background-position: -5px -2px;

margin:0px;
padding:0px;
padding-left:55px;

}

.topbg
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/top_1px.png');
background-repeat: repeat-x;
background-position: 0px -2px;
width:100%;
padding:0px;
margin:0px;

height:125px;
}

.topcontent
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/top_bg.png') no-repeat;
background-position: -60px -2px;

width:100%;
height:100%;
margin:0px;
padding-top:2px;
}



.topressource
{
vertical-align:middle;
padding:2px;
text-align:left;
}
.topressource div
{
font-size:14px;
margin-top:-20px;
margin-left:30px;

}


.sidenavdiv
{
float:left;
}

.toplinktable
{
margin-top:-16px;
}

.topcontainer
{
text-align:left;

height:100%;

}
.topcontainer tr td
{
text-align:left;
}

.topcontainer tr td img
{
position:relative;
top:6px;
}
.topcontainer tr td div
{
position:relative;
top:5px;
}
.topcontainer div a
{
}



.topuserlinks
{
vertical-align:middle;

line-height:200%;
}


.topuserlinks div
{
font-size:14px;
}

.sidetable
{
position:relative;
top:0px;
left:0px;
}


.sidetd
{
position:absolute;
top:170px;
left:2px;
background: url('http://images.aquarion.org/images/v1.3/src/rdd/menu_bg.png') no-repeat;
background-position:-1px 0px;
padding:0px;
margin:0px;
width:157px;
z-index:2;
padding-top:40px;
height:100%;

}



.sidenavbg
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/menu_bg.png') no-repeat;
background-position:-1px -40px;
width:157px;
padding:0px;
height:100%;

z-index:50;

}



.sidenav
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/menu_1px.png');
background-position:0px 0px;
background-repeat: repeat-y;
text-align:left;
width:159px;
height:100%;
padding:0px;
z-index:1;
}

.content
{
width:100%;
height:100%;
display: table-cell;
 border-spacing:0;
 text-align:center;
 vertical-align:top;
}

td table tr td{ text-align:center;  }

.mainpage_scan tr td
{
text-align:left;
padding-top:3px;
}
.mainpage_scan tr td img
{
position:relative;
top:4px;
}
.mainpage_scan tr td .textinput
{
width:23px;
position:relative;
top:4px;
}
.bluerdd
{
background: url('http://images.aquarion.org/images/v1.3/src/rdd/title_table.png') repeat-x;
}




.mainpagecontainer
{
width:300px;

}

.tabletitle
{
width:100%;
margin:0px;
padding:2px 2px 0px 2px;
background-color:#304258;
background: url('http://images.aquarion.org/images/v1.3/src/rdd/title_table.png') repeat-x;
  vertical-align:middle;
  height:24px;
   text-align:center;
border-width: 1px 1px 0px 1px;
border-style:  solid;
border-color:#7D7D7D;
}
.tabletitle table
{
width:100%;
height:100%;
margin:-2px;
}

.tablecontent
{
/** the div, where the title and the content is therein, for exact positioning of the background. */
position:relative;
float:left;
width:356px;
margin:2px;
padding: 0px 0px 0px 0px;


  text-align:left;

}

.tablecontent_content
{
height:auto;
width:100%;
margin:-4px 0px 4px 0px;
padding:2px 2px 2px 2px;

  border-width: 0px 1px 1px 1px;
border-style:  solid;
border-color:#7D7D7D;

background: url('http://images.aquarion.org/images/v1.3/src/rdd/bg_table.gif') repeat-x;
background-color:#243970;
background-position:0px 0px;
}
.tablecontent_content table .grey1
{
background-color:#1E305C;
}
.tablecontent_content table  .grey2
{
background-color:#2D488B;
}
.tablecontent_content table  .ltgrey2
{
background-color:#3352A3;
}
.tablecontent_content .warning
{
color:#FF1414;
}

.mainoverviewpic
{
position:relative;
/** position:relative, so the images positioned absolute will take the divpos as starting point**/

width:361px;
height:268px;
max-height:264px;
max-width:359px;
left:2px;
top:2px;
margin-bottom:12px;
}

.mainoverviewpic .tablecontent_content
{
padding:0px;
}

.mainoverviewpic .tabletitle
{
padding:0px;
}


.tablecontent_content table
{
/*height:100%;*/
}

.tablecontent p
{
margin:4px;
}


.percentageouterdiv
{
border: 1px solid #CACACA;
height:24px;
/*margin:4px 6px 2px 2px;
position:relative;
*/

background: #061C2F;
width:160px;
text-align:left;

left:0px;
top:0px;
}
.percentageouterdivcspage
{
border: 1px solid #CACACA;
height:24px;
/*margin:4px 6px 2px 2px;
position:relative;
*/
height:32px;
width:96%;
 margin:12px auto;
background: #061C2F;
text-align:left;

}

.percentageouterdivcspage #percspan
{
  width: 200px;
}

#cspage_primskills
{
 width:394px;
}
#cspage_primskills .cs_dividertable
{
height:189px !important;
height:187px;
}

#cspage_secthirdskills
{
width:405px;
/*position:absolute;
left:403px;
top:182px !important;
top:168px;*/
float:right;
}


.percentageouterdiv *
{
font-size:12px;
text-align:center;
/*max-width:152px;*/
}
.infotextonpercentages
{
position:absolute;
width:auto;
top:25%;
width: 100%;
}
.cs_dividertable
{
width:400px !important;
width:100%;
position:relative;
left:-3px;
margin-bottom:-3px;
}

.cs_divider
{
border-width: 1px !important;
border-width: 0px;
border-style:solid;
border-color:#7D7D7D;
}

.cs_divider div
{
position:relative;
vertical-align:middle;
padding:2px;
text-align:left;
}
.cs_divider div p
{
position:relative;
top:3px !important;
top:5px;
left:3px !important;
left:7px;
}
.csdivinfotext
{
position:absolute !important;
left:25px;
top:7px;
width: 240px;
}

.cs_skills img
{
  padding-left: 6px;
  width: 12px;
  padding-top: 10px;
}

.forum_poll table tr td
{
vertical-align:middle;
text-align:center;
}

.mainleftfloat
{
position:relative !important;
top:0px !important;
top:-27px;
left:2px !important;
left: 6px;
width:355px! important;
width: 361px;
float:left;
}

.mainleftlitcommentstyle
{
font-size:8px;
font-style:italic;
text-align:right;
margin-bottom:-3px;
}

.hacked
{
color:#C274BA;
}



#suggestBoxElement {border: 1px solid #8FABFF; text-align: left;  white-space: nowrap; background-color: #1B2B46;}
.suggestions { background-color: #1B2B46;  color: #DFDDDF;}
.suggestion:hover { color: #FFFFFF;}



.center_all_content_element
{
  vertical-align:middle;
  text-align:center;
}

.center_all_content_element table tr td, .center_all_content_element *
{
  vertical-align:middle;
  text-align:center;
}



#topnoticebox
{
  display: none;
  position:absolute;
  background-color: #000;
  width:80%;
  margin:auto;
  top:20px;
  padding: 6px;
  border: 1px #fff dashed;
  z-index: 50;
}

.hidden_post
{
  border-style:solid;
  border-width:0px 2px 2px 0px;
  border-color: #000;
  color: #000;
  background-color: #57A261;
  height: 35px;
}

.manage_list
{
  width: 100%;
}

.portal_body
{
  background: url('http://images.aquarion.org/images/v1.3/portal/startseite_hintergrund.jpg') repeat-x;
  background-position: 0px 0px;
  background-color:#14233a;
}

#portal_header_img
{
  margin: auto;
  height: 176px;
  width: 701px;
  display: block;
  z-index: 0;
  position: relative;
}

#portal_content
{
  background: url('http://images.aquarion.org/images/v1.3/portal/startseite_main.jpg') no-repeat;
  background-position: 0px 0px;
  width: 701px;
  height: 417px;
  margin: auto;
  z-index: 1;
  position: relative;
  top: 12px;
}


#portal_login
{
  background: url('http://images.aquarion.org/images/v1.3/portal/startseite_login.jpg') no-repeat;
  background-position: 0px 0px;
  width: 170px;
  height: 195px;
  margin-top: -40px;
  position: relative;
  top: -25px;
  left: -12px;
  z-index:5;
}

.tab
{
  margin-top: -64px;
  height: 32px;
  width: 111px;
  overflow: hidden;
  display:block;
}

.tab :hover
{
  margin-top: -32px;
}

.tab :active
{
  margin-top: -32px;
}

#portal_content .tabs
{
left:125px;
position:absolute;
top:25px;
}

#portal_content .tabs li
{
  float:left;
}

#portal_content .tabs a
{
 color: #fff;
}
#portal_content .tabs a img
{
  position:relative;
}
#portal_content .tabs #start
{
}

#portal_content .tabs #register
{
  margin-left: 130px;
}

#portal_content .tabs #news
{
  margin-left: 260px;
}

#portal_content .tabs #guest
{
  margin-left: 390px;
}

#portal_content .tabs .tab .tab_title
{
  position:absolute;
  z-index: 5;
  margin-top: 6px;

  text-align:center;
  width: 111px;
}

#portal_content #main
{
  height:400px;
  left:170px;
  overflow:visible;
  position:absolute;
  top:14px;
  width:540px;
  z-index:1;
  padding-right:10px;
}

#portal_content #main li
{
  list-style-type: circle;
  margin-left:-15px;
}

.header
{
text-align:center;
}

.portal_keepsize
{
  width: 528px;
  height: 400px;
  overflow: auto;
}

#portal_submit
{
display: block;
  width: 100px;
  margin: auto;
  margin-right: 10%;
  margin-top:-10px;
  float: right;
}

.portal_pic
{
margin-right:20px;
margin-left:10px;
margin-right:10px;
margin-top:-10px;
width:150px;
}

.portal_register_errordiv
{
  height: 2.3em;
  clear:both;
  color:#ff4400;
  padding: 10px;
}

.portal_register_state_img
{
  display: block;
  float:left;
  margin: auto;
  margin-left: 10%;
  margin-top: -10px;
}

#portal_votingpages
{
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.portal_login_field
{
  width:85px;
  padding-top:3px;
  height:18px;
  margin-left: 26px;
}

#portal_login
{
  padding-top: 30px;
}
#portal_login label
{
  display: block;
  padding-left: 20px;
  font-weight: bold;
  color: #fff;
}

#portal_login label a
{
  font-size: 0.8em;
}

#portal_login .submit
{
  position: absolute;
  right: 14px;
  bottom: 45px;
}


#portal_msg
{
  float:left;
  margin-top:-60px;
  width:160px;
  text-align:center;
}

#portal_content .warning
{
  text-align: left;
}

#portal_content .textinput
{
  height: 18px;
  width: 120px;
}

#portal_login .warning
{
  display: block;
  position: absolute;
  top: -40px;
  background-color: #000;
  border: 1px solid #ccc;
  padding: 4px;
}

#accepted_anb
{
  margin-left: 16px;
}

#portal_content .screenshots img
{
  width: 67px;
  float: left;
  margin: 10px;
}

.additional_links
{
  margin-top:12px;

  font-size:12px;
  text-align:center;
}
.additional_links a
{
  font-size:12px;
}

.htmlpreview
{
  padding: 3px;
  border: 1px solid #000;
}

.shiptable
{
  height: 43px;
  width: 100%;
  border: 0px;
  margin-top:4px;
}

.shiptable div
{
float:left;
width: 20%;
}

.shiptable .shippic
{
width: 55px;
text-align: center;
}

.shiptable div div
{
float:none;
width: 100%;
}

.shiptable div div img
{
vertical-align: -7px;
}

.shiptable .name
{
  text-align: left;
  width: 200px;
}

.shiptable .name div
{
margin: 4px;
}

.shiptable .type
{
  text-align: left;
  width: 300px;
}

.shiptable .buildtime
{
  text-align: left;
  width: 300px;
  clear:left;
}

.shiptable .buildtime div
{
  width: 100px;
  text-align: left;
  float:left;
}

.shiptable .build
{
width: 30%;
float: right;
margin-top: 8px;
}

.shiptable .build div
{
float:left;
width: 50%;
}

.shiptable .build .max
{
  margin-top:4px;
}


.shiptable_footer
{
  width: 700px;
  margin:auto;
}

.shiptable_footer div
{
  width: 200px;
  float:left;
}


.shiptable_footer div span
{
  margin-left: 5%;
  vertical-align: 6px;
}

.shiptable_footer .ressources span
{
  display:block;
  margin-top:4px;
}

.inbuildtable
{
  float: none;
  width: 80%;
  margin:auto;
  margin-top:80px;
  margin-bottom:80px;
}

.att
{
  color: #ff0000;
}

.def
{
  color: #00CC00;
}

.fleet_summary
{
display: none;
}


#ocean_overview
{
  width: 650px;
  height: 416px;
  margin: auto;
  position: relative;

  margin-top: 120px;
}

#ocean_overview #map
{
  width: 580px;
  overflow: hidden;
  left: 35px;
}

#ocean_overview div
{
 position: relative;
}

#ocean_overview #ocean_overview_header
{
  position: absolute;
  top: -72px;
  left: 0px;
  width: 650px;
  height: 72px;
  background-image: url('http://images.aquarion.org/images/v1.3/map/head.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#ocean_overview #ocean_overview_scrollbar_left
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 35px;
  height: 416px;
  background-image: url('http://images.aquarion.org/images/v1.3/map/bar_left.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#ocean_overview #ocean_overview_scrollbar_right
{
  position: absolute;
  top: 0px;
  left: 615px;
  width: 35px;
  height: 416px;
  background-image: url('http://images.aquarion.org/images/v1.3/map/bar_right.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#ocean_overview .station
{
  width: 6px;
  height: 6px;
  overflow: hidden;
  position: relative;
  display: block;
  margin: 2px;
  margin-right: 4px;
  float: left;
}

#ocean_overview .station img
{
  position: absolute;
  top: -10px;
  left: -12px;
}

#ocean_overview .allied img
{
  position: absolute;
  top: -10px;
  left: 0px;
}

#ocean_overview #ocean_overview_infobox 
{
  position: absolute;
  border: 1px #fff solid;
  background-color: #000;
  color: #eee;
  width: 250px;
}

#chatcontainer 
{
	height:340px;
	overflow:auto;
	width:70%;
	text-align: left;
	margin: auto;
}

#chatcontainer .chat_line_footer
{
	font-size: 0.8em;
	margin-top: -1em;
}

#chatcontainer .chat_line_footer a
{
	font-size: 1em;
}

#chatcontainer .me
{
	font-style: italic;
	color: #00CC00;
}

#chatcontainer .towhisper
{
	font-style: italic;
	color: #C48A4F;
}

#chatcontainer .fromwhisper
{
	font-style: italic;
	color: #339966;
}

#chatcontainer .my_line
{
  color: #00CCFF;
}

#chatcontainer .name
{
	color: #EEE;
}

#history
{
  display: none;
}

.subpagemenu
{
  clear: both;
  width: 100%;
  margin: auto;
}

.pageheader
{
  text-align: center;
  clear: left;
}


.restable
{
  height: 43px;
  width: 100%;
  border: 0px;
  margin-top:4px;
}

.restable div
{
float:left;
width: 20%;
}

.restable .pic
{
width: 55px;
text-align: center;
}

.restable div div
{
float:none;
width: 100%;
}

.restable div div img
{
vertical-align: -7px;
}

.restable .name
{
  text-align: left;
  width: 200px;
}

.restable .name div
{
margin: 4px;
}

.restable .buildtime
{
  text-align: left;
  width: 300px;
  clear:left;
  margin-top:16px;
}

.restable .buildtime div
{
  width: 100px;
  text-align: left;
  float:left;            
}

.restable .build
{
width: 30%;
float: right;
margin-top: 8px;
}

.restable .build div
{
float:left;
width: 50%;
}

.restable .build .max
{
  margin-top:4px;
}
            
.restable_footer
{
  width: 700px;
  margin:auto;
}

.restable_footer div
{
  width: 200px;
  float:left;
}

.restable_footer div span
{
  margin-left: 5%;
  vertical-align: 6px;
}

.restable_footer .ressources span
{
  display:block;
  margin-top:4px;
}

.leftfloat
{
  float:left;
  padding-left: 4px;
  position: relative;
  clear: left;
}

.rightfloat
{
  float:right; padding-right: 4px;
  clear: right;
}

.fleetcontainer
{
  width: 95%;
  margin: 7px;
  margin: auto;
}

.fleetcontainer .shiplist
{
  float: left;
  margin: 4px;
}

.fleetcontainer .shiplist_commandoship
{
  clear:left;
  text-align: left;
}
.tutorial
{
  position:absolute;
  right:0px;
  z-index:100;
  background:#0000ff;
}

.exp_att
{
  margin-top:10px;
  float: left;
  clear: left;
  width: 49%;
}
.exp_def
{
  margin-top:10px;
  float: right;
  clear: right;
  width: 49%;
}

.fp_att
{
  margin-top:10px;
  float: left;
  clear: left;
  width: 49%;
}
.fp_def
{
  margin-top:10px;
  float: right;
  clear: right;
  width: 49%;
}

.salvage, .stolen
{
  font-weight:lighter;
  font-style: italic;
  text-align: center;
}