/* TABY */
form span {display:block;} /*LKL:Docasny hack pro citelne rozlozeni prvku ve formu*/

input, select, textarea, option{font-family: arial; color: #5E5D60;}

div.ITaskName, div.IProcName {font-size:24px; /*color: #8FAD74;*/color: #78b800; margin-bottom:7px; height:30px; overflow:hidden; white-space:nowrap;}

div.tabs{margin-bottom: 10px;/*min-width: 400px;*//*border: solid 1px green;*/}
div#tabsContent{	clear: both;/*border: solid 1px red;*/}
div.tabs div.frmTab{/*float:left;*//*border: solid 1px yellow;*/clear: both; 
	/* DSI 4.4.2011 - fixed height in popup*/
	/*position: absolute; bottom: 10px;*/
}

div.tabs form div.frmTabInputs{width: 100%; float: left; padding-top: 5px;height:90%;}
div.tabs form div.formButtons{position:absolute; right:0px;}

div.tabs div.frmButton{width: 60px; height: 60px;	/*border-bottom: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa;*/}
div.tabs div.formButtons >div.frmButton:first-child{margin-top: 10px; /*border-top: solid 1px #aaaaaa;*/}
div.multi2Buttons div.frmButton{width: 60px; height: 60px; border-bottom: solid 1px #aaaaaa; border-left: solid 1px #aaaaaa; border-right: solid 1px #aaaaaa;}
div.multi2Buttons>div.frmButton:first-child{ border-top: solid 1px #aaaaaa; border-right: solid 1px #aaaaaa;}

/* form control cMultiselect */
div.cMultiselect{clear: both;}
span.formField.cMultiselect {min-width:600px;}
div.cMSource{float: left; width:30%;}
div.cMTargets{float: left;}
/*div.cMTargetGrp{margin-bottom: 5px;}*/
div.cMTarget{float:left; width: 263px;}
div.cMButtons{float:left;padding: 15px; padding-top: 19px;}
div.cMTarButtons{float: right;margin:0; width:60px;}
div.cMButtons div.frmButton{border:solid 1px #c6c5c2;}
div.cMButtons div.frmButton:first-child{border:solid 1px #c6c5c2; border-bottom: none;}
div.cMTarButtons div.frmButton{border:solid 1px #c6c5c2; border-width: 0 1px 1px 0;}
div.cMTarButtons div.frmButton:first-child{border-width: 1px 1px 1px 0;}
div.cMSource select.cMultiselect{width: 100%; height: 429px; border: solid 1px  #c6c5c2; font-family: arial; color: #5E5D60;}
div.cMTarget select.cMultiselect{width: 200px; height: 123px; border: solid 1px  #c6c5c2; font-family: arial; color: #5E5D60; margin: 0;}
span.cvVariables div.cMSource select.cMultiselect{width: 200px; height: 123px; border: solid 1px  #c6c5c2; font-family: arial; color: #5E5D60;}

/* Variable mapping - event, subprocess*/
div.mapping {clear:left;}
div.mapping span {display:inline;}
div.mapping span.hidden {display:none;}
div.mapping label {width:10em;text-align:left;}
div.mapping span.mappingTarget {float:left; width:25%;}
div.mapping span.mappingTarget select {width:100%;}
div.mapping span.mappingOperator {float:left; width:1em;}
div.mapping span.mappingSource {float:left; width:25%;}
div.mapping span.mappingSource select {height:123px;width:100%;}
div.mapping span.mappingSource div.mappingSourceConst input {width:100%;}
div.mapping span.mappingSource div.mappingSourceExpr input {width:100%;}
div.mapping span.mappingSourceCSV {float:left; width:25%;}
div.mapping span.mappingSourceCSV input.csvMappingSourceConstNumber {width:100%;}
div.mapping span.mappingSourceCSV input.csvIsPrimary {float:left;}
div.mapping span.mappingSourceCSV div.csvIsPrimary label {clear:none;}
div.mapping span.mappingButtons {float:left;width:60px;padding-left:5px;}
div.mapping span.mappingView {float:left;width:30%;}
div.mapping span.mappingView div.mappingViewFields {position:relative;}
div.mapping span.mappingView div.mappingViewFields div.mappingViewSelect {float:left;width:100%;}
div.mapping span.mappingView div.mappingViewFields div.mappingViewButtons {position:absolute;width:60px;right:-60px;top:15px;}
div.mapping span.mappingView select {height:200px;width:100%;}
div.mapping span.mappingView div.mappingViewButtons {width:60px;}
div.mapping span.mappingView div.mappingViewName {width:100%; float:left;}

span.addValueSelect{width: 250px;}
span.addValueSelect select{float:left; width: 150px;}
span.addValueSelect div.frmButton input.multiAdd{background-image: url(../img/ico/left_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
span.addValueSelect div.frmButton input.multiAdd:hover{background-image: url(../img/ico/left_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
span.addValueSelect div.frmButton input.multiAddDis{background-image: url(../img/ico/left_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}
span.addValueSelect div.frmButton{float:left; border-top: solid 1px #c6c5c2; border-right: solid 1px #c6c5c2; margin: 0 15px;}

div.loadedData { height: 320px; overflow-y: auto; overflow-x: hidden; width: 540px;}
div.loadedData input { margin: 0px; }
div.loadedData input.T { width: 350px; }
div.loadedData input.N { width: 350px; }

/* form control LOV */
span.lov{ width:100%;}
div.lovSource{float: left; width: 30%;}
div.lovSource input.lov {display:block; width:100%;}
div.lovSource input.lovBulk {display:block;}
div.lovCtrls{float: left;padding: 15px; /*border: solid 1px blue;*/}
div.lovTarget{float: left; padding-top: 15px;/*border: solid 1px green;*/}
div.lovTrgCtrl{float:left; padding: 15px; /*border: solid 1px yellow;*/}
div.lovCtrls div.frmButton{border:solid 1px #c6c5c2;  width: 60px; height: 60px;}
div.lovCtrls div.frmButton:first-child{border:solid 1px #c6c5c2; border-bottom: none;}
div.lovTrgCtrl div.frmButton{border:solid 1px #c6c5c2;}
div.lovTrgCtrl div.frmButton:first-child{border:solid 1px #c6c5c2; border-bottom: none;}
div.lovTarget {width: 30%;}
div.lovTarget select.lov{width: 100%; height: 123px; border: solid 1px  #c6c5c2; font-family: arial; color: #5E5D60;}
#lovBulk_popup {width:300px; height:150px; text-align:right;}
#lovBulk_popup textarea.bulkIns {display:block;height:80%; width:100%;}

/* form contrl TIME */
/*.timeHour, .timeMinute{clear: both;}*/
.timeHour input, .timeMinute input{float: left; width: 20px;}
.timePicker{float: left;}
/*div.timeHour{width: 40px;}
div.timeMinute{width: 40px;}*/
div.timePickerUp{background: url(../img/timePickerUp.png) no-repeat 3px 1px; width: 16px; height: 8px; border: solid 1px #c6c5c2; border-width: 1px 1px 1px 0; margin-right: 2px;}
div.timePickerDown{background: url(../img/timePickerDown.png) no-repeat 3px 2px; width: 16px; height: 8px; border: solid 1px #c6c5c2; border-width: 0 1px 1px 0; margin-right: 2px;}

/* frmButtons */
div.frmButton input {width: 60px; height: 60px; padding-top: 45px; background-color: white; border: none; font-family: arial; /*color: #5E5D60;*/color:#333333; font-size: 11px; font-weight: bold; text-align: center;}
/* REFRESH VARIABLES button */
div.tabs div.frmButton input.refreshVariables{background-image: url(../img/ico/refresh_big_shadow.png); background-repeat: no-repeat; background-position: 5px 3px;}
div.tabs div.frmButton input.refreshVariables:hover{background-image: url(../img/ico/refresh_big.png); background-repeat: no-repeat; background-position: 5px 3px;}
div.tabs div.frmButton input.refreshVariablesDis{background-image: url(../img/ico/refresh_big_disabled.png); background-repeat: no-repeat; background-position: 5px 3px; color: #aaaaaa;}
/* Hand execution button */
div.tabs div.frmButton input.handExecution{background-image: url(../img/ico/mmEventsHand.png); background-repeat: no-repeat; background-position: 5px 3px;}
div.tabs div.frmButton input.handExecution:hover{background-image: url(../img/ico/mmEventsHand-hover.png); background-repeat: no-repeat; background-position: 5px 3px;}
div.tabs div.frmButton input.handExecutionDis{background-image: url(../img/ico/mmEventsHand-disabled.png); background-repeat: no-repeat; background-position: 5px 3px; color: #aaaaaa;}

/* SAVE button */
div.tabs div.frmButton input.save{background-image: url(../img/ico/save_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.save:hover{background-image: url(../img/ico/save_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.saveDis{background-image: url(../img/ico/save_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* CANCEL button */
div.tabs div.frmButton input.cancel{background-image: url(../img/ico/close_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.cancel:hover{background-image: url(../img/ico/close_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
/* FILTER button */
div.tabs div.frmButton input.clearFilter{background-image: url(../img/ico/clearFilter_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.clearFilter:hover{background-image: url(../img/ico/clearFilter_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.clearFilterDis{background-image: url(../img/ico/clearFilter_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* CHECK TASK button */
div.tabs div.frmButton input.finishTask{background-image: url(../img/ico/yes_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.finishTask:hover{background-image: url(../img/ico/yes_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.finishTaskDis{background-image: url(../img/ico/yes_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* REJECT TASK button */
div.tabs div.frmButton input.rejectTask{background-image: url(../img/ico/del_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.rejectTask:hover{background-image: url(../img/ico/del_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.rejectTaskDis{background-image: url(../img/ico/del_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* ADD USER button */
div.tabs div.frmButton input.addUser{background-image: url(../img/ico/add_user_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.addUser:hover{background-image: url(../img/ico/add_user_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.addUserDis{background-image: url(../img/ico/add_user_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* CHANGE USER button */
div.tabs div.frmButton input.changeUser{background-image: url(../img/ico/user_setting_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.changeUser:hover{background-image: url(../img/ico/user_settings_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.changeUserDis{background-image: url(../img/ico/user_settings_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* ASSIGN TO ME button */
div.tabs div.frmButton input.assignToMe{background-image: url(../img/ico/assign_to_me_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.assignToMe:hover{background-image: url(../img/ico/assign_to_me_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.assignToMeDis{background-image: url(../img/ico/assign_to_me_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* CONTACT OWNER button */
div.tabs div.frmButton input.contactOwner{background-image: url(../img/ico/contact_owner_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.contactOwner:hover{background-image: url(../img/ico/contact_owner_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.tabs div.frmButton input.contactOwnerDis{background-image: url(../img/ico/contact_owner_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* ADD TASK button */
div.frmButton input.addTask{background-image: url(../img/ico/add_task_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.addTask:hover{background-image: url(../img/ico/add_task_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.addTaskDis{background-image: url(../img/ico/add_task_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* ADD VARIABLE button */
div.frmButton input.addVar{background-image: url(../img/ico/add_var_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.addVar:hover{background-image: url(../img/ico/add_var_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.addVarDis{background-image: url(../img/ico/add_var_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* TASK HISTORY INFO button */
div.frmButton input.taskHistoryInfo{background-image: url(../img/ico/task_info_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.taskHistoryInfo:hover{background-image: url(../img/ico/task_info_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.taskHistoryInfoDis{background-image: url(../img/ico/task_info_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* CONTACT TASK SOLVER button */
div.frmButton input.taskContact{background-image: url(../img/ico/contact_solver_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.taskContact:hover{background-image: url(../img/ico/contact_solver_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.taskContactDis{background-image: url(../img/ico/contact_solver_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* HAND OVER TASK button */
div.frmButton input.handOverTask{background-image: url(../img/ico/hand_over_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.handOverTask:hover{background-image: url(../img/ico/hand_over_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.handOverTaskDis{background-image: url(../img/ico/hand_over_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* DOCUMENT TEMPLATE BUTTON*/
div.frmButton input.doctemplate{background-image: url(../img/ico/html_export_big.png); background-repeat: no-repeat; background-position: 9px 1px;}
div.frmButton input.doctemplate:hover{background-image: url(../img/ico/html_export_big_hover.png); background-repeat: no-repeat; background-position: 9px 1px;}
div.frmButton input.doctemplateDis{background-image: url(../img/ico/html_export_big_disable.png); background-repeat: no-repeat; background-position: 9px 1px; color: #aaaaaa;}
/* VALIDATE TEMPLATE BUTTON*/
div.frmButton input.validtemplate{background-image: url(../img/ico/validtemplate_big.png); background-repeat: no-repeat; background-position: 9px 1px;}
div.frmButton input.validtemplate:hover{background-image: url(../img/ico/validtemplate_big_hover.png); background-repeat: no-repeat; background-position: 9px 1px;}
div.frmButton input.validtemplateDis{background-image: url(../img/ico/validtemplate_big_disable.png); background-repeat: no-repeat; background-position: 9px 1px; color: #aaaaaa;}
/* PRINT VALIDATION REPORT BUTTON*/
div.frmButton input.printTemplateValReport{background-image: url(../img/ico/print_big.png); background-repeat: no-repeat; background-position: 9px 1px;}
div.frmButton input.printTemplateValReport:hover{background-image: url(../img/ico/print_big_hover.png); background-repeat: no-repeat; background-position: 9px 1px;}
div.frmButton input.printTemplateValReportDis{background-image: url(../img/ico/print_big_disable.png); background-repeat: no-repeat; background-position: 9px 1px; color: #aaaaaa;}
/* REFUSE TASK button */
div.frmButton input.refuseTask{background-image: url(../img/ico/refuse_task_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.refuseTask:hover{background-image: url(../img/ico/refuse_task_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.refuseTaskDis{background-image: url(../img/ico/refuse_task_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}

/* view graph button */
div.frmButton input.graph{background-image: url(../img/ico/graph_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.graph:hover{background-image: url(../img/ico/graph_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.graphDis{background-image: url(../img/ico/graph_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* PRINT TASK button */
div.frmButton input.print{background-image: url(../img/ico/print_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.print:hover{background-image: url(../img/ico/print_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.printDis{background-image: url(../img/ico/print_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* MAIN PROCESS INFO button */
div.frmButton input.mainInfo{background-image: url(../img/ico/main_info_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.mainInfo:hover{background-image: url(../img/ico/main_info_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.mainInfoDis{background-image: url(../img/ico/main_info_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}

/* MULTISELECT2 settings */
div.multi2Source{float: left;width:35%;}
div.multi2Buttons{float: left;margin: 5px; margin-top: 19px;}
div.multi2Target{float: left;width:35%;}
/* MULTIADD button */
div.frmButton input.multiAdd, div.frmButton input.lovAdd, div.frmButton input.multiAddConst{background-image: url(../img/ico/add_big.png); background-repeat: no-repeat; background-position: 7px 0px; border-top: solid 1px #c6c5c2; border-left: solid 1px #c6c5c2;}
div.frmButton input.multiAdd:hover, div.frmButton input.lovAdd:hover, div.frmButton input.multiAddConst:hover{background-image: url(../img/ico/add_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.multiAddDis, div.frmButton input.lovAddDis, div.frmButton input.multiAddConstDis{background-image: url(../img/ico/add_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* MULTIREMOVE button */
div.frmButton input.multiRemove, div.frmButton input.lovDel{background-image: url(../img/ico/remove_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.multiRemove:hover, div.frmButton input.lovDel:hover{background-image: url(../img/ico/remove_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.multiRemoveDis, div.frmButton input.lovDelDis{background-image: url(../img/ico/remove_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* LOVUP button */
div.frmButton input.lovUp, div.frmButton input.cmtup{background-image: url(../img/ico/up_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.lovUp:hover, div.frmButton input.cmtup:hover{background-image: url(../img/ico/up_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.lovUpDis, div.frmButton input.cmtupDis{background-image: url(../img/ico/up_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}
/* LOVDOWN button */
div.frmButton input.lovDown, div.frmButton input.cmtdown{background-image: url(../img/ico/down_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.lovDown:hover, div.frmButton input.cmtdown:hover{background-image: url(../img/ico/down_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.lovDownDis, div.frmButton input.cmtdownDis{background-image: url(../img/ico/down_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px; color: #aaaaaa;}

/* dialog controls */
div.dialog{width: 100%; text-align: center; margin-top: 10px;}
div.dlgControls{height: 50px; clear: both; margin-bottom: 10px; text-align:center; margin-top:10px}
div.dlgControl {width: 60px; height: 60px; background-color: white; /*border: solid 1px #c6c5c2; border-left:none;*/}
div.dlgControls>div.dlgControl:first-child {width: 60px; height: 60px; background-color: white; /*border: solid 1px #c6c5c2;*/}
div.dlgcontrols {clear: both;}
div.dlgControl input {width: 60px;	height: 60px; padding-top: 45px; background-color: white; border: none; font-family: arial; color: #5E5D60; font-size: 11px; font-weight: bold; text-align: center;}
div.dlgControl input.dlgYes{background-image: url(../img/ico/yes_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.dlgControl input.dlgYes:hover{background-image: url(../img/ico/yes_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.dlgControl input.dlgNo{background-image: url(../img/ico/del_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.dlgControl input.dlgNo:hover{background-image: url(../img/ico/del_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.dlgControl {display:inline;}

/* checkImport */
div.checkImport{clear: both;}
div.checkImport.main{clear: both; width: 580px; height: 350px; overflow: scroll;}
label.checkImport.check{display: block; float: left;}
div.checkImport.values{display: block; float: right;}
div.checkImport.value label{display: block; float: right; width: 525px; text-align: left; font-weight: normal;}


/* message box*/
#messageBox_popup input.msgboxClose{background-image: url(../img/ico/yes_big.png); background-repeat: no-repeat; background-position: 7px 0px;width:60px; height:60px;background-color:white; border:none;}
#messageBox_popup input.msgboxClose:hover{background-image: url(../img/ico/yes_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}

/* message yesno*/
#messageYesNo_popup input.msgboxNo{background-image: url(../img/ico/del_big.png); background-repeat: no-repeat; background-position: 7px 0px;width:60px; height:60px;background-color:white; border:none;}
#messageYesNo_popup input.msgboxNo:hover{background-image: url(../img/ico/del_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
#messageYesNo_popup input.msgboxYes{background-image: url(../img/ico/yes_big.png); background-repeat: no-repeat; background-position: 7px 0px;width:60px; height:60px;background-color:white; border:none;}
#messageYesNo_popup input.msgboxYes:hover{background-image: url(../img/ico/yes_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.messageYesNo {text-align:center;}
div.messageYesNo div {padding-bottom:10px;}

/* FORM FIELDS SETTINGS */
input, textarea,select{font-family: arial; font-size: 12px; color: #5E5D60; border: solid 1px #c6c5c2; padding-left: 3px;}
span.radio input{border: none;}
span.number input {text-align: right;}
span.radio label input{border: solid 1px #c6c5c2;}

label {display: block; float: left; text-align: right; margin: 2px; padding-right: 5px; vertical-align: top; font-weight: bold; clear: left; }
label.multiselect2, label.cMultiselect, label.lov, label.conditions, label.radio{font-weight: bold;}
label.cMultiselect, label.multiselect2, label.lov{display: block; float: none; text-align: left;}
label.mappingView {clear:none;}
form select.multiselect2{width: 100%; border: solid 1px #c6c5c2;}
/*form span.text, form span.select, form span.password, form span.textarea, form span.labelVal {background-color: #eeeeee; padding: 5px 5px 5px 0px;}*/

/* atachment metadata popup list form edit  */
#iprocAttachmentList_popup .frmTabInputs label { min-width: 160px !important; text-align: left; }
#iprocAttachmentList_popup .frmTabInputs input  { margin: 3px 0px; min-width: 400px !important;}
#iprocAttachmentList_popup .frmTabInputs select  { margin: 3px 0px; min-width: 405px !important;}

#itaskAttachmentList_popup .frmTabInputs label { min-width: 160px !important; text-align: left; }
#itaskAttachmentList_popup .frmTabInputs input  { margin: 3px 0px; min-width: 400px !important;}
#itaskAttachmentList_popup .frmTabInputs select  { margin: 3px 0px; min-width: 405px !important;}

#revisionForm_popup .frmTabInputs label { min-width: 160px !important; text-align: left; }
#revisionForm_popup .frmTabInputs input  { margin: 3px 0px; min-width: 400px !important;}
#revisionForm_popup .frmTabInputs select  { margin: 3px 0px; min-width: 405px !important;}

div.tbl div.tblControls{float: right; border: solid 1px red;}

form span.mandatory label{font-weight: bold; color: #c00000;}
div.hasMandatory{font-weight: bold; color: #7A3E27; clear: both; position: absolute; bottom: 10px; vertical-align: bottom;}

span.labelVal{display: block; float: none;}
span.labelVal.value{display: block; float: left; margin: 2px; }
span.radioSpan{display: block; float: none; clear: both;}
span.radioSpan input{float: left;}
span.radioSpan label{font-weight: normal; clear:none;}

/* frmUsers SETTINGS */
form span.USER_NAME, 
form span.USER_FIRST_NAME,
form span.USER_LAST_NAME,
form span.USER_FULL_NAME, 
form span.USER_EMAIL,
form span.MANAGER_ID,
form span.PASS1,
form span.PASS2,
form span.OS,
form span.ROLES
{
	display: block;
	margin: 5px;
	clear: both;
}
form span.USER_NAME label.USER_NAME,
form span.USER_FIRST_NAME label.USER_FIRST_NAME,
form span.USER_LAST_NAME label.USER_LAST_NAME,
form span.USER_FULL_NAME label.USER_FULL_NAME,
form span.USER_EMAIL label.USER_EMAIL,
form span.MANAGER_ID label.MANAGER_ID,
form span.PASS1 label.PASS1,
form span.PASS2 label.PASS2
{width: 150px;}

span.ROLES div.multi2Source select.ROLES.multiselect2,
span.ROLES div.multi2Target select.ROLES.multiselect2
{height: 185px;}

/* frmTemplates SETTINGS */
form span.TPROC_NAME,
form span.TPROC_DESCRIPTION,
form span.FOLSTR_ID,
form span.ORGSTR_ID,
form span.ROLE_ID
{display: block; margin: 5px; clear: both;}
form span.TPROC_NAME label.TPROC_NAME,
form span.TPROC_DESCRIPTION label.TPROC_DESCRIPTION,
form span.FOLSTR_ID label.FOLSTR_ID
{width: 50px;}
form span.ORGSTR_ID label,
form span.ROLE_ID label
{padding-left:10px;width:180px;}
form span.TPROC_DESCRIPTION textarea.TPROC_DESCRIPTION{width: 50em; height: 5em;}
form span.TPROC_NAME input.TPROC_NAME{width: 450px;}
form span.TPROC_URL input.TPROC_URL{width: 450px;}
form span.TPROC_URL_TAB_NAME input.TPROC_URL_TAB_NAME{width: 450px;}

/* frmTasks */
div.taskForm span input[type=text],
div.taskForm span textarea {width:40em;}
div.taskForm img.TTASK_IMAGE {margin-left:11em;}

div.taskForm label {width:15em;}
div.taskForm label.radio {width:15em;white-space:nowrap;}
div.taskForm span.radioSpan {margin-left:13em;}
div.taskForm span.radioSpan label {text-align:left; width:50em;}
div.taskForm span.radioSpan label label {display:none;}
div.taskForm span.radioSpan label span {display:inline;}
div.taskForm span.radioSpan label input,
div.taskForm span.radioSpan label select {display:inline;float:none;}
div.taskForm span.radioSpan label input {width:10em;}

/* frmTasks - specific */
div.taskForm span.TTASK_USER_CONSTRAINT {margin-bottom:1em;}
div.taskForm span.attendee input {width:38em;}
div.taskForm span.attendee {float:none;display:inline;margin-bottom:3px;clear:none;}
div.taskForm span.attendee.hidden + span.attendee {margin-left:0px;}
div.taskForm span.attendee + span.attendee {margin-left:16em;}
div.taskForm span.attendee.hidden {display:none;}
div.taskForm input[type=text].minute,
div.taskForm input[type=text].hour {width:30px;}
div.taskForm input[type=text].hour {margin-left:5px;}
div.taskForm span.attendee.hidden + span.attendee {clear:none;}
/* frmTasks - mapping*/
div.taskForm span.mapping label {width:100%;text-align:left;}
div.taskForm span.mapping select {width:100% !important;}
div.taskForm div.mappingSource div.mappingSourceConst,
div.taskForm div.mappingSource input[type=text] {width:100%;}
div.taskForm div.mappingButtons div.frmButton {border:none !important;}
div.taskForm div.mappingButtons input {border:none !important;}
div.taskForm div.mappingView,
div.taskForm div.mappingView div.mappingViewFields div.mappingViewSelect {width:250px;float:left;}




/* Email notifications*/
span.TTASK_ENOT_SUBJECT {margin-top:25px; }
span.TTASK_ENOT_HEADER textarea,
span.TTASK_ENOT_BODY textarea, 
span.TTASK_ENOT_FOOTER textarea,
span.TTASK_ENOT_SUBJECT input {width:350px;}
span.TTASK_ENOT_BODY textarea {height:200px;}
span.TTASK_ENOT_SUBJECT label,
span.TTASK_ENOT_BODY label,
span.TTASK_ENOT_HEADER label,
span.TTASK_ENOT_FOOTER label {width:60px;}

/* Invitations */
form span.TI_ATTENDEES,
form span.TI_SUMMARY,
form span.TI_DESCRIPTION,
form span.TI_DTSTARTD,
form span.TI_DTENDD,
form span.TI_LOCATION,
form span.TI_CLASS,
form span.TI_PRIORITY,
form span.TI_CATEGORIES
{display:block;margin: 5px; clear: both;}
form span.TI_DESCRIPTION textarea {width: 420px; height: 225px;}
form span.TI_ATTENDEES input,
form span.TI_LOCATION input,
form span.TI_SUMMARY input,
form span.TI_CATEGORIES input {width:350px;}
form span.TI_DTSTARTD,
form span.TI_DTENDD {float:left;}
form span.TI_DTSTART,
form span.TI_DTEND {padding-top:5px;}

/* Invitations mmHome*/
div.taskForm span.attendee.hidden + span.attendee {clear:none;}
form span.ITASK_INV_ATTENDEES,
form span.ITASK_INV_SUMMARY,
form span.ITASK_INV_DESCRIPTION,
form span.ITASK_INV_DTSTARTD,
form span.ITASK_INV_DTENDD,
form span.ITASK_INV_LOCATION,
form span.ITASK_INV_CLASS,
form span.ITASK_INV_PRIORITY,
form span.ITASK_INV_CATEGORIES
{display:block;margin: 5px; clear: both;}
form span.ITASK_INV_DESCRIPTION textarea {width: 420px; height: 225px;}
form span.ITASK_INV_ATTENDEES input,
form span.ITASK_INV_LOCATION input,
form span.ITASK_INV_SUMMARY input,
form span.ITASK_INV_CATEGORIES input {width:350px;}
form span.ITASK_INV_DTSTARTD,
form span.ITASK_INV_DTENDD {float:left;}
form span.ITASK_INV_DTSTART,
form span.ITASK_INV_DTEND {padding-top:5px;}
span.ITASK_INV_ATTENDEES span.attendee input {width:38em;}
span.ITASK_INV_ATTENDEES span.attendee {float:none;display:inline;margin-bottom:3px;clear:none;}
span.ITASK_INV_ATTENDEES span.attendee.hidden + span.attendee {margin-left:0px;}
span.ITASK_INV_ATTENDEES span.attendee + span.attendee {margin-left:140px;}
span.ITASK_INV_ATTENDEES span.attendee.hidden {display:none;}
span.ITASK_INV_ATTENDEES input[type=text].minute,
span.ITASK_INV_ATTENDEES input[type=text].hour {width:30px;}
span.ITASK_INV_ATTENDEES input[type=text].hour {margin-left:5px;}
span.ITASK_INV_ATTENDEES span.attendee.hidden + span.attendee {clear:none;}

span.TVAR_VALUE.text{height: 120px;}
span.TVAR_TYPE_DynListLbl.labelTxt {float: left;}
span.TVAR_TYPE_DynList.select{float: right;}

/*div#tblTTasks div.tblContent,
div#tblTVars div.tblContent,
div#tblTLinks div.tblContent
{width: 93%;}
div#tblTTasks div.tblContent table,
div#tblTVars div.tblContent table,
div#tblTLinks div.tblContent table
{width: 95%;}
*/
/* Instruction for TTask */
#cke_TTASK_INSTRUCTION{border: none;}

/* Custom print for TTask */
#cke_TTASK_CPRINT{border: none;}

span.COND.conditions{display: block; height: 100%; overflow: auto; width: 90%}
span.COND.conditions label{float:left;}
span.COND.conditions span {float:left; clear:both;}

/* frmVars SETTINGS */
span.TVAR_TYPE.radio{display: block; margin: 5px; clear: both;}
label.TVAR_TYPE{display: block; float: left; font-weight: bold; padding-top: 2px;}
span.TVAR_TYPE.radioValues{display: block; float: left; width: 450px;}
input.TVAR_NAME{width: 250px;}

/* frmLinks SETTINGS*/
span.TTASKLINK_IS_MANDATORY.radio, span.TTASKLINK_ELSE.radio, span.TTASKLINK_TYPE.radio{display: block; margin: 5px; clear: both;}
label.TTASKLINK_IS_MANDATORY, label.TTASKLINK_ELSE, label.TTASKLINK_TYPE{display: block; float: left; font-weight: bold; padding-top: 2px;}
span.TTASKLINK_IS_MANDATORY.radioValues, span.TTASKLINK_ELSE.radioValues, span.TTASKLINK_TYPE.radioValues{display: block; float: left; width: 250px;}

/* frmIProcs SETTINGS */
input.PROCESS_NAME{width: 400px;}
span.PROCESS_NAME{margin-bottom: 5px;}
label.PROCESS_TEMPLATE_YESNO.radio{display: block; float: left;}
span.PROCESS_TEMPLATE_YESNO.radioValues{display: block; float: left;}
label.PROCESS_TEMPLATE_YESNO select option{font-family: arial; color: #5E5D60;}
span.PROCESS_TEMPLATE_YESNO.radioValues input{float: left;}
form span.procDesc label.procDesc{display: inline; float: none; text-align: left;}
#tabs_newProcess textarea.procDesc{width: 500px; height: 100px;}
input.procName{width: 500px;}
/*textarea.procDesc.disabled{width: 530px; height: 100px;}*/
label.procName, label.procStatus, label.procASDate, label.procAFDate{width: 95px; text-align: left;}
div.IProcTabFrame {position:absolute; width: 95%; height: 95%}
div.IProcTabFrame iframe {width: 95%; height: 95%}
div.IProcFrame {position:relative; width: 95%; height: 60%}
div.IProcFrame iframe {width: 95%; height: 95%}

/* TEXT ADDER */
/*
span.textadder div.textadderShow {display:block; position:absolute; left:5px; bottom:65px;right:5px;top:20px;overflow:auto;background-color:#FFFFFF;border: solid 1px #C6C5C2;}
span.textadder div.textadder_ta {position:absolute; bottom:5px; left:5px; right:80px; height:62px; padding:0px;}
span.textadder div.textadder_ta textarea {width:99%; height:99%; border: solid 1px #C6C5C2;}
span.textadder div.frmButton {position:absolute; right:5px;bottom:5px;border: solid 1px #C6C5C2; margin-top: 1px;}
span.textadder div.textadderShow div.textadder_it {background-color:#DDDDDD; border: 0px; margin:5px; padding:5px;}
label.textadder{display: block; float: none; text-align: left;}
*/
span.procNotes {position:absolute; left:10px; right:70px; bottom:10px; top:45px;}
span.textadder div.textadder_ta textarea {float:left;width:90%;margin:1px;clear:left;}
span.textadder div.frmButton {float:left;margin-left:2px;margin-top:2px; border:1px solid #AAAAAA;}
span.textadder div.textadderShow {clear:both;overflow:auto;height:80%}
span.textadder div.textadderShow > div {border:1px solid #EFEFEF; margin-top:4px;margin-bottom:5px; width: 80%; float: left;}
span.textadder div.textadderShow > div > div.header {background-color:#EEEEEE;padding:3px; font-weight: bold;}
span.textadder div.textadderShow > div > div.text {padding:5px;}
span.textadder div.textadderShow > div span {display:inline;}
span.textadder div.textadderShow > div span.date {float:right;}
/* textadder - SYSTEM */
span.textadder div.textadderShow > div.SYSTEM {display:none;border: 1px solid #871301; width: 80%; float: right; /*min-height: 50px; padding-right: 50px; background-image: url(../img/user_note.png); background-position: top right; background-repeat: no-repeat;*/}
span.textadder div.textadderShow > div.SYSTEM > div.header {background-color: #E42003; color: #FFFFFF; border-bottom: 1px solid #871301; /*border-right: 1px solid #871301;*/}
span.textadder div.textadderShow > div.SYSTEM > div.text {background-color: #FFCFBB; color: #871301; /*border-right: 1px solid #871301; min-height: 20px;*/}
/* textadder - USER */
span.textadder div.textadderShow > div.USER {border: 1px solid #3F5E00; width: 80%; float: left; /*min-height:  50px; padding-left: 50px; background-image: url(../img/user_note.png); background-position: top leftt; background-repeat: no-repeat;*/}
span.textadder div.textadderShow > div.USER > div.header {background-color: #78B800; color: #FFFFFF; border-bottom: 1px solid #3F5E00; /*border-left: 1px solid #3F5E00;*/}
span.textadder div.textadderShow > div.USER > div.text {background-color: #EBFFD9; color: #3F5E00; /*border-left: 1px solid #3F5E00; min-height: 20px;*/}

/* textadder controls */
div.frmButton input.addNote{background-image: url(../img/ico/add_note_big.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.addNote:hover{background-image: url(../img/ico/add_note_big_hover.png); background-repeat: no-repeat; background-position: 7px 0px;}
div.frmButton input.addNoteDis{background-image: url(../img/ico/add_note_big_disable.png); background-repeat: no-repeat; background-position: 7px 0px;}


/* frmITasks SETTINGS */
input.ITaskName{width: 450px;}
div.ITaskInstruction {position:absolute; border:1px solid #C5C6C2; left:10px; top:45px; bottom:10px; right:70px; padding:7px; overflow:auto;}
label.ITaskDesc, label.ITaskNote{display: block; float: none; text-align: right;}
textarea.ITaskDesc, textarea.ITaskNote{width: 500px; height: 100px;}

span.ITaskName.labelVal label { width: 75px; text-align: left;}
span.ITaskUser.labelVal label, span.IProcName.labelVal label, span.ITaskUserFinishedBy.labelVal label, span.ITaskActualDateStart.labelVal label, span.ITaskActualDateFinish.labelVal label
{width: 50px;}

#HomeProcessesMy_popup span.procDesc.labelVal  label{float: none; text-align: left;}
#HomeProcessesMy_popup span.procDesc.labelVal.value{width: 490px;}

span.labelVal span{padding: 0;}
#tabs_taskHistory div.frmTabInputs label, #tabs_finishTask div.frmTabInputs label{width: 130px;}
div.iTaskVarContainer{max-height:100%; border-top: solid 1px #C6C5C2; width: 45%; float: left;margin:5px;}
div.iTaskVarContainer>span{display: block;}
div.iTaskVarContainer span span{padding: 0}
div.iTaskVarContainer2{max-height:100%; border-top: solid 1px #C6C5C2; width: 45%; float: left;margin:5px;}
div.iTaskVarContainer2>span{display: block;}
div.iTaskVarContainer2 span span{padding: 0}
div.iTaskVarContainers { margin-right: 65px; max-height:900px; overflow:auto; border-top: solid 1px #C6C5C2;left:0px;right:0px;position:relative;height:85%;}
div.iTaskVarContainers > div.iTaskVarContainer,
div.iTaskVarContainers > div.iTaskVarContainer2 {border-top: none;}
#tabs_taskHistory div.iTaskVarContainer label,#tabs_taskHistory div.iTaskVarContainer2 label,#tabs_finishTask div.iTaskVarContainer label,#tabs_finishTask div.iTaskVarContainer2 label{display: block; width: 90%; float: none; overflow: hidden; text-align: left;}
#tabs_taskHistory div.iTaskVarContainer textarea,#tabs_taskHistory div.iTaskVarContainer2 textarea,#tabs_finishTask div.iTaskVarContainer textarea,#tabs_finishTask div.iTaskVarContainer2 textarea{height: 45px; width: 90%; resize: vertical;}
#tabs_taskHistory div.iTaskVarContainer input.text,#tabs_taskHistory div.iTaskVarContainer2 input.text,#tabs_finishTask div.iTaskVarContainer input.text,#tabs_finishTask div.iTaskVarContainer2 input.text{width: 90%;}
#tabs_taskHistory div.iTaskVarContainer input.number,#tabs_taskHistory div.iTaskVarContainer2 input.number,#tabs_finishTask div.iTaskVarContainer input.number,#tabs_finishTask div.iTaskVarContainer2 input.number{width: 100px;}
#tabs_taskHistory div.iTaskVarContainer input.date,#tabs_taskHistory div.iTaskVarContainer2 input.date,#tabs_finishTask div.iTaskVarContainer input.date,#tabs_finishTask div.iTaskVarContainer2 input.date{width: 100px;}
span.l1.label, span.l2.label, span.l3.label{font-weight: bold; border-bottom: solid 2px #C6C5C2; padding-top: 10px;}

div.contactInfo{float: left;}
div.contactImage{float: left;}
span.ContactInfo.labelVal label{float: none; text-align: left;}

#iprocVariableList div.frmButton{margin-top: 10px}
#tabs_customView label{width: 50px;}
#tabs_customView label.cvIProcStatus {width:200px;text-align:left;padding-left:0px;}
#tabs_customView span.cvIProcStatus span {text-align:left;padding-left:10px}
#tabs_customView span.cvIProcStatus span > label {width:200px;text-align:left;padding-left:0px}
#tabs_customView label.cvVariables.cMultiselect{width: 100px;}
#tabs_customView input.cvName.text{width: 485px;}
/* prepend task */
#tabs_prependTask span.name {margin-top: 5px;}
#tabs_prependTask span.name label{width: 71px;}
#tabs_prependTask span.name input{width: 385px;}
#tabs_prependTask span.desc{margin-top: 5px;}
#tabs_prependTask span.desc label{width: 71px;}
#tabs_prependTask span.desc textarea{width: 385px;}
#tabs_prependTask span.dueDateStart label{width: 71px;}
#tabs_prependTask span.dueDateStart{margin-top: 5px;}
#tabs_prependTask span.dueDateFinish{margin-top: 5px;}
#tabs_prependTask span.dueDateFinish label{width: 71px;}

/* frmPlans SETTINGS */
span.PLN_START_TIME{float: left; width: 150px;}
.PLN_START_DATE{float: left;}
span.OFFSET_DAILY label span, span.OFFSET_WEEKLY span, span.OFFSET_MONTHLY label span, span.OFFSET_MONTHLY span, span.OFFSET_YEARLY span, span.END_TERMIN span{float: left;}
/*div.frmTabInputs>span.OFFSET_MONTHLY{clear: both;}*/
span.OFFSET_TYPE.radio {float: left; clear: left; height: 260px;}
span.OFFSET_DAILY.radio, span.OFFSET_WEEKLY.labelTxt, span.OFFSET_MONTHLY.radio, span.OFFSET_YEARLY.radio{float: left; padding-top: 15px;}
input.monthlyXDays, input.monthlyXMonths, input.dailyXDays, input.weeklyXWeeks, input.yearlyXYear{width: 15px;}
span.monthlyXDays.text, span.monthlyXMonths.text, span.monthlyXD.select, span.monthlyXDW.select, span.monthlyXMonths.text,
span.weeklyXWeeks.text, span.weeklyDays.multiselect,
span.dailyXDays.text{padding: 0px;}
span.END_TERMIN.radio{clear: both;}
span.OFFSET_NOT_SET.labelTxt{clear: both; height: 120px;}
span.PLN_ASSESMENT_HIERARCHY.radio{float: left;}
span.selectUsers.labelTxt{float: left;}
span.PLN_START_DATE.date{clear: left; margin-top: 5px;}
span.PLN_START_TIME.time{margin-top: 5px;}
div.pln_users{clear: both; height: 240px; width: 450px; margin-top: 10px;}
div.pln_users_hiearchy{float: left;}
div.pln_users_select{float: right;}
label.PLN_USERS_LIST.multiselect{display:block; float:none; text-align: left;}
select.PLN_USERS_LIST.multiselect{width: 220px; height: 150px;}
span.PLN_NAME, span.PLN_ASSESMENT_ROLE_ID, span.PLN_ASSESMENT_ORGSTR_CNST{margin: 2px 0;}
span.PLN_USER_ID{margin: 5px 0;}
input.PLN_NAME.text{width: 360px;}
span.OFFSET_DAILY input, span.OFFSET_DAILY select, 
span.OFFSET_WEEKLY input, span.OFFSET_WEEKLY select, 
span.OFFSET_MONTHLY input, span.OFFSET_MONTHLY select, 
span.OFFSET_YEARLY input, span.OFFSET_YEARLY select,
span.END_TERMIN label input
{position: relative; top: -2px;}
span.OFFSET_DAILY  span.radioSpan>label, span.OFFSET_MONTHLY  span.radioSpan>label, span.OFFSET_YEARLY  span.radioSpan>label
{position: relative; top:-1px;}
span.OFFSET_YEARLY label.yearlyDate, span.END_TERMIN label.endDate{display:none;}
span.OFFSET_YEARLY input.yearlyDate, span.END_TERMIN input.endDate{margin-left: 5px; width: 70px;}
span.END_TERMIN input.endXTimes{width: 35px; margin-right: 5px;}


/* frmSettings */
#formUserDetails_popup label{width: 50px;}
#formUserDetails_popup input.text{width: 200px;}
#formUserDetails_popup label.password{width: 100px;}
#formUserDetails_popup input.password{width: 150px;}
#formUserDetails_popup span.password{margin: 3px;}
#formUserDetails_popup label.file{width: 100px;}
#formUserContact_popup label.text{width: 50px;}
#formUserContact_popup span.text{margin: 3px;}
#formUserContact_popup input.text{width: 150px;}
#formUserContact_popup label.textarea{width: 200px; display: block; float: none; text-align: left;}
#formUserContact_popup textarea{height: 130px; width: 330px; }

/* eventForm */
input.EVEDEF_NAME{width:375px;}
textarea.EVEDEF_DESCRIPTION{width:375px; height: 350px;}
span.TRuleTypeProcLbl{float: left;}
span.TRuleTypeProc, span.TRuleTypeReturn, span.TRuleTypeCSVRunProcs, span.TRuleTypeCSVUpdProcs, span.TRuleTypeCSVMrgProcs, 
span.TRuleTypeCSVUpdProc, span.TRuleTypeCSVExpProcs, span.TRuleTypeExternal {float: right; padding: 0;}
span.RDEF_TYPE.radio{padding-bottom: 20px;} 
span.RDEF_TYPE.radioValues span.radioSpan{clear: both;}
span.RDEF_PROC_NAME {float:left;}
input.RDEF_PROC_NAME { width: 300px;}
span.RDEF_PROC_NAME_HELPER{float:left;}
span.RDEF_TYPE span.labelTxt{float: left;}

/* LOGIN FORM */
table.form th {text-align: right;}
table.form input{font-family: arial; font-size: 12px; color: #5E5D60;}
div#loginTable div.loginSubmit{
	width: 60px;
	height: 15px;
	padding-top: 45px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: solid 1px #cccccc;
	background-color: white;
	background-image: url(../img/ico/login_big.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	color: #333333;
}
div#loginTable div.loginSubmit:hover{
	background-image: url(../img/ico/login_big_hover.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
td.alucidLogin a {background-image: url(../img/alucid_logo_small.png);background-repeat: no-repeat; display:block;width:53px;float:right; text-decoration:none; margin-top:5px; margin-right:0px;}
div.fieldLinks{display:block; position:absolute; border: 1px solid gray; padding: 4px; padding-right:20px; background-color:white;}
div.fieldLinks a {display:block;}

span.taskVarMap {position:absolute; left:15px; top:45px; right:65px; bottom:15px; overflow:auto;}
span.taskVarMap table {border-collapse: collapse;border:1px solid #CCCCCC;}
span.taskVarMap table thead tr td {font-weight: bold; white-space:nowrap;max-width:50px;min-width:50px;width:50px;height:90px;vertical-align:bottom;}
span.taskVarMap table thead tr td div {
-moz-transform:translate(32px, -7px) rotate(-90deg); 
-moz-transform-origin: left bottom;
-o-transform:translate(32px, -7px) rotate(-90deg); 
-o-transform-origin: left bottom;
-webkit-transform:translate(32px, -7px) rotate(-90deg); 
-webkit-transform-origin: left bottom;
-ms-transform:translate(32px, -7px) rotate(-90deg); 
-ms-transform-origin: left bottom;
}
span.taskVarMap table td {padding:0px;}
span.taskVarMap table tbody td {border-right: 1px solid #CCCCCC;white-space:nowrap;}
span.taskVarMap table tbody td:last-child {border-right:none;}
span.taskVarMap table tbody td:first-child {border-right:none;}
span.taskVarMap table tbody div {height:1em; text-align: center;cursor:pointer}
span.taskVarMap table tr.rowOdd{background-color: #eeeeee;}
span.taskVarMap table tr.rowEven{background-color: white;}
span.taskVarMap div.up{background: url(../img/timePickerUp.png) no-repeat 3px 1px; width: 16px; height: 8px; border: solid 1px #c6c5c2; border-width: 1px 1px 1px 0; margin-right: 2px;}
span.taskVarMap div.down{background: url(../img/timePickerDown.png) no-repeat 3px 2px; width: 16px; height: 8px; border: solid 1px #c6c5c2; border-width: 0 1px 1px 0; margin-right: 2px;}
span.taskVarMap div.operation span.arrows {display: inline; float:left;}
span.taskVarMap table tr.ui-selected { background-color: #FFE0B3; }

span.ITaskDesc.value {max-width:50%;}

div.filter {min-height: 250px; min-width:530px;overflow: auto;}
/* messageBox */
div.messageBox {text-align:center;}
div.messageBox div {padding-bottom:10px;}

/* User mass lock - unlock multiselect */
#tab_massLock_1 span.lockUnlock div.cMTargets {margin-left:10px;}
#tab_massLock_1 span.lockUnlock select {height:450px; width:250px;}

/* Nastaveni -> Upravit */
#tabs_formUserSettings span.checkbox {display:block;width:250px;clear:both;}
#tabs_formUserSettings span.checkbox input { /*float:left;*/}
#tabs_formUserSettings span.checkbox label { float:left;}
#tabs_formUserSettings span {margin:3px;}
#tabs_formUserSettings span label {width: 200px;}

/* Nastaveni zastupu */
#tab_HrManagerTabUsers_1 span.checkbox {display:block;width:250px;clear:both;}
#tab_HrManagerTabUsers_1 span.checkbox input { /*float:left;*/}
#tab_HrManagerTabUsers_1 span.checkbox label { float:left;}
#tab_HrManagerTabUsers_1 span {margin:3px;}
#tab_HrManagerTabUsers_1 span label {width: 200px;}



/* Richtext template task instructions */
span.TTASK_INSTRUCTION {position:absolute; bottom:15px; left:15px; right:65px; top:40px;}
span.richtext label {display:inline;float:none;}
span.richtext span {display: inline;}

/* Richtext template task custom print */
span.TTASK_CPRINT {position:absolute; bottom:15px; left:15px; right:65px; top:40px;}
span.PRNT_CONTENT {position:absolute; bottom:15px; left:15px; right:65px; top:80px;}
#cke_PRNT_CONTENT {border: medium none;}


/* HomeStats form */
#HomeStats_popup select.cms {height:200px;}
#HomeStats_popup select.cmt0 {height:200px;}
#HomeStats_popup input.STAT_NAME {width:200px;}
#HomeStats_popup span.STAT_VISIBILITY span {float:left; display:inline;}

input.TVAR_NEW_NAME {width:200px}
span.LABEL {margin-top:10px; margin-left:10px;}

#formOrgSettings_popup span {margin:3px;}
#formOrgSettings_popup span label {width:130px;}
#formOrgSettings_popup span input {width:230px;}

#tblRoles_popup form[name=tblRoles] span {margin:3px;}
#tblRoles_popup form[name=tblRoles] span label {width:100px;}
#tblRoles_popup form[name=tblRoles] span input {width:200px;}
#tblRoles_popup form[name=tblRoles] span textarea {width:200px;height:80px;}

#tab_AuthParams_1 div.frmTabInputs {position:absolute;left:5px; top:35px; bottom:5px;right:70px;}
#tab_AuthParams_1 div.frmTabInputs label {width:4em;}
#tab_AuthParams_1 div.frmTabInputs input {width:60%;}

/*Basic operations and on TTaskWindow*/
span.operations {min-width:500px;overflow: auto; height: 540px;width:660px;}
span.operations div.opList {clear:left;}
span.operations div.opList div.operation {margin-bottom:3px;}
span.operations input.value {width:300px;}
span.operations div.editor {position:absolute;border:1px solid gray; padding:4px; padding-right:9px; background-color:white;margin-top:5px;}
span.operations div.editor textarea {width: 100%;height:6em;margin-bottom:5px;}
span.operations div.editor input.plus,
 span.operations input.minus,
 span.operations input.times,
 span.operations input.div,
 span.operations input.concat,
 span.operations input.brackets {width:30px;}
span.operations div.editor span.editorControls {float:right;}
span.operations div.up{background: url(../img/timePickerUp.png) no-repeat 3px 1px; width: 16px; height: 8px; border: solid 1px #c6c5c2; border-width: 1px 1px 1px 0; margin-right: 2px;}
span.operations div.down{background: url(../img/timePickerDown.png) no-repeat 3px 2px; width: 16px; height: 8px; border: solid 1px #c6c5c2; border-width: 0 1px 1px 0; margin-right: 2px;}
span.operations div.operation span.arrows {display: inline; float:left;}

span.operations div.operation span.start {display:inline; padding-right:10px; height:10px; }
span.operations div.operation span.end {display:inline; padding-right:10px; height:10px; }
span.operations div.operation span.hand {display:inline; padding-right:10px; height:10px; }
span.operations div.operation span.recalc {display:inline; padding-right:10px; height:10px; }

span.operations div.operation span.start.dis {background: url(/img/ico/start_smallest_disable.png) no-repeat 0px 0px; width: 12px; height: 12px;}
span.operations div.operation span.end.dis {background: url(/img/ico/end_smallest_disable.png) no-repeat 0px 0px; width: 12px; height: 12px;}
span.operations div.operation span.hand.dis {background: url(/img/ico/hand-pointer-icon-disabled.png) no-repeat 0px 0px; width: 12px; height: 12px;}
span.operations div.operation span.recalc.dis {background: url(/img/ico/refresh_smallest-disabled.png) no-repeat 0px 0px; width: 12px; height: 12px;}

span.operations div.operation span.start.act {background: url(/img/ico/start_smallest.png) no-repeat 0px 0px; width: 12px; height: 12px;}
span.operations div.operation span.end.act {background: url(/img/ico/end_smallest.png) no-repeat 0px 0px; width: 12px; height: 12px;}
span.operations div.operation span.hand.act {background: url(/img/ico/hand-pointer-icon.png) no-repeat 0px 0px; width: 12px; height: 12px;}
span.operations div.operation span.recalc.act {background: url(/img/ico/refresh_smallest.png) no-repeat 0px 0px; width: 12px; height: 12px;}

span.operations select.operations.variable{width: 200px;}
span.operations div.operation input.remove{background: url(/img/ico/del_smallest.png) no-repeat 0px 0px transparent; width: 12px; height: 12px; border: none;}
span.operations div.operation input.add{background: url(/img/ico/add_smallest.png) no-repeat 0px 0px transparent; width: 12px; height: 12px; border: none;}
span.operations div.operation input.editor{background: url(/img/ico/edit_smallest.png) no-repeat 0px 0px transparent; width: 12px; height: 12px; border: none;}

/*Settings auth table*/
table.authTable {border: 1px solid gray; border-collapse:collapse;}
table.authTable td {border: 1px solid gray; padding:3px; text-align:center;}
table.authTable td.loginSrc {cursor:pointer;}
table.authTable th {border: 1px solid gray; padding:3px; text-align:center;}
table.authTable div.params {position:absolute;background-color:#FFFFE3; padding:3px;text-align:left;border:1px solid #FFEFA3;}

#loginForm td.alucidLogin {text-align:right;}

#tfexecright_popup select.cmt0 {height:429px;}
#tfexecrightOS_popup select.cmt0 {height:429px;}

/* CKEditor fix*/
label.cke_dialog_ui_labeled_label {display: inline; padding-right:0px; float:none;}
input.cke_dialog_ui_input_text {padding-left:0px;}

/* Completion conditions*/
span.TTASK_COMPLETION span.condition {clear:left;}

/*User task assign popup - readonly variables in two columns*/
#HomeTasksToAssign_popup div.container1 {overflow:auto;max-height:370px; border-top: solid 1px #C6C5C2; width: 370px; float: left; margin-top:1em;}
#HomeTasksToAssign_popup div.container1 >span{display: block;}
#HomeTasksToAssign_popup div.container1 span span{padding: 0}
#HomeTasksToAssign_popup div.container2{overflow:auto;max-height:370px; border-top: solid 1px #C6C5C2; width: 370px; float: right; margin-top:1em;}
#HomeTasksToAssign_popup>span{display: block;}
#HomeTasksToAssign_popup span span{padding: 0}

/*Attendees form item*/
span.attendees {max-height:10em;overflow:auto;}
span.attendees span.attendee {float:left; clear:left;}
span.attendees span.addUser {display:inline-block;width:12px;height:12px; background-image: url(../img/ico/add_smallest.png); background-repeat: no-repeat; background-position: 0px 0px;}
span.attendees span.selectUser {display:inline-block;width:12px;height:12px; border:none; background-image: url(../img/ico/user_smallest.png); background-repeat: no-repeat; background-position: 0;}
span.attendees span.removeUser {display:inline-block;width:12px;height:12px; background-image: url(../img/ico/del_smallest.png); background-repeat: no-repeat; background-position: 0px 0px;}
span.attendees div.selectUser {position:absolute;padding:7px; border: 1px solid gray; background-color:white;}
span.attendees div.selectUser select {display:block;}
span.attendees div.selectUser input {width:100%;margin-top:2px;}
span.attendees div.selectUserBackground {position:absolute;left:0px;top:0px;right:0px;bottom:0px;}

span.customViewFilter label {text-align:left;}
span.customViewFilter > div {clear:left;}

/*Class for highlighting tabs titles*/
a.tabTitleHighlight {font-weight:bold;}

/*Set dues formating*/
form[name=setDues] div.container1 {overflow:auto;max-height:370px; border-top: solid 1px #C6C5C2; width: 370px; float: left; margin-top:1em;}
form[name=setDues] div.container1 >span{display: block;}
form[name=setDues] div.container1 span span{padding: 0}
form[name=setDues] div.container2{overflow:auto;max-height:370px; border-top: solid 1px #C6C5C2; width: 370px; float: right; margin-top:1em;}
form[name=setDues]>span{display: block;}
form[name=setDues] span span{padding: 0}

/*MTextarea overlay extension*/
.mtextarea_button {float:right;background-image: url("../css/jquery/images/ui-icons_466d23_256x240.png");background-position: -48px -80px; height:16px; width:16px;}
.mtextarea_bg {background:#ffffff none repeat scroll 0 0; display:none; height:100%; left:0; filter:alpha(opacity=50); opacity: 0.5; top:0; width:100%; z-index:2147483636; display:none; position:fixed;}
.mtextarea_ta {position:absolute; left: 0px; top:0px; right:0px; bottom:0px; z-index:2147483637;}
.mtextarea_ta div {position:absolute; left:5px; right:5px; top:5px; bottom:65px;}
.mtextarea_ta textarea {border:1px solid black; color:black; background-color:white; width:100%; height:100%;}
.mtextarea_ta input[name=ok] {background-image: url("../img/ico/yes_big.png");background-position: 7px 0;background-repeat: no-repeat;width:60px;height:55px;border:none;position:absolute;right:85px;bottom:5px;background-color:transparent;}
.mtextarea_ta input[name=cancel] {background-image: url("../img/ico/del_big.png");background-position: 7px 0;background-repeat: no-repeat;width:60px;height:55px;border:none;position:absolute;right:25px;bottom:5px;background-color:transparent;}

/*MTable overlay extension*/
img.imgButton { cursor: pointer; }
.mtable_button {float:right;background-image: url("../css/jquery/images/ui-icons_466d23_256x240.png");background-position: -48px -80px; height:16px; width:16px;}
.mtable_bg {background:#ffffff none repeat scroll 0 0; display:none; height:100%; left:0; top:0; width:100%; z-index:2147483636; display:none; }
.mtable_tb {position:absolute; left: 0px; top:0px; right:0px; bottom:0px; z-index:2147483637; height:100%; width:100%; }
.mtable_tb div {position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin: 5px; }
.mtable_tb .mtable_wrapper { color:black; background-color:white; overflow-y: auto; }
.mtable_tb .mtable_wrapper table {border:1px solid black; color:black; border-collapse: collapse;}
.mtable_tb .mtable_wrapper table td { border:1px solid black; padding: 5px; }
.mtable_tb input[name=ok] {background-image: url("../img/ico/yes_big.png");background-position: 7px 0;background-repeat: no-repeat;width:60px;height:55px;border:none;position:absolute;right:85px;bottom:5px;background-color:transparent; cursor:pointer;}
.mtable_tb input[name=cancel] {background-image: url("../img/ico/del_big.png");background-position: 7px 0;background-repeat: no-repeat;width:60px;height:55px;border:none;position:absolute;right:25px;bottom:5px;background-color:transparent; cursor: pointer;}
.mtable_tb tr.rowOdd { background-color: #EEEEEE;}
.mtable_tb tr.rowEven { background-color: white; }
.mtable_tb thead tr {background-image: url('../img/table_head.png'); border-right: solid 1px #cccccc;border-left: solid 1px #cccccc;}
.mtable_tb tr td {cursor: pointer}
.mtable_tb tr td.disabled {cursor: default}

/* switch controller - used in task variable history*/
div.switcher div {cursor:pointer;margin-top:1.5em;}
div.switcher div:hover {color:black;}

a.openEventWindow { margin-left: 6px; cursor: pointer; }
a.openEventWindow img { width: 18px; height: 18px; position: relative; top: 4px; }

ul.textWithHelperMenu {position: absolute;}
input.textWithHelper {width: 300px;}

/* multifile form tabs */
#multiTabFiles {}
#multiTabFiles .multiTabFiles { padding: 0px; } 
#multiTabFiles .multiTabFiles > div { border: 0px !important; }
#multiTabFiles .multiTabFiles > div > ul { display: none; }
#multiTabFiles .multiTabFiles .frmTabInputs { min-height: 400px; overflow-y: auto; width: 90%; height:100%;}

/* Eval math functions autocomplete*/
b.ac_match {color: #f65700;}
b.ac_match_left {color: #444444;}

.formButtons .frmButton.noShow {display: none;}
a.showButtons { width: 60px; height:15px; display: block;  }
a.showButtons.down {background: url("../img/slideDownButton.png") center no-repeat;}
a.showButtons.up {background: url("../img/slideUpButton.png") center no-repeat;}
a.showButtons:hover { background-color: #e6f5fd;}

#processOverview {overflow: auto; margin-right: 65px; height: 100%}

.ui-tabs
{
	height: calc(100% - 300px);
}

#tabs_graphControl
{
	height: auto;
}