body {
    font-family: Georgia;
    background-color: #bdaf8a;
    margin-top: 10px;
    margin-left: 10px;
    width: 1200px;
}
form {
    padding: 0px;
    margin: 0px;
}

a,
a:link,
a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #8b744f;
}
a:hover {
    color: #4b442f;
}
/***********************************************************************************/
.body {

}
.left {
    float: left;
    margin-right: 10px;
}
.rec {
    float: left;
}
.rec a, 
.rec a img {
    padding-top: 5px;
    border-style: none;
    border-width: 0px;
}
/***********************************************************************************/
.head {
    width: 1005px;
    height: 30px;
    background-color: #8b744f;
    padding-left: 10px;
    padding-top: 5px;
    border-style: solid;
    border-width: 1px;
}
.head .server-select {
    height: 26px;
    font-weight: bold;
    float: left;
    margin-right: 10px;
}
.head .server-select form {
    margin: 0px;
    padding: 0px;
}
.head .server-select form select {
    background-color: #bdaf8a;
}
.head div.server-status {
    float: left;
    margin-right: 10px;
}
.head div.server-status a.server-status,
.head div.server-status a.server-status:link,
.head div.server-status a.server-status:visited {
    text-decoration: none;
    font-weight: bold;
    color: #bdaf8a;
} 
.head div.server-status a.server-status:hover {
    text-decoration: none;
    font-weight: bold;
    color: #4b332f;
}
.head div.current-time {
    float: right;
}
.head div.current-time span,
.head div.current-time form {
    float: left;
    margin-right: 10px;
}
/***********************************************************************************/
.map {
    position: relative;
    border-style: solid;
    border-width: 1px;
    width: 1015px;
    height: 520px;
    overflow: hidden;
}
.map .worldmap {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1015px;
    height: 520px;
}

.map .port {
    position: absolute;
    width: 12px;
    height: 12px;
    z-index: 30;
}

.map .port .dot {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0px;
    left: 0px;
}
.map .conquerable {
    cursor: help;
}

.map .port .battle,
.map .port .martial,
.map .port .raided {
    background-image: url("../img/port-icons.png");
    background-repeat: no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
}
.map .port .battle {
    background-position: 0px -24px;
    top: -2px;
    left: -2px;
}
.map .port .raided {
    background-position: -15px -24px;
    top: -1px;
    left: -1px;
}
.map .port .martial {
    background-position: -30px -24px;
    top: -2px;
    left: -1px;
}
.map .dot {
    background-image: url("../img/port-icons.png");
    background-repeat: no-repeat;
}
.map .DUTCH .dot {
    background-position: -48px 0px;
}
.map .DUTCH:hover .dot {
    background-position: -48px -12px;
}
.map .ENGLAND .dot {
    background-position: 0px 0px;
}
.map .ENGLAND:hover .dot {
    background-position: 0px -12px;
}
.map .FRANCE .dot {
    background-position: -12px 0px;
}
.map .FRANCE:hover .dot {
    background-position: -12px -12px;
}
.map .PIRATE .dot {
    background-position: -36px 0px;
}
.map .PIRATE:hover .dot {
    background-position: -36px -12px;
}
.map .SPAIN .dot {
    background-position: -24px 0px;
}
.map .SPAIN:hover .dot {
    background-position: -24px -12px;
}


.map .port-circle-pirate {
    position: absolute;
    z-index: 2;
}
.map .port-circle-full {
    position: absolute;
    z-index: 1;
}

.map .port-unrest-circle,
.map .port-resource-circle {
    position: absolute;
    z-index: 3;
}

.map .port-popup-hidden {
    position: absolute;
    visibility: hidden;
}
.map .port-popup-visible {
    position: absolute;
    color: white;
    visibility: visible;
    z-index: 50;
}

/***********************************************************************************/
.map .port-list {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 35;
    overflow: auto;
    width: 14em;
    height: 10em;
    border-style: solid;
    border-width: 2px;
    border-color: #514535;
    background-image: url("../img/background-bdaf8a.png");
    background-repeat: repeat;
}
.map .port-list .port {
    position: relative;
    color: #280000;
    cursor: crosshair;
    font-family: Georgia;
    font-size: 1.05em;
    height: 1.2em;
    padding: 2px 5px 2px 5px;
    width: auto;
}
.map .port-list .port:hover {
    background-image: url("../img/background-8b744f.png");
    background-repeat: repeat;
}
/* TODO: remove this when the map generator has changed to match the new way */
.map .port-list .port img {
    margin-right: 7px;
    vertical-align: bottom;
}
.map .port-list .port .img {
    background-image: url("../img/flags-small.png");
    background-repeat: no-repeat;
    width: 26px;
    height: 18px;
    margin-right: 7px;
    vertical-align: bottom;
    float: left;
}
.map .port-list .port .img-ENGLAND {
    background-position: 0px 0px;
}
.map .port-list .port .img-FRANCE {
    background-position: -30px 0px;
}
.map .port-list .port .img-SPAIN {
    background-position: -60px 0px;
}
.map .port-list .port .img-PIRATE {
    background-position: -90px 0px;
}
.map .port-list .port .img-DUTCH {
    background-position: -120px 0px;
}
.map .port-list .port .text {
    float: left;
}

/***********************************************************************************/
.map .toggle-touch {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #280000;
}

.map .toggle-circles {
    position: absolute;
    top: 5px;
    right: 5px;
    font-weight: bold;
    color: #280000;
}
.map .toggle-circles form div {
    float: left;
}
.map .toggle-circles form input {
    color: #bdaf8a;
    margin-right: 10px;
}
.map .toggle-circles form select {
    margin-right: 15px;
    float: left;
}
/* circles */
.map .unrest-visible,
.map .pvp-visible,
.map .resource-visible {
    visibility: visible;
}
.map .unrest-hidden,
.map .pvp-hidden,
.map .resource-hidden {
    visibility: hidden;
}
/***********************************************************************************/

table.popup tr .c {
 width: 10px;
 height: 10px;
 background-image: url("../img/bpopup-cor.png");
 background-repeat: no-repeat;
}
table.popup tr .tl {
 background-position: 0px 0px;
}
table.popup tr .tr {
 background-position: -10px 0px;
}
table.popup tr .bl {
 background-position: 0px -10px;
}
table.popup tr .br {
 background-position: -10px -10px;
}
table.popup tr .h {
 height: 10px;
 background-repeat: repeat-x;
 background-image: url("../img/bpopup-hor.png");
}
table.popup tr .t {
 background-position: 0px 0px;
}
table.popup tr .b {
 background-position: 0px -10px;
}
table.popup tr .v {
 width: 10px;
 background-repeat: repeat-y;
 background-image: url("../img/bpopup-ver.png");
}
table.popup tr .l {
 background-position: 0px 0px;
}
table.popup tr .r {
 background-position: -10px 0px;
}
table.popup tr .m {
 background-image: url("../img/bpopup-mid.png");
 background-repeat: repeat;
 padding: 2px 10px 10px 10px;
}
.map .port-popup-visible .popuphead {
/*
    width: 100%;

    position: relative;
*/
}
.map .port-popup-visible .popuphead .left  {
    margin-right: 60px;
}
.map .port-popup-visible .popuphead .left .name {
    font-size: 1.1em;
}
.map .port-popup-visible .popuphead .left .message {
    font-size: 0.7em;
}
.map .port-popup-visible .popuphead .left .message-battle {
    font-size: 0.7em;
    color: #ff5555;
}
.map .port-popup-visible .popuphead .nationshield {
    float: right;
    background-image: url('../img/shields.png');
    background-repeat: no-repeat;
    width: 36px;
    height: 47px;
/*
    top: -20px;
    position: absolute;
    right: 0px;
*/
}
.map .port-popup-visible .popuphead .shield-ENGLAND {
    background-position: 0px 0px;
}
.map .port-popup-visible .popuphead .shield-FRANCE {
    background-position: -40px 0px;
}
.map .port-popup-visible .popuphead .shield-SPAIN {
    background-position: -80px 0px;
}
.map .port-popup-visible .popuphead .shield-PIRATE {
    background-position: -120px 0px;
}
.map .port-popup-visible .popuphead .shield-DUTCH {
    background-position: -160px 0px;
}

.map .port-popup-visible .conquest {
    margin-top: 3px;
    clear: left;
}
.map .port-popup-visible .conquest .conqunrest {
    margin-top: 5px;
    font-size: 0.9em;
    color: #ffffc8;
}
.map .port-popup-visible .conquest .nationpoints,
.map .port-popup-visible .conquest .lastchange,
.map .port-popup-visible .conquest .battlestart {
    font-size: 0.7em;
    margin-left: 10px;
    color: #ffffc8;
}
.map .port-popup-visible .resources .header {
    margin-top: 5px;
    font-size: 0.9em;
    color: #ffffc8;
}
.map .port-popup-visible .resources .item {
    font-size: 0.7em;
    margin-left: 10px;
    color: #ffffc8;
}

/***********************************************************************************/
.map .ping-port-hidden {
    visibility: hidden;
}
.map .ping-port-visible {
    visibility: visible;
}
.map #ping-horizontal {
    position: absolute;
    left: 0px;
    height: 4px;
    width: 1015px;
    z-index: 21;
}
.map #ping-vertical {
    position: absolute;
    top: 0px;
    height: 520px;
    width: 4px;
    z-index: 20;
}


/***********************************************************************************/
ul.notes {
    width: 950px;
}