body {
    font-family : 'Open Sans', sans-serif !important ;
    background : transparent !important ;
}

input[readonly="readonly"] {
    background : #f1f1f1;
}


[disabled="disabled"] {
    color : lightgrey !important ;
}

.textBox {
    font-family : 'Open Sans', sans-serif;
    width : 160px;
    height : 25px;
    background : #ffffff;
    border : #d3d0ce solid 1px;
    color : #222222;
    padding-left : 7px;
}

.comboBox, .remoteComboBox {
    width : 166px;
    height : 29px;
    background : #ffffff;
    border : #d3d0ce solid 1px;
    color : #222222;
    padding-left : 4px;
}

.textArea {
    font-family : 'Open Sans', sans-serif;
    overflow : auto;
    background : #ffffff;
    border : #d3d0ce solid 1px;
    color : #222222;
    padding-left : 7px;
}

.datepicker, .datepickerISO, .datetime, .datetimewithseconds, .time {
    height : 25px;
    font-family : 'Open Sans', sans-serif;
    width : 160px;
    background : #ffffff;
    border : #d3d0ce solid 1px;
    color : #222222;
    padding-left : 7px; 
}

.fieldLabel, .label {
    font-family : 'Open Sans', arial, sans-serif;
    line-height: 34px;  
}

div.ui-datepicker {
    font-size : 0.83em;
}

.ui-widget-content {
    background : 50% 50% repeat-x #ffffff;
    border : #CCCCCC solid 1px;
    color : #4f4e4e;
}

.ui-widget-content a, .ui-widget-header a {
    color : #222222;
}

.ui-widget-header {
    cursor : pointer;
    font-size : 1.12em;
    color : #FFFFFF;
    border : #CCCCCC solid 1px;
    background-color : #CCCCCC;
    font-weight: normal;
}

.headercorrection {
    font-size : 1em;
    padding : 6px 2px 6px 5px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background : 50% 50% repeat-x #009EE3;
    border : #009EE3 solid 1px;
    color : #FFFFFF;
}

.daterangepickerdiv .ui-state-default {
	padding : 1px 2px 1px 2px !important;
}

.daterangepickerdiv .ui-datepicker {
	width : Auto !important;
    height : Auto !important;
}

.date-range-selected > .ui-state-active,
.date-range-selected > .ui-state-default {
   background-color: #EAE9E8 !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    /*border : #59CAF5 solid 1px;*/
    color : #ffffff;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color : #212121;
    text-decoration : none;
}

.radioButtonLabel {
    font-size : 0.75em;
    top : -2px;
    position : relative;
    padding-left : 12px;
}

.fieldContent input {
   /* border-radius : 2px;*/
}

.info {
    background : url(../Images/info_icon_iom.png) 0 0 no-repeat;
    width : 22px;
    height : 22px;
    display : inline-block;
    position : relative;
    top : 4px;
    margin-left : 5px;  
}

.dialog-modal {
    display : none;
}

table.display td {
    cursor : pointer;
}

.button:hover, .lookupbutton:hover, .ui-slider-handle ui-state-default ui-corner-all ui-state-hover {
    background-color : #59CAF5 !important ;
    border-color: #59CAF5 !important;
}

.addRemoveSection span {
    font-size : 1.1em !important ;
    font-family : 'Open Sans', Verdana, Arial, sans-serif;
}

.ui-widget-header button {
    background-color : #009EE3 !important ;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity : 1;
}

.checkBoxList label {
    font-size : 1em;
    font-family : 'Open Sans', sans-serif;
    padding-left : 10px;
}

.button {
    line-height : 1.4;
    font-size: 11px !important;
}

#showXml, #saveToXml, #cancelForm, #validateForm, #clearForm, #loadFormXml, #saveForm, #loadForm, #validateFormWithXsd, #validateFormWithServer, #printForm, #closeForm {
    font-size: 11px !important;
}

#clearForm {
    background-color: #BA241C;
    border-color: #BA241C;
}

#clearForm:hover {
    background-color: #D2706B !important; 
    border-color: #D2706B !important;
}

#loadFormXml{
    background-color: #5C6F85;
    border-color: #5C6F85;
}

#loadFormXml:hover {
    background-color: #95A1B0 !important;
    border-color: #95A1B0 !important;
}

#saveToXml{                  
    background-color: #8AC640;
    border-color: #8AC640;
}

#saveToXml:hover {                  
    background-color: #B3DA83 !important;
    border-color: #B3DA83 !important;
}

#cancelForm{
    background-color: #999999;
    border-color: #999999;
}

#cancelForm:hover {
    background-color: #BDBDBD !important;
    border-color: #BDBDBD !important;
}

.optionLabel, .checkBoxLabel {
    top : -2px;
    position : relative;
}

.fieldContent {
    margin-top : 2px;
    margin-bottom : 2px;
    min-height: 30px;
}

.hyperLink, .crossLink {
    color : #009EE3 !important ;
    font-family : 'Open Sans', sans-serif;
}

input[type="file"] {
    padding : 3px 0 0 3px;
}

input[type="button"], input[type="submit"], .lookupbutton {
    padding : 6px 18px 6px 18px !important ;
    font-size : 11px !important ;
}

.lookupbutton {
    margin-top: -4px;
}

.infoIcon {
    background-image : url(../images/ui-icons_009EE3_256x240.png) !important ;
}

#ui-datepicker-div {
    /*min-width : 20em;
    background : #f9f9f9;*/
}

.ui-timepicker-div .ui-widget-header, .ui-datepicker-header {
    /*background : #ffffff !important ;
    margin : 2px 2px 2px 2px; */
}

.ui-datepicker-header .ui-icon {
    background-image : url(../images/ui-icons_009EE3_256x240.png) !important ;
}

dl dt {
    float : left;
    margin : 10px 120px 10px 0;
}

dl dd {
    width : 14em !important ;
    margin : 25px 0 10px 70px;
}

.ui_tpicker_time_label {
    width : 2em !important ;
    margin-right : 0;
}

.ui_tpicker_time {
    border : #eae9e8 solid 1px;
    background : #ffffff;
    width : 6em !important ;
    height : 1.5em;
    padding : 5px 0 5px 10px;
}

.ui_tpicker_time_label, .ui_tpicker_time, .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_second_label {
    font-size : 0.85em;
    margin-bottom : 7px;
}

a.ui-slider-handle {
    padding : 2px 0 3px 0 !important ;
    margin-top : -4px;
}

.ui_tpicker_hour_slider, .ui_tpicker_minute_slider, .ui_tpicker_second_slider {
    height : 4px;
    background : #c5c5c5;
    border : 0;
}

.ui-priority-primary {
    background : #009EE3 !important ;
}

.ui-priority-secondary {
    background : #494949 !important ;
}

.ui-priority-secondary, .ui-priority-primary {
    border : 0 !important ;
    padding : 8px 12px 8px 12px !important ;
    font-size : 0.70em !important ;
}

table.ui-datepicker-calendar td a {
    background : #CCCCCC !important ;
    color : #000000 !important ;
    border : #999999 solid 1px !important ;
    padding: 7px 0 7px 0 !important;
    text-align: center;
    width: 30px;
}

table.ui-datepicker-calendar td a.ui-state-highlight {
    color : #ffffff !important ;
}

table.ui-datepicker-calendar td a:hover, table.ui-datepicker-calendar td a.ui-state-active {
    background : #009EE3 !important ;
    color : #ffffff !important ;
    border : #009EE3 solid 1px !important ;
}

.ui-datepicker-next-hover, .ui-datepicker-prev-hover {
    background : #CCCCCC !important ; 
    border : #CCCCCC solid 1px !important ;
    color : #CCCCCC !important ;
}

.ui-datepicker-buttonpane {
    border : 0;
}

.ui-dialog .ui-dialog-titlebar {
    border : 0;
    background : #009EE3;
    color : #009EE3;
    padding : 4px 8px 4px 8px;
    width : 20px;
    float : right;
}

.lookup-dialog .ui-dialog-titlebar {
    margin-top : -6px;
}

.ui-dialog-titlebar-close.ui-state-hover {
    background : #009EE3 !important ;
}

.ui-dialog {
    border : 0;
    background : #009EE3 !important ;
    opacity : 0.9;
}

.ui-dialog .dialog-modal {
    margin : 5px;
    margin-top : 10px;
    padding-left : 7px;
    padding-top : 0;
}

.dialog-modal p span {
    color : #f9f9f9;
    font-size : 1em !important ;
}

div[lookupdetail].ui-dialog-content {
    color: #f9f9f9 !important;
}

.LookupDetailInfoText { 
    color: #f9f9f9 !important;
}

.ui-widget-overlay {
    background : #ffffff;
}

.ui-dialog .ui-widget-content {
    background : none;
    border : 0;
}

.lookup-dialog {
    color : #494949 !important ;
    border : #d4d4d4 solid 2px;
    background : #f9f9f9 !important ;
    padding : 5px 0 5px 10px;
    opacity : 1;
}

.lookup-dialog .ui-helper-clearfix {
    background : #f9f9f9 !important ;
}

.lookup-dialog .fg-buttonset {
    width : 100px;
}

.lookup-dialog .ui-dialog-title {
    color : #f9f9f9;
}

.fg-button {
    margin-left : 3px !important ;
}

.lookup-dialog .ui-icon-closethick {
    margin-right : 5px;
}

.lookup-dialog .fg-toolbar {
    border : #d4d4d4 solid 1px;
    background : #eae9e8 !important ;
    color : #009EE3;
}

.lookup-dialog table th {
    border-color : #d4d4d4 !important ;
    background : #ffffff !important ;
    color : #494949 !important ;
}

.fg-toolbar {
    background : #ffffff;
    padding : 0;
}

.lookup-dialog .fg-button {
    background : none;
    border : 0;
}

.lookup-dialog #FilterButton, .lookup-dialog .ui-button-text {
    font-size : 0.8em !important ;
}

.lookup-dialog .dataTables_processing {
    color : #4f4e4e;
}

.lookup-dialog .ui-icon, .ui-icon-closethick {
    background-image : url(../images/ui-icons_ffffff_256x240.png) !important ;
}

.lookup-dialog thead th, .lookup-dialog tbody tr {
    color : #009EE3 !important ;
}

.load-dialog {
    color : #494949 !important ;
    border : #d4d4d4 solid 2px;
    background : #f9f9f9 !important ;
    padding : 5px 0 5px 10px;
    opacity : 1;
}

.load-dialog .ui-icon-closethick {
    margin-right : 5px;
}

.load-dialog .ui-icon{
    background-image : url(../images/ui-icons_009EE3_256x240.png) !important ;
}

.ui-widget-header .ui-icon {
    background-image : url(../images/ui-icons_ffffff_256x240.png) !important ;
}

.load-dialog .ui-helper-clearfix {
    background : #f9f9f9 !important ;
}

.load-dialog .fg-buttonset {
    width : 100px;
}

.load-dialog .ui-dialog-title {
    color : #f9f9f9;
}

.load-dialog .ui-dialog-titlebar {
    margin-top : -6px;
}

.ui-corner-all, .ui-state-active {
    border-radius: 0px;
}

.layoutRow {
    padding: 0px !important;         
}

.layoutRow .nocaption {
    padding: .4em !important;
}

.sectionPager {
    margin: 3px 3px 3px 3px;
}

.radioButtonList input {
    width:13px;
    height:13px;
    background-color: #FFFFFF;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 2.4em; 
}

.cell {
    margin-right: 5px;
}

.ui-datepicker td {
    padding: 0;
}

.ui-datepicker table {
    width: auto;
    margin-bottom: 0;
}

.ui-datepicker {
    padding: 0;
    width: auto;
    border-color: #999999;
}

.ui-icon-circle-triangle-e {
    background-position: -35px -17px;
}

.ui-icon-circle-triangle-w {
    background-position: -100px -16px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-left: -6px;
    zoom: 1.5;
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.arrow {
    zoom: 1.5;
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.withHeader {
    position: absolute;
    top: 6px;
    right: 25px;
}

.statusMessage {
    color: #ffffff;
}

.ui-state-disabled {
    opacity: .50 !important;
}