html { height: 100%; }
body { min-width: 760px; color: #000000; font-family: arial,Tahoma,sans-serif; font-size: 12px; margin: 0px; }
#main-area { min-height: 100%; }
#header-area { background: none repeat scroll 0 0; background-image: url('/Content/Images/operation/header-background2.gif'); background-position: left bottom; background-repeat: no-repeat; height: 60px; background-color: #FEFEFA; }
.outer { padding-left: 185px; }
.inner { width: 100%; }
.clear { clear: both; }
.float-wrap { float: left; margin-left: -185px; width: 100%; }
#content-area { border-top: 1px solid #D3D3D3; float: right; margin-right: -185px; position: relative; width: 100%; }
#nav-area { /*height: 30px;*/ height: 1px; background-color: #F5F5F5; position: relative; overflow-y: hidden; }
#work-area { overflow-y: scroll; }
#menu-area { border-top: 1px solid #D3D3D3; float: left; padding: 0px; position: relative; width: 185px; }

.fg-button { outline: 0; margin:0 2px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; background-color: white !important; background-image: none !important; line-height: 18px; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible; }
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button { margin-right: -1px;}
.fg-toolbar { padding: 2px; margin-top: 15px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; height: 30px;}
.fg-toolbar .fg-buttonset { margin-right:8px; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 11px; }
.ui-tabs .ui-tabs-hide { display: none; }

#common-main-header-title { font-family: arial; font-size: 30px; color: #007e38; white-space: nowrap; }
.common-section-title { font-family: arial; font-size: 16px; font-weight: bold; color: #007e38 !important; text-align: left; text-decoration: none !important; }

table.common-grid { border: 1px solid #dce9e2; background-color: white; width: 100%; font-family: arial; font-size: 11px; margin: 5px 0px 5px 0px; text-align: left !important; }
tr.common-row-highlight { background-color: #FFFF99 !important; }
tr.common-grid-header { background-color: #eeeeee; }
tr.common-grid-header th { font-size:   9pt; text-align:   left; font-weight:  bold; white-space:  nowrap; padding-left: 5px; line-height: 20px; height: 20px; /*border-bottom: 1px solid #dce9e2; border-right: 1px solid #dce9e2;*/ }

tr.common-grid-row-normal { background-color: #ffffff; }
tr.common-grid-row-alternate { background-color: #fafafa; }
tr.common-grid-row-green { background-color: #DDEEB9; }
tr.common-grid-row-error { background-color: #FFDED2; }
th.common-grid-header-rightmost { border-bottom: 1px solid #dce9e2; border-right: none !important; }
th.common-grid-header { font-size:   9pt; text-align:   left; font-weight:  bold; white-space:  nowrap; padding-left: 5px; line-height: 20px; height: 20px; border-bottom: 1px solid #dce9e2; border-right: 1px solid #dce9e2; }
td.common-grid-cell                     { border-right: 1px solid #eeeeee; }
td.common-grid-cell-rightmost           { border-right: none; }
td.common-grid-cell-currency            { border-right: 1px solid #eeeeee; text-align: right; font-weight: bold;}
td.common-grid-cell-currency-rightmost  { border-right: none; text-align: right; font-weight: bold;}
.text-right{text-align:right !important; }
.text-center{text-align:center !important;}
.text-left{text-align:left;}

a:link.common-link { color: #69a083; text-decoration: none; }
a:hover.common-link { color: #007e38; }
a:visited.common-link { color: #69a083; text-decoration: none; }


a:link.common-link-white { color: white; text-decoration: none; }
a:hover.common-link-white { color: white; }
a:visited.common-link-white { color: white; text-decoration: none; }


th a:link.common-link { color: green; text-decoration: none; }
th a:hover.common-link { color: #007e38; }
th a:visited.common-link { color: #69a083; text-decoration: none; }
img.common-icon-help
{
    vertical-align: middle;
    border: none;
    margin-left: 5px;
}
img.common-icon
{
    vertical-align: middle;
    border: none;
    margin-right: 2px;
}



/*.common-notice-container { display: block;  }
ul.common-notices-list,ul.common-notices { background-color: #ffffe0;  padding: 0px; margin: 0px; list-style-type: none; }
ul.common-notices-list li,ul.common-notices li { margin-bottom: 1px; /*margin-top: 2px; border: 1px solid #dce9e2; display: block; height: 20px; line-height: 20px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; background-image: url('/Content/Images/Icons/information.png'); background-position: left; background-repeat: no-repeat; font-size: 11px; color: black; }*/



a:link.menu-link
{
    font-weight: bold;
	font-size:12px;
    color:green;
    text-decoration:none;
}
a:visited.menu-link
{
    font-weight: bold;
	font-size:12px;
    color:green;
    text-decoration:none;
}
a:hover.menu-link
{
    font-weight: bold;
	font-size:12px;
    color:black;
    text-decoration:none;
}


label.text-bold
{
    font-weight:bold;
}
.common-notice-container { display: block;  }
ul.common-notices-list,ul.common-notices { padding: 0px; margin: 0px; list-style-type: none; }

ul.common-notices-list li label.error,
ul.common-notices li label.error { display: block !important; border: 1px solid #dce9e2; background-color: #ffffe0; margin-bottom: 2px; margin-top: 2px; height: 20px; line-height: 20px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; background-image: url('/Content/Images/Icons/exclamation.png'); background-position: left; background-repeat: no-repeat; font-size: 11px; color: black; }

ul.common-notices-list li label.message,
ul.common-notices li label.message { display: block !important; border: 1px solid #dce9e2; background-color: #ffffe0; margin-bottom: 2px; margin-top: 2px; height: 20px; line-height: 20px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; background-image: url('/Content/Images/Icons/information.png'); background-position: left; background-repeat: no-repeat; font-size: 11px; color: black; }

.noShow
{
    display: none;
}

/*Paginator*/
.paginatorGoto
{
    width: 30px;     
}


.text-header { font-weight:bold; font-size: 14px; color: green; margin-top: 5px; margin-bottom: 5px; }




.ui-multiselect { font-weight:normal !important; display:-moz-inline-block; display:inline-block; cursor:default; text-decoration:none !important; padding:0 }
.ui-multiselect input { float:left; padding:3px 0 3px 6px; margin:0; border:none !important /* important fixes bug when inside ui-widget-content */; cursor:default; background:transparent }
.ui-multiselect span { float:right; margin-top:-18px; }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 6px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header .ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-options { display:none; padding:3px; position:relative; z-index:10000 }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:11px; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

/* shadow effect */
.ui-multiselect-shadow { box-shadow:0 0 10px #777; -moz-box-shadow:0 0 10px #777; -webkit-box-shadow:0 0 10px #777; -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3)"; filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#777777,direction=135,strength=3); }