body                 { margin: 0; padding: 0; background-image:url('../img/bg.gif'); background-repeat: repeat-x; background-color: #E5E5E5; color: #000; font-family: Arial; font-size:13px; line-height: 1.6em}

a                    { text-decoration: underline; color: #027DB8}
a:hover              { color: #c00; text-decoration: none; }

.hi                  { color: #c00 }
.mid                 { color: #369 }
.lo                  { color: #606060 }

.checked             { font-size:18px; font-family:Dingbats; color: #393 }
.crossed             { font-size:18px; font-family:Dingbats; color: #f00 }


.bracket             { color: #027DB8 }

.bracket_hi, .bracket_hi a  { color: #a00 }

.bracket_hi a:hover { color: #000 }

h1                  { font-size: 36px; font-weight: bold; line-height: 1.2em; color: #f00; margin: 0; padding: 0 }

h2                  { font-size: 20px; font-weight: normal; color: #950000; line-height: 1.2em; margin: 0; padding: 0 0 0.4em 0; text-transform: uppercase}

h3                  { font-size: 14px; font-weight: bold; color: #369; line-height: 1.2em; margin: 0; padding: 0 0 0.4em 0}

h4                 { color: #369; margin-bottom: 5px }

.small               { font-size: 10px }

.img                 { border: 1px solid black }

#wrap                { width: 996px; margin: 0 auto; }

#top                 { padding: 10px 10px 5px 10px; color: #000; min-width: 976px}

#description         { color: #950000; text-transform: uppercase; font-size: 12px; }



#top_logo            { float: left; text-align: left;  }
#top_user            { float: right; text-align: right; line-height: 1.2em }

#top a               { color: #027DB8; text-decoration: none }
#top a:hover         { color: #c00; }

#top .bracket        { color: #027DB8 }


#cont                { background-color: #fff; border-width: 0 1px; border-style: solid; border-color: #dcdcdc; }

#foot                { text-align: right; font-size: 10px; padding: 0px 0px 10px 0px; }




#menu                  { background-image:url('../img/menu_bg.gif'); width: 996px; height: 80px; }
#menu_cont             { padding: 2px 2px 4px 20px }

a.menuitem, a.menuitem_sel  { font-family: Verdana; display: block; height: 74px; line-height: 68px; float:left; font-size: 13px; text-transform: uppercase; text-decoration: none; margin-right: 5px; padding: 0}


a.menuitem:hover, a.menuitem_sel    { background-image:url('../img/menu_sel_bg.gif'); background-color: #fc0; color: #000}

.menuitem div { position:relative;border:0;margin:0;padding:0;width:100%;height:0px; display:none }
.menuitem img { position:absolute;top:73px;border:0;margin:0;padding:0;display:block;width:100%;height:14px; }

.menuitem_sel div { position:relative;border:0;margin:0;padding:0;width:100%;height:0px; }
.menuitem_sel img { position:absolute;top:73px;border:0;margin:0;padding:0;display:block;width:100%;height:14px; }


a.menuitem:hover .front, .menuitem_sel .front {color: #000 }
a.menuitem:hover .drop, .menuitem_sel .drop {color: #AA0 }

a.menuitem:hover div {display:block }


.drop            { position:absolute; color:#00A; font-weight:bold;padding: 0 7px;}
.front           { position:relative;left:-1px;top:-1px; text-decoration: none; color: #fff;font-weight:bold;padding: 0 7px;}




#menu ul               { margin: 0 ; list-style-type: none; display: inline; }
#menu ul li            { display: inline; }
#menu ul li a          { height: 76px; line-height: 65px; padding: 0 10px; font-family: Verdana; text-transform: uppercase; color: #fff; margin: 0 5px 0 0; text-decoration: none; float: left; }
#menu ul li a:hover, #menu li a.sel   { background-color: #FFE851; color: #000; }




#nav                   { clear: both; padding: 2px 10px; font-size: 10px }
#nav a                 { color: #000 }

#main_cont             { padding: 10px 20px 10px 20px; }

#main                  { width: 650px; float: left; }
#column                { width: 280px; float: right; }


.subheader             { border-bottom: 2px solid #369; color: #369; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; }

.server_subheader      { font-size: 20px; line-height:1.4em; border-bottom: 2px solid #000; color: #000; margin-bottom: 5px}


.list_head, .list_head_hi, .list_head_lo { padding: 2px 5px; border-width: 1px 1px 0 1px; border-style: solid; }
.list_cont, .list_cont_lo  { padding: 5px; border-width: 1px; border-style: solid }
.list_foot, .list_foot_lo { padding: 2px 5px; border-width: 0 1px 1px 1px; border-style: solid; }


.list_head              { background-color: #369; color: #fff; border-color: #000 }
.list_head_hi           { background-color: #c00; color: #fff; border-color: #000 }
.list_cont              { border-color: #000 }
.list_foot              { background-color: #ffc; color: #000; border-color: #000 }



.list_head_lo           { background-color: #acacac; color: #404040; border-color: #808080 }
.list_cont_lo           { background-color: #E6E6E6; color: #606060 ; border-color: #808080 }
.list_foot_lo           { background-color: #D8D7BF; color: #606060; border-color: #808080 }


.box_head              { margin-right: 15px; border-bottom: 1px solid #369; background-color: #369; color: #fff; font-weight: bold; padding: 5px; }
.box_cont              { margin-right: 15px; border-width: 0 1px 2px 1px; border-style: solid; border-color: #369; padding: 5px; margin-bottom: 10px;  }




.link_item             { width: 116px; float: left; }
.link_item_cont        { margin: 0 10px 10px 0; text-align: center; font-size: 9px}

.savedsms_item         { width: 200px; float: left; margin-bottom: 5px}
.savedsms_value         { float: left; margin-bottom: 5px}

.sms_item_wrap         { padding: 0 10px 10px 0; float: left; }
.sms_head              { background: #ffc; border-width: 1px 1px 0 1px; border-style: solid; border-color: #000; padding: 2px 5px }
.sms_item              { width: 146px; text-align: center; font-size: 11px; line-height: 1.4em; border: 1px solid black; background: #ffe }
.sms_item_pe           { width: 180px; text-align: center; font-size: 11px; line-height: 1.4em; border: 1px solid black; background: #ffe }


.podnik_head           { height: 43px; background-color: #369;  background-image:url('../img/podniky_head.gif');}
.podnik_head_in        { padding: 0 0 0 10px; font-size: 20px; line-height: 2em; color: #fff; }

.podnik_item           { padding: 10px; background-color: #ffc; margin-bottom: 10px; line-height: 1.6em; border-width: 0 1px 1px 1px; border-style: solid; border-color: black }
.podnik_details        { margin-bottom: 10px }

.personal_subitem       { width: 466px; float: left; }
.personal_subitem_cont  { border: 1px solid black; background-color: #ffe; padding: 10px; margin: 0 0 6px 0}

.personal_subitem_cont_disabled  { border: 1px solid black; background-color: #d0d0d0; padding: 10px; margin: 0 0 6px 0}

.discount          { background-image:url('../img/personal_discount.gif'); background-repeat: no-repeat; background-position: bottom right }


.form_item        { padding: 0 0 5px 0; width: 150px; float: left }
.form_value       { padding: 0 0 5px 0; width: 700px; float: left }

.photo_thumb     { margin: 5px 0; padding:5px; border:1px solid black; float:left; background-color:#ffc; text-align:center }

fieldset          { padding: 5px; margin-bottom: 10px; }

.selector         { float: left; white-space: nowrap; margin: 0 10px 3px 0; padding: 0 3px 1px 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #369; }

.alert_wrap            { border: 1px solid #c00; margin: 0 0 10px 0; }
.alert                 { background: #c00; color: #fff; border: 2px solid #fff; padding: 10px; }
.alert a               { color: #fff }
.alert a:hover         { color: #fff }

.status_sms            { font-family: Courier; font-weight: bold; font-size: 18px; line-height: 1.4em; background: #fc0; color: #000; border: 2px solid #FF7B00; padding: 5px; margin: 0 0 10px 0; }

.status                { background: #FFF999; color: #000; border-width: 0 1px; border-style: solid; border-color: #ECECEC; padding: 5px 10px; }



.footer_text         { border-top: 1px solid #404040; padding: 5px 0 0 0; height:100%;}


.disabled         { color: #808080 }

table                { border-collapse: collapse; }
td                   { padding: 2px 5px; border: 1px solid black; background: #ffe; color: #000; }
.head td             { background: #c50000; color: #fff; }



/* ---------- photo tool  ---------- */


#image_main            { width: 762px; float: left }

#tools_column         { width: 150px; float: left;  }
#tools_column_cont    { padding: 0 10px 0 0 }

#colbuttons           { padding: 0 0 5px 0; }
#colbuttons p         { border: 1px solid #404040; float: left; margin: 0 0 2px 0;  }
#colbuttons a         { display: block; width: 136px; background-color: #369; color: #fff; text-decoration: none; text-align: center; border-width: 1px; border-style: solid; border-color: #f2f2f5 #808080 #808080 #f2f2f5; margin:   }
#colbuttons a:hover   { background-color: #99f; color: #fff; }

#colbuttons a.hi         { background-color: #C61316; color: #fff; }
#colbuttons a.hi:hover   { background-color: #960000; color: #fc0; }


.infobox          { margin: 0 0 5px 0; }
.ibox_header      { padding: 0 0 0 2px; background-color: #b7b780; color: #000040; font-weight: bold }
.ibox_cont        { padding: 2px; }

.tool_box_head              { border-bottom: 1px solid #369; background-color: #369; color: #fff; font-weight: bold; padding: 5px; }
.tool_box_cont              { border-width: 0 1px 2px 1px; border-style: solid; border-color: #369; padding: 5px; margin-bottom: 10px;  }



#image_col             { width: 214px; float: left; }
#image_col_cont        { padding: 0 0 0 10px; }

#photo_area           { width: 642px; float: left }
#imgwrap              { border: 1px solid #404040; background-color; #808080}

#progress_holder     { height: 20px; margin-bottom: 10px }

#progress             { float: left; line-height: 14px; padding: 8px 0 0 0}
#progress img         { float: left; margin: 0 2px 0 0; }


img.act               { background-color: #f60; border: 1px solid black }
img.dis               { background-color: #fff ; border: 1px solid #808080 }

.imgareashaded {-moz-opacity: 0.4;opacity:0.4;filter: alpha(opacity=40, style=0) }
#marquee_square_black  { width: 100px; height: 100px; border: 1px solid black; top: 10px; left: 10px; position: absolute }
#marquee_square_white  { width: 100px; height: 100px; border: 1px dashed white; top: 10px; left: 10px; position: absolute }
#marquee_tl  { width: 6px; height: 6px; background-color: #fff; border: 1px solid black; top: 7px; left: 7px; position: absolute }
#marquee_br  { width: 6px; height: 6px; background-color: #fff; border: 1px solid black; top: 107px; left: 107px; position: absolute }



/* ---------- photo tool  ---------- */

legend               { color: #369; font-weight: bold }

select              { height: 18px }
input, select       { font-family: Verdana, Tahoma, sans-serif; font-size:12px; }
input.generic, select.generic, textarea.generic      { background: #ffc; border: 1px solid #000 }
input.dis    { background-color: #Fc0 }

/*select {height:1.8em !important}*/
optgroup {font-size:12px; padding:0px; margin:0px; line-height:0.8em; font-style:normal;}

option.slevy_podnik  {font-weight: bold }

input.remark        { background-color: #ffc; width: 280px; border-width: 0 1px 1px 0; border-style: solid; border-color: #000; }

textarea.standard             { font-size: 12px; font-family: Verdana, Tahoma, sans-serif; width: 570px; height: 95px; overflow: hidden }

input.long           { width: 570px }
input.med            { width: 180px }
input.short          { width: 80px }
input.tiny3          { width: 22px }
input.tiny4          { width: 30px }


.button              { margin: 0; padding: 0 5px }
.button_alt          { color: #c00; font-weight: bold; }

/* ---------- ?Loc=foto  ---------- */

#odfoto { width: 430px; font-size: 18px; line-height: 1.4em; margin-top: 8px; }
#odfoto span { color: #950000; }