@import 'gridStyle.css';

.wfProgressDiv { float: right; width: 220px; text-align: center; margin-top: -82px; display: inline; }
.olProgress { float: left; width: 100%; text-align: left; margin-bottom: 20px; margin-left: -40px; }
.olProgress li { float: left; width: 100%; line-height: 38px; color: #999; background: #d9e3ee; border-bottom: 1px solid #c1d2e3; border-top: 1px solid #fff; list-style: decimal inside; text-indent: 10px; font-size: 9pt; }
.olProgress li.focus { background: none; color: #333; font-weight: bold; border-bottom: 0; }
.olProgress li.done { background: #e7ecf2 url('../../Images/General/icn-tick.png') 6px 13px no-repeat; text-indent: 28px; list-style: none; color: #809dba; }
.listItem { float: left; width: 98%; height: 36px; border-top: solid 1px #C1D2E2; padding-top: 4px; padding-left: 4px; background-color: #fff; margin-top: -1px; }
.listItem2 { float: left; width: 98%; height: 52px; border-top: solid 1px #C1D2E2; padding-top: 4px; padding-left: 4px; background-color: #fff; margin-top: -1px; }
.listItem-wide { float: left; width: 98%; height: 40px; border-top: solid 1px #C1D2E2; padding-top: 4px; padding-left: 4px; background-color: #fff; margin-top: -1px; }
.listItemCheckBox { float: left; }
.listItemCheckBox-big { float: left; }
.listItemCheckBox-wide { float: left; }
.listItemIcon { float: left; margin: 0 3px 0 1px; padding: 0 3px 0 1px; }
.listItemIcon-big { float: left; width: 30px; height: 30px; }
.listItemIcon-wide { float: left; margin: 0 3px 0 1px; padding: 0 3px 0 1px; position: absolute; left: 3px; }
.mainText { float: left; color: #669ACC; /*font-weight: bold;*/ vertical-align: top; }
.msgRead { font-weight: normal; }
.msgUnRead { font-weight: bold; }
.mainText-big { float: left; color: #669ACC; font-weight: bold; vertical-align: top; margin-left: 10px; }
.mainText-wide { float: left; color: #669ACC; font-weight: bold; vertical-align: top; margin-left: 64px; }
.subText { float: left; color: #999999; vertical-align: top; margin-top: -2px; margin-bottom: 2px; padding: 0 3px 0 22px; }
.subText-big { float: left; color: #999999; margin-left: 10px; vertical-align: top; margin-top: -2px; margin-bottom: 2px; }
.subText-wide { float: left; color: #999999; margin-left: 64px; vertical-align: top; margin-top: -2px; margin-bottom: 2px; }
.subText2-big { float: left; color: #999999; margin-left: 10px; vertical-align: top; margin-top: -2px; margin-bottom: 2px; }
.listItemMessage { float: left; color: #999999; width: 100%; vertical-align: top; margin-top: -16px; margin-bottom: 16px; font-style: italic; }
.listItemDetail { float: left; width: 80%; }
.listItemDetail-big { float: left; width: 80%; }
.listItemDetail-wide { float: left; width: 70%; }
.ajaxTabArea.right { text-align: right; }
.ajaxTabArea .ajax__tab_header { cursor: pointer; cursor: hand; display: block; line-height: 20px; }
.ajaxTabArea .ajax__tab_header .ajax__tab_outer { background: url(/Images/ajax_tab.png) no-repeat left top; border-color: #222; color: #222; padding-left: 10px; margin-right: 3px; }
.ajaxTabArea .ajax__tab_header .ajax__tab_inner { background: url(/Images/ajax_tab.png) no-repeat right top; border-color: #666; color: #666; padding: 3px 10px 2px 0px; }
.ajaxTabArea .ajax__tab_hover .ajax__tab_inner { color: #000000; }
.ajaxTabArea .ajax__tab_active .ajax__tab_outer { background: url(/Images/ajax_tab.png) no-repeat 0pt -40px; border-bottom-color: #ffffff; }
.ajaxTabArea .ajax__tab_active .ajax__tab_inner { background: url(/Images/ajax_tab.png) no-repeat right -40px; color: #000000; border-color: #333; }
.ajaxTabArea .ajax__tab_body { padding: 6px; background-color: #ffffff; border-top: solid 2px #C0D3E4; width: 95%; }
.ajaxTabArea .ajax__tab_active .ajax__tab_tab { font-weight: bold; }
input.text, select.text, textarea.text { background: none repeat scroll 0 0 #FFFFFF; border-color: #999999 #CCCCCC #CCCCCC #999999; border-style: solid; border-width: 1px; font-size: 12px; padding: 4px; }
input.widgetText, select.widgetText, textarea.widgetText { background: none repeat scroll 0 0 #fff; border-color: #999999 #CCCCCC #CCCCCC #999999; border-style: solid; border-width: 1px; padding: 1px; }
input.widgetText.disabled, select.widgetText.disabled, textarea.widgetText.disabled { background: none repeat scroll 0 0 #ccc; border-color: #999999 #AAAAAA #AAAAAA #999999; border-style: solid; border-width: 1px; padding: 1px; color: #999; }
label { font-weight: bold; }
.widgetGauge { height: 120px; z-index: -10; margin-left: 10px; }
.widgetGauge table { position: absolute; top: 30px; }
.widgetGauge text { font-family: Trebuchet MS; }
.itemView { float: left; line-height: 26px; width: 300px; background-color: #CAD7E7; }
.itemView .itemDragHandle { vertical-align: middle; margin-right: 5px; margin-left: 5px; margin-top: -4px; }
.itemView .itemDeleteAction { vertical-align: middle; float: right; margin-right: 5px; margin-left: 5px; margin-top: 3px; }
.itemView .dataLeft { display: inline; color: #6388B2; }
.itemView .dataLeft span { color: #01326C; }
.itemView .dataRight { float: right; display: inline; }
.itemGroupHeader { float: left; width: 100%; display: block; position: relative; color: #999; }
.itemGroupHeader div { float: left; font-size: 11pt; font-weight: bold; position: relative; z-index: 111; display: inline; }
.itemGroupHeader hr { color: #999; background-color: #999; height: 3px; overflow: hidden; position: relative; z-index: 100; left: 5px; top: 4px; }

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; position: relative; height: 2em; text-decoration: none; overflow: hidden; }
.ui-selectmenu-icon { position: absolute; right: 6px; margin-top: -8px; top: 50%; }
.ui-selectmenu-menu { padding: 0; margin: 0; list-style: none; position: absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding: 0; margin: 0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a, .ui-selectmenu-status { line-height: 1.4em; display: block; padding: .3em 1em; outline: none; text-decoration: none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span, .ui-selectmenu-status span { display: block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display: block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }