table.view-form  { background-color: #fff; border: 1px solid #ccc; border-bottom: none; margin-bottom: 7px; }
table.view-form .hint {color:#666; font-style: italic; font-weight: normal; display: block; font-family: tahoma;}
table.view-form tbody tr td {padding: 5px; border-bottom: 1px solid #ccc; vertical-align: top; line-height: 150%; }
table.view-form tbody tr:hover td {background-color: #FFFFDD;}
table.view-form .view-info { border-right: 1px solid #ccc; width: 200px; font-weight: bold; }
table.view-form .view-info .hint {  }
table.view-form .view-detail {  }
table.view-form .view-detail .hint {  }
table.view-form tr td input[type=text] { width:300px; }
table.view-form tr td select { min-width:200px; }
table.view-form caption {padding: 3px 5px; font-weight: bold; text-align: left;}
table.view-form a {color:#362B36;}

table.view-form tr td .ui-button-text {padding-top:1px; padding-bottom:1px; }

.divFormInside {border: 1px #666666 solid; padding:5px; margin-top: 10px; }

/* --------------------- input ----------------- */
input[type=checkbox] {padding: 0px; }
.input-number {width : 100px !important;}


table.view-form tr td label.error { display:block; }
label.filedRequest, span.filedRequest { color:red; font-weight: normal;}

.ui-datepicker-trigger { margin-left: 3px; cursor: pointer; }
.hasDatepicker { width:228px !important; }

.divRadio label {margin-right: 3px;}
.divRadio label input {margin-right: 3px;}


/* --------------------- tbl view ----------------- */
.view-list thead th {background-color: #0085D3; color: #ffffff; padding:3px;}
.view-list tbody td {border-right: 1px solid #CCCCCC;}
.view-list tbody td.none {font-weight: bold; text-align: center; vertical-align: middle; height: 20px;}


/* ------------ OSS -------------------- */
.selectLine {margin-bottom: 5px;}
.selectItem {
    margin: 0px auto;
    color: #000;
    padding: 5px;
    text-align: center;
    background: #fff url("images/line_soft.png") 50% 50% repeat-x scroll;
    border: 1px solid #ccc;
    display: block;
    width:300px;
    font-size: 14px;
    font-weight: bold;
}
.selectItem:hover {background-image: url("images/line_soft_hover.png"); }

/* -------------- Form Tab ----------------- */
.formTab.ui-corner-all {border-radius:0px; }
.formTab.ui-tabs{padding:0px;}
.formTab.ui-widget-content {border: none;}
.formTab.ui-tabs .ui-tabs-nav.ui-corner-all {border-radius:0px;}
.formTab.ui-tabs .ui-tabs-nav.ui-widget-header {border:none;}
.formTab.ui-tabs .ui-tabs-panel {border: #2694E8 1px solid; padding: 5px;}
.formTab.ui-tabs .ui-corner-bottom {border-radius:0px;}

/* ------------------ grid --------------------*/
.jqselect {text-decoration: underline;}
.jqselect:hover {text-decoration: none;}