body{
    font-family: georgia, Hoefler Text, Verdana, Arial, sans-serif;
    font-size: 12pt;
    
    /*bg image from http://www.pixel-house.com.au/ - used with permission*/
    background:url(images/backgrounds/water_edge.jpg);
    background-color:#4b6ad6;
    background-repeat: repeat-x;
}


.bold{
	font-weight:bold;
}

/*Site Layout*/

#page{
    color:black;
    width:900px;
    margin: 0 auto;
    background:url(images/backgrounds/wood_center.jpg);
    padding:1em;
    border:solid 3px gray;
    min-height:600px;
}

.flag{
    width:18px;
    height:12px;
}



.highlight{
	background:yellow;
}

.slim-table{
    background:green;
    width:40%;
}

a, .link, a:visited{
    color:#0000cc;    
    text-decoration:none;
}


a:hover{
    color:white;

    
}

.area, .basic-area{ 
    position:relative;
    border:4px solid black;
    margin:4px;
    padding:3px;
    padding-left:5px;
    padding-top:5px;
    background-color: #825d4d;
    background-image: url(images/backgrounds/gray.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;   
}

.area{
    float:left;   
}

#header .area{
    height:70px;
    width:227px;
}

#header-active-ship-data, #account-data, #logo, #nav .area{
    width:227px;
}

#logo img{
    border:none;
}

#navigation{
    clear:both;
    height:20px;
}

.section-content-area{
    width:625px;
}

#footer, #navigation, .section-content-area-no-menu{
    width:885px;
}
#footer{
    font-size:0.9em;
}

#navigation ul{
    margin: 0 auto;    
    margin-top:2px;
}

#navigation li{

    position:relative;
    padding-left:40px;
    display: inline;
}

#pirate-and-trading-game{
    margin-left:1em;
}

#nav{
    clear:both;
    float:left;
}
#nav .area{
    clear:both;
}

.button {
    position:relative;
    margin:5px;
    padding:5px;
    border:outset 4px #ddd;
    background:#cccccc;
}
.button-down{
    background-color:#999999;
    border:inset 3px #aaaaaa;
}

.button:hover{
    background-color:#aaaaaa;
}

/*meters*/

.meter{
  width:50px;
  background:#ff0000;
}

.meter-fill{
  width:50%;
  background:#0000ff;
}

.meter .meter-fill{
  height:3px;
}
.button-and-meter{
    position:relative;

}

.button-and-meter .meter{
    position:absolute;
    left:11px;
    bottom:10px;
}

/*Errors, messages & notifications*/

.messages{
    clear:both;
    float:left;
    width:100%;
}

.message{
    border:red 1px solid;
    margin:1em;
    margin-right:3em;
    margin-left:3em;
    background:#FF9900;
   
}
.message li{
 list-style-image: url('assets/images/alert.png');   
}


/*Tables*/

.odd{
    background-color:#dddddd;
}

td{
    padding:.2em;
    color:#444444;
}
 
.table{
    border:1px solid #ffffff;
}

/*Popups*/

#tip-box{
  position:absolute;
  background:white;

  z-index:100000;
  padding:5px;
}

#tip{
  border:blue 1px solid;
  padding:1em;
}

.options li{
    list-style:none;
    background:url('images/backgrounds/gray.png');
}

#popup{
    color:#444444;
    position:absolute;
    width:700px;
    margin: 0 auto;
    background-color:#fef3d7;
    background-image:url('images/backgrounds/paper.jpg');
    z-index:100000;
    padding:1em;

}
#popup-wait{

}
#popup-content{
    width:550px;
    
}


/*Forms*/
.note{
	font-size:.7em;
	color:#333333;
}


.shown-form{
    border:1px solid #0000ff;
    background:#eeeeff;
}


form{
 display:inline;   
}

  
fieldset{
    width:26em;
}

fieldset .input-row{
}

fieldset label{
    float:left;
    width:8em;
}

fieldset input{
}


/*Data reveal UI*/

.reveal-target{
    padding:1em;
    color:#aaaaaa;
    background:url(images/backgrounds/paper.jpg);
    display:none;
}

.reveal-displayed{
    display:block;
}


#chat{
    padding-top:20px;
}