* {margin: 0; padding: 0;}

#__dialogDiv {display: none; left: 50%; position: absolute; z-index: 100;}
#__dialogDiv #__dialogFrame {width: 100%; height: 100%; display: block;}

#__dialogDiv table, #__dialogDiv th, #__dialogDiv td { padding: 0; border-collapse: collapse; border: 0; }

.dlg-frm {color:#4A3825; font-family:Tahoma,Geneva,Arial,sans-serif; font-size:12px}
.dlg-frm input {background: transparent; border: 0 none; color: #5c4230; outline: none;}
.dlg-frm p {margin: 0 0 12px; padding: 0;}
.dlg-frm .form {padding: 8px 20px 16px;}
.dlg-frm dl {margin: 0 8px 10px 0;}
.dlg-frm dl.ok .status {background: url("../images/form_field_ok.gif") no-repeat;}
.dlg-frm dl.error {margin-bottom: 0;}
.dlg-frm dl.error .status {background: url("../images/form_field_error.gif") no-repeat;}
.dlg-frm dl.error dd.message {background: none; color: #7d0000; font-size: 10px; height: 10px; line-height: 10px;}
.dlg-frm dt {float: left; margin: 0 0 2px 0; width: 140px;}
.dlg-frm dd {margin: 0 0 0 140px; position: relative;}
.dlg-frm dd .status {display: block; height: 14px; left: 100%; margin-left: -14px; position: absolute; top: 6px; width: 14px;}
.dlg-frm dl.input-text dt {line-height: 26px;}
.dlg-frm dl.input-text dd.input {background: url("../images/input_text_02.gif") no-repeat; padding-left: 7px; _padding-left: 2px;}
.dlg-frm dl.input-text dd {padding-left: 7px;}
.dlg-frm dl.input-text dd input { _margin-top: -1px; background: url("../images/input_text_02.gif") right -30px no-repeat; overflow: hidden; padding: 5px 7px 6px 0; width: 220px; height: 26px;}
.dlg-frm dl.input-text dd div.input {  padding: 5px 7px 6px 0; background: transparent; font-weight: bold; }
.dlg-frm dl.input-text.error dd.input {background-position: 0 -60px;}
.dlg-frm dl.input-text.error dd input {background-position: right -90px;}
.dlg-frm dl.input-text.wide {width: 264px;}
.dlg-frm dl.input-text.wide dd input {width: 254px;}
.dlg-frm dl.image-selector dt {float: none; font-size: 11px; width: auto;}
.dlg-frm dl.image-selector dd {margin: 0; padding: 6px 0 4px;}
.dlg-frm dl.select {margin-bottom: 4px; position: relative; z-index: 100;}

.dlg-frm button {background: transparent; border: 0 none; color: #c47d37; cursor: pointer; font-size: 12px; margin-left: 5px; text-transform: lowercase; white-space: nowrap; font-family:Tahoma, Geneva, Arial, sans-serif;}
.dlg-frm button .l {background: url("../images/btn_01.gif") no-repeat; float: left; padding: 0 0 0 12px;}
.dlg-frm button .r {background: url("../images/btn_01.gif") 100% -20px no-repeat; float: left; padding: 0px 20px 6px 8px;}

.tbl-shp-smllt {
background:url(/images/tbl-ati_redline-c-top-left.png) left top no-repeat; 
behavior: url("/js/iepngfix.htc")
}
.tbl-shp-sml {
background:transparent url(/images/tbl-shp-sml-lbg.png) no-repeat scroll 0 0;
font-size:0;
behavior: url("/js/iepngfix.htc")
}

.tbl-shp-sml.lt b, .tbl-shp-sml.rt b {
display:block;
height:33px;
overflow:hidden;
width:42px;
}

.tbl-shp-sml.rt {
background-position:0 -150px;
height:33px;
}

.tbl-shp-sml.tt {
background-position:0px -185px;
background-repeat:repeat-x;
height:22px;
}

.tbl-shp-sml.lb {
background-position:0 -100px;
}

.tbl-shp-sml.rb {
background-position:0 -219px;
}

.tbl-shp-sml.lb b, .tbl-shp-sml.rb b {
display:block;
height:40px;
overflow:hidden;
width:42px;
}

.tbl-shp-sml.bb {
background-position:center -298px;
background-repeat:repeat-x;
height:40px;
}


.tbl-shp_menu {
background:transparent url(/images/tbl-shp_menu.png) no-repeat scroll 0 0;
font-size:0;
behavior: url("/js/iepngfix.htc")
}
.tbl-shp_menu.ltop {
background-position:0 0px;
height:24px;
}

.tbl-shp_menu.ltop b, .tbl-shp_menu.rtop b {
display:block;
height:24px;
overflow:hidden;
width:41px;
}
.tbl-shp_menu.rtop {
background-position:0 -27px;
height:24px;
}
.tbl-shp_menu.top { background: url(/images/tbl-shp_menu-center-act.png) left top repeat-x; padding: 0px 5px; font-size: 12px; color: #ffa024; font-weight: bold; font-family: Tahoma,Geneva,Arial,sans-serif; behavior: url("/js/iepngfix.htc") }
.tbl-shp_menu.top a { color: #ffa024; font-size: 12px; text-decoration: none; }
.tbl-shp_menu img {vertical-align: bottom;}

.tbl-shp-sml.ls {
background: url(/images/tbl-ati_redline-left.png) left top repeat-y;
behavior: url("/js/iepngfix.htc")
}

.tbl-shp-sml.bgg { background: url(/images/bgg.png) left top repeat; font-size: 12px; behavior: url("/js/iepngfix.htc") }

.tbl-shp-sml.rs {
background: url(/images/tbl-ati_redline-right.png) right top repeat-y; behavior: url("/js/iepngfix.htc")
}

.art-info-icon {position: relative; text-align: left; z-index: 100;}
.art-info-icon .bg {background: url('/images/artifact_info_icon_bg.png') no-repeat; height: 87px; margin: -90px 0 0 -62px; position: absolute; width: 180px; z-index: 10;}
.art-info-icon .icon {left: 13px; position: absolute; top: -74px; z-index: 5;}
.art-info-icon .qty {display: none;}

.tbl-shp-sml.bgg ul.li { list-style-type: none; margin-left: 10px; overflow: hidden; text-align: left; zoom: 1; }
.tbl-shp-sml.bgg ul.li li { background: url(/images/ring.png) left 2px no-repeat; padding: 0px 0px 3px 20px; font-size: 11px; font-family: Tahoma,Geneva,Arial,sans-serif; color: #4a3825; }
.tbl-shp-sml.bgg ul.li li.level {background: url("/images/level.png") 1px 3px no-repeat;}
.tbl-shp-sml.bgg ul.li li.durability {background: url("/images/durability.png") 2px 2px no-repeat;}
.tbl-shp-sml.bgg ul.li li.price {background: url("/images/price.png") 0 1px no-repeat;}
.tbl-shp-sml.bgg ul.li li.type {background: url("/images/type.png") 0 1px no-repeat;}
.tbl-shp-sml.bgg ul.li li.points {background: url("/images/points.png") 0 1px no-repeat;}
.tbl-shp-sml.bgg ul.li li.style-1 {background: url("/images/style_1.png") 0 1px no-repeat;}
.tbl-shp-sml.bgg ul.li li.style-2 {background: url("/images/style_2.png") 0 1px no-repeat;}
.tbl-shp-sml.bgg ul.li li.style-3 {background: url("/images/style_3.png") 1px 1px no-repeat;}
.tbl-shp-sml.bgg ul.li li.lifetime {background: url("/images/lifetime.png") 0 1px no-repeat;}
.tbl-shp-sml.bgg ul.li li.rune {background: url("/images/rune.png") 0 1px no-repeat;}

.border-foto { height: 50px; position: relative; width: 50px; }
.border-foto div { background: url(/images/border-foto.gif) left top no-repeat; height: 52px; width: 52px; position: absolute; left: -1px; top: -1px; }
.border-foto span {background: url("/images/bg_artifact_cnt.png") no-repeat; color: #ffb417; display: block; font-size: 10px; font-weight: bold; position: absolute; left: 1px; padding: 2px 0 3px 0; text-align: center; top: 32px; width: 25px;}

.black { color: #000; }
.red { color: #a70000; }
.grey { color: #666; }
.green { color: #949d4d; }
.green2 { color:#114D01; }
.tpl-top { position: relative; height: 22px; margin-bottom: 5px; z-index: 1; }
.tpl-top-left { height: 25px; background: url(/images/tpl-top-activ-left.gif) left top no-repeat; margin-bottom: 5px; position: absolute; width: 445px; left: -30px; z-index: 1000; }
.tpl-top-right { background: url(/images/tpl-top-activ-right.gif) right top no-repeat; height: 20px; font-family: Tahoma,Geneva,Arial,sans-serif; font-size: 11px; color: #593f24; padding: 5px 0 0; z-index: 1000; }

.alt-top { background: url(/images/alt-top.gif) left top repeat-x; }
.alt-left { background: url(/images/alt-left.gif) left top repeat-y; }
.alt-right { background: url(/images/alt-right.gif) right top repeat-y; }
.alt-bottom { background: url(/images/alt-bottom.gif) left top repeat-x; }

.alt-6-top { background: url(/images/alt-6-t.png) left top repeat-x; }
.alt-6-left { background: url(/images/alt-6-l.png) left top repeat-y; }
.alt-6-right { background: url(/images/alt-6-r.png) right top repeat-y; }
.alt-6-bottom { background: url(/images/alt-6-b.png) left top repeat-x; }

.info { background: url(/images/tpl_bgg.gif) left top repeat; }
.info th { background:#ecc186;  color: #44403b; font-family: Tahoma,Geneva,Arial,sans-serif; font-size: 11px;}
.rating_info th{ padding: 5px 10px 5px 10px; font-weight: bold;}
.info td { padding: 5px 28px 5px 28px; color: #4a3825; font-family: Tahoma,Geneva,Arial,sans-serif; font-size: 11px; }
.rating_info td  { padding: 5px 10px 5px 10px; font-weight: bold;}
.rating_info td  img {vertical-align: bottom; margin: 0 5px 0 0;}
.info td p { color: #4a3825; padding-bottom: 10px; }
.b { font-weight: bold; }
.p_size11 { font-size: 11px; font-family: Tahoma,Geneva,Arial,sans-serif; margin: 5px 0 5px 0; text-align: left;}

.info td.ac { background-color: #fff8aa; }
.info td.arr-green { background-image: url("/images/form_field_ok.gif"); background-position: 10px 5px; background-repeat: no-repeat; }
.info td.bg-l {background: url("/images/tpl_bg_t.gif");}

.info-title {padding: 0 2px;}
.info-title td {padding: 5px 28px; color: #4a3825; font-family: Tahoma,Geneva,Arial,sans-serif; font-size: 11px;}
.info-title td.bg-l {background: url("/images/tpl_bg_t.gif");}

.u-lt { position: absolute; left: 0px; top: 30px; z-index: 100; behavior: url("/js/iepngfix.htc") }
.u-lb { position: absolute; left: 0px; bottom: 30px; z-index: 100; behavior: url("/js/iepngfix.htc") }
.u-rt { position: absolute; right: 0px; top: 30px; z-index: 100; behavior: url("/js/iepngfix.htc") }
.u-rb { position: absolute; right: 0px; bottom: 30px; z-index: 100; behavior: url("/js/iepngfix.htc") }

.soc-bg-info {margin: 3px 0px 0 870px; position: absolute;}
.soc-artifact-info {float: right; margin: 3px 0px 0 0; }
.soc-fortress-info {float: right; margin: 3px 20px 0 0;}
.soc-slaughter-info {float: right; margin: 3px 20px 0 0;}
.soc-fight-info {margin: 3px 20px 0 0; text-align: right;}

.soc-artifact-info.recruitment {float: none; margin: 15px 0; text-align: center;}
.soc-artifact-info.recruitment .recruitment-call {margin-right: 5px; vertical-align: 5px;}