/**
  * Základní styl
  *
  * @author Kateřina Bambušková <katerina.bambuskova@seznam.cz>
  * @copyright Copyright 2007, VIAKIS.NET
  * @version 31.7.2007
  */


/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #333; background: url(../img/default/BGbody.gif) repeat-y center #FFF}
div {height: auto; margin: 0; padding: 0}
p {margin: 0; padding: 0}
a {text-decoration: none; color: #0000FF}
a:hover {text-decoration: underline}
img {margin: 0; padding: 0; border: 0}
form {margin: 0; padding: 0}

h1,h2,h3,h4,h5 {margin: 0; padding: 0; font-size: 11px; color: #000}

.input_text {margin: 0; padding: 0; font-size: 11px; vertical-align: middle; color: #000}
.input_button {margin: 0; padding: 0; border: 0}
.input_radio {height: 12px; width: 15px; margin: 0; padding: 0; vertical-align: middle; border: 0}
.input_check {height: 15px; width: 15px; margin: 0px; padding: 0px; border: 0}

Textarea {margin: 0px; padding: 0px; overflow: auto; font-size: 11px; font-family: Arial; color: #000; border: 0px}
Label {margin: 0px; padding: 0px; vertical-align: middle; color: #000; font-size: 11px}
Select {height: 19px; margin: 0; padding: 0; vertical-align: middle; color: #000; font-size: 11px}
Input {vertical-align: middle}

.clear {clear: both; font-size: 1px}


/* ------------ Definice kostry  ---------------------------------------------------------------------------------------------------------*/
#containerHeader {position: relative; z-index: 1; margin: auto; width: 1004px; height: 110px; background: url(../img/default/BGcontainerHeader.gif) no-repeat}
#containerBody {position: relative; margin: auto; width: 1004px; background: url(../img/default/BGcontainerBody.gif) repeat-y}
#columnLeft {position: relative; left: -796px; width: 200px; float: left; border-right: 1px solid #000; border-bottom: 1px solid #000; background: #E6E6E6}
#columnCenter {position: relative; left: 0px; height: auto; width: 1004px; padding-top: 15px; float: left; overflow: hidden}
#containerFooter {position: relative; top: -1px; height: 29px; width: 1004px; margin: auto; padding: 0; color: #FFF; background: url(../img/default/BGcontainerFooter.gif) no-repeat} 

.debug {padding: 10px 20px 0px 20px; background: #FFFFFF}

/* ------------ containerHeader ----------------------------------------------------------------------------------------------------------*/
#containerHeader h1 {display: none}
#containerHeader .viakis {position: absolute; top: 20px; left: 185px; font-weight: bold; font-family: Arial; font-size: 30px; color: #FFFFFF;}

#containerHeader .password {position: absolute; top: 20px; left: 830px; font-weight: bold; font-family: Arial; font-size: 11pt; color: #FFFF00;}
#containerHeader .password a{position: relative; left: 50px; font-weight: bold; font-family: Arial; font-size: 11pt; color: #FFFF00;}
#containerHeader .odhlasit {position: absolute; top: 50px; left: 830px; font-weight: bold; font-family: Arial; font-size: 11pt; color: #FFFF00;}
#containerHeader .odhlasit a{position: relative; left: 50px; font-weight: bold; font-family: Arial; font-size: 11pt; color: #FFFF00;}


.logo {position: absolute; top: 5px; left: 4px}
.logo {height: 65px; width: 200px; display: block}

.asc {height: 17px; width: 31px; display: block; background: url(../img/default/BGasc.gif) no-repeat}
.desc {height: 17px; width: 31px; display: block; background: url(../img/default/BGdesc.gif) no-repeat}

.homePage {position: absolute; top: 8px; left: 33px; margin: 0; padding: 0; list-style-type: none}
.homePage li {float: left}
.homePage li a {margin-right: 27px; padding-left: 15px; float: left; color: #FFF; background: url(../img/default/BGbullet.gif) no-repeat 0 3px}

.panel {position: absolute; top: 2px; right: 4px; margin: 0; padding: 0; list-style-type: none}
.panel li {float: left; display: block; background: url(../img/default/BGpanel.gif) no-repeat left}
.panel li a {margin-left: 2px; padding: 6px 10px 7px 10px; display: block; float: left; font-size: 11px; color: #FFF}
.panel li span {margin-left: 2px; padding: 6px 10px 7px 10px; display: block; float: left; font-size: 11px; color: #FFF}
.panel li a:hover {text-decoration: none; background: url(../img/default/BGpanelSelect.gif) repeat-x }

.menu {position: absolute; top: 78px; left: 5px; margin: 0; padding: 0; list-style-type: none}
.menu li {position: relative; float: left; display: block; background: url(../img/default/BGmenuBullet.gif) no-repeat right}
.menu li a {padding: 8px 10px 7px 10px; display: block; float: left; font-weight: bold; color: #FFF}
.menu li span {padding: 8px 0px 7px 0px; display: block; float: left; font-weight: bold; color: #FFF}
.menu ul {position: absolute; z-index: 999; top: 25px; left: 2px; width: 176px; margin: 0; padding: 2px 0 0 0; list-style-type: none}
.menu ul li {float: none}
.menu ul li a {padding: 4px; display: block; float: none; text-align: center; color: #FFF; background: #FF3300; border-bottom: 2px solid #FFF}
.menu ul li a:hover {text-decoration: none; color: #000}

/* ------------ Body -----------------------------------------------------------------------------------------------------------------*/
#containerBody h2 {height: 20px; margin-bottom: 5px; padding: 20px 0 0 0; font-size: 16px; text-align: center; color: #000}
#containerBody .freeText {padding: 5px 20px 10px 20px}
#containerBody .bold {font-weight: bold}
#containerBody .cursive {font-style: italic}
#containerBody .lastModified {padding: 50px 20px 3px 20px; text-align: right; font-size: 8pt}
#containerBody .visit {padding: 10px 20px 30px 20px; text-align: left; font-size: 8pt}

.sqlReservedWord {font-weight: bold;color: #0000FF}
.sqlFunction {color: #FF0000}


/* ------------ ColumnCenter -----------------------------------------------------------------------------------------------------------------*/
#columnCenter h1 {height: 22px; margin-bottom: 5px; padding: 0 0 15px 10px; font-size: 20px; text-align: center; color: #000}
#columnCenter h2 {height: 20px; margin-bottom: 5px; padding: 0 0 15px 10px; font-size: 20px; text-align: center; color: #000}
#columnCenter h3 {height: 20px; margin-bottom: 5px; padding: 0 0 15px 10px; font-size: 14px; text-align: left; color: #000}

#columnCenter .freeText {padding: 5px 10px 10px 10px}
#columnCenter .news {padding: 1px 10px 1px 10px}
#columnCenter .action {padding: 1px 10px 10px 10px}
#columnCenter .time {padding-left: 20px; font-weight: bold;}
#columnCenter .centerText {padding: 5px 50px 10px 50px; text-align: center}
#columnCenter .uvod {padding: 5px 200px 10px 200px; text-align: center}

#columnCenter .virtis {padding: 5px 200px 10px 200px; text-align: center}
#columnCenter .virtis h2 {height: 20px; margin-bottom: 5px; padding: 0 0 15px 10px; font-size: 40px; text-align: center; color: #000}


#columnCenter .techniky {padding: 5px 10px 50px 10px}
#columnCenter .techniky .image {float: left}
#columnCenter .statistiky {padding: 5px 10px 50px 10px}

#columnCenter .lastModified {padding: 50px 10px 3px 10px; text-align: right; font-size: 8pt}
#columnCenter .visit {padding: 10px 10px 30px 10px; text-align: left; font-size: 8pt}

.formBox {padding: 15px 0 20px 365px}         
.formBox div {padding-bottom: 7px}
.formBox div span {position: relative; top: 5px; width: 56px; padding-left: 25px; display: block; float: left}
.formBox div .input_text {position: relative; left: 10px; height: 17px; width: 150px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGinput.gif) repeat-x; border: 1px solid #CE0100} 
.button {cursor:pointer; position: relative; left: 2px; border: 0; width: 80px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton.gif) no-repeat} 
.buttonOK {cursor:pointer; position: relative; left: 2px; border: 0; width: 26px; height: 22px; color: #FFF; margin: 0; font-size: 11px; font-family: Arial; background: url(../img/default/BTok.gif) no-repeat} 


.legenda {padding: 5px 100px 20px 150px; }
#columnCenter .centerText h3 {height: 20px; margin-bottom: 5px; padding: 0 0 5px 0px; font-size: 14px; text-align: center; color: #000}


#columnCenter .edit {padding: 1px 10px 3px 10px}
#columnCenter .edit table {border-collapse:collapse; border-spacing:0; empty-cells:show; }
.ulohy td {border-bottom-width:0.02cm; border-bottom-style:solid; border-bottom-color:#cccccc; border-left-width:0.02cm; border-left-style:solid; border-left-color:#cccccc;}
#columnCenter .edit .ce0 {border-bottom-width:0.10cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-width:0.10cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.10cm; border-right-style:solid; border-top-style:none; }
#columnCenter .edit .ce01 {border-bottom-style:none; border-left-width:0.10cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.10cm; border-right-style:solid; border-top-width:0.10cm; border-top-style:solid; border-top-color:#000000; }
#columnCenter .edit .ce02 {border-bottom-style:none; border-left-width:0.10cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.10cm; border-right-style:solid; border-top-style:none; }
#columnCenter .edit .ce03 {border-bottom-width:0.10cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-width:0.05cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.05cm; border-right-style:solid; border-right-color:#000000; border-top-style:none; }
#columnCenter .edit .ce00 {border-bottom-width:0.10cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-width:0.10cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.10cm; border-right-style:solid; border-top-width:0.1cm; border-top-style:solid; border-top-color:#000000; }

#columnCenter .edit .ce010 {border-bottom-style:none; border-left-width:0.10cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.10cm; border-right-style:solid; border-top-width:0.10cm; border-top-style:solid; border-top-color:#000000; }
#columnCenter .edit .ce020 {border-bottom-style:none; border-left-width:0.10cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.10cm; border-right-style:solid; border-top-style:none; }
#columnCenter .edit .ce030 {border-bottom-width:0.05cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-width:0.1cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.1cm; border-right-style:solid; border-right-color:#000000; border-top-style:none; }

#columnCenter .edit .ce1 {border-bottom-style:none; border-left-width:0.05cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.05cm; border-right-style:solid; border-top-width:0.05cm; border-top-style:solid; border-top-color:#000000; }
#columnCenter .edit .ce2 {border-bottom-style:none; border-left-width:0.05cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.05cm; border-right-style:solid; border-top-style:none; }
#columnCenter .edit .ce3 {border-bottom-width:0.05cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-width:0.05cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.05cm; border-right-style:solid; border-right-color:#000000; border-top-style:none; }
#columnCenter .edit .ce4 {border-bottom-width:0.03cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-width:0.05cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.05cm; border-right-style:solid; border-right-color:#000000; border-top-style:none; }


#columnCenter .edit .ce12 {border-bottom-width:0.05cm; border-bottom-style:solid; border-bottom-color:#000000; border-left-width:0.05cm; border-left-style:solid; border-left-color:#000000; border-right-width:0.05cm; border-right-style:solid; border-top-width:0.05cm; border-top-style:solid; border-top-color:#000000; }

	
#columnCenter .edit .input_text {height: 17px; width: 105px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGinput.gif) repeat-x; border: 1px solid #696969}
#columnCenter .edit .fill {border: 1px solid #CE0100}
#columnCenter .edit .readonly {border: 1px solid #C6C6C6}

#columnCenter .edit .select_text {height: 19px; width: 389px; padding: 1px 0 0 3px; font-weight: bold; color: #5A5A5A; border: 1px solid #CE0100} 
#columnCenter .edit .select_text_set {height: 19px; width: 189px; padding: 1px 0 0 3px; font-weight: bold; color: #5A5A5A; border: 1px solid #696969} 
#columnCenter .edit .button {cursor:pointer; position: relative; left: 2px; border: 0; width: 60px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton60.gif) no-repeat} 
#columnCenter .edit .button2 {cursor:pointer; position: relative; left: 4px; border: 0; width: 60px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton60.gif) no-repeat} 
#columnCenter .edit .rightButton {cursor:pointer; padding-right: 3px; text-align: right}

#columnCenter .edit span {position: relative; top: 2px; padding-right: 5px}
#columnCenter .edit .butonek {position: relative; top: 10px; padding-right: 5px}
#columnCenter .edit .info {padding: 7px 0 5px 0; text-align: left}
#columnCenter .edit .ex {padding-left: 15px}
#columnCenter .edit .ex2 {padding-right: 1px}
#columnCenter .edit .ex3 {padding-right: 21px}
#columnCenter .edit .ex4 {padding-right: 17px}
#columnCenter .edit .ex5 {padding-left: 9px}
#columnCenter .edit .STV {padding-right: 29px}
#columnCenter .edit .type {padding-right: 35px}
#columnCenter .edit .komisar {padding-right: 7px}
#columnCenter .edit .titulka {padding-right: 6px}
#columnCenter .edit .stranka {padding-right: 9px}
#columnCenter .edit .seminar {padding-right: 4px}
#columnCenter .edit .instruktor {padding-right: 3px}
#columnCenter .edit .vytvoreno {padding-right: 2px}
#columnCenter .edit .soutez {padding-right: 14px}
#columnCenter .edit .akce {padding-right: 25px}
#columnCenter .edit .help {padding-right: 28px}
#columnCenter .edit .popis {padding-right: 22px}
#columnCenter .edit .keywords{width: 30px}
#columnCenter .edit .place {padding-left: 15px; padding-right: 13px}
#columnCenter .edit p {padding-bottom: 4px}
#columnCenter .edit textarea {position: relative; top: 5px; height: 100px; width: 630px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGtextarea.gif) repeat-x bottom #FAFAFA; border: 1px solid #696969}
#columnCenter .edit .input_name {width: 227px; } 
#columnCenter .edit .input_name2 {width: 450px; } 
#columnCenter .edit .input_date {width: 75px; }
#columnCenter .edit .input_time {width: 52px; }
#columnCenter .edit .input_dt {width: 100px; }
#columnCenter .edit .input_akce {width: 158px; }
#columnCenter .edit .input_type {width: 192px; }
#columnCenter .edit .input_popis {width: 448px; }
#columnCenter .edit .input_note {width: 400px; }
#columnCenter .edit .input_link {width: 199px; }
#columnCenter .edit .input_page {width: 221px; }
#columnCenter .edit .input_keywords {width: 187px; }
#columnCenter .edit .member_name {float:left; width: 200px}
#columnCenter .edit .pricelist_name {float:left; width: 600px}
#columnCenter .edit .member_data {width: 70px}
#columnCenter .edit .member_fce a {padding-right: 20px }
#columnCenter .edit .input_member {float:left; }
#columnCenter .edit .group_name {float:left; width: 300px}

#columnCenter .users {padding: 1px 10px 3px 300px}
#columnCenter .users .member_name {float:left; width: 300px}
#columnCenter .users .member_fce a {padding-right: 20px }

#columnCenter .edit .group_data {width: 70px}
#columnCenter .edit .group_fce a {padding-right: 20px }
#columnCenter .edit .input_group {float:left; }
#columnCenter .edit thead {font-weight: bold;} 
#columnCenter .edit tr .datum {width: 150px;} 
#columnCenter .edit tr .odesilatel {width: 150px;} 
#columnCenter .edit tr .predmet{width: 250px;} 

#columnCenter .input_text {height: 20px; width: 100px; padding: 2px 0px 0px 5px; font-size: 13px; font-weight: bold; vertical-align: middle; color: #5A5A5A; background: url(../img/admin/BGinput.gif) repeat-x; border: 1px solid #696969}
#columnCenter .input_area {padding: 2px 0 0 5px; font-size: 13px; font-weight: bold; color: #5A5A5A; background: url(../img/admin/BGtextarea.gif) repeat-x bottom #FAFAFA; border: 1px solid #696969}
#columnCenter .input_radio {margin: 5px 5px 5px 5px;}
#columnCenter .select_text {height: 20px; width: 100px; padding: 0px 0px 0px 2px; font-size: 13px; font-weight: bold; vertical-align: middle; color: #5A5A5A; border: 1px solid #696969}
#columnCenter .fill {border: 1px solid #CE0100}


#columnCenter .width50 {width: 50px;}
#columnCenter .width75 {width: 75px;}
#columnCenter .width100 {width: 100px;}
#columnCenter .width150 {width: 150px;}
#columnCenter .width200 {width: 200px;}
#columnCenter .width250 {width: 250px;}
#columnCenter .width275 {width: 275px;}
#columnCenter .width300 {width: 300px;}
#columnCenter .width350 {width: 350px;}
#columnCenter .width325 {width: 325px;}
#columnCenter .width750 {width: 750px;}


/* ------------ ColumnLeft -----------------------------------------------------------------------------------------------------------------*/
#columnLeft h3 {height: 20px; margin-bottom: 1px; padding-top: 5px; font-size: 13px; text-align: center; color: #FFF; background: url(../img/default/BGboxTitle.gif) no-repeat}

.box {background: url(../img/default/BGbox.gif) no-repeat}
.box a {color: #000}

/*
.menu {margin: 0; padding: 8px 0 4px 0; list-style-type: none}
.menu li {position: relative; height: 100%}
.menu li a {padding: 4px 5px 4px 29px; display: block; font-size: 12px; font-weight: bold; background: url(../img/default/BGbullet.gif) no-repeat 14px 7px; border-bottom: 2px solid #FFF}
.menu li a:hover {text-decoration: none; background: url(../img/default/BGmenuSelect.gif) no-repeat #CCC}
.menu ul {position: absolute; top: 0; left: 200px; width: 178px; margin: 0; padding: 0 0 0 2px; list-style-type: none; background: url(../img/default/BGmenu.gif) no-repeat left top}
.menu ul li a {padding: 4px 5px 4px 5px; text-align: center; background: #CCC; border-bottom: 2px solid #FFF}
.menu ul li a:hover {color: #FFF; background: #333}
.menuSelect {background: url(../img/default/BGmenuSelect.gif) no-repeat #CCC !important}
*/

/* ------------ ColumnRight -----------------------------------------------------------------------------------------------------------------*/
#columnRight h3 {height: 20px; margin-bottom: 1px; padding-top: 5px; font-size: 13px; text-align: center; color: #FFF; background: url(../img/default/BGboxTitle.gif) no-repeat}

#columnRight .action {padding: 10px 0 10px 11px}
#columnRight .action div {padding-bottom: 4px}
#columnRight .action div a {width: 158px; padding-left: 1px; display: block; float: left; font-weight: bold}


/* ------------ Footer -----------------------------------------------------------------------------------------------------------------*/
.iconVIAKIS {height: 25px; width: 200px; margin: 2px 0 0 4px; text-decoration: none; display: block; float: left}
.iconVIAKIS:hover {text-decoration: none}

#containerFooter div {width: 780px; padding: 7px 0 0 0; float: left; font-weight: bold; text-align: right}