.dataPanel, .actionPanel {
    border-radius: 0.5em;
    position: fixed;
    background-color: white;
    padding: 0.3em;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    box-shadow: 2px 2px 15px #aaa;
    -o-box-shadow: 2px 2px 15px #aaa;
    -webkit-box-shadow: 2px 2px 15px #aaa;
    -moz-box-shadow: 2px 2px 15px #aaa;
}

.actionPanel {
    left: 1em;
    top: 11em;
    z-index: 1000;
}

.panel_button {
    width: 50px;
}

.dataPanel {
    right: 3em;
    top: 11em;
    width: 25em;
    padding: 1em;
    z-index: 1000;
}

.root {
    width: 10000px;
    height: 500px;
    padding: 50px;
}

.column {
    width: 250px;
    float: left;
    padding: 10px;
    border: 1px solid #76a1e2;
    margin: 10px;
    border-radius: 0.5em;
}

.portlet {
    margin: 0.2em 0.2em 0.8em 0.2em;
}

.portlet-nested {
    background: rgba(223, 232, 246, 0.89);
}

.portlet-header {
    margin: 0.3em;
    /*padding-bottom: 10px;*/
    padding-left: 0.2em;
}

.portlet-header .ui-icon {
    float: right;
}

.portlet-hide {
    padding: 0.4em;
}

.portlet-content {
    padding: 0.4em;
}

.portlet-content a {
    margin-left: 0.8em;
}

.ui-sortable-placeholder {
    border: 1px dotted #76a1e2;
    visibility: visible !important;
    height: 50px !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}

.ui-dialog .ui-state-error {
    padding: .3em;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.1em;
}

.ui-dialog .ui-dialog-buttonpane {
    margin: 0.1em 0 0;
    padding: 0.1em 0.1em 0.1em 0.1em;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/*.comments_area {*/
/*height: 60px;*/
/*width: 170px;*/
/*}*/

.condition_row {
    padding-bottom: 0.2em;
}

.filterCriteria {
    padding-bottom: 0.7em;
    padding-top: 0.7em;
}

.conditions-headerContent {
    /*background: #f7f7f7;*/
    padding: 0.5em 0.3em 0.5em 0em;
    display: block;
    /*height: 50px;*/
}

#normal_condition, #scripted_condition, #scripted_approval {
    padding-top: 0.5em;
}

#normal_condition {
    padding-top: 0.5em;
    display: block;
}

#scripted_condition {
    padding-top: 0.5em;
    display: none;
}

#validate_error {
    color: #ff0000;
}

#approvals-tree {
    min-width: 330px;
    min-height: 390px;
}

#escalation_div {
    padding-top: 1em;
}

#escalation_header_div {
    text-align: center
}

#approval_template_div {
    padding-top: 0.5em;
    padding-bottom: 0.2em
}

#approval_template_header_div {
    padding-bottom: 0.5em;
}

#approval_task_div {
    padding-top: 0.5em;
}

#approval_task_header_div {
    padding-bottom: 0.5em;
}

#expression {
    margin-top: 10px;
}

#expression span {
    font-size: 0.9em;
    color: #6b6b6b;
}

#comments {
    margin-top: 10px;
}

#comments textarea {
    width: 98%;
}

#scripted_approval_description_div {
    margin-top: 10px;
}

#scripted_approval_description_div textarea {
    width: 98%;
}


#scriptedCondition_Text {
    height: 130px;
    width: 98%;
}

.condition_type_header {
    font-size: 1.2em;
}

.condition_type_sub_header {
    margin-top: 7px;
    font-size: 1em;
    color: #6b6b6b;
}

#scriptedApproval_Text {
    height: 150px;
    width: 98%;
}

.chinfostate {
    font-size: 0.7em;
    color: #6b6b6b;
}

.showError {
    color: #ff0000;
    visibility: visible;
    padding: 0.4em;
    text-align: center;
}
.hideError {
    visibility: hidden;
}


.radioClass {
    float:left;
    clear:none;
}
.label_radio {
    float:left;
    clear:none;
    display:block;
    padding: 1px 2em 0 0;
}
.input_radio {
    float:left;
    clear:none;
    margin: 2px 0 0 2px;
}