@CHARSET "UTF-8";

A {
    text-decoration: none;
    color: #8e9498;
}
A:hover {
    text-decoration: underline !important;
}
A:focus {
    text-decoration: none;
}
TABLE {
    border-collapse: collapse;
}
TABLE TD {
    padding: 0px;
    margin: 0px;
}

a.toggleCategorie {
    background-position:left top;
    background-repeat:no-repeat;
    display:block;
    float:right;
    margin:-10px 5px 0px 0px;
    height:39px;
    width:40px;
}

a.toggleCategorie:hover {
    background-position:left center;
}
.expand {
    background-image: url('../obrazki/expand.png');
}
.collapse {
    background-image: url('../obrazki/collapse.png');
}

h3 {
    font-size:15px;
    font-weight:bold;
    margin: 15px 0;
}
h5 {
    margin: 15px 0;
}
h5.info {
    font-weight:normal;
}

div.fleetTable table.statistics tr td {
    padding: 5px 12px 5px 8px;
}
/**

*/

p.error {
    padding:3px;
    font-size: 14px;
    color:red;
}

.textLong {
    width: 600px;
    height: 240px;
    background: black;
    color: white;
    border: 1px solid DimGray;
    padding: 3px;
}

.textLong2 {
    width: 450px;
    height: 130px;
    background: black;
    color: white;
    border: 1px solid DimGray;
    padding: 3px;
}
a.formMessageInput input {
    background-color:transparent;
    background-position:left 0;
    background-repeat:no-repeat;
    border:0 none;
    color:white;
    float:left;
    font-size:12px;
    height:15px;
    margin:0;
    padding-bottom:6px;
    padding-left:10px;
    padding-top:5px;
    font: tahoma;
}

.interface_forms_message_input_left {
    background-image: url('../obrazki/left.png');
}
a.formMessageInput {
    background-position:right 0;
    background-repeat:no-repeat;
    display:block;
    height:26px;
    padding-right:25px;
    padding-left:80px;
    width:560px;
}

.interface_forms_message_input_right {
    background-image: url('../obrazki/right.png');
}
h5.margin10 {
    margin: 10px 0px;
}

.spacer10 {
    height:10px;
}

a.selectBox {
    background-position:right top;
    border-left:1px solid #DEDEDE;
    color:#000000;
    display:block;
    font-size:12px;
    height:18px;
    line-height:18px;
    padding-left:5px;
    position:absolute;
}

.interface_forms_select {
    background-image: url('../obrazki/select.gif');
}

select.formSelect {
    opacity:0;
    position:relative;
    z-index:1;
}
/**
 * Icons
*/
.helpIcon {
    display: block;
    width: 21px;
    height: 21px;
    background-position: 0px 0px;
}

.helpIcon:hover {
    background-position: 0px -21px;
}

.fleet1,.fleet2,.fleet3,.fleet_1,.fleet_2,.fleet_3 {
    width: 40px;
    height: 25px;
    background-repeat: no-repeat;
    cursor: help;
}

.fleetPos1 {
    background-position: 0px 0;
}

.fleetPos2 {
    background-position: -41px 0;
}

.fleetPos3 {
    background-position: -82px 0;
}

.fleetPos4 {
    background-position: -123px 0;
}

.fleetPos5 {
    background-position: -164px 0;
}

.fleetPos6 {
    background-position: -205px 0;
}

.fleetPos7 {
    background-position: -246px 0;
}

.fleetPos8 {
    background-position: -287px 0;
}

.fleetPos9 {
    background-position: -328px 0;
}

.fleetPos10 {
    background-position: -369px 0;
}

.fleetPos11 {
    background-position: -410px 0;
}

.fleetPos12 {
    background-position: -451px 0;
}

/**
 * Fleet table
*/
DIV.fleetTable {
    border-top:1px solid #181919;
    float: left;
    /*width: 730px;*/
    width:100%;
    /*background-position: 2px 2px;*/
    background-color: #000;
    padding-right: 2px;
    /*border-bottom: 2px solid #000;*/
    border-right: 1px solid #181919;
}

DIV.fleetTable TABLE {
    border-bottom:1px solid #363636;
    float: left;
    width: 100%;
    margin: 0px 0px 0px 2px;
}

DIV.fleetTable TABLE TR TD,DIV.fleetTable TABLE TR TH {
    padding: 5px;
    border-left: 1px solid #363636;
}

DIV.fleetTable TABLE TR TH {
    text-align: center;
}

DIV.fleetTable TABLE TR TD.energy {
    padding-left: 25px;
    background-position: 10px 2px;
}

DIV.fleetTable TABLE TR TD.spacer {
    padding: 0px;
    height: 1px !important;
    background-color: #363636;
}

DIV.fleetTable TABLE TR TD.emptySpacer {
    padding: 0px;
    height: 1px !important;
}

DIV.fleetTable TABLE TR TD.fleet {
    padding: 3px;
}

DIV.fleetTable TABLE TR TD.p5 {
    padding-left: 5px !important;
}

DIV.fleetTable TABLE TR TD IMG {
    width: 40px;
    height: 25px;
}

/**
 * fonts
*/
.fontCalibri { /*font-family: Calibri;*/
               font-family: Tahoma, Verdana, sans-serif;
}

.fontArial {
    font-family: Arial;
}

.fontNormal {
    font-weight: 100;
}

.fontBold {
    font-weight: bold;
}

.fontSize7 {
    font-size: 7px !important;
}

.fontSize8 {
    font-size: 8px !important;
}

.fontSize10 {
    font-size: 10px !important;
}

.fontSize11 {
    font-size: 11px !important;
}

.fontSize12 {
    font-size: 12px;
}

.fontSize14 {
    font-size: 14px !important;
}

.fontSize16 { /*font-size: 16px;*/
              font-size: 16px;
}

.fontSize18 {
    font-size: 18px !important;
}

.fontSize20 { /*font-size: 20px;*/
              font-size: 16px;
}

.fontSize22 { /*font-size: 20px;*/
              font-size: 22px !important;
}

.fontSize23 { /*font-size: 20px;*/
              font-size: 23px;
}

.fontSize38 {
    font-size: 38px;
}

.fontSize32 {
    font-size: 32px;
}

.fontLeft {
    text-align: left !important;
}

.fontRight {
    text-align: right;
}

.fontCenter {
    text-align: center !important;
}

.fontJustify {
    text-align: justify;
}

.fontWeight100 {
    font-weight: 100;
}

.fontWeight200 {
    font-weight: 200;
}

.fontWeight300 {
    font-weight: 300;
}

.fontWeight400 {
    font-weight: 400;
}

.fontWeight500 {
    font-weight: 500;
}

.fontWeight600 {
    font-weight: 600;
}

.fontWeight700 {
    font-weight: 700;
}

.fontWeight800 {
    font-weight: 800;
}

.fontWeight900 {
    font-weight: 900;
}

.fontUpper {
    text-transform: uppercase;
}

/**
 * position classes
*/
.floatLeft {
    float: left !important;
}
.floatRight {
    float: right !important;
}
.clearBoth {
    height: 1px;
    clear: both;
}
.clearLeft {
    clear: left;
}
.clearRight {
    clear: right;
}
.margin0 {
    margin: 0px !important;
}
.marginRight15 {
    margin-right: 15px;
}
.marginRight10 {
    margin-right: 10px;
}
.marginRight5 {
    margin-right: 5px;
}
.marginLeft15 {
    margin-left: 15px;
}
.padding5 {
    padding: 5px;
}
.verticalAlignBottom {
    vertical-align: bottom;
}
/**
 * background position
*/
.bgCenter {
    background-position: center;
}

.bgCenterTop {
    background-position: center top;
}

.bgRight {
    background-position: top right;
}

.bgBottom {
    background-position: bottom;
}

.bgBottomCenter {
    background-position: center bottom;
}

.bgCenterRight {
    background-position: right center;
}

.bgCenterLeft {
    background-position: left center;
}

.bgYRepeat {
    background-repeat: repeat-y;
}

.bgNoRepeat {
    background-repeat: no-repeat;
}

.noBackgroundImage {
    background-image: none;
}

/**
 * Font settings
*/
.colorLightGrey {
    color: #8e9498 !important;
}

.colorMedGrey {
    color: #7c8083;
}

.colorDarkGrey {
    color: #454c52 !important;
}

.colorGrey {
    color: #b2b4bc !important;
}

.colorWhite {
    color: #ffffff;
}

.colorRed {
    color: #e70a0a;
}

.colorYellow {
    color: #c5b511;
}

.colorGreen {
    color: #118811;
}

.colorError {
    color: #d40a0a !important;
}

.lineHeight16 {
    line-height: 16px;
}

.colorRace1 {
    color: #ffd800;
}

.colorRace2 {
    color: #2595fe;
}

.colorRace3 {
    color: #5aff00;
}

.colorBlink {
    text-decoration: blink;
}

/**
 * background colors
*/
.backgroundGrey {
    background-color: #343638;
}

.opacity70 {
    opacity: 0.3;
}

/**
 * cursor
*/
.cursorDefault {
    cursor: default;
}

.cursorPointer {
    cursor: pointer;
}

.cursorHelp {
    cursor: help;
}

/**
 * Icons
*/
div.fleetTable table tr td img.icon {
    width: 27px;
    height: 26px;
    float: left;
}

div.fleetTable table tr td img.icon2 {
    width: 20px;
    height: 20px;
    float: left;
}

.dispLeft {
    float: left;
    margin-top:7px;
    /*margin-right:3px;*/
}

.dispLeft2 {
    float: left;
    margin-top:4px;
    margin-right:3px;
}

.interface_button1 {
    background-position:right 0;
    background-repeat:no-repeat;
    color:#FFFFFF;
    float:left;
    font-size:12px;
    font-weight:bold;
    line-height:36px;
    padding:0 29px 0 0;
    text-decoration:none !important;
    background-image: url('../obrazki/standart.png');
}
.interface_button1:hover {
    text-decoration: none !important;
    color: #8E9498;
}
.interface_button2 {
    background-image: url('../obrazki/standart.png');
    background-position:left 0;
    background-repeat:no-repeat;
    display:block;
    float:left;
    height:36px;
    margin-left:-10px;
    padding-right:29px;
}
.interface_ships_all1 {
    background-image: url('../obrazki/terrans.png');
}
.interface_ships_all2 {
    background-image: url('../obrazki/titans.png');
}
.interface_ships_all3 {
    background-image: url('../obrazki/xen.png');
}
.interface_defence_all1 {
    background-image: url('../obrazki/def_terrans.gif');
}
.interface_defence_all2 {
    background-image: url('../obrazki/def_titans.gif');
}
.interface_defence_all3 {
    background-image: url('../obrazki/def_xen.gif');
}
.interface_missiles_all1 {
    background-image: url('../obrazki/missiles_terrans.gif');
}
.interface_missiles_all3 {
    background-image: url('../obrazki/missiles_xen.gif');
}
.interface_icon_metal {
    background-image: url('../obrazki/metal.png');
}
.interface_icon_crystal {
    background-image: url('../obrazki/crystal.png');
}
.interface_icon_deuterium {
    background-image: url('../obrazki/deuterium.png');
}
.interface_icon_qi_unit {
    background-image: url('../obrazki/quim_small.gif');
}
.interface_icon_all {
    background-image: url('../obrazki/all.png');
}
.interface_icon_clock {
    background-image: url('../obrazki/clock.png');
}
.interface_icon_debris {
    background-image: url('../obrazki/debris_small.png');
}
.interface_icon_debris_medium {
    background-image: url('../obrazki/debris_medium.png');
}
.interface_icon_comet_medium {
    background-image: url('../obrazki/comet_medium.png');
}
.interface_icon_asteroid_medium {
    background-image: url('../obrazki/asteroid_medium.png');
}

.interface_icon_attrbiutes_case {
    background-image: url('../obrazki/case.png');
}
.interface_icon_attrbiutes_case_strength {
    background-image: url('../obrazki/case_strength.png');
}
.interface_icon_attrbiutes_energy {
    background-image: url('../obrazki/energy.png');
}
.interface_icon_attrbiutes_payload {
    background-image: url('../obrazki/payload.png');
}
.interface_icon_attrbiutes_shield {
    background-image: url('../obrazki/shield.png');
}
.interface_icon_attrbiutes_speed {
    background-image: url('../obrazki/speed.png');
}
.interface_icon_attrbiutes_weapon_count {
    background-image: url('/../obrazki/weapon_count.png');
}
.interface_icon_attrbiutes_weapon_strength {
    background-image: url('../obrazki/weapon_strength.png');
}
.interface_icon_attrbiutes_fuel {
    background-image: url('../obrazki/fuel.png');
}
.interface_icon_attrbiutes_rocket_count {
    background-image: url('../obrazki/rocket_count.png');
}
.interface_icon_attrbiutes_rocket_power {
    background-image: url('../obrazki/rocket_power.png');
}
.interface_icon_attrbiutes_rocket_space {
    background-image: url('../obrazki/rocket_space.png');
}