body { background: #000 none; color: #222; margin-top:3px; margin-bottom: 1px; font-family: Helvetica}
	    #page { width: 100%; }
	    #header{
		width: 1000px;
		height: 36px;
		background: #000 none no-repeat;
		margin: 0px;
		border: 0px;

	    }
	    #top_bar {
		float:right; background: transparent url(../img/menu3.png) no-repeat right top;
		width: 1000px; height: 0px; font-size: 10px; font-family: Helvetica;
		padding-right: 0px; color: #999; text-align: right
	    }

	    #content{
		width: 1001px;
		height: 493px;
		background: #000 none no-repeat;
		margin-top: 1px;

	    }
	    #footer{
		float: left;
		margin-top: 30px;
		width: 1000px;
		height: 120px;
		background: #000 none no-repeat;
		border-bottom: 0px;
	    }

	    #c_left { display: none;float:left; width: 908px; height: 492px; border-right: 0px solid #1f1f1f; border-top: 0px solid #1f1f1f; border-bottom: 0px solid #1f1f1f; text-align: right}
	    .buttonR {width: 100%; border-bottom: 1px solid #101010; text-align: center; height: 85px; cursor: pointer;}
	    #div_prev { float:left;background: #000 url(../img/left.png) repeat; width: 45px; height:492px; border-left: 1px solid black; cursor: pointer;}
	    #div_next { float:left;background: #000 url(../img/right.png) repeat; width: 45px; height:492px; border-right: 1px solid black; cursor: pointer;}

	    .ui-dialog-titlebar { 
                padding: 0px !important; padding-left: 5px !important;
                background: #000 url(../img/bg1.png) !important; border-color: #000;
                color: #aaa; font-size: 10px; line-height: 19px !important }
	    .input_login {
		float: left; margin: 3px; border: 1px solid #000; background-color: #111; font-size: 12px !important; width: 195px; color: #888; text-align: center;
	    }
	    .label_login {float: left; font-size: 11px; margin: 3px; width: 55px;}
	    .label_login70 {float: left; font-size: 11px; margin: 3px; width: 70px;}
	    .ui-widget-content { background: transparent none; border-color: #222; padding: 0em; }
	    .ui-dialog .ui-dialog-content { background:transparent url(../img/transparent80.png) repeat scroll 50% top; padding: 5px;}
            .ui-dialog .ui-dialog-buttonpane { background:transparent url(../img/transparent80.png) repeat scroll 50% top; padding: 5px; margin: 0px; }
            .ui-dialog .ui-dialog-buttonpane button { font-weight: bold; font-size: 12px; padding: 0px; }
	    label {font-size:12px;}
	    #ui-datepicker-div { z-index:9999; }

            #dialog-form input { background-color: black; font-size:12px; margin:15px 5px 5px; padding:5px; float:right; width:150px;}
            #dialog-form label { font-size:12px; padding:10px; }

	    #server_fighter_name {
		border: 1px solid #222;
		background:transparent url(../img/transparent80.png) repeat;
		font-size:11px;
		font-weight: 700;
		padding: 0px 5px;
		text-align:center;
	    }

	    #server_fighter_divRasa {
		border: 1px solid #222;
		background:transparent url(../img/transparent80.png) repeat;
		font-size:11px;
		padding: 0px 5px;
	    }
	    #server_fighter_divRasaInfo {
		border: 1px solid #222;
		background:transparent url(../img/transparent80.png) repeat;
		font-size:11px;
		padding: 0px 5px;
	    }

	   #server_fighter_divRasa .divRasaIco{
		border: 1px solid #222; 
		background:transparent url(../img/transparent80.png) repeat;
		width: 120px;
		margin: 10px 0px;
		text-align: center;
		padding: 3px;
		cursor: pointer;
		float:left;

	    }

	    #server_fighter_button {
		border: 1px solid #222; background:black url(../img/transparent80.png) repeat; font-size:11px; padding: 0px 5px; text-align:center; font-weight: 700;
		cursor: pointer; margin: 3px;
	    }
	    .mouseOverBlack { background: #000 !important; }
	    .mouseClickedBlack { background: #333 !important;  }

#boss_attack_button{
   position: absolute; left: 44px; top:190px; width: 150px; height: 28px; 
   border: 1px solid #222; font-size: 15px; line-height: 28px; font-weight: 700;
   background: #000000 url(../img/bg1.png) repeat; cursor: pointer;
}
#boss_invite_button{
    width: 105px; height: 28px; margin-top: 20px;
   border: 1px solid #222; font-size: 15px; line-height: 28px; font-weight: 700;
   background: #000000 url(../img/bg1.png) repeat; cursor: pointer; text-align: center;
}
#boss_topic {
    width: 600px; height: 40px; line-height: 40px; border: 1px solid #222; font-size: 11px;margin-bottom: 2px; font-size: 25px;
}
div.boss_redRamka {
    margin: 5px; padding: 0px; width: 151px; height: 151px;
    background: transparent url(../img/boss/ramkaRed.jpg) no-repeat;float:left; 
}
div.boss_relacja {    float:left; width: 290px; margin: 10px;   }
div.boss_relacja_content { width: 500px; height: 185px; border: 1px solid #222; font-size: 11px; background-color: black }
img.boss_ico { width: 130px; height: 130px;margin: 11px; }
span.bold {font-weight: 700;}
span.green { color: #5a5 }
span.red { color: #a55 }
span.f16 { font-size: 16px; }



div.adventure_content {
    width: 740px; height: 165px; border: 1px solid #222; font-size: 11px;
    margin-bottom: 2px; background-color: black
}
div.adventure_content_inside {
    width: 670px; height: 165px; border: 1px solid #222; font-size: 11px;
    margin-bottom: 2px; background-color: black
}
div.adventure_opis {    float:left; width: 565px; height: 117px; margin: 5px;   }
div.adventure_opis_inside {    float:left; width: 495px; height: 117px; margin: 5px;   }
div.adventure_button_go { float:left; margin: 5px; width: 565px; height: 20px; border: 2px solid #222; font-size: 13px;
       cursor:pointer;margin-bottom: 2px;background: #000000 url(../img/bg1.png) repeat; line-height: 15px;
}

div#giveItemTo_button {
    float:left; margin: 5px; width: 395px; height: 25px; border: 2px solid #222;
    font-size: 13px; cursor:pointer;margin-bottom: 2px;
    color: gold; font-family: monospace; width:150px; text-align: center;
    background: #000000 url(../img/bg1.png) repeat; line-height: 25px;
}
div#invite_button {
    float:left; margin: 5px; width: 395px; height: 25px; border: 2px solid #222;
    font-size: 13px; cursor:pointer;margin-bottom: 2px;
    color: gold; font-family: monospace; width:150px; text-align: center;
    background: #000000 url(../img/bg1.png) repeat; line-height: 25px;
}


div#dynamic_div_giveItem { min-height: 50px !important; height: auto !important; }
div#menuHomeTop {
    float:left;  width: 1000px; height: 30px;
    background: transparent url(../img/menu2top.png) no-repeat right bottom;
}
div#menuHomeBottom {
   float:left;  width: 1000px; height: 30px;
   background: transparent url(../img/menu2bottom.png) no-repeat right bottom;
}

#dialogXmail { font-size: 11px; min-height: 80px !important; }
#dialogXmailLista { font-size: 11px; min-height: 80px !important; height: 440px !important;  }
.div_xmail_link { border: 1px solid #444; margin: 2px; cursor: pointer; }
.div_xmail_container { }
div.div_xmail_readed{ margin-top: 10px;}
div.sh_stat_box_normal { 
    float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 58px;
    text-align: center;
}
div.sh_stat_box_unique { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 58px; color: #ff3; text-align: center; }
div.sh_stat_box_green { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 58px; color: #0f3; text-align: center; }
div.sh_stat_box_red { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 58px; color: #f03; text-align: center; }
div.dbs_levup { background-color:black;
border:1px solid #333333;
float:right;
height:10px;
line-height:10px;
margin:1px;
width:14px;
cursor: pointer;
}



/*BUTTONS*/
div.bt2 { float:left; width: 91px; height: 23px; margin: 4px; cursor: pointer; color: #ccc }
div.bt3 { float:left; width: 30px; height: 25px; margin-top: 2px; margin-left: 6px; cursor: pointer; color: #ccc }
div.bt4 { float:left; width: 67px; height: 23px; margin: 4px; cursor: pointer; color: #ccc }
div.bt { float:left; width: 79px; height: 20px; margin: 2px; margin-top: 5px; cursor: pointer; color: #ccc }
div.bt_s { float:left; width: 70px; height: 20px; margin: 2px; margin-top: 5px; cursor: pointer; color: #ccc }
div.bt#leaveServer {
    background: red url(../img/button/leave.gif) no-repeat; margin-left:60px;
}


div.bt#xmail { background: red url(../img/button/xmail.gif) no-repeat; }
div.xmail_new { border: 1px solid red !important; }
div.bt#tavern { background: red url(../img/button/tavern.gif) no-repeat; }
div.bt#storehouse { background: red url(../img/button/storehouse.gif) no-repeat; }
div.bt#stats { background: red url(../img/button/stats.gif) no-repeat; }
div.bt#equipment { background: red url(../img/button/equipment.gif) no-repeat; }
div.bt#district { background: red url(../img/button/district.gif) no-repeat; }
div.bt#boss { background: red url(../img/button/boss.gif) no-repeat; }
div.bt#adventures { background: red url(../img/button/adventures.gif) no-repeat; }
div.bt#ranking_button { background: red url(../img/button/ranking.gif) no-repeat; }
div.bt#shop_button { background: red url(../img/button/shop.gif) no-repeat; }
div.bt#skills { background: red url(../img/button/skills.gif) no-repeat; }
div.bt#tv_button { background: red url(../img/button/tv.gif) no-repeat; }
div.bt_s#premium { background: red url(../img/button/premium.gif) no-repeat; }



.bt2#ap {
    background: red url(../img/button/ap.gif) no-repeat; float:right; margin-right:60px;
    text-align: center;
}
.bt2#hp {
    background: red url(../img/button/hp.gif) no-repeat; float:right; margin-right:10px;
    text-align: center;
}
.bt2#exp {
    background: red url(../img/button/exp.gif) no-repeat; float:right; margin-right:10px;
    text-align: center;
}
.bt2#gp {
    background: red url(../img/button/gp.gif) no-repeat; float:right; margin-right:10px;
    text-align: center;
}
.bt2#ep {
    background: red url(../img/button/ep.gif) no-repeat; float:right; margin-right:10px;
    text-align: center;
}
.bt2#alert {
    background: red url(../img/button/empty_b.gif) no-repeat; float:left; margin-right:10px;
    text-align: center;
}
.bt4#alert {
    background: red url(../img/button/empty_b2.gif) no-repeat; float:left; margin-right:10px;
    text-align: center;
}
.bt2#skills {
    background: red url(../img/button/skills.gif) no-repeat; float:left; margin-right:0px;
    text-align: center;
}
.bt2#equipment {
    background: red url(../img/button/equipment2.gif) no-repeat; float:left; margin-right:0px;
    text-align: center;
}
.bt2#stats {
    background: red url(../img/button/stats2.gif) no-repeat; float:left; margin-right:0px;
    text-align: center;
}
.bt2#adventures {
    background: red url(../img/button/adventures2.gif) no-repeat; float:left; margin-right:0px;
    text-align: center;
}
.bt2#shop {
    background: red url(../img/button/shop2.gif) no-repeat; float:left; margin-right:0px;
    text-align: center;
}
.bt2#xmail {
    background: red url(../img/button/empty_b.gif) no-repeat; float:left; margin-right:0px;
    text-align: center;
}
.bt2#empty_b {
    background: red url(../img/button/empty_b.gif) no-repeat; float:left; margin-right:0px;
    text-align: center;
}
.bt3#help {
    background: red url(../img/button/help.gif) no-repeat; float:left; margin-right:0px;
    text-align: center;
}

div.bt_val {
    width: 65px; margin-left: 25px; margin-top:6px; line-height: 15px; height: 15px; font-size: 14px;
}
div.bt4_val {
    width: 67px; margin-left: 0px; margin-top:6px; line-height: 15px; height: 15px; font-size: 14px;
}
div.bt3_val {
    width: 30px; margin-top:6px; line-height: 15px; height: 15px; font-size: 11px;
}
div.bt_val#alert_topic {
   font-size: 11px;
}


/********************************
* STOREHOUSE + EQUIP
********************************/
div#storehouse_container{    float: left; width: 320px;  z-index: 2     }
div#equip_container{            float: left; width: 320px; height:auto; z-index: 1    }

div.itemRow {
     width: 313px; height: 55px; border: 1px solid #222; font-size: 11px;
     margin-bottom: 2px;
}
div.itemRow input[type=checkbox] {
     margin-top: 20px;
}

div.itemRow div.item_stats{
     background: transparent url(../img/transparent80.png); 
     float: left; width: 196px; height: 55px; border: 0px solid #222;
}
div.itemIco{
     background: transparent url(../img/transparent80.png); 
    float: left; width: 50px; height: 55px; border: 1px solid #222;
}
img.imgDrag{
    border:1px solid #222; max-width: 40px; max-height: 40px; margin: 5px;
    cursor: move;
}

div#equip_main_top{
    width: 305px; height: 60px; border: 1px solid #222; font-size: 11px;
}
div#equip_main_bottom div#slot_parent_13{
   float: left; width: 60px; height: 60px; border-right: 1px solid #222;
}

div#equip_main_top div#slot_parent_1{
   float: left; width: 180px; height: 50px;
}

div#equip_main_middle{
    width: 305px; height: 270px; border: 1px solid #222; border-top:0px; font-size: 11px;
}
div#equip_main_middle div#main_middle_left{
    float: left; width: 60px; height: 270px; border-right: 1px solid #222;
}
div#equip_main_middle div#main_middle_center{
   float: left; width: 180px; height: 270px;
}
div#equip_main_middle div#main_middle_right{
    float: left; width: 60px; height: 270px; border-left: 1px solid #222;
}

div#equip_main_bottom{
   width: 305px; height: 60px; border: 1px solid #222;  border-top:0px;  font-size: 11px;
}
div#equip_main_bottom div#slot_parent_12{
   float: left; width: 60px; height: 60px; border-right: 1px solid #222;
}
div#equip_main_bottom div#slot_parent_11{
   float: left; width: 60px; height: 60px; border-left: 1px solid #222;
}
div#equip_main_top div#slot_parent_2{
   float: left; width: 60px; height: 60px; border-left: 1px solid #222;
}

div#equip_main_middle img#ico_rasa{
    border:1px solid #222; max-width: 170px;  margin: 5px;
}

 div.equip_ico img {
    border:1px solid #222; max-width: 50px; max-height: 50px; margin: 3px;
}

img.equip_ico {
    border:1px solid #222; max-width: 40px; max-height: 40px; margin: 5px;
}

/********************************
* Fight
********************************/
div#f_cont { width:610px; height:440px; }
div#f_cont div#f_cont_left { float: left; width: 260px;
     background: transparent url(../img/transparent80.png); }
div#f_cont div#f_cont_left div#att_info { 
    float: left; width: 259px; height: 140px; border: 1px solid #444;
        background: transparent url( ../img/button/info.gif) left top no-repeat;

}
div#f_cont div#f_cont_left div#att_tech { 
    float: left; width: 259px; height: 110px; border: 1px solid #444; border-top: 0px;
    background: transparent url( ../img/button/atech.gif) left top no-repeat;
}
div#f_cont div#f_cont_left div#att_tech div#att_str_tech_slots {
    float:left;
    margin-top:20px;
    margin-left: 5px;
   /* width:95%;*/
}
div#f_cont div#f_cont_left div#att_tech div#att_spd_tech_slots {
    float:left;
    margin-top:0px;
    margin-left: 5px;
  /*  width:95%;*/
}


div#f_cont div#f_cont_left div#def_tech {
    float: left; width: 259px; height: 110px; border: 1px solid #444; border-top: 0px;
    background: transparent url( ../img/button/dtech.gif) left top no-repeat;
   }
div#f_cont div#f_cont_left div#def_tech div#def_str_tech_slots {
    float:left;
    margin-top:20px;
    margin-left: 5px;
  /*  width:95%;*/
}
div#f_cont div#f_cont_left div#def_tech div#def_spd_tech_slots {
    float:left;
    margin-top:0px;
    margin-left: 5px;
 /*   width:95%;*/
}
div#buton_fight{
     float: left;
   margin: 8px; margin-left: 0px; bordeR: 1px solid #333; padding: 0px;
    font-weight: 700; background-color: #222;
    width: 275px; height: 50px; text-align: center; cursor: pointer;
     background: transparent url(../img/button/fight2.jpg);
}
div#buton_clear_attacks{
    float: left;

    margin: 8px; bordeR: 1px solid #333; padding: 0px;
    font-weight: 700; background-color: #222;
     width: 275px; height: 50px; text-align: center;cursor: pointer;
     background: transparent url(../img/button/clear.jpg);
}

div#f_cont div#f_cont_middle { float: left; width: 3px; }

div.slot_ico{ float: left;
    background: transparent url( ../img/items/empty.png) left top no-repeat;
    width: 44px; height: 44px;
}

img.slot_img {
    margin: 4px;
    width: 36px; height: 36px;
}

div#f_cont div#f_cont_right { float: left; width: 325px; }
div#f_cont div#f_cont_right div#def_info { 
    float: left; width: 325px; height: 180px; border: 1px solid #444; text-align: center;}
div#f_cont div#f_cont_right div#att_kolejka {
    background: transparent url( ../img/button/aseq.gif) left top no-repeat;
    text-align: center; float: left; width: 325px; height: 90px;
    border: 1px solid #444; border-top: 0px;
}
div#f_cont div#f_cont_right div#att_kolejka div#att_slots {
    float:left;
    margin-top:35px;
    margin-left: 5px;
    width:95%;
}
div#f_cont div#f_cont_right div#def_kolejka { 
    float: left; width: 325px; height: 90px; border: 1px solid #444; border-top: 0px;
    background: transparent url( ../img/button/dseq.gif) left top no-repeat;
}
div#f_cont div#f_cont_right div#def_kolejka div#def_slots {
    float:left;
    margin-top:40px;
    margin-left: 5px;
    width:95%;
}

div.def_info_name{ border-bottom: 1px solid #444; width: 100%; font-size: 11px;}
div.def_actions{
    float:left;border: 1px solid #222; border-left: 0px; border-right: 0px;
    width: 70px;margin-top:10px; height:140px; font-size: 11px;

}

div#button_watch_enemy {
    border: 1px solid #444;margin:2px; margin-top: 1px;background-color: #222; height: 40px;
    line-height: 15px;padding-top:8px; float: left;
}

div#button_sabotage_enemy {
    border: 1px solid #444;margin:2px;background-color: #222; height: 50px;
    line-height: 15px;padding-top:8px; float: left;
}


/********************************
* CHAR INFO
********************************/
div.div_base_info_att {
    width: 225px; height: 140px; border: 1px solid rgb(34, 34, 34);
    font-size: 11px; margin-bottom: 2px;
    background: url("../img/transparent80.png") repeat scroll 0% 0% transparent;
}
div.div_base_info {
    width: 250px; height: 140px; border: 1px solid rgb(34, 34, 34);
    font-size: 11px; margin-bottom: 2px;
    background: url("../img/transparent80.png") repeat scroll 0% 0% transparent;
}
div.div_base_info div.base_stats {
    float: left; width: 145px; height: 120px; text-align: center;
}
div.div_base_info div.base_stats div#dbs1 {
    width: 140px; font-weight: 700; text-align: center;
}
div.div_base_info div.base_stats div#dbs_Str,
div.div_base_info div.base_stats div#dbs_Agil,
div.div_base_info div.base_stats div#dbs_Stamina,
div.div_base_info div.base_stats div#dbs_Luck,
div.div_base_info div.base_stats div#dbs_Morale,
div.div_base_info div.base_stats div#dbs_PointsLeft
{
    width: 90px;
}
div.div_base_info div.base_stats div#dbs_Str_val,
div.div_base_info div.base_stats div#dbs_Agil_val,
div.div_base_info div.base_stats div#dbs_Stamina_val,
div.div_base_info div.base_stats div#dbs_Luck_val,
div.div_base_info div.base_stats div#dbs_Morale_val,
div.div_base_info div.base_stats div#dbs_PointsLeft_val
{
    width: 45px;
}

div.div_base_info div.div_avatar{
    float: left; width: 100px; height: 120px; border-right: 0px solid rgb(34, 34, 34); text-align: center;
}
div.div_base_info div.div_avatar img.avatar{
    border: 1px solid rgb(34, 34, 34); max-width: 110px; max-height: 125px; margin: 5px;
}

div#div_actions{
    width: 250px; height: 40px; border: 1px solid #222;
    font-size: 11px;margin-bottom: 2px;
    background: transparent url(../img/transparent80.png)
}
div#div_char_stats{
    width: 250px; height: 100px; border: 1px solid #222;
    font-size: 11px;margin-bottom: 2px;
    background: transparent url(../img/transparent80.png)
}
div#div_char_stats_att {
    float: left; width: 125px; height: 100px;
}
div#div_char_stats_def {
    float: left; width: 125px; height: 100px;
}
div#div_char_stats_other {
    width: 250px; height: 130px; border: 1px solid #222; font-size: 11px;
    margin-bottom: 2px; background: transparent url(../img/transparent80.png)
}

div#div_char_intro{
    width: 250px; height: 75px; border: 1px solid #222; font-size: 11px;
    margin-bottom: 2px; background: transparent url(../img/transparent80.png)
}



div#ranking_dialog { background-color: #222; }
div.ranking_button { cursor:pointer;float: left; margin: 2px;
     border: 1px solid #444;width:80px;height: 25px;background-color: #000;
     line-height: 25px; font-weight: 700; color: #ddd;
}
div.ranking_button img { float:left; height: 24px; }


div.loading_dialog { background-color: black; width: 180px; height: 30px; min-height: 30px!important;}


/*
TAVERN
*/
div#tavern_intro {
    width: 240px; height: 170px; border: 1px solid #222; font-size: 11px;
    background: transparent url(../img/istock/ist2_5069416-poem-is-over_250.jpg)
}

div#tavern_topics {
    width: 240px; height: 245px; border: 1px solid #222; font-size: 11px;
    margin-top: 10px; background: transparent url(../img/transparent80.png)
}
div.tavern_topic {
    width: 225px; height: 45px; border: 1px solid #222; font-size: 11px;
   background: transparent url(../img/transparent80.png);
    margin: 5px;
}
div.tavern_topic_title {
    width: 145px; height: 45px; line-height: 45px;  border-right: 1px solid #222; font-size: 11px;
    text-align: center; font-weight: 700; color: gold;float: left; cursor: pointer;
}

div.tavern_topic_lastAutor {
    width: 79px; height: 17px; font-size: 9px;  border-bottom: 1px solid #222; font-size: 11px;
    text-align: center; font-weight: 400; color: #ddd;float: left;
}

div.tavern_topic_lastAction {
    width: 79px; height: 25px;   font-size: 9px;
    text-align: center; font-weight: 400; color: #ddd;float: left;
}

div.tavern_left { float: left; }
div.tavern_right {  }
div.tavern_right_topic { text-align: center; color: gold; width: 500px; float:left; }

div.tavern_post {
    width: 500px;border: 1px solid #222; font-size: 11px;
   background: transparent url(../img/transparent80.png);
    margin: 5px; margin-left: 15px;
}
div.tavern_post_msg {
    width: 500px; border-top: 1px dashed #222; font-size: 11px;
   background: transparent url(../img/transparent80.png); text-align: center;
}
div.tavern_post_autor {
    width: 150px; font-size: 11px; float: left; text-align: center; border-right: 1px dashed #222;
   background: transparent url(../img/transparent80.png); color: #aaa; padding: 2px;
}
div.tavern_post_date {
    width: 150px; font-size: 11px; float: left; text-align: center; border-right: 1px dashed #222;
   background: transparent url(../img/transparent80.png); color: #aaa; padding: 2px;
}

div.tavern_topic_posts { height: 400px; overflow: auto; float:left; width: 550px;}
div.bt_tavern { float:left; width: 69px; height: 20px; margin: 2px; margin-top: 5px; cursor: pointer; color: #ccc }
div.bt_tavern#reply { background: red url(../img/button/reply.gif) no-repeat; margin-left: 15px }
#tavern_textarea_new { height: 50px; width: 485px; margin: 5px;}
.mOver333 { background: #333 !important; }
div.action_item_shop{
    float: left; width: 65px; height: 55px; border-left: 1px solid #222; text-align: center;
}
div.buy_item_shop{
   border: 1px solid #333; background-color: #222; margin: 2px; text-align: center; cursor: pointer;
}
div.color_red {color:red;}
div.color_green {color:green;}

div.item_list_intro {
   background: transparent url(../img/transparent80.png) repeat center center;
  
}
div.item_list {
   float: left; width: 340px; height: 370px; bordeR: 1px solid #333; overflow: auto;
}

div.item_types_list {
    width: 65px;  border: 1px solid #333; background-color: #111;float: left;
    margin-right: 5px;padding-bottom: 5px;
}
div.item_type {
    width: 55px;  border: 1px solid #333; background-color: #222; float: left;
    margin: 3px; margin-bottom: 0px; text-align: center; cursor: pointer;
}

div#online_div {
    border: 0px solid red; position: absolute; width: 330px;  z-index: 999; left: 630px;
    background: transparent url(../img/transparent80.png);
}
table#online {
}
div.online_button { cursor:pointer;float: left; margin: 2px;
     border: 1px solid #444;width:50px;height: 17px;background-color: #000;
     line-height: 17px; font-weight: 400; font-size: 10px; color: #ddd;
}
div.show_ranking_button { cursor:pointer;float: left; margin: 2px;
     border: 1px solid #444;width:58px;height: 25px;background-color: #000;
     line-height: 25px; font-weight: bold; font-size: 11px; color: #ddd;
}

div.show_ranking_button img {float:left;height:25px;}
div.online_button img { float:left; height: 16px; }



div#skill_tabs { font-size: 11px; }

div.skillRow {
     width: 450px; height: 46px; border: 1px solid #222; font-size: 11px;
     margin-bottom: 2px;
      background: transparent url(../img/transparent80.png);
}
div.skillIco{
    float: left; width: 46px;
}
div.skillIco img{
    border:1px solid #222; max-width: 40px; max-height: 40px; margin: 4px;
}

div.skillRow div.skill_stats{
     float: left; width: 115px; color: gold; text-align: center;
}
div.skillRow div.skill_opis{
     float: left;  color: gold; text-align: center; width: 230px;
}
div.action_skill{
    float: left; width: 43px; border-left: 1px solid #222; text-align: center;
}
div.action_skill div.skill_levup{
   border: 1px solid #333; background-color: #222; margin: 2px; 
   text-align: center; cursor: pointer; height: 40px; width: 45px;
}


div.div_tv_caption {
     width: 95%; height: 25px; line-height: 25px; border: 1px solid #222; font-size: 11px;
     margin-bottom: 2px; text-align: center; font-weight: 700; color: gold;
      background: transparent url(../img/transparent80.png); float:left;
}
div.tv_link {
     width: 95%; height:50px;border: 1px solid #222; font-size: 11px;
     margin-bottom: 2px; text-align: center;
      background: transparent url(../img/transparent80.png); float:left;
}
div.tv_link div.tv_info {
     width: 70%; height:50px; font-size: 11px;
     margin-bottom: 2px; text-align: center;
      float:left;
}
div.tv_link div.tv_bt_theirs {
     width: 45px; height:45px; font-size: 11px;   cursor: pointer;
     margin: 2px; margin-right: 10px; text-align: center; border: 1px solid #333;
      float:right; background: transparent url("../img/button/fight.png") no-repeat center center;
}
div.tv_link div.tv_bt_yours {
     width: 45px; height:45px; font-size: 11px;   cursor: pointer;
     margin: 2px; margin-right: 10px; text-align: center; border: 1px solid #333;
      float:right; background: transparent url("../img/button/cancel.png") no-repeat center center;
}
div.tv_link div.tv_bt_counted {
     width: 45px; height:45px; font-size: 11px;   cursor: pointer;
     margin: 2px; margin-right: 10px; text-align: center; border: 1px solid #333;
      float:right; background: transparent url("../img/button/watch.png") no-repeat center center;
}

div#dialogDuelsTV { font-size: 11px; padding: 10px; }
div.tv_relacja_round_name {   height: 70px;
border:1px solid #222222; border-bottom: 0px;}
div.tv_relacja_round_name div.round_num{   
    float: left; height: 60px;  background: transparent url(../img/round2.png) no-repeat center center;
    text-align: center; font-size: 25px; font-weight: 700; width: 175px;
}
div.tv_relacja_round_name div.tv_attacker{   height: 20px; width: 150px;  color: gold; text-align: center;
        font-size: 15px; font-weight: 700; float: left;  }
div.tv_relacja_round_name div.tv_defender{   height: 20px; width: 150px;  color: gold; text-align: center;
        font-size: 15px; font-weight: 700; float: right;  }
div.tv_relacja_round_name div.hp_a{   height: 20px; width: 150px;  color: red; text-align: center;
        font-size: 15px; font-weight: 700; float: left;  }
div.tv_relacja_round_name div.hp_b{   height: 20px; width: 150px; color: red; text-align: center;
        font-size: 15px; font-weight: 700; float: right;  }
div.tv_relacja_round { border: 1px solid #222;  background: transparent url(../img/transparent80.png);
                   padding: 5px; margin-bottom: 40px; text-align: center;}

.fs10px { font-size: 10px; }
.center { text-align: center; }
.f700 { font-weight: 700; }
div.w116 { width: 116px;}
div.w100 { width: 100px;}
div.w70 { width: 70px;}
div.w40 { width: 40px;}
.bg80 { background: transparent url(../img/transparent80.png);}
div.border222 { border: 1px solid #222; }

img.in_mail_ico { float: left; margin: 3px; border: 1px solid black; cursor: pointer;}

div.storehouse_page_link { float:left; width: 10px; border: 1px solid #999;
    font-size: 9px; margin: 2px; text-align: center; cursor: pointer; }

div#xmail_system_msgs{
    float:left; margin: 2px; border: 1px solid #444; padding: 2px; cursor: pointer;
}
div#xmail_players_msgs{
    float:left; margin: 2px; border: 1px solid #444; padding: 2px; cursor: pointer;
}

div#xmail_make_msg{
    float:right; margin: 2px; border: 1px solid #444; padding: 2px; cursor: pointer;
}
div.xmail_cat_selected { text-decoration: underline; color: gold;}
textarea#pm_msg { clear: both; width: 300px; font-size: 11px; height: 80px; }
input#pm_reciever { clear: both; width: 200px; font-size: 11px; }
div#xmail_send_msg{
    float:right; margin: 2px; border: 1px solid #444; padding: 2px; cursor: pointer;
    background: transparent url(../img/transparent80.png);
    font-size: 15px;
}

    #delmodeditgrid{z-index: 1500 !important;background: transparent url(../img/transparent90.png);}
    #addmodeditgrid{z-index: 1500 !important;background: transparent url(../img/transparent90.png);}
    #editmodeditgrid{z-index: 1500 !important;background: transparent url(../img/transparent90.png); }

    #delmodeditgridM{z-index: 1500 !important;background: transparent url(../img/transparent90.png);}
    #addmodeditgridM{z-index: 1500 !important;background: transparent url(../img/transparent90.png);}
    #editmodeditgridM{z-index: 1500 !important;background: transparent url(../img/transparent90.png); }

    div.form_box { margin: 2px; float:left; border: 1px solid #333; padding: 2px;background: transparent url(../img/transparent90.png);}

    div.ds_action{ float: left; width: 43px; height: 55px; border-left: 1px solid #222; }
    div.item_action_button { border: 1px solid #333; background-color: #222; margin: 2px; text-align: center; cursor:pointer; }


    div.boss_topic { text-align: center; }
    div.boss_container { width: 600px; height: 370px; border: 1px solid #222; font-size: 11px;margin-bottom: 2px; background: transparent url(../img/boss/1.jpg) no-repeat top;text-align: center; }
    div.boss_info { position: absolute; left: 15px; top:185px; width: 250px; height: 230px; border:3px double #555; background: transparent url(../img/transparent90.png) repeat scroll 50% top; }
    div.boss_teammates { width: 600px; height: 65px; border: 1px solid #222; font-size: 11px;margin-bottom: 2px; font-size: 10px;background-color: black;text-align: center; }
    div.boss_teammate_info { bordeR: 1px solid #aaa; float:left; margin: 4px; height: 55px; width: 110px; }
    div.boss_call_for_assist { width: 600px; height: 28px; border: 2px solid #222; font-size: 13px; cursor:pointer;margin-bottom: 2px;background: #000000 url(../img/bg1.png) repeat; line-height: 28px; text-align: center; }


    div.dialog_invite #div1 { width: 240px; height: 70px; border: 1px solid #222;
    font-size: 11px;margin-bottom: 2px; background-color: black; }
     div.dialog_invite #input_fighter{ width: 150px;}
input#invite_fighter_name { font-size: 11px; width: 150px; }

div#alerts_tag { float: left; margin-left: 50px; width: 350px; }
div.icon_alert_count { width: 25px; line-height: 16px; background: url("../img/graphical_desc.png") no-repeat; text-align: center; color: white; font-size: 11px; margin-top: 10px; margin-left: -5px; }
div.icon { width: 60px; height: 28px; }
div.icon#msg { background: url(../img/ikony.png) no-repeat scroll -180px -183px transparent; cursor: pointer; }
div.icon#new_tv { background: url(../img/ikony.png) no-repeat scroll -120px -183px transparent; cursor: pointer; }
div.icon#challenge { background: url(../img/ikony.png) no-repeat scroll -241px -84px transparent; cursor: pointer; }
div.icon#warring { background: url(../img/ikony.png) no-repeat scroll -241px -183px transparent; cursor: pointer; }

input#profil_info_submit { width: 263px; color: #aaa; cursor: pointer; }

#dialogAlert{min-height: 45px!important;}
#dialogHelp { url(../img/transparent90.png) repeat scroll 50% top transparent; }

#dialog-confirm{min-height: 30px!important; height: 30px!important; font-size: 11px;}
#dialog-repair_confirm{min-height: 30px!important; height: 30px!important; font-size: 11px;}
#dialog-sell_confirm{min-height: 30px!important; height: 30px!important; font-size: 11px;}
#dialog-repair_selected_confirm{min-height: 30px!important; height: 30px!important; font-size: 11px;}

td#ponline_right { width: 75px; }
td#ponline_center { width: 250px; }

.ui-widget {
font-family:Tahoma,sans-serif;
}

#float_div{
background: url(../img/transparent80.png) repeat scroll 50% top transparent;
font-size:10px;
left:88px;
position:absolute;
top:111px;
width:130px;
z-index:9999;
padding: 5px;
border: 1px solid grey;
text-align: center;
}
div.sh_stat_box_float_normal { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 58px;}
div.sh_stat_box_float_wide { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 116px; padding-left: 4px; }
div.sh_stat_box_float_unique { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 58px; color: #ff3;}
div.sh_stat_box_float_green { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 58px; color: #0f3;}
div.sh_stat_box_float_red { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 58px; color: #f03;}
div.sh_stat_box_float_wide_red { float: left; border: 1px solid #333; background-color: #222; margin: 1px; width: 116px; color: #f03; padding-left: 4px; }

#itemCat {cursor: pointer; border: 1px solid grey; font-size: 12px; font-weight: bold; margin: 2px; padding: 1px; text-align: center; width: 315px;}
#dialog_change_password {font-size: 11px;}