
input, textArea, select {     border: 1px solid #C6C5C2; color: #5E5D60; }

a.button { display: block; border: 1px solid #C6C5C2; background-color: #ECE9D8; text-decoration: none; padding: 1px 4px; } /* Anchor like the input button */

div.formTabs { margin-bottom: 10px;}
div#tabsContent { clear: both;}

div.frmTab { clear: both; }

/* Buttons to connect with form */
div.frmTabInputs { 
	float: left; padding-top: 0px; width: 100%; overflow: auto;
}
/* Content for tab with buttons */
div.frmContent { overflow: auto; margin-right: 75px; }

/******************************************************************************/
/* Login form */
/******************************************************************************/
#frm-loginForm table th { text-align: right;}
#frm-loginForm #frmloginForm-send {
    background-color: white; background-image: url("../img/ico/login_big.png");
    background-position: 10px 0; background-repeat: no-repeat; border: 1px solid #CCCCCC; color: #333333;
    font-weight: bold; font-size: 11px; padding-top: 45px; text-align: center; width: 65px;
}
#frm-loginForm #frmloginForm-send:hover {
    background-image: url("../img/ico/login_big_hover.png");
    background-position: 10px 0; background-repeat: no-repeat;
}
td.alucidLogin a {
    background-image: url("../img/alucid_logo_small.png"); background-repeat: no-repeat; display: block;
    float: right; margin-right: 0; margin-top: 5px; text-decoration: none; width: 60px;
}

/******************************************************************************/
/* Form types */
/******************************************************************************/
form dl, form dl dt, form dl dd { margin: 0; padding: 0;}

form dl { padding-right: 45px; } /* Space for form buttons. */
form dl dt { float: left; padding-right: 10px;}
form div.block dl dt { float: none }
form dl dt.block { float: none }
form dl dd { padding-bottom: 5px; padding-right: 10px; line-height: 1.2em; }

form dt label { font-weight: bold; text-align: right; }
form dd label { padding-right: 5px; padding-left: 5px;}

form input { vertical-align: baseline;}
form dt.required label { color:#7A3E27;}
form input[readonly="readonly"], input[readonly]  {background-color: #ece9d8;}

form input.autocomplete { }
form ul.error { color:red; }
form dd.error input, 
form dd.error textArea,
form dd.error select { border-color: red;}

form span.required { color:#7A3E27; }

form table.formTable th, form table.formTable td{ 
	padding-bottom: 3px; vertical-align: top;
}
form table.formTable th { text-align: right;}
form table.formTable th dt { float: none;} /* Reseting float in table */
form table.formTable th dt.required label { color:#7A3E27;}

form fieldset { border: 1px solid #c6c5c2;}
form fieldset legend.header { font-size: 14px; font-weight: bold;}
/******************************************************************************/
/* Individual form declarations  */
/******************************************************************************/
#frm-windowTag-tabsEditTag-dmTab0-formTag .sublabel { width: 60px; display: inline-block;}



/******************************************************************************/
/* Form DMS search  */
/******************************************************************************/
#frm-subContent-tabSearch-search td {width:27em; text-align:right;}
#frm-subContent-tabSearch-search td.fullRow {width:54em; text-align:center;}

#frm-subContent-tabSearch-search div {margin-bottom:5px;}

#frm-subContent-tabSearch-search label { font-weight: bold; text-align: right;}
#frm-subContent-tabSearch-search label { padding-right: 5px; padding-left: 5px;}

#frm-subContent-tabSearch-search label { padding-right: 5px; padding-left: 5px;}

#frm-subContent-tabSearch-search fieldset.other select,
#frm-subContent-tabSearch-search fieldset.system input,
#frm-subContent-tabSearch-search fieldset.system select,
#frm-subContent-tabSearch-search fieldset.other input{ width: 160px;}

/******************************************************************************/
/* Multiselect (VarTransport) implementation */
/******************************************************************************/

/* Common declaration */
.varTransport .source { float: left; }
.varTransport .target { float: left; }
.varTransport .buttons { float: left; margin-top: 15px; margin-right: 15px;}
.varTransport .buttons input { width: 60px; height: 60px; padding-top: 45px; background-color: white; border: none; 
	font-family: arial; color:#333333; font-size: 11px; font-weight: bold; text-align: center;
	background-position: 7px 0px; background-repeat: no-repeat; display: block; border: 1px solid #C6C5C2;}
.varTransport .buttons .up, .varTransport .buttons .add { border-bottom: none; }
.varTransport .buttons .up, .varTransport .buttons .down  { border-left: none; }
.varTransport .buttons.move { float:right; }
.varTransport .targets { float: left; margin-left: 10px;}
.varTransport .targets .area { float: left;}
.varTransport .target dd { margin-right: 0; padding-right: 0;}
.varTransport dl { padding-right: 0px;  } /* Resetting space for form buttons. */

.varTransport .source select { width: 300px; }
.varTransport .source input { margin-bottom: 6px; }
.varTransport .target select { width: 200px; }

/* Specific declaration */
.varTransport.editReport select { width: 200px}

.varTransport.mapVars .source select { width: 300px; height: 500px; }
.varTransport.mapVars .targets .area .target select { width: 200px; height: 123px;  }

.varTransport.mapRoles .source select {height: 200px; width: 150px; }
.varTransport.mapRoles .targets .area .target select { height: 200px; width: 150px;}

/* Common ListOfValuesBox control */
.varTransport.lov { }
.varTransport.lov .buttons { margin-top: 0px;}

/******************************************************************************/
/* Variables map implementation */
/******************************************************************************/
table.varMap { border: 1px solid #cccccc;  border-collapse: collapse;}
table.varMap thead { font-weight: bold; height: 90px; max-width: 50px; min-width: 50px; vertical-align: bottom; white-space: nowrap; width: 50px;}
table.varMap thead td { -moz-transform: translate(32px, -7px) rotate(-90deg); -moz-transform-origin: left bottom; padding: 0;}
table.varMap tbody td { text-align: center; border-right: 1px solid #cccccc; }
table.varMap tbody td.withArrows { border-right: none;  }
table.varMap .changeAccess { cursor: pointer; }

/******************************************************************************/
/* Buttons */
/******************************************************************************/
div.frmButtons { position: absolute; right: 0; }
div.frmButtons input,
div.tblControl input,
div.dlgControls input {width: 60px; height: 60px; padding-top: 45px; background-color: white; border: none; 
					font-family: arial; color:#333333; font-size: 11px; font-weight: bold; text-align: center;
					background-position: 7px 0px; background-repeat: no-repeat; display: block; cursor: pointer; }
input.disabled { color: #aaaaaa; cursor: default;}

div.dlgControls input {}

/* SAVE button */
input.save {background-image: url(../img/ico/save_big.png); }
input.save:hover {background-image: url(../img/ico/save_big_hover.png); }
input.saveDis {background-image: url(../img/ico/save_big_disable.png); }
/* CANCEL button */
input.cancel {background-image: url(../img/ico/close_big.png); }
input.cancel:hover {background-image: url(../img/ico/close_big_hover.png); }
/* FILTER button */
input.clearFilter{background-image: url(../img/ico/clearFilter_big.png); }
input.clearFilter:hover{background-image: url(../img/ico/clearFilter_big_hover.png); }
input.clearFilter.disabled{background-image: url(../img/ico/clearFilter_big_disable.png); }
/* CHECK TASK button */
input.finishTask{background-image: url(../img/ico/yes_big.png); }
input.finishTask:hover{background-image: url(../img/ico/yes_big_hover.png); }
input.finishTask.disabled{background-image: url(../img/ico/yes_big_disable.png); }
/* REJECT TASK button */
input.rejectTask{background-image: url(../img/ico/del_big.png); }
input.rejectTask:hover{background-image: url(../img/ico/del_big_hover.png); }
input.rejectTask.disabled{background-image: url(../img/ico/del_big_disable.png); }
/* ADD USER button */
input.addUser{background-image: url(../img/ico/add_user_big.png); }
input.addUser:hover{background-image: url(../img/ico/add_user_big_hover.png); }
input.addUser.disabled{background-image: url(../img/ico/add_user_big_disable.png); }
/* CHANGE USER button */
input.changeUser{background-image: url(../img/ico/user_setting_big.png); }
input.changeUser:hover{background-image: url(../img/ico/user_settings_big_hover.png); }
input.changeUser.disabled{background-image: url(../img/ico/user_settings_big_disable.png); }
/* ASSIGN TO ME button */
input.assignToMe{background-image: url(../img/ico/assign_to_me_big.png); }
input.assignToMe:hover{background-image: url(../img/ico/assign_to_me_big_hover.png);}
input.assignToMe.disabled{background-image: url(../img/ico/assign_to_me_disable.png); }
/* CONTACT OWNER button */
input.contactOwner{background-image: url(../img/ico/contact_owner_big.png); }
input.contactOwner:hover{background-image: url(../img/ico/contact_owner_big_hover.png); }
input.contactOwner.disabled{background-image: url(../img/ico/contact_owner_disable.png); }
/* ADD TASK button */
input.addTask{background-image: url(../img/ico/add_task_big.png); }
input.addTask:hover{background-image: url(../img/ico/add_task_big_hover.png);}
input.addTask.disabled{background-image: url(../img/ico/add_task_big_disable.png);}
/* ADD VARIABLE button */
input.addVar{background-image: url(../img/ico/add_var_big.png); }
input.addVar:hover{background-image: url(../img/ico/add_var_big_hover.png); }
input.addVar.disabled{background-image: url(../img/ico/add_var_big_disable.png);}
/* TASK HISTORY INFO button */
input.taskHistoryInfo{background-image: url(../img/ico/task_info_big.png); }
input.taskHistoryInfo:hover{background-image: url(../img/ico/task_info_big_hover.png); }
input.taskHistoryInfo.disabled{background-image: url(../img/ico/task_info_big_disable.png); }
/* CONTACT TASK SOLVER button */
input.taskContact{background-image: url(../img/ico/contact_solver_big.png); }
input.taskContact:hover{background-image: url(../img/ico/contact_solver_big_hover.png); }
input.taskContact.disabled{background-image: url(../img/ico/contact_solver_big_disable.png); }
/* HAND OVER TASK button */
input.handOverTask{background-image: url(../img/ico/hand_over_big.png); }
input.handOverTask:hover{background-image: url(../img/ico/hand_over_big_hover.png); }
input.handOverTask.disabled{background-image: url(../img/ico/hand_over_big_disable.png); }
/* DOCUMENT TEMPLATE BUTTON*/
input.doctemplate{background-image: url(../img/ico/html_export_big.png); }
input.doctemplate:hover{background-image: url(../img/ico/html_export_big_hover.png); }
input.doctemplate.disabled{background-image: url(../img/ico/html_export_big_disable.png); }
/* VALIDATE TEMPLATE BUTTON*/
input.validtemplate{background-image: url(../img/ico/validtemplate_big.png); }
input.validtemplate:hover{background-image: url(../img/ico/validtemplate_big_hover.png); }
input.validtemplate.disabled{background-image: url(../img/ico/validtemplate_big_disable.png); }
/* PRINT VALIDATION REPORT BUTTON*/
input.printTemplateValReport{background-image: url(../img/ico/print_big.png); }
input.printTemplateValReport:hover{background-image: url(../img/ico/print_big_hover.png); }
input.printTemplateValReport.disabled{background-image: url(../img/ico/print_big_disable.png); }
/* view graph button */
input.graph{background-image: url(../img/ico/graph_big.png); }
input.graph:hover{background-image: url(../img/ico/graph_big_hover.png); }
input.graph.disabled{background-image: url(../img/ico/graph_big_disable.png); }
/* PRINT TASK button */
input.print{background-image: url(../img/ico/print_big.png); }
input.print:hover{background-image: url(../img/ico/print_big_hover.png); }
input.print.disabled{background-image: url(../img/ico/print_big_disable.png); }
/* MAIN PROCESS INFO button */
input.mainInfo{background-image: url(../img/ico/main_info_big.png); }
input.mainInfo:hover{background-image: url(../img/ico/main_info_big_hover.png); }
input.mainInfo.disabled{background-image: url(../img/ico/main_info_big_disable.png); }
/* MULTIADD button */
input.add {background-image: url(../img/ico/add_big.png); border-top: solid 1px #c6c5c2; border-left: solid 1px #c6c5c2;}
input.add:hover {background-image: url(../img/ico/add_big_hover.png); }
input.add.disabled {background-image: url(../img/ico/add_big_disable.png); }
/* MULTIREMOVE button */
input.remove {background-image: url(../img/ico/remove_big.png); }
input.remove:hover {background-image: url(../img/ico/remove_big_hover.png); }
input.remove.disabled {background-image: url(../img/ico/remove_big_disable.png); }
/* LOVUP button */
input.up {background-image: url(../img/ico/up_big.png); }
input.up:hover {background-image: url(../img/ico/up_big_hover.png);}
input.up.disabled {background-image: url(../img/ico/up_big_disable.png);}
/* LOVDOWN button */
input.down {background-image: url(../img/ico/down_big.png); }
input.down:hover { background-image: url(../img/ico/down_big_hover.png); }
input.down.disabled {background-image: url(../img/ico/down_big_disable.png); }
/* LINK */
input.addLink{background-image: url(../img/ico/add_link_big.png);}
input.addLink:hover{background-image: url(../img/ico/add_link_big_hover.png);}
input.addLink.disabled{background-image: url(../img/ico/add_link_big_disable.png);}
/* CONDITION */
input.addCond{background-image: url(../img/ico/add_cond_big.png); }
input.addCond:hover{background-image: url(../img/ico/add_cond_big_hover.png);}
input.addCond.disabled{background-image: url(../img/ico/add_cond_big_disable.png); }
/* SEARCH */
input.search{background-image: url(../img/ico/search_big.png); }
input.search:hover{background-image: url(../img/ico/search_big_hover.png);}
input.search.disabled{background-image: url(../img/ico/search_big_disable.png); }

input.edit {background-image:url(../img/ico/edit_big.png);}
input.edit:hover {background-image:url(../img/ico/edit_big_hover.png);}
input.edit.disabled {background-image:url(../img/ico/edit_big_disable.png);}

input.del{background-image:url(../img/ico/del_big.png);}
input.del:hover{background-image:url(../img/ico/del_big_hover.png);}
input.del.disabled{background-image:url(../img/ico/del_big_disable.png);}

/* CANCEL button */
input.reset {background-image: url(../img/ico/close_big.png); }
input.reset:hover {background-image: url(../img/ico/close_big_hover.png); }

input.dlgYes { background-image: url("../img/ico/yes_big.png"); }
input.dlgYes:hover { background-image: url("../img/ico/yes_big_hover.png");  }
input.dlgNo { background-image: url("../img/ico/del_big.png");  }
input.dlgNo:hover { background-image: url("../img/ico/del_big_hover.png");}


/******************************************************************************/
/* Common controls */
/******************************************************************************/

.arrows { display: inline-block; vertical-align: bottom;}
.arrows div.up { background: url(../img/timePickerUp.png) no-repeat 3px 1px; width: 16px; height: 8px; 
	border: solid 1px #c6c5c2; border-width: 1px 1px 1px 1px; margin-right: 2px; cursor: pointer;}
.arrows div.down { background: url(../img/timePickerDown.png) no-repeat 3px 2px; width: 16px; height: 8px; 
	border: solid 1px #c6c5c2; border-width: 0 1px 1px 1px; margin-right: 2px; cursor: pointer;}

.arrows.timePicker { } /* TimePicker Specific */
.arrows.timePicker div.down, .arrows.timePicker div.up { border-left-width: 1px}

button.ui-datepicker-trigger { border: none; background: none; vertical-align: bottom;} /* Only used when button is placed. */
input.hasDatepicker { background: transparent url(../img/ico/deadline_small.png) no-repeat right; padding-right: 20px;}

/******************************************************************************/
/* Progress bar */
/******************************************************************************/
.percent { display: none; }

/******************************************************************************/
/* Operations Form */
/******************************************************************************/
.operation .buttons {display: inline;}
.operation .buttons .item {background-repeat: no-repeat; background-position: 0px 0px; width: 12px; height: 12px; border: none; 
	cursor: pointer; margin: 0 1px;}
.operation .buttons .start {background: url(../img/ico/start_smallest.png)}
.operation .buttons .end {background: url(../img/ico/end_smallest.png)}
.operation .buttons .start.disabled {background: url(../img/ico/start_smallest_disable.png)}
.operation .buttons .end.disabled {background: url(../img/ico/end_smallest_disable.png)}
.operation .buttons .remove {background: url(../img/ico/del_smallest.png)}
.operation .buttons .add {background: url(../img/ico/add_smallest.png)}
.operation .buttons .editor {background: url(../img/ico/edit_smallest.png)}

/******************************************************************************/
/* Process notes */
/******************************************************************************/
.procNote { overflow: auto; clear: both;  border: 1px solid #3f5e00; width: 80%;}
.procNote .header {background-color: #78B800; border-bottom: 1px solid #3f5e00; color: #ffffff; padding: .2em .5em; font-weight: bold;}
.procNote .header .date {float: right;}
.procNote .text { background-color: #EBFFD9; color: #3F5E00; padding: .5em;}

/******************************************************************************/
/* Condition */
/******************************************************************************/
.conditions {}
.conditions .row { margin-bottom: 2px;}
.conditions .smallAdd { cursor: pointer;}
.conditions .smallDelete { cursor: pointer; }