/* CSS Document */
#SQL_BOX { display: none; margin: auto }
TABLE { margin: 0px; padding: 0px }
INPUT { font-family: tahoma; vertical-align: middle }
OPTION { font-family: tahoma }
SELECT,LABEL { vertical-align: middle }
BODY { margin: 0px; padding: 0px 0px 12px 0px; color: #4F2412; font-family: tahoma,verdana,arial,serif; font-size: 12px; background-color: #FFECEC;  }
P { font-size: 12px }
#menu { position: absolute; top: 0px; left: 0px; height: 40px; background-image: url('img/design/hl_middle.gif'); color: #CCCCCC }
TD.hl_left { padding: 0px; width: 14px; height: 40px; background-image: url('img/design/hl_left.gif') }
TD.hl_right { padding: 0px; width: 14px; height: 40px; background-image: url('img/design/hl_right.gif') }
TD.hl_middle { padding: 0px;  }

DIV.module { position: absolute; border: 1px solid #4F2412; margin: 0px; padding: 2px 4px 2px 4px; font-size: 10px; color: #4F2412; font-weight: bold; text-align: left; background-color: #E9E0DB; cursor: pointer; width: 85px; _width: 95px }
DIV.moduleDisabled { position: absolute; border: 1px solid #DDDDDD; margin: 0px; padding: 2px 4px 2px 4px; font-size: 10px; color: #DDDDDD; font-weight: bold; text-align: left; background-color: #F6F6F6; cursor: pointer; width: 85px; _width: 95px }
#modul1,#modul2,#modul3,#modul4,#modul5,#modul6,#modul7,#mhlavni,#modulM,#modulP,#modulO,#modulS,#modulN,#modulA { top: 24px; border: 1px solid #4F2412;  border-top-width: 0px; background-color: #E9E0DB; width: 138px; _width: 140px; display: none; cursor: pointer; _cursor: hand }
#modul1 { position: absolute; left: 15px; }
#modul2 { position: absolute; left: 115px; }
#modul3 { position: absolute; left: 215px; }
#modul4 { position: absolute; left: 315px; }
#modul5 { position: absolute; left: 415px; }
#modul6 { position: absolute; left: 515px; }
#modul7 { position: absolute; left: 615px; }
#modulM { position: absolute; left: 715px; }
#modulP { position: absolute; left: 815px; }
#modulO { position: absolute; left: 915px; }
#modulS { position: absolute; left: 1015px; }
#modulN { position: absolute; left: 1115px; }
#modulA { position: absolute; left: 1215px; }

#datumserveru { position: absolute; right: 140px; top: 7px; font-size: 10px; background-color: yellow; border: 1px solid #88AAAA; padding: 2px }
#vseob { position: absolute; right: 160px; }
#mhlavni { position: absolute; right: 14px; }
.a_blok { border-top: 1px solid #BBDDBB; padding: 2px 4px 2px 4px; _width: 100%; cursor: auto; }

A.a_blok { display: block; background-image: url(img/menu_dot.gif); background-repeat: no-repeat; background-position: center left; border-top: 1px solid #BBDDBB; padding: 2px 4px 2px 14px; text-decoration: none; font-weight: normal; cursor: pointer; cursor: _hand; _width: 100% }
A.a_blok:hover { display: block; border-top: 1px solid #BBDDBB; padding: 2px 4px 2px 14px; text-decoration: none; background-color: #FEFEDC; font-weight: normal; cursor: pointer; cursor: _hand; _width: 100% }

A.a_blok2 { display: block; background-image: url(img/menu_dot.gif); background-repeat: no-repeat; background-position: 10px center; border-top: 1px solid #BBDDBB; padding: 2px 4px 2px 24px; text-decoration: none; font-weight: normal; cursor: pointer; cursor: _hand; _width: 100% }
A.a_blok2:hover { display: block; border-top: 1px solid #BBDDBB; padding: 2px 4px 2px 24px; text-decoration: none; background-color: #FEFEDC; font-weight: normal; cursor: pointer; cursor: _hand; _width: 100% }


TD.hl2_left { width: 14px; height: 40px; background-image: url('img/design/hl2_left.gif') }
TD.hl2_right { width: 14px; height: 40px; background-image: url('img/design/hl2_right.gif') }
TD.hl2_middle { padding-top: 0px }
.bigASCDESC { font-size: 20px }


TD.mw_left_top { width: 18px; height: 18px; background-image: url('img/design/mw_left_top.gif') }
TD.mw_top { height: 18px; background-image: url('img/design/mw_top.gif') }
TD.mw_right_top { width: 18px; height: 18px; background-image: url('img/design/mw_right_top.gif') }
TD.mw_left { width: 18px; background-image: url('img/design/mw_left.gif') }
TD.mw { background-color: white }
TD.mw_right { width: 18px; background-image: url('img/design/mw_right.gif') }
TD.mw_left_bottom { width: 18px; height: 18px; background-image: url('img/design/mw_left_bottom.gif') }
TD.mw_bottom { height: 18px; background-image: url('img/design/mw_bottom.gif') }
TD.mw_right_bottom { width: 18px; height: 18px; background-image: url('img/design/mw_right_bottom.gif') }

#mainWin { border: 0px dashed #666666; margin: 40px 2px 10px 2px; text-align: center }
UL { margin: 0px; padding: 0px }
LI { padding: 0px; margin: 0px }
H1 { margin: 0px 0px 5px 0px; font-size: 17px; color: #4F2412; text-align: center; border-bottom: 3px double #E9E0DB; font-weight: bold }
H2 { margin: 0px 0px 5px 0px; font-size: 13px; color: #4F2412; text-align: left; padding: 0px; }
H2.odsazeny { margin: 10px 0px 0px 20px;  }
TD,TH { font-size: 11px; text-align: left }
THEAD { background-color: #E9E0DB }
.sel_pracovnici { width: 170px }
.date_mm_dd { width: 22px; vertical-align: middle }
.date_rr { width: 40px; vertical-align: middle }
.castka { width: 40px; vertical-align: middle }
.smallinput { width: 56px; text-align:right }
.smalltext { font-size: 10px }
.err_msg { padding: 4px; margin: 6px; text-align: center; border: 1px solid red; color: red; background-color: #FFF5F5 }
.good_msg { padding: 4px; margin: 6px; text-align: center; border: 1px solid #44BB44; color: #229922; background-color: #CDFFCD }
IMG { border-width: 0px; vertical-align: middle }
.panel { font-size: 12px; background-color: #E9E0DB; border: 1px solid #AACCCC; padding: 3px }
.panel2 { font-size: 12px; background-color: #E9E0DB; border: 1px solid #AACCCC; padding: 1px 4px 1px 4px }
.panelB { font-size: 11px; background-color: #E0FEE0; border: 1px solid #BBCCBB; padding: 2px; margin: 2px }
.panelR { font-size: 11px; background-color: #FFEFEF; border: 1px solid #BB8888 ; padding: 2px; margin: 2px }
A { text-decoration: none; color: #4F2412; font-weight: bold }
A:hover { text-decoration: underline; color: #4F2412; font-weight: bold }
.center { text-align: center }
.jmenoInput { width: 300px }
.den, .today, .selectedDate, .vikend, .denn, .deninvisible { padding: 2px 3px 2px 3px }
.den { background-color: #558888; color: white; width: 15px; text-align: center  }
.today { background-color: #FFD5D5; border: 1px solid #558888; cursor: pointer; _cursor: hand }
.selectedDate { background-color: #F5F5DD; border: 1px solid #888855; cursor: pointer; _cursor: hand }
/*.kdalendar { border: 1px solid #666666; background-color: #E6FFFF }*/
.vikend { background-color: #CDEEEE; border: 1px solid #558888; cursor: pointer; _cursor: hand }
.denn { background-color: #FDFFFF; border: 1px solid #558888; cursor: pointer; _cursor: hand }
/*.denninvisible { background-color: #E6FFFF; border: 1px solid #E6FFFF }*/
.denninvisible { background-color: transparent; border-width: 0px }
FORM { margin: 0px; padding: 0px }
INPUT,TEXTAREA,SELECT { font-size: 11px; font-family: tahoma,verdana,arial,serif }
input[readonly="readonly"],textarea[readonly="readonly"],select[readonly="readonly"]{background-color:lightgrey;color:lightslategrey;}
.poznamka { width: 370px }
.poznamka2 { width: 500px }
.hFRM { width: 210px }
.uhFRM { width: 500px }
.fFRM { width: 130px }
.klikaci { cursor: pointer; _cursor: hand }
#Table_Filter { display: none }
BUTTON, .mauto { margin: auto }
HR { border-width: 0px; height: 1px; background-color: #E9E0DB; color: #E9E0DB; margin: 0px; padding: 0px }
LEGEND { margin: 4px; color:#4F2412; }
FIELDSET { padding: 4px; border: solid 1px #E9E0DB; }
.nutnepole, .bold, .bold2 { font-weight: bold }
TD.bold { background-color: white }
.Pcap { writing-mode: tb-rl; filter: fliph() flipv(); }
.podbarvi { background-color: #FFFFCC }
.whiteBG { background-color: #FFFFFF }
.bgpruh { background-color: #EDF5F5 }
.bgpruh_white { background-color: white }
.bgpruh3 { color: #EDF5F5; background-color: #4F2412; font-size: 14px; text-align:center }
.bgpruh_sql { font-size: 10px; text-align: left; background-color: #DD0000; color: white; padding: 10px }
.bgpruh2 { background-color: #CDE5E5; font-size: 14px; text-align:center }
.rightMenu { float: right; color: #AAAAAA }
.left { text-align: left }
.right { text-align: right }
BUTTON { margin: 2px; padding: 0px; font-size: 11px; vertical-align: middle; background-color:#E9E0DB; }
.lightsmall { padding-left: 10px; color: #BBDDDD; font-size: 10px }
.lightsmall_capt { padding-left: 10px; color: #AACCCC; font-size: 10px }
.m_help { cursor: help }
.m_prava { vertical-align: middle; cursor: help; padding: 2px; background-color: #FFFFDD; border: 1px solid #DDDDAA; color: BBAA22; font-family: monospace; font-weight: bold; font-size: 12px; width: 20px; text-align: center }
.m_pravaN { vertical-align: middle; cursor: default; padding: 2px; background-color: transparent; border: 0px solid transparent; color: transparent; font-family: monospace; font-weight: bold; font-size: 12px; width: 20px; text-align: center }
.m_prava2 { vertical-align: middle; cursor: default; padding: 2px; background-color: #FFFFDD; border: 1px solid #DDDDAA; color: BBAA22; font-family: monospace; font-weight: bold; font-size: 12px; width: 20px; text-align: center }
A.tlacitko { padding: 2px 3px 2px 3px; margin: 4px 1px 4px 1px; background-color: #FDFDFD; color: #999999; border: 1px solid #BBBBBB; font-weight: normal; line-height: 12px }
A.tlacitko:hover { padding: 2px 3px 2px 3px; margin: 4px 1px 4px 1px; background-color: #CDFFCD; color: #229922; border: 1px solid #44BB44; font-weight: normal; line-height: 12px; text-decoration: none }

A.tlacitkoo { padding: 2px 3px 2px 3px; margin: 4px 1px 4px 1px; background-color: #FDFDFD; color: #999999; border: 1px solid #BBBBBB; font-weight: normal; line-height: 12px }
A.tlacitkoo:hover { padding: 2px 3px 2px 3px; margin: 4px 1px 4px 1px; background-color: #FFDDDD; color: #994444; border: 1px solid #BB8888; font-weight: normal; line-height: 12px; text-decoration: none }

.hluboka { line-height: 20px; text-align: left }
.underlined { border-bottom: 1px dotted #00CC00; padding-bottom: 1px; cursor: help }
OPTION { font-size: 12px; font-family: tahoma }
.red { color: #FF5555 }
.opt_gray { color: #B0B0B0 }
#dupl_sn, #pdupl_sn  { display: none; vertical-align: middle }
#sn { vertical-align: middle }
.linkToFilter { margin-left: 10px }
.invisible, #add_zaloha_prijata, #add_zaloha_vydana, #add_dobropis, #add_vnpr, #editOdberatel, #editTextfaktury, #add_skladprace, #add_vyplaty, #add_kontrola, #add_zadostprace, #ZAKAZKA_DRUH_2, #ZAKAZKA_DRUH_1, #editPrijemce, #add_fgroup, #add_zakaznik, #add_server, #add_hosting, #add_domena, #add_subdomena, #add_faktura, #add_mater_r, #add_mater_x, #add_dodavatel,.skryty { display: none }
STRONG { color: #FF5555; font-weight: bold }
LI { list-style-type: square }
UL { margin: 0px 0px 0px 20px; padding: 0px }

A.bluelink { text-decoration: none; color: #2266AA; font-weight: bold }
A.bluelink:hover { text-decoration: underline; color: #2266AA; font-weight: bold }

A.greenlink { text-decoration: none; color: #22AA22; font-weight: bold }
A.greenlink:hover { text-decoration: underline; color: #22BB22; font-weight: bold }
.green { color: #22AA22 }

#kontejner { position: absolute; margin: 10px; display: none; width: 350px; height: 230px; background-color: #FAFFFF; border: 2px solid #AACCCC }

.rucneGenerovana { background-color: #FFDDDD; border-top: 1px solid #EDF5F5; border-bottom: 1px solid #EDF5F5 }
.manualneGenerovana { background-color: #DDFFDD; border-top: 1px solid #EDF5F5; border-bottom: 1px solid #EDF5F5 }
.automatickyGenerovana { background-color: #FFFFDD; border-top: 1px solid #EDF5F5; border-bottom: 1px solid #EDF5F5 }

.stranky { color: #4F2412; font-weight: bold; font-size: 14px; padding: 4px; margin: 5px 0px 5px 0px; border-top: 1px solid #E2E7E7; border-bottom: 1px solid #E2E7E7; background-color: #E9E0DB; }
A.strankovani { color: #4F2412; font-size: 14px; margin: 0px 2px 0px 2px }
A.strankovani:hover {color: #4F2412; font-size: 14px; margin: 0px 2px 0px 2px; text-decoration: underline }
.aktivni_stranka { color: #66AAAA; font-size: 14px; margin: 0px 2px 0px 2px; text-decoration: underline }
H2.centerCap { font-size: 14px; color: #E2E7E7; background-color: #4F2412; text-align: center }
#pvp,#soucet_cen,#soucet_cen_hosting { font-size: 10px; font-weight: normal }
.h25 { height: 25px }
.low , .high, .medium { cursor: default; width: 60px; text-align: center; height: 30px; vertical-align: middle; line-height: 30px; font-weight: bold }
.low { background-color: yellow; color: black }
.medium { background-color: orange; color: black }
.high { background-color: red; color: white }
/*OPTION,SELECT*/
.mono { font-family: monospace }
.mono { font-size: 12px }
.skladova { color: blue; font-size: 17px; font-weight: bold; cursor: help; }
.neskladova { color: #BBCCCC; font-size: 17px; font-weight: bold; cursor: help; }
.oprava { color: #FF2222; font-size: 17px; font-weight: bold; cursor: help; }

.gauge { text-align: left; background-color: white; border: 1px solid black; height: 10px; font-size: 0px; margin: auto }
.gauge_2 { margin-right: auto; margin-left: 0px; background-color: #F59575; height: 100%; font-size: 0px }
.pricezak { font-size: 9px; background-color: #FFFFDD; color: #000000; border: 1px solid #000000; margin: 1px 5px 0px 5px; padding: 1px  }

#tooltip { position: absolute; display: none; left: -500px; top: -500px; filter: alpha(opacity=95); -moz-opacity: 0.95; padding: 4px; border: 1px solid #AAAA68; background-color: #FFFFD5; color: #888846 }

.iframezzz { width: 490px; height: 600px; border-width: 0px }
.vpinput { width: 400px }
TABLE.polozka_zak_mat { background-color: #FFFFEF; border: 1px solid #D5D5C5; border-left-width: 10px; margin: 4px; width: 480px }
TABLE.polozka_zak_slu { background-color: #EFFFEF; border: 1px solid #C5D5C5; border-left-width: 10px; margin: 4px; width: 480px }
TABLE.polozka_zak_vol { background-color: #EFEFFF; border: 1px solid #C5C5D5; border-left-width: 10px; margin: 4px; width: 480px }
TABLE.polozka_zak_opr { background-color: #FFEFEF; border: 1px solid #D5C5C5; border-left-width: 10px; margin: 4px; width: 480px }

.redbold { color: red; font-weight: bold; width: 35px; background-color: #FFFFEF; border-width: 0px }
.greenbold { color: green; font-weight: bold; width: 250px; background-color: #FFFFEF; border-width: 0px }
.redboldo { color: red; font-weight: bold; width: 35px; background-color: #FFEFEF; border-width: 0px }
.greenboldo { color: green; font-weight: bold; width: 350px; background-color: #FFEFEF; border-width: 0px }


.slubold { color: red; font-weight: bold; width: 35px }
.justify { text-align: justify }
.vsloup1 { width: 10px; height: 40px; border: 1px solid #4F2412; background-color: white; /*display: inline */}
.vsloup2 { font-size: 0px; background-color: red }
A.detail_button { border-left: 5px solid #555555; color: black; padding: 0px 1px 0px 2px; margin-left: 5px }
A.detail_button:hover { border-left: 5px solid #AAAAAA; background-color: #FFFFFF; color: #555555; padding: 0px 1px 0px 2px; margin-left: 5px }

.blpod1 { background-color: #E6FFE6; border: 1px solid black; font-size: 12px; border-bottom-width: 0px }
.blpod1b { background-color: #E6FFE6; border: 1px solid black; font-size: 12px }
.blpod1bb { background-color: #E6FFE6; font-size: 12px }
.blpod2 { background-color: #FFFFFF; border: 1px solid black; font-size: 12px; border-bottom-width: 0px }
.blpod2b { background-color: #FFFFFF; border: 1px solid black; font-size: 12px }
.blpodCap { font-weight: bold; color: black; font-size: 10px; margin: 2px 3px 1px 3px }
.blpodinputs { font-size: 12px }
.vydejovylist { border: 1px solid #66AAFF; background-color: #F4FAFF; color: #3388CC; border-left-width: 4px; margin: 20px 4px 4px 4px ; padding: 0px 0px 4px 0px; width: 100%; }
.vydejovylistheader { background-color: #66AAFF; color: white }
.polozka_v_listu { border-left: 3px solid #66AAFF; margin: 4px; padding-left: 4px }


.hidden_plan{display:none;}
#plan_prace_more_info {display:none;}

td.username{ background-color: rgb(255,255,153)}
td.group_color_0{ background-color: rgb(204,255,153)}
td.group_color_1{ background-color: rgb(204,204,153)}
td.group_color_2{ background-color: rgb(255,255,153)}
td.group_color_3{ background-color: rgb(153,255,255)}
td.group_color_4{ background-color: rgb(153,225,204)}
td.group_color_5{ background-color: rgb(255,204,102)}


/**
 * panel switch
 */
#switcher {width:100%;}
.info_click{ float:left; background-color:rgb(242,247,247); border: 1px rgb(170,204,204) solid; border-bottom:none; height:20px;}
.info_click div{margin-top:2px; margin-left:10px; margin-right:10px;}
.clearer{clear:both;}
.hidden{ display:none;}
.visible {display:block;}

/**
* dialogove okno
*/
.dialog-wrapper {position:relative;}
.dialog-wrapper .d-popup {width:350px;position:absolute;top:-20px;background-color:#FAFFFF;border:2px solid #aacccc;padding:2px;}
.dialog-wrapper .d-title {font-weight:bold;line-height:20px;vertical-align:middle;text-align:center;background-color:#AACCCC;}
.dialog-wrapper .d-close {display:inline-block;float:right;background:#FAFFFF url('img/close.gif') right center no-repeat;width:20px;height:20px;}
.dialog-wrapper .d-table {width:100%;}

/*
* filter
*/
.filtr-wrapper {padding:10px;}
.filtr-wrapper .filtr-button {}
.filtr-wrapper table.filtr-controls {margin:0 auto;}
.filtr-wrapper table.filtr-elements{margin:0 auto;}
.filtr-wrapper table.filtr-elements.filtr-elements-hidden{display:none;}

/*
* tabulka jednoducheho vypisu
*/
table.sublisting {border-collapse:collapse;}
table.sublisting tr {}
table.sublisting tr.center th, table.sublisting tr.center td {text-align:center;}
table.sublisting tr.left th, table.sublisting tr.left td {text-align:left;}
table.sublisting tr th, table.sublisting tr td {border:dashed 1px lightgray;padding:5px;}
table.sublisting tr td {padding:3px 5px;}
table.sublisting tr.suma td {font-weight:bold;border-top:solid 1px lightgray;}

table tr.tr-hover td {background-color: #FFFFCC;}