/* ========== FORMS, TABLES ======================================================================================================================= */

/* ---------- OBECNE ALL - strankovani, error messagesm  */

.page { margin: 5px 0 5px 0; font-weight: bold; font-size: 100%; }
.emsg { display: block; margin: 10px 0 5px 0; color: red; }
.emsgin { display: inline; margin: 10px 0 5px 0; color: red; }
.alignright  { text-align: right;}
.alignleft  { text-align: left;}
.aligncenter  { text-align: center;}
.floatright { float: right;}
.floatleft { float: left;}
label, table td label { display: block; }

/* ---------- TABBOX - FORMULARE (for all) */

.tabbox { width: 518px; margin: 10px 0 0 0; border: 1px solid #999999; padding: 0; }
.tab   { margin: 0; padding: 10px; }
.tab h3 { margin: 0px 0 5px 0; color: #b81114; font-weight: bold; font-size: 105%; }

h5 { margin: 10px 0 5px 0; color: Black; font-size: 100%; font-weight: bold;}


/* ---------- form */
.tabbox .line  { clear: left; /*float: left;*/ width: 498px; height: 25px; margin: 2px 0 0 0; padding: 0; background: #f9f9f9; }
.tab .label { float: left; width: 249px; margin: 0; padding: 2px 0 0 0; color: black; text-align: left; }
.tab .cont { float: right; width: 249px; margin: 0; padding: 0; }
.tab .contx { float: right; width: 249px; margin: 0; padding: 2px 0 0 0; }
.tab .label label { display: block; padding: 3px 5px 0 0; }
.tab .label label span { color: #d60000; font-weight: bold; }
.tab .labelin { float: left; width: 249px; margin: 0; padding: 2px 0 0 0; color: black; text-align: left; }
.tab .labelin label { display: inline; padding: 3px 5px 0 0; }
.tab .cont input, .tab .cont select, .tab .cont textarea { width: 249px; }
.tab .contall { width: 498px; margin: 0; padding: 2px 0 0 0; }
/* ---------- line50 - 5x height */
.tab .line50  { clear: left; /*float: left;*/ width: 498px; height: 55px; margin: 2px 0 0 0; padding: 0;  background: #f9f9f9; }
.tab .line50 .label { float: left; width: 249px; margin: 0; padding: 2px 0 0 0; color: black; }
.tab .line50 .label label { display: block; padding: 3px 5px 0 0; }
.tab .line50 .cont { display: block; padding: 0; }
.tab .line50 .cont input { width: 249px; height: 50px; }
.tab .line50 .cont textarea { width: 249px; height: 50px; font-size: 100%; }
/* ---------- export */
.tab .labelex { float: left; width: 80px; margin: 0; padding: 4px 0 0 0; color: black; text-align: left; }
.tab .contex { float: right; width: 418px; margin: 0; padding: 2px 0 0 0; vertical-align: top; }
.tab .contex input.browse { width: 410px; }
/* ---------- checkbox + text = inline */
.tab .linein  { clear: left; /*float: left*/ width: 498px; height: 180px; margin: 2px 0 0 0; padding: 0;  background: #f9f9f9; }
.tab .linein .label { float: left; width: 249px; margin: 0; padding: 2px 0 0 0; color: black; }
.tab .linein .cont { float: right; width: 249px; margin: 0; padding: 0; }
.tab .linein .cont input { width: auto; margin: 0; padding: 0; }
.tab .linein .cont label { display: inline; margin: 0; padding: 2px 0 0 0; color: black; }
.tab .linein .label p label { display: inline; }
.tab .linein .cont div { height: 20px; } 

.tab .label .onlyme label { display: inline }

/* ---------- TSYS - všechny základní tabulky  */

.weekendRow { background: #A9C6EC;}
.differenceRow { background: #FF8D8D;}

/* gridview list */
#obsah .form table ul { margin-left: 0; padding: 0;}
#obsah .form table li { margin: 0; padding: 0 0 5px 0;}

#obsah table ul { margin-left: 20px; padding: 0;}
#obsah table li { margin: 0; padding: 0 0 5px 0;}


/* ---------- TSYS - 850px */
table.tsys { width: 850px; margin: 0; border: 1px solid #999999; padding: 0; }
.tsys thead, .tsys .thead  { background: #efeee3; }
.tsys tr.first { background: white; }
.tsys tr.second { background: #ececec; }
.tsys th { margin: 0; border: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys td { margin: 0; border-right: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; vertical-align: top !important; }
.tsys tr.selrow { background: #e7efff; }
.tsys tr.highlightrow { background: #e7efff; }

/* ---------- TSYSZABOR - 850px */
table.tsyszabor { width: 850px; margin: 0; border: 1px solid #999999; padding: 0; }
.tsyszabor thead, .tsyszabor .thead  { background: #efeee3; }
.tsyszabor tr.first { background: white; }
.tsyszabor tr.second { background: #ececec; }
.tsyszabor th { margin: 0; border: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsyszabor td { margin: 0; border-right: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; vertical-align: top !important; }
.tsyszabor tr.selrow { background: #e7efff; }
.tsyszabor tr.highlightrow { background: #e7efff; }
.tsyszabor tr:hover { background: #CCFF99; }

/* ---------- TSYS2 - 300px */
table.tsys2 { width: 300px; margin: 0; border: 1px solid #999999; padding: 0; }
.tsys2 thead, .tsys2 .thead  { background: #efeee3; }
.tsys2 tr.first { background: white; }
.tsys2 tr.second { background: #ececec; }
.tsys2 th { margin: 0; border: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys2 td { margin: 0; border-right: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys2 tr.selrow { background: #e7efff; }
.tsys2 tr.highlightrow { background: #e7efff; }

/* ---------- TSYS3 - 500px */
table.tsys3 { width: 500px; margin: 0; border: 1px solid #999999; padding: 0; }
.tsys3 thead, .tsys3 .thead  { background: #efeee3; }
.tsys3 tr.first { background: white; }
.tsys3 tr.second { background: #ececec; }
.tsys3 th { margin: 0; border: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys3 td { margin: 0; border-right: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys3 tr.selrow { background: #e7efff; }
.tsys3 tr.highlightrow { background: #e7efff; }

/* ---------- TSYS4 - 650px */
table.tsys4 { width: 650px; margin: 0; border: 1px solid #999999; padding: 0; }
.tsys4 thead, .tsys4 .thead  { background: #efeee3; }
.tsys4 tr.first { background: white; }
.tsys4 tr.second { background: #ececec; }
.tsys4 th { margin: 0; border: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys4 td { margin: 0; border-right: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys4 tr.selrow { background: #e7efff; }
.tsys4 tr.highlightrow { background: #e7efff; }

/* ---------- TSYS5 - 100% */
table.tsys5 { width: 100%; margin: 0; border: 1px solid #999999; padding: 0; }
.tsys5 thead, .tsys4 .thead  { background: #efeee3; }
.tsys5 tr.first { background: white; }
.tsys5 tr.second { background: #ececec; }
.tsys5 th { margin: 0; border: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys5 td { margin: 0; border-right: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; }
.tsys5 tr.selrow { background: #e7efff; }
.tsys5 tr.highlightrow { background: #e7efff; }
.tsys5 .btnCheck input {width: auto;}

/* ---------- MODALNI OKNO ------------------------------------------------------------------------------------------------------------------------ */

.modalPanel { position: absolute; top: 420px; left: 141px; z-index: 500; margin: 0; border: 1px solid #999999; padding: 0; background: #eaeaea;}

/*.modalPanel .line { clear: left; margin: 0; padding: 0; }
.modalPanel .label { float: left; width: 120px; margin: 3px 0 0 10px; padding: 0; }
.modalPanel .control { float: left; width: 270px; margin: 3px 0 0 0; padding: 0; }
.modalPanel .control input[type="text"],
.modalPanel .control textarea { width: 239px; }
.modalPanel .control select { width: 245px; }
.modalPanel .control .twocontrols input[type="text"],
.modalPanel .control .twocontrols textarea,
.modalPanel .control .twocontrols select { float: left; width: 117px; }

.modalPanel .control .FirstTextBoxcontrols input[type="text"],
.modalPanel .control .FirstTextBoxcontrols textarea,
.modalPanel .control .FirstTextBoxcontrols select { float: left; width: 185px; }

.modalPanel .control .SecondTextBoxcontrols input[type="text"],
.modalPanel .control .SecondTextBoxcontrols textarea,
.modalPanel .control .SecondTextBoxcontrols select { float: left; width: 40px; }

.modalPanel .control .threecontrols input[type="text"],
.modalPanel .control .threecontrols textarea,
.modalPanel .control .threecontrols select { float: left; width: 78px; }
.modalPanel .control .twocontrolsCalendarTextBox input[type="text"] {float: left; width: 103px; }
.modalPanel .control .twocontrolsCalendarTextBox input[type="image"] {float: left; width: 16px; }
.modalPanel .control .twocontrolsCalendarTextBox textarea,
.modalPanel .control .twocontrolsCalendarTextBox select { float: left; width: 115px; }
.modalPanel .checkbox input { float: left; margin-left: 0;}
.modalPanel .savebutton {float: left; width: 95px; margin: 0 0 0 160px;}
.modalPanel .cancelbutton {float: left; width: 95px; margin: 0 0 0 20px;}*/

table.modalpaneltable { height: 30px; }

.modalPanelTitle td,
.formtitle td,
.modaltitle td
{ width: 100%; height: 30px; vertical-align: middle; padding: 0 4px; font-weight: bold; font-size: 100%; color: black; background: #6f90dc url(../Images/window_titlebg.gif); cursor: hand; }

.reload { position: relative; width: 50px; z-index: 1; border: 0px; }
.modalForm { width: auto; height: auto; position: absolute; position: absolute; z-index: 500; border: 1px outset; background: #ffffff; }
.ModalPanel3 { width: auto; height: auto; z-index: 501; border: 1px outset; }

.modal     { margin: 0; border: 0; padding: 10px 0px 10px 10px; }
.modal100  { margin: 0; border: 0; padding: 0 0 10px 0; width: 100%; }

 /* FORMULAR UVNITR STRANKY */

.titleIcon { padding: 0 20px 0 0; }

.modal table { font-size: 100%;  }
.modal table td label { width: 120px; display: block; margin: 3px 0 0 0; }

.modal table td input
{ width: 239px; font-size: 100%; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }
.modal table td textarea  
{ width: 239px; font-size: 100%; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }

.modal table td .heightTextArea
{ height: 250px; }

.modal table td select, .modal table td option
{ width: 245px; font-size: 100%; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }

.modal table td .width50percent { width: 117px; }
.modal table td .width50percentcalender{ width: 100px; }
.modal table td .width33percent { width: 78px; }

.modalPanel input.btnsmall { width: 95px; font-size: 100%; }
.modalPanel input.btn20 { width: 20px; font-size: 100%; }
.modalPanel input.btn30 { width: 30px; font-size: 100%; }
.modalPanel input.btn50 { width: 60px; font-size: 100%; }
.modalPanel input.btn120 { width: 130px; font-size: 100%; }

/* ---------- nastavení šířky checkboxů na normal */
.modalPanel .btncheck input, .modalPanel .btncheck label, .modal table td .btncheck input, .modal table td .btncheck label, .modalPanel .btncheck label { display: inline; width: auto; }
.modalPanel table table label, .modalPanel table table input, .modalPanel input.btncheck { width: auto; }
.modalPanel table td.btnchecks input, .modalPanel table td.btnchecks table td input,
.modalPanel table td.btnchecks input, .modalPanel table td.btnchecks table td input
 { width: auto; } /* user.aspx */
 
 .btncheck { width: auto; }
 label { display: inline;} 

.modal table td input.filterTextBox { width: 203px; }
.modal table td input.findButton { margin: 0 0 0 2px; width: 16px; }
.modal table td input.filterButton { margin: 0 0 0 2px; width: 16px; }


.modalPanel input.btnimg, .modalPanel table td input.btnimg, .modal input.btnimg
{ width: auto; margin: 2px 0 0 2px; }

.modal input.btnnew, input.btnnew { width: 120px; font-size: 100%; }
.modal input.btnnewbigger, input.btnnewbigger { width: 190px; font-size: 100%; }


.star   { color: red; }
.error  { color: red; display: block; }

/* FORMULAR UVNITR STRANKY */
.modalbox  { width: 500px; margin: 0; border: 0; padding: 0;} 
.modalbox .modal { margin: 0; border: 0; padding: 0; }
.modalbox .modal input.btnsmall { width: 95px; font-size: 100%; }

/* ---------- FORMULAR UVNITR STRANKY corespondence/settings.aspx */
.modalbox2 { width: 800px; margin: 0; border: 0; padding: 0;} 
.modalbox2 .modal table td label { width: 400px; padding: 3px 0 0 0; }
.modalbox2 .modal input.btnsmall { width: 95px; font-size: 100%; }

/* ---------- FORMULAR UVNITR STRANKY corespondence/registration-form.aspx */
.modalbox3 { width: 400px; margin: 0; border: 0; padding: 0; } 
.modalbox3 .modal { margin: 0; border: 0; padding: 10px 0px 10px 10px; }
.modalbox3 .modal table td label { width: 100px; display: block; margin: 3px 0 0 0; }
.modalbox3 .modal input.btnsmall { width: 95px; font-size: 100%; }

/* ---------- FORMULAR UVNITR STRANKY corespondence/web/registration.aspx */
.modalbox4 { width: 420px; margin: 0; border: 0; padding: 0; } 
.modalbox4 .modal { margin: 0; border: 0; padding: 10px 0px 10px 10px; }
.modalbox4 .modal table td label { width: 100px; display: block; margin: 3px 0 0 0; }
.modalbox4 .modal input.btnsmall { width: 95px; font-size: 100%; }

/* ---------- FORMULAR UVNITR STRANKY conference/conference.aspx */
.modalbox5 { width: 722px; margin: 0; border: 0; padding: 0;} 
.modalbox5 .modal table td label { width: 410px; display: block; margin: 3px 0 0 0; }
.modalbox5 .modal input.btnsmall { width: 95px; font-size: 100%; }

/* ---------- FORMULAR UVNITR STRANKY conference/conference-users.aspx */
.modalbox6 { width: 600px; margin: 0; border: 0; padding: 0;} 
.modalbox6 .modal table td label { width: 300px; display: block; margin: 3px 0 0 0; }
.modalbox6 .modal input.btnsmall { width: 95px; font-size: 100%; }
.modalbox6 table td .btncheck input { display: inline; width: auto; }
.modalbox6 table td .btncheck label { display: inline; width: auto; }
.modalbox6 .inauto td input { width: auto; }
.modalbox6 .inauto td       { text-align: center; }
.modalbox6 table.inauto     { width: 559px; }


/* ---------- LISTBOX - vnořená tabulka s listboxy - 3 sloupce  */
.modal table table.tlistbox, .modal table table.tlistbox input, .panel table table.tlistbox textarea 
{ font-size: 100%; }
.modal table table.tlistbox .mlistbox  { width: 165px; }
.modal table table.tlistbox .btnarrow  { width: 30px; }
.modal table table.tlistbox .tlw1, .modal table table.tlistbox .tlw3  { width: 167px; }
.modal table table.tlistbox .tlw2 { width: 30px; }

/* ---------- TABLE - zobrazit historii  */
table.thist { width: 385px; margin: 0; border: 1px solid #999999; padding: 0; font-size: 100%; /* background: white; */ }
table.thist tr.first  { margin: 0; border: 1px solid #e0dfe3; padding: 1px 2px 1px 2px; background: #eeeeee; }
table.thist tr.second { margin: 0; /* border: 1px solid #e0dfe3; */ padding: 1px 2px 1px 2px; background: white; }
table.thist td { margin: 0; font-size: 80%; }

.modal700  { margin: 0; border: 0; padding: 10px 0px 10px 10px; }

.modal700 table { font-size: 100%;  }
.modal700 table td label { width: 120px; margin: 3px 0 0 0; }
.modal700 table td textarea, .modal700 table td input, .modal700 table td select, .modal700 table td option
{ width: 545px; font-size: 100%; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }

.tnotes td { border-bottom: 1px dotted; }

/* ---------- MODALDESC */

.modaldesc { font-size: 90%; margin: 0; border: 1px solid black; padding: 0; color: auto; background: #eaeaea; background: ffffe1; }
.modaldesc span { display: block: margin: 0; border: 0; padding: 5px; }

/* ----------  PAGER ----------------------------------------------------------------------------------------------------------------------------- */

.dpager { margin: 3px 0 10px 0; }
.pager { width: auto; height:auto; border:0; padding: 0; font-size: 100%; margin:0;}
.pager .col3 a { padding-left: 5px; font-size: 90%;}
.pager .col3 a:hover{ padding-left: 5px; font-size: 90%;}

.pager .col4 { font-size: 100%; padding-left: 2px;}
.pager .col4 input { padding: 0; width: 50px; height: 19px; font-size: 100%;}
.pager .col4 select { padding: 0; width: auto; height: auto; font-size: 100%;}

.pager .col5 { padding-left: 2px; font-size: 110%;}
.pager .col6 { padding-left: 5px;}
.pager .col8 { padding:0 2px 0 7px;}
.pager .col9  select { padding: 0; width: 50px; font-size: 100%;}

/* ----------  ACCORDITION - TaskChangesHistory -------------------------------------------------------------------------------------------------- */

.accordionHeader
{ margin-top: 5px; border: 1px solid #2f4f4f; padding: 5px; font-weight: bold; color: white; background: #2e4d7b; cursor: pointer;  }

.accordionHeaderSelected
{ margin-top: 5px; border: 1px solid #2f4f4f; padding: 5px; font-weight: bold; color: white; background: #5078b3; cursor: pointer; }

.accordionContent
{ border: 1px none #2f4f4f; border-top: none; padding: 10px 5px 5px 5px; background: #d3deef; font-size: 110%; }

/* MlT ---------- DAYDETAIL - 850px */
/*.resbox  { width: 850px; margin: 0; border: 0; padding: 0;} */
.resbox  { margin: 0; border: 0; padding: 0;} 
.res { margin: 0; border: 0; padding: 0; }
/*.res100 { width: 100%; }*/
.res table.ddTable { margin: 0; border: 1px solid #999999; padding: 0 0 0 0; }
.res table.ddTable th { margin: 0; border: 1px solid #999999; padding:0px 0px 0px 0px; background: #efeee3; width: auto;}
/*
.res table.ddTable { margin: 0; border: none; padding: 0 0 0 0; }
.res table.ddTable th { margin: 0; border: none; padding:0px 0px 0px 0px; background: #efeee3;}
*/
.res table.ddTable td { margin: 0px 0px 0px 0px; padding: 2px 0px 3px 0px; border:none;}
.res table.ddTable td input { width: 10px; height: 15px; }
.res table.ddTable td input.inred { background: red; }
.res table.ddTable td input.ingreen { background: green; }
.res table.ddTable td input.inorange { background: orange; }
.res table.ddTable td input.ingray { background: gray; }
.res table.ddTable span.name {padding: 0px 5px 0px 5px;display:block;width:200px;}

/* .reservationCell { height: 5px; width: 5px;} */

/*-------- calendar reservations ------------- */

/* ---------- normal */
.dbox             { display: block; width: 30px; height: 40px; margin: 0; border: 0; padding: 0; }
.dbox .dayx       { display: block; width: 30px; height: 20px; }
.dbox .dayx .day  { display: block; margin: 0; border: 0; padding: 2px; text-align: center; color: black; background: #e7e7e7e; }
.dbox .resx       { display: block; width: 30px; height: 20px; }
.dbox .resx .res0 { display: block; margin: 0; border: 0; padding: 2px; text-align: center; color: black; background: orange; }
.dbox .resx .res1 { display: block; margin: 0; border: 0; padding: 2px; text-align: center; color: black; background: #eaeaea; }
td.dxeCalendarWeekNumber .dbox .day { color: red; }

/* ---------- select */
.dsel             { display: block; width: 30px; height: 40px; margin: 0; border: 0; padding: 0; }
.dsel .dayx       { display: block; width: 30px; height: 20px; }
.dsel .dayx .day  { display: block; margin: 0; border: 0; padding: 2px; text-align: center; color: white; background: blue; }
.dsel .resx       { display: block; width: 30px; height: 20px; }
.dsel .resx .res0 { display: block; margin: 0; border: 0; padding: 2px; text-align: center; color: white; background: red; }
.dsel .resx .res1 { display: block; margin: 0; border: 0; padding: 2px; text-align: center; color: white; background: navy; }
td.dxeCalendarWeekNumber .dsel .day { color: yellow;  }


/* ---------- PROGRESS, RESERVATION, CATEGORY --------------------------------------------------------------------------------------------------------------------- */

/* ---------- progress-indicator */
.progressIndicator { }
.progressIndicator .progressIndicatorContainer
{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #000000;
	background-color: #ffffff;
}

.progressIndicator .progressIndicatorProgress
{
	display: block; 
	margin: 0; 
	padding: 0;
	height: 5px;
	background: #FF4200;
}

/* ---------- collapse */
.collapsePanelHeader{ width: 470px; height: 10px; padding: 5px; font-weight: bold; color: White; background: #666666; vertical-align: top; cursor: pointer; }
.collapsePanel      { width: 540px; height: 0px; background: white; overflow: hidden; }
.projectPanel       { overflow: hidden; }
.projectDataItemsGrid { border-color: #eaeaea; }

#helplink           { }
.radio              { width: 20px; } 
.modal table td .radio input { width: 20px; }

/* ---------- reservation */
.modal table td input.repeatReservationTextBox { width: 50px; }
.modal table td input.repeatReservationButton  { width: 100px; }

/* ---------- category */
.categoryPanel                 { padding: 0; }
#obsah .categoryPanel ul       { margin: 0; padding: 0; }
#obsah .categoryPanel ul li    { display: block; height: 16px; float:left;	padding: 0; overflow: hidden; }
.categoryPanel input           { display: block; float: left; height: 16px; font-size: 70%; }
.categoryPanel .btnCheck input { width: auto; }
.categoryPanel .collapseHeader { float: left; width: 14px; }
.categoryPanel .contentPanel   { padding-right: 10px; }
.categoryPanel strong          { padding: 0 0 0 3px; }

#obsah .categoryStrip ul , .categoryStrip ul { margin: 0; padding: 0; }
#obsah .categoryStrip li { display: block; width: 20px; height: 15px; margin: 0; padding: 0; float: left; /* border: solid 0.5px black; */ }

/* ---------- ReportFormatControl */
.reportFormatControl				{ margin: 30px 0 10px 0; padding: 0; }
.reportFormatControl .formatLabel	{ display: inline; margin: 0; padding: 0; vertical-align: top; }
.reportFormatControl .formatList	{ margin: 0 0 0 30px; padding: 0; }

/* ---------- END --------------------------------------------------------------------------------------------------------------------------------- */


.roleListControl {}
.roleListControl .displayGroup { margin: 5px 0 0 0; }
/* .roleListControl .displayGroup .label {display: block; font-weight: bold; } */
table td.displayGroup .label, .displayGroup .label { display: block; font-weight: bold; }
table td span.roleCheckBox input, span.roleCheckBox input { width: auto; margin: 0 0 0 10px; }
table td span.roleCheckBox label, span.roleCheckBox label { display: inline; }


.dateControl
{
	display: inline;
}

.shortTimeControl
{
	display: inline;
}

.shortTimeControl .timeTextBox
{
	width: 50px;
}


/* ResourceStatusIndicator Control */

.resourceStatusIndicator
{
	display: block;
}

.resourceStatusIndicator .statusImage,
.resourceStatusIndicator .reservedStatusImage,
.resourceStatusIndicator .approvedStatusImage
{
	margin: 1px 0 1px 0;
	float: left;	
	display: block;
	width: 16px;
	height: 16px;
	
	background-image: url(../images/shape_square_green.png)	
}

.resourceStatusIndicator .reservedStatusImage
{
	background-image: url(../images/shape_square_yellow.png)
}

.resourceStatusIndicator .approvedStatusImage
{
	background-image: url(../images/shape_square_orange.png)
}

.resourceStatusIndicator .cleaner
{
	clear: both;
}

/* ReservationStatusIndicator Control */

.reservationStatusIndicator
{
	display: block;
}

.reservationStatusIndicator .statusImage,
.reservationStatusIndicator .reservedStatusImage,
.reservationStatusIndicator .approvedStatusImage,
.reservationStatusIndicator .disapprovedStatusImage,
.reservationStatusIndicator .canceledStatusImage,
.reservationStatusIndicator .returnedStatusImage
{
	margin: 1px 0 1px 0;
	float: left;	
	display: block;
	width: 16px;
	height: 16px;
}

.reservationStatusIndicator .reservedStatusImage
{
	/*background-color: Orange;*/
	background-image: url(../images/shape_square_yellow.png)
}

.reservationStatusIndicator .approvedStatusImage
{
	/*background-color: Green;*/
	background-image: url(../images/shape_square_green.png)
}

.reservationStatusIndicator .disapprovedStatusImage
{
	/*background-color: Red;*/
	background-image: url(../images/shape_square_orange.png)
}

.reservationStatusIndicator .canceledStatusImage
{
	/*background-color: Black;*/
	background-image: url(../images/shape_square_black.png)
}

.reservationStatusIndicator .returnedStatusImage
{
	/*background-color: Silver;*/
	background-image: url(../images/shape_square_gray.png)
}

.reservationStatusIndicator .cleaner
{
	clear: both;
}

/* RevisionStatusIndicator Control */

.revisionStatusIndicator
{
	display: block;
}

.revisionStatusIndicator .noneStatusImage,
.revisionStatusIndicator .approvedStatusImage,
.revisionStatusIndicator .disapprovedStatusImage
{
	margin: 1px 0 1px 0;
	float: left;	
	display: block;
	width: 16px;
	height: 16px;
	
	background-image: url(../images/shape_square_green.png)
}

.revisionStatusIndicator .noneStatusImage
{
	background-image: url(../images/shape_square_gray.png)
}

.revisionStatusIndicator .approvedStatusImage
{
	background-image: url(../images/shape_square_green.png)	
}

.revisionStatusIndicator .disapprovedStatusImage
{
	background-image: url(../images/shape_square_orange.png)
}

.revisionStatusIndicator .cleaner
{
	clear: both;
}

/* DocumentStatusIndicator Control */

.documentStatusIndicator
{
	display: block;
}

.documentStatusIndicator .insertedStatusImage,
.documentStatusIndicator .activatedStatusImage
{
	margin: 1px 0 1px 0;
	float: left;	
	display: block;
	width: 16px;
	height: 16px;
		
	background-image: url(../images/shape_square_green.png)
}

.documentStatusIndicator .insertedStatusImage
{
	background-image: url(../images/shape_square_gray.png)
}

.documentStatusIndicator .activatedStatusImage
{
	background-image: url(../images/shape_square_green.png)	
}


/* ---------- VOTING -------------------------------------------------------------------------------------------------- */

.oneAnswerPoll,
.moreAnswersPoll,
.ratingAnswerPoll,
.pollResult,
.ratingPollResult
{
	margin: 10px 0 0 0;
}

.pollText
{
	margin: 10px 0 5px 0;
	display: block;
	font-weight: bold;
}

.pollTable,
.ratingTable
{	
	border: 1px solid silver;
}

.pollTable td .btncheck input, 
.pollTable td .btncheck label
{
	display: inline;
	width: auto;
}


.pollTable td .textAnswer
{
	width: 200px;
}

.pollTable td .customAnswer
{
	width: 99%;
}

.pollTable tr,
.ratingTable tr
{
}

.pollTable tr.avgRow,
.ratingTable tr.avgRow
{
	background-color: #EFEFEF;
}

.pollTable th,
.pollTable td,
.ratingTable th,
.ratingTable td
{
	padding: 3px 3px 3px 3px;
	font-weight: normal;
	border: 1px solid silver;
	vertical-align: top;
}


#obsah .pollResult ul,
#obsah .ratingPollResult ul,
#obsah .pollTable td ul,
#obsah .ratingTable td ul
{
	display: block;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	list-style: square;
}

#obsah .pollResult li,
#obsah .ratingPollResult li,
#obsah .pollTable td li,
#obsah .ratingTable td li
{
	margin: 0;
	padding: 0 0 0 5px;
}

.normalPollItem,
.requiredPollItem
{
	padding: 0 0 0 5px;
	border-left: solid 2px transparent;
}

.requiredPollItem
{
	border-left: solid 2px red;
}