/*
 * filename: style.css
 * last modified: 23/10/2011
*/

/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin: 0;
    padding: 0;
}

body {
    line-height: 1;
    min-width: 1024px;
}

ol, ul {
    list-style: none
}

.msg_error ul {
    list-style: decimal;
    padding-left: 10px;
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: inherit;
    border-spacing: 0
}

/* base styles */

html {
    /*overflow-y: hidden;*/
    font-size: 100%;
    color: #222
}

body {
    min-height: 100%;
    font: 100 12px/1.3 Helvetica, Arial, sans-serif;
    padding-bottom: 10px
}

sup, sub {
    line-height: 0
}

strong, dfn, dl dt, th {
    font-weight: 700
}

em, dfn, tfoot {
    font-style: italic
}

del {
    color: #666
}

blockquote {
    margin-bottom: 12px;
    border-left: 5px solid #eee;
    padding-left: 15px;
    font-style: italic
}

blockquote small {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #bfbfbf
}

blockquote small:before {
    content: '\2014 \00A0'
}

code, pre {
    font-family: Monaco, Andale Mono, Courier New, monospace;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 3px 2px
}

code {
    background-color: #fee9cc;
    color: rgba(0, 0, 0, 0.75);
    padding: 1px 3px
}

pre {
    background-color: #f5f5f5;
    display: block;
    line-height: 18px;
    font-size: 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0 0 18px;
    padding: 17px
}

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0
}

ul.disc, ul.circle, ol.dec, ol.lalpha {
    margin: 6px 0 6px 25px
}

ul.disc {
    list-style: disc
}

ul.circle {
    list-style: circle
}

ol.dec {
    list-style: decimal
}

ol.lalpha {
    list-style: lower-alpha
}

h1, h2, h3, h4 {
    font-weight: 400;
    color: #222
}

h1, h2, h3 {
    font-family: 'Open Sans', sans-serif
}

h1 {
    font-size: 26px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 11px;
    text-transform: uppercase
}

a {
    text-decoration: none;
    color: #21759B
}

a:hover {
    text-decoration: underline
}

/* structure */

.fixed .wrapper {
    width: 960px;
    margin: 0 auto
}

.fluid .wrapper {
    padding: 0 10px;
}

#main .wrapper {
    padding: 0 8px 8px 8px;
}

#main_section {
    /*border: 1px solid #ccc;*/
    border: 1px #ccc;
    background: #fff;
    padding: 12px;
    min-width: 919px;
    min-height: 500px;
}

#content_wrapper {
    width: 100%;
    /*float: left*/
}

/* top bar */
#top_bar {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    padding: 2px 0;
    background-image: url("../images/BgImg/BgImg-03.png");
    background-color: #1e4276;
}

#top_bar #welcome_user, #top_bar #welcome_company {
    color: white;
}

#top_bar #welcome_user a, #top_bar #logout {
    color: hsl(205, 55%, 71%);
}

#top_bar [alt=logo] {
    margin-top: 6px;
    height: 28px;
}

#top_bar li {
    display: inline-block;
    padding-right: 6px;
    line-height: 26px
}

#top_bar li.sep {
    border-right: 1px solid #ccc;
    margin-right: 4px
}

#topShortcut {
    background-color: #E6E6E6;
    border-top: 1px solid #CCCCCC;
}

#topShortcut .wrapper {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}

#topShortcut .wrapper > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

/* top bar notifications */
.count_el {
    padding: 2px;
    color: #fff;
    background: #dd0000;
    font-weight: 700;
    line-height: 1;
    width: 24px;
    text-align: center
}

/* header */
/*#header {padding:20px 0 10px;border-top:1px solid #f7f7fa}*/
#header {
    padding: 0 0 8px 0;
    border-top: 1px solid #f7f7fa
}

#header .wrapper {
    position: relative
}

.logo {
    position: relative;
    left: 18px;
    top: 10px
}

/* footer */
.ftr_content {
    font-size: 11px;
    padding: 10px 10px 0;
    position: relative
}

/* grid */
.dp10, .dp13, .dp15, .dp20, .dp25, .dp33,.dp40, .dp50, .dp60, .dp66, .dp67, .dp68, .dp685, .dp75, .dp85, .dp100 {
    float: left;
    display: inline;
    margin: 0 1%;
    min-height: 1px
}

.dp10 {
    width: 10%
}

.dp13 {
    width: 13%
}

.dp15 {
    width: 15%
}

.dp20 {
    width: 18%
}

.dp25 {
    width: 23%
}

.dp33 {
    width: 31.33%
}

.dp40 {
    width: 38%
}

.dp50 {
    width: 48%
}
.dp60 {
    width: 58%
}

.dp66 {
    width: 62.66%
}

.dp67 {
    width: 64%
}

.dp68 {
    width: 65.34%
}

.dp685 {
    width: 66.5%
}

.dp75 {
    width: 73%
}

.dp85 {
    width: 83%
}

.dp100 {
    width: 98%
}

.row {
    margin-bottom: 16px
}

.row:before, .row:after {
    display: table;
    content: ""
}

.row:after {
    clear: both
}

/* main styles */

.dn {
    display: none
}

.fr {
    float: right
}

.fl {
    float: left
}

.vam {
    vertical-align: middle
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.taj {
    text-align: justify
}

.bld {
    font-weight: 700
}

.li_selected {
    font-weight: 700;
    color: #000000
}

a.hvrNone:hover {
    text-decoration: none
}

a.inv {
    text-decoration: underline
}

a.inv:hover {
    text-decoration: none
}

.external {
    background: url(../images/external_link.gif) no-repeat right center;
    padding-right: 12px
}

/* colors */
.m_color {
    color: #fe6001
}

.s_color {
    color: #a0a0a0
}

/* text styles */
.small {
    font-size: 11px
}

.large {
    font-size: 14px
}

.big_heading {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 48px
}

/* Backgrounds */
.bg_a {
    /*background: url(../images/bg_a.gif) !important*/
}

.bg_b {
    /*background: url(../images/bg_b.gif) !important*/
}

.bg_c {
    /*background: url(../images/bg_c.gif) !important*/
}

.bg_d {
    /*background: url(../images/bg_d.jpg) !important*/
}

.bg_e {
    /*background: url(../images/bg_e.jpg) !important*/
}

.bg_f {
    /*background: url(../images/bg_f.gif) !important*/
}

/* buttons */
.btn {
    border: none;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    overflow: visible;
    background: none;
    padding: 0 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #222
}

button::-moz-focus-inner {
    border: none;
    margin: 0;
    padding: 0
}

.btn:hover {
    text-decoration: none
}

.btn_a, .btn_aS, .btn_aL {
    background: url(../images/grd_a.png) repeat-x 0 center;
    border: 1px solid #c6c6c6;
    text-shadow: 1px 1px 0 #fff
}

.btn_b, .btn_bS, .btn_bL {
    background: url(../images/grd_b.png) repeat-x 0 center;
    border: 1px solid #a9b3bb;
    text-shadow: 1px 1px 0 #e3e9eb
}

.btn_c, .btn_cS, .btn_cL {
    background: url(../images/grd_e.png) repeat-x 0 center;
    border: 1px solid #273147;
    color: #fff;
    text-shadow: 1px 1px 0 #294959
}

.btn_d, .btn_dS, .btn_dL {
    background: url(../images/grd_d.png) repeat-x 0 center;
    border: 1px solid #575e72;
    color: #fff;
    text-shadow: 1px 1px 0 #273147
}

.btn_big {
    background: url(../images/grd_b.png) repeat-x 0 center;
    border: 1px solid #a9b3bb;
    color: #273147;
    /*text-shadow: 1px 1px 0 #294959*/
}

.btn_a, .btn_b, .btn_c, .btn_d {
    font: 700 12px/25px Helvetica, Arial, sans-serif
}

.btn_aS, .btn_bS, .btn_cS, .btn_dS {
    font: 100 11px/20px Helvetica, Arial, sans-serif
}

.btn_aL, .btn_bL, .btn_cL, .btn_dL {
    font: 700 14px/32px Helvetica, Arial, sans-serif
}

.btn_a:hover, .btn_aS:hover, .btn_aL:hover {
    background: #e3e3e3
}

.btn_b:hover, .btn_bS:hover, .btn_bL:hover {
    background: #bfc8cf
}

.btn_c:hover, .btn_cS:hover, .btn_cL:hover {
    background: #4f5468
}

.btn_d:hover, .btn_dS:hover, .btn_dL:hover {
    background: #2382b1
}

/* no black border for buttons (<ie7) */
button {
    *border: none !important;
    *border-color: transparent !important
}

/* webkit extra margin fix*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button {
        margin: 0px
    }
}

/* element separation */
.sepH_a {
    margin-bottom: 6px
}

.sepH_b {
    margin-bottom: 12px
}

.sepH_c {
    margin-bottom: 24px
}

.sepV_a {
    margin-right: 6px
}

.sepV_b {
    margin-right: 12px
}

.sepV_c {
    margin-right: 24px
}

.sepH_a_line {
    padding-bottom: 4px;
    margin-bottom: 4px;
    /*border-bottom: 1px solid #eee*/
}

.small_printerBtn {
    background-image: url(../images/icons/smallprinter.png);
}

.small_exportBtn {
    background-image: url(../images/icons/download.png);
}

.small_blue_printerBtn {
    background-image: url(../images/icons/printer14.png);
}

.btnImg {
    background-position: left center;
    padding-left: 25px;
    background-repeat: no-repeat
}

/* tables */
.table_a {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0 auto 10px;
    text-align: left;
    background: #fff
}

.table_a td, .table_a th {
    border: 1px solid #ccc
}

.table_a thead th, .table_a thead td {
    background: #eaeaea;
    padding-top: 7px
}

.table_a td, .table_a th, .table_a caption {
    padding: 5px
}

.table_a .even td, .table_a .even th {
    background: #f5f5f5
}

.table_a tr:nth-child(even) {
    background: #f5f5f5
}

.chb_col {
    width: 16px !important;
    vertical-align: middle;
    text-align: center
}

.table_a caption {
    font-size: 13px
}

.content_actions a, .content_actions img {
    vertical-align: middle
}

/* small notifications */
.notification {
    padding: 2px 6px;
    font-size: 10px;
    color: #fff
}

.ok_bg {
    background: #6a9912
}

.alert_bg {
    background: #F5AA1A
}

.info_bg {
    background: #058dc7
}

.error_bg {
    background: #ae432e
}

.neutral_bg {
    background: #929494
}

/* alert boxes */
.msg_box {
    padding: 8px 20px 8px 46px;
    margin-bottom: 10px;
    position: relative;
    color: #444;
    overflow: hidden
}

.msg_box img {
    background-image: url(../images/lga_spr.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 9px
}

.msg_error {
    background: #f2cac2 url(../images/error_ico.png) no-repeat 14px center;
    border: 1px solid #ae432e
}

.msg_error img {
    background-position: -47px 0
}

.msg_info {
    background: #c2e2f2 url(../images/info_ico.png) no-repeat 14px center;
    border: 1px solid #058dc7
}

.msg_info img {
    background-position: -47px -18px
}

.msg_ok {
    background: #d5e5b8 url(../images/ok_ico.png) no-repeat 14px center;
    border: 1px solid #77ab13
}

.msg_ok img {
    background-position: -47px -9px
}

.msg_alert {
    background: #faf5c8 url(../images/alert_ico.png) no-repeat 14px center;
    border: 1px solid #e6c26e
}

.msg_alert img {
    background-position: -47px -27px
}

.msg_box .msg_close {
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer
}

/* icons */
.round_x14, .round_x16_a, .round_x16_b, .switch_arrows_a, .switch_arrows_w,
.home_ico, .arrow_down_a, .tick_a, .arrow_right_a, .arrow_left_a, .arrow_up_a {
    background-image: url(../images/lga_spr.png);
    background-repeat: no-repeat
}

.round_x14 {
    background-position: 0 0;
    width: 14px;
    height: 14px
}

.round_x16_a {
    background-position: 0 -14px;
    width: 16px;
    height: 16px
}

.round_x16_b {
    background-position: 0 -30px;
    width: 16px;
    height: 16px
}

.switch_arrows_a {
    background-position: -14px 0;
    width: 11px;
    height: 11px
}

.switch_arrows_w {
    background-position: -25px 0;
    width: 11px;
    height: 11px
}

.home_ico {
    background-position: -17px -11px;
    width: 17px;
    height: 15px
}

.arrow_down_a {
    background-position: -34px -11px;
    width: 10px;
    height: 10px
}

.tick_a {
    background-position: -36px 0;
    width: 11px;
    height: 7px
}

.arrow_right_a {
    background-position: -32px -26px;
    width: 14px;
    height: 13px
}

.arrow_left_a {
    background-position: -16px -26px;
    width: 14px;
    height: 13px
}

.arrow_up_a {
    background-position: -25px -40px;
    width: 10px;
    height: 6px
}

/* forms */
.formEl input, .formEl textarea, .formEl select {
    background: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px
}

.formEl input:focus, .formEl textarea:focus, .formEl input:active, .formEl textarea:active {
    background: #ebfdd7
}

.formEl label {
    cursor: pointer
}

.formEl .lbl_a {
    display: block;
    margin-bottom: 4px;
    color: #666;
    font-weight: 700
}

.formEl .lbl_c {
    font-size: 13px;
    vertical-align: middle;
    color: #666
}

.formEl .inpt_a {
    padding: 5px 8px;
    width: 380px;
    border: 1px;
    border-color: #b8b8b8 #e2e2e2 #e2e2e2 #b8b8b8;
    border-style: solid
}

.formEl .inpt_b {
    padding: 5px 8px;
    width: 180px;
    border: 1px;
    border-color: #b8b8b8 #e2e2e2 #e2e2e2 #b8b8b8;
    border-style: solid
}

.formEl .inpt_c {
    width: 13px;
    height: 13px;
    margin: 0 6px;
    padding: 0;
    vertical-align: middle
}

.formEl .inpt_r {
    width: 12px;
    height: 12px;
    margin: 0 3px 0 7px;
    padding: 0;
    vertical-align: middle
}

.formEl .inpt_c1 {
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0
}

.formEl .select_a {
    padding: 4px;
    width: 62.5%;
    border-width: 1px;
    border-color: #adadad #d9d9d9 #d9d9d9 #adadad;
    border-style: solid
}

.formEl .txtar_a {
    padding: 8px !important;
    border-width: 1px;
    border-color: #adadad #d9d9d9 #d9d9d9 #adadad;
    border-style: solid;
    height: 80px;
    width: 380px
}

.fsep_a {
    margin-bottom: 16px
}

.f_help {
    display: block;
    font-size: 10px;
    padding: 4px 0 0;
    color: #a3a3a3
}

.fixed .inpt_a, .fixed .txtar_a, .fixed .formEl select {
    width: 380px
}

.fluid .inpt_a, .fluid .txtar_a, .fluid .formEl select {
    width: 150px
}

/*.formEl div.error > label, .formEl div.error span.f_help {*/
/*color: #9d261d*/
/*}*/

/*.formEl div.error input[type=text], .formEl div.error input[type=password], .formEl div.error textarea {*/
/*border-color: #c87872;*/
/*background: #FAE5E3*/
/*}*/

fieldset {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 16px
}

fieldset legend {
    border: 1px solid #ccc;
    background: #f8f8f8;
    font-size: 14px;
    line-height: 26px;
    padding: 0 10px
}

/* content actions menu, sticky menu */
#content_actions a, #content_actions button {
    float: right;
    margin-left: 6px
}

.detail_toolbar a, .detail_toolbar button {
    float: left;
    margin-right: 6px
}

.sticky_actions {
    padding: 6px;
    z-index: 8000;
    padding: 2px 0 0
}

.sticky_actions .btn {
    line-height: 21px
}

/* sortable elements */
.ui-sortable-placeholder {
    border: 1px dotted #222;
    background: #fff;
    visibility: visible !important;
    height: 50px !important
}

.ui-sortable-helper {
    z-index: 2100 !important
}

.sortable .box_c_heading {
    cursor: move
}

.sort-disabled .box_c_heading {
    cursor: default
}

/* text truncate */
.truncate {
    overflow: hidden;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fluid .truncate {
    width: auto;
    white-space: normal
}

.fluid .dp50 .truncate, .fixed .truncate {
    width: 62%
}

.fixed .dp50 .truncate {
    width: 42%
}

/* FusionCharts */
.fsChart {
    text-align: center
}

.fsChart embed {
    border: 1px solid #eee
}

.chart {
    width: 80%;
    margin: 0 auto;
    text-align: center
}

/* clear floats */
.cf {
    *zoom: 1
}

.cf:before, .cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

/* cross browser inline-block display */
.dib, .count_el, .truncate, .btn, .box_small, .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active, .img_list li, .error_page, .summary_list li span {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

/* small round box list */
.rounBox_list li {
    float: left;
    margin: 0 6px 6px 0;
    padding: 4px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    text-align: center
}

.rounBox_list li:hover {
    background: #f1f1f1;
    border: 1px solid #ccc
}

/* footer top */
.toTop {
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 16px;
    display: block;
    padding: 4px 12px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ccc;
    background: #fff;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px
}

/* modules */

/* breadcrumbs */
.xbreadcrumbs {
    position: relative;
    z-index: 50;
    clear: both;
    background: #fff;
    border: 1px solid #99badb;
    margin: 0 0 8px;
    display: block;
}

.xbreadcrumbs li ul {
    position: absolute;
    background: #fff;
    border: 1px solid #eee;
    font-size: 11px;
    width: 175px;
    top: 24px;
    left: -15px !important;
    padding: 3px 12px
}

.xbreadcrumbs ul.first {
    left: -1px !important
}

.xbreadcrumbs li, .xbreadcrumbs ul, .xbreadcrumbs ul li {
    list-style: none;
    margin: 0;
    padding: 0
}

.xbreadcrumbs li {
    float: left
}

.xbreadcrumbs ul {
    display: none
}

.xbreadcrumbs li {
    height: 16px;
    padding: 4px;
    line-height: 16px;
}

.xbreadcrumbs li.parent {
    background: url("../images/breadcrumb.png") no-repeat right center;
    border-right: none;
    padding-left: 10px;
    padding-right: 15px;
    position: relative;
}

.xbreadcrumbs li.current {
    background: none
}

.xbreadcrumbs li a {
    font-size: 11px
}

.xbreadcrumbs li.current a {
    color: #222
}

.xbreadcrumbs li ul li {
    float: left;
    width: 100%;
    border-right: none;
    height: auto
}

.xbreadcrumbs li ul li a {
    text-decoration: none;
    display: block;
    border-bottom: 1px dotted #ccc;
    padding: 4px
}

.xbreadcrumbs li ul li:last-child a {
    border-bottom: none
}

.xbreadcrumbs li ul li a:hover {
    text-decoration: underline;
}

.breadcrumbs_sticky {
    left: 0 !important;
    width: 100%;
    z-index: 1200;
    background: rgba(255, 255, 255, 0.8)
}

/* main navigation */
#main_nav {
    text-align: center
}

#main_nav .nav_item {
    position: relative;
    display: block;
    margin: 0 0 10px 10px;
    text-align: center;
    float: left;
    border: 1px solid #ccc;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
    -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
    box-shadow: inset 0px 0px 0px 1px #ffffff
}

#main_nav .main_link {
    text-decoration: none;
    color: #222;
    display: block;
    padding: 6px 10px;
    min-width: 42px
}

#main_nav .main_link span {
    display: block;
    text-align: center;
    cursor: pointer
}

#main_nav .main_link .img_holder {
    height: 20px;
    width: 24px;
    padding-bottom: 4px;
    background-repeat: no-repeat;
    background-position: center center
}

#main_nav .tick {
    display: none;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -6px
}

#main_nav .nav_item:hover, #main_nav li.active {
    background: #fff
}

#main_nav .active .tick {
    display: block
}

/* sidebar */
#sidebar {
    display: none
}

.sidebar #sidebar {
    display: block;
    width: 200px;
    float: left;
    margin-left: -100%
}

.sidebar #main_content {
    /*margin-left: 223px;*/
    min-height: 1px
}

#sidebar .sub_section {
    margin: 0 0 2px;
    padding: 4px 6px 4px 10px;
    border-bottom: 1px solid #f0f0f0
}

#sidebar .sub_section li {
    margin-bottom: 4px;
    padding-left: 12px;
    background: url(../images/arrow_a.gif) no-repeat 2px 5px;
    font-size: 11px
}

#sidebar .sub_section li.parent {
    background: none;
    overflow: hidden
}

#sidebar .sub_section ul {
    margin-left: 10px
}

#sidebar h4 {
    color: #5F5F5F;
    padding: 5px 8px 5px 10px;
    margin-bottom: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent transparent #f0f0f0;
    cursor: pointer;
    position: relative;
    font-size: 12px
}

#sidebar h4 span {
    display: block;
    font-weight: 700
}

#sidebar .sub_section .active {
    background: url(../images/arrow_b.gif) no-repeat 2px 5px
}

#sidebar .sub_section .active a {
    text-decoration: none;
    font-weight: 700;
    color: #222
}

#sidebar .micro-closed span {
    background: url(../images/up_down_arrows_a.gif) no-repeat right 4px
}

#sidebar .micro-hover-closed span, #sidebar .micro-hover-open span, #sidebar .micro-open span {
    background: url(../images/up_down_arrows_a.gif) no-repeat right -49px
}

#sidebar .micro-hover-closed, #sidebar .micro-open {
    background: #f0f0f0;
    border: 1px solid #e3e3e3;
    color: #222
}

/* sidebar2 -  patch code*/
#sidebar2 {
    display: none;
    margin-left: -7%;
!important;
    z-index: 999999;
}

.sidebar #sidebar2 {
    display: block;
    width: 200px;
    float: left;
    margin-left: -100%
}

.sidebar #main_content2 {
    margin-left: 223px;
    min-height: 1px
}

#sidebar2 .sub_section {
    margin: 0 0 2px;
    padding: 4px 12px 4px 10px;
    border-bottom: 1px solid #f0f0f0
}

#sidebar2 .sub_section li {
    margin-bottom: 4px;
    padding-left: 12px;
    background: url(../images/arrow_a.gif) no-repeat 2px 5px;
    font-size: 11px
}

#sidebar2 .sub_section li.parent {
    background: none;
    overflow: hidden
}

#sidebar2 .sub_section ul {
    margin-left: 10px
}

#sidebar2 h4 {
    color: #5F5F5F;
    padding: 5px 8px 5px 10px;
    margin-bottom: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent transparent #f0f0f0;
    cursor: pointer;
    position: relative;
    font-size: 12px
}

#sidebar2 h4 span {
    display: block;
    font-weight: 700
}

#sidebar2 .sub_section .active {
    background: url(../images/arrow_b.gif) no-repeat 2px 5px
}

#sidebar2 .sub_section .active a {
    text-decoration: none;
    font-weight: 700;
    color: #222
}

#sidebar2 .micro-closed span {
    background: url(../images/up_down_arrows_a.gif) no-repeat right 4px
}

#sidebar2 .micro-hover-closed span, #sidebar2 .micro-hover-open span, #sidebar2 .micro-open span {
    background: url(../images/up_down_arrows_a.gif) no-repeat right -49px
}

#sidebar2 .micro-hover-closed, #sidebar2 .micro-open {
    background: #f0f0f0;
    border: 1px solid #e3e3e3;
    color: #222
}

.xbreadcrumbs #sidebar2 ul {
    position: absolute;
    background: #fff;
    border: none;
    font-size: 11px;
    width: 175px;
    top: 26px;
    left: -7px !important;
    padding: 3px 11px
}

.xbreadcrumbs #sidebar2 ul {
    background: none;
    left: 0 !important;
    position: static;
}

.xbreadcrumbs #sidebar2 ul {
    border-bottom: 1px solid #F0F0F0;
    left: 0 !important;
}

.xbreadcrumbs #sidebar2 ul {
    display: block;
}

.xbreadcrumbs #sidebar2 div ul li a {
    border-bottom: none;
    padding: 0
}

#home-sidebar {
    display: block;
    left: -1px !important;
    padding: 0 12px;
}

/* slide panel */
#slide_wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1010;
    margin: 0 auto
}

#slide_panel {
    position: relative;
    z-index: 1100
}

#slide_content {
    overflow: hidden;
    display: none;
    border-width: 0 4px 4px;
    padding: 30px 10px 10px;
    position: relative;
    border-style: solid;
    border-color: #a9a9a9;
    background: #fff;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}

#slide_open {
    cursor: pointer;
    line-height: 24px
}

#slide_open img {
    margin-left: 4px;
    vertical-align: -1px
}

#slide_close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 7px
}

/* widget box */
.box_c {
    margin-bottom: 16px
}

.box_c_heading {
    height: 28px;
    text-shadow: 1px 1px 0 #fff;
    border: 1px solid #ccc;
    font: 100 13px/28px Helvetica, Arial, sans-serif;
    padding: 0 5px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.box_c_heading img {
    margin: 9px 2px 0 0;
    cursor: pointer
}

.box_c_content {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff #ccc #ccc;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px
}

.cntn_noP {
    padding: 0
}

/* large tabs */
.tabsB {
    border-bottom: 1px solid #88A9CA;
    margin-bottom: 10px
}

.tabsB li {
    float: left
}

.tabsB a {
    position: relative;
    top: 1px;
    line-height: 26px;
    height: 26px;
    display: block;
    padding: 0 14px;
    margin-right: 2px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px
}

.tabsB a:hover {
    text-decoration: none;
    background: #eee
}

.tabsB a.current {
    color: #222;
    background: #fff;
    border-color: #88A9CA;
    font-weight: 700;
    line-height: 28px;
    height: 28px
}

/* small tabs */
.tabsS {
    position: relative;
    top: 6px;
    height: 23px
}

.tabsS li {
    float: left;
    margin-right: 2px;
}

.tabsS li a {
    text-shadow: none;
    display: block;
    line-height: 18px;
    padding: 2px 6px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: transparent
}

.tabsS li a.current, .tabsS li a:hover {
    background: #fafafa;
    border-color: #ccc;
    -moz-border-radius-topleft: 4px;
    color: #222;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0px 0px #fafafa;
    -moz-box-shadow: 0px 1px 0px 0px #fafafa;
    box-shadow: 0px 1px 0px 0px #fafafa
}

/* mAccordion */
.mAccordion h4 {
    background: #eee;
    font-size: 12px;
    padding: 4px 6px;
    margin-bottom: 2px;
    border: 1px solid #ccc
}

.mAccordion h4 span.head-inner {
    display: block;
    cursor: pointer;
    height: 18px;
    line-height: 18px
}

.mAccordion h4 img {
    display: block;
    float: left
}

.mAccordion .micro-closed span.head-inner {
    background: url(../images/up_down_arrows_a.gif) no-repeat right 6px
}

.mAccordion .sub_section {
    padding: 4px 8px 12px
}

.mAccordion .micro-hover-closed span.head-inner, .mAccordion .micro-hover-open span.head-inner, .mAccordion .micro-open span.head-inner {
    background: url(../images/up_down_arrows_a.gif) no-repeat right -47px
}

.mAccordion h4.micro-open {
    background: #ddd
}

/* tooltips */
.tooltip {
    display: none;
    font-size: 10px;
    padding: 4px 6px;
    color: #fff;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: normal;
}

.tipB_arrow, .tipT_arrow {
    position: absolute;
    left: 50%;
    margin-left: -4px;
    display: block;
    background-image: url(../images/lga_spr.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 5px
}

.tipL_arrow, .tipR_arrow {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    display: block;
    background-image: url(../images/lga_spr.png);
    background-repeat: no-repeat;
    width: 5px;
    height: 9px
}

.tipR_arrow {
    left: -5px;
    background-position: -16px -39px
}

.tipL_arrow {
    right: -5px;
    background-position: -20px -39px
}

.tipB_arrow {
    top: -5px;
    background-position: -16px -39px
}

.tipT_arrow {
    bottom: -5px;
    background-position: -16px -44px
}

.tbottom .tipT_arrow {
    top: -5px;
    background-position: 0 0
}

.ttop .tipB_arrow {
    bottom: -5px;
    background-position: 0 -5px
}

.tleft .tipR_arrow {
    right: -5px;
    background-position: -16px -39px
}

.tright .tipL_arrow {
    left: -5px;
    background-position: -20px -39px
}

/* gallery */
.img_list {
    margin: -20px 0 0 -20px;
    position: relative
}

.img_list li {
    margin: 20px 0 0 20px;
    padding: 5px;
    background: #ccc;
    position: relative;
    overflow: hidden
}

.img_list a.item {
    display: block;
    position: relative
}

.img_list a.item span {
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 1000;
    margin-left: -20px;
    background: #000 url(../images/mag_glass.png) no-repeat center center;
    background: rgba(0, 0, 0, .6) url(../images/mag_glass.png) no-repeat center center;
    display: block;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer
}

.img_list img {
    display: block
}

.img_actions {
    width: 80px;
    height: 14px;
    position: absolute;
    bottom: -24px;
    left: 5px;
    z-index: 100;
    background: #000;
    background: rgba(0, 0, 0, .6);
    display: block;
    padding: 5px 10px;
    font-size: 10px;
    text-transform: uppercase
}

.img_actions a {
    color: #ddd
}

/* error pages */
.error_page {
    padding: 60px 0 0 100px;
    background: url("../images/alert64.png") no-repeat 18px 66px;
    overflow: hidden
}

.error_page p {
    text-align: left
}

/* login page */
.login_wrapper {
    width: 372px;
    margin: 0 auto;
    padding: 100px 0 0;
}

.loginBox {
    background: #fff;
    border: 1px solid #ccc
}

.loginBox .heading {
    margin-bottom: 16px;
    padding: 4px 16px;
    border-bottom: 1px solid #ccc;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px
}

.loginBox .heading img {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 26px;
}

.loginBox .content {
    padding: 0 16px 10px
}

.loginBox .content_btm {
    padding: 4px 0 0;
    border-top: 1px solid #ccc
}

.loginBox .inpt_a {
    width: 320px
}

.login_tabs {
    position: relative;
    top: 3px;
    height: 28px
}

.login_tabs li {
    float: left;
    margin-right: 2px
}

.login_tabs a {
    position: relative;
    top: 4px;
    line-height: 24px;
    padding: 0 14px;
    margin-right: 2px;
    float: left;
    border-width: 1px 1px 0 1px;
    border-color: transparent;
    border-style: solid;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px
}

.login_tabs .current {
    color: #222;
    background: #fff;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #ccc;
    font-weight: 700;
    line-height: 26px;
    top: 3px
}

.login_tabs a:hover {
    text-decoration: none
}

/* summary box */
.summary_list li {
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #ccc
}

.summary_list li:last-child {
    border: none
}

.summary_list li span {
    font-size: 18px;
    font-weight: 700;
    width: 80px;
    text-align: right;
    padding-right: 10px
}

/* slidenav */
.slidernav {
    border: 1px solid #ccc;
    margin-bottom: 16px;
    width: auto;
    min-height: 250px;
    display: block;
    position: relative;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.slidernav ul {
    list-style: none;
}

.slider-content {
    width: 100%;
    display: block;
    overflow: auto;
    min-height: 250px
}

.slider-content ul {
    width: 100%;
    display: block;
    position: relative
}

.slider-content ul li {
    width: 100%;
    overflow: hidden;
    display: block;
    clear: both;
}

.slider-content ul ul li {
    border-bottom: 1px solid #f3f3f3
}

.slider-content ul ul li:last-child {
    border-bottom: none
}

.slider-content ul ul li img {
    padding: 2px 0
}

.slider-content ul ul li a {
    padding: 6px 10px 5px;
    display: block;
    text-transform: capitalize;
    overflow: hidden
}

.slider-content ul ul li a:hover {
    background: #f0f0f0
}

.slider-content ul ul li a span, .slider-content ul ul li a img {
    vertical-align: middle
}

.slider-content .title {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
    color: #222;
    display: block;
    padding: 5px 0;
    text-indent: 10px;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase
}

.slider-content ul li:first-child .title {
    border-top: none
}

.slider-content .selected .title {
    background: #ddd
}

.slidernav .slider-nav {
    position: absolute;
    right: 0;
    top: 0;
    background: #f2f2f2;
    min-height: 250px;
    border-left: 1px solid #ddd
}

.slidernav .slider-nav ul {
    padding: 5px 0
}

.slidernav .slider-nav li a {
    padding: 3px 5px;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #222;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    cursor: pointer;
}

.slidernav .slider-nav li a:hover {
    text-decoration: none;
    background: #ddd
}

.slidernav #debug {
    position: absolute;
    bottom: 24px;
    right: 23px;
    padding: 5px;
    background: #000;
    color: #fff
}

.slidernav .arrow {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -4px;
    height: 7px;
    width: 11px;
    background-image: url(../images/arrows.png);
    background-repeat: no-repeat
}

.slidernav .down {
    background-position: 0 -28px
}

.slidernav .up {
    background-position: 0 0
}

.slidernav .slide-up, .slidernav .slide-down {
    height: 20px;
    background: #f2f2f2;
    cursor: pointer;
    float: right;
    width: 100%;
    position: relative
}

.slidernav .slide-up {
    border-bottom: 1px solid #ddd
}

.slidernav .slide-down {
    border-top: 1px solid #ddd
}

.slider-content a:hover {
    text-decoration: none
}

.box_c .slidernav {
    border: none;
    margin: 0;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px
}

/* form errors */
form .msg_box label {
    display: block;
    padding: 2px 0
}

/* css3 enhance */

/* css3 border-radius */
.brdrrad_a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.brdrrad_b, .msg_box, .count_el, .notification, #main_nav .nav_item, .visualize-tooltip,
.formEl .inpt_a, .formEl .inpt_b, .formEl .select_a, .formEl .txtar_a, .loginBox,
.mAccordion h4, fieldset, fieldset legend {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

/* css3 gradients */
.box_c_content {
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(top, #fafafa 0%, #fefefe 100%);
    background: -o-linear-gradient(top, #fafafa 0%, #fefefe 100%)
}

.box_c_heading, table.display thead th, .loginBox .heading, .slider-content .title {
    background: #ececec;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #ececec 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #ececec 100%)
}

#main_nav .nav_item {
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%)
}

/* css3 box shadow */
#main_section, .loginBox {
    /*-webkit-box-shadow: 0 0 4px 1px #ddd;
    -moz-box-shadow: 0 0 4px 1px #ddd;
    box-shadow: 0 0 4px 1px #ddd*/
}

/*
        root element for the scrollable.
        when scrolling occurs this element stays still.
    */
.scrollable {
    /* required settings */
    position: relative;
    overflow: hidden;
    height: 22px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .scrollable_items {
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
}

.scrollable_items div {
    float: left;
}

/* single scrollable item */
/*.scrollable img {*/
/*float: left;*/
/*margin: 20px 5px 20px 21px;*/
/*background-color: #fff;*/
/*padding: 2px;*/
/*width: 100px;*/
/*height: 75px;*/

/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*}*/

/* active item */
.scrollable .active {
    border: 2px solid #000;
    position: relative;
    cursor: default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    display: block;
    width: 18px;
    height: 18px;
    float: left;
    cursor: pointer;
    font-size: 1px;
}

/* right */
a.right {
    padding-left: 5px;
    background: url(../images/scrollable/arrow/right.png) no-repeat 0 -18px;
    float: right;
    margin-top: 3px;
}

/* left */
a.left {
    padding-right: 5px;
    background: url(../images/scrollable/arrow/left.png) no-repeat 0 -18px;
    float: left;
    margin-top: 3px;
}

/* up and down */
a.up, a.down {
    background: url(../images/scrollable/arrow/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover {
    background-position: -30px 0;
}

a.up:active {
    background-position: -60px 0;
}

/* down */
a.down {
    background-position: 0 -30px;
}

a.down:hover {
    background-position: -30px -30px;
}

a.down:active {
    background-position: -60px -30px;
}

/* disabled navigational button */
.scroll_right a.disabled {
    background: url(../images/scrollable/arrow/right.png) no-repeat 0 0;
}

.scroll_left a.disabled {
    background: url(../images/scrollable/arrow/left.png) no-repeat 0 0;
}

/* position and dimensions of the navigator */
.navi {
    margin-left: 328px;
    width: 200px;
    height: 20px;
}

/* items inside navigator */
.navi a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(../images/scrollable/arrow/navigator.png) 0 0 no-repeat;
    display: block;
    font-size: 1px;
}

/* mouseover state */
.navi a:hover {
    background-position: 0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position: 0 -16px;
}

/* jquery ui AutoComplete*/
.ui-autocomplete-loading {
    background: white url('../images/spinner.gif') right center no-repeat;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}

/* jQuery tools error message */
.error {
    color: #9D261D;
    line-height: 15px;
    font-size: 12px;
    /*padding-left: 130px;*/
    /*padding: 4px 10px;*/
    display: none;
}

.error em {
    border: 10px solid;
    border-color: #ff8888 transparent transparent;
    bottom: -17px;
    display: block;
    height: 0;
    left: 60px;
    position: absolute;
    width: 0;
}

.error p {
    margin: 0;
}

/* customize*/
.required_field {
    color: #b81900;
    font-weight: bold;
    padding-left: 2px;
}

.btn_list_top {
    padding-top: 6px;
}

table td {
    vertical-align: middle;
}

#ui-datepicker-div {
    z-index: 10010 !important;
    /*keep datepicker front*/
}

.show_label {
    color: #666666;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
    width: 120px;
    display: inline-block;
}

.show_label60 {
    color: #666666;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
    width: 60px;
    display: inline-block;
}

.show_label80 {
    color: #666666;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
    width: 80px;
    display: inline-block;
}

.show_label140 {
    color: #666666;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
    width: 140px;
    display: inline-block;
}

.show_label150 {
    color: #666666;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
    width: 150px;
    display: inline-block;
}

.show_label_flexible {
    color: #666666;
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
    min-width: 120px;
    display: inline-block;
}

.chzn-select.wide200{
    width:200px !important;
}

.show_row {
    line-height: 32px;
}

/*.show_row_color_odd {*/
/*background: #faf5c8;*/
/*}*/

/*.show_row_color_even {*/
/*background: #fbf9ee;*/
/*}*/

/*.show_row_color_odd2 {*/
/*background: #FFFFFF;*/
/*}*/

/*.show_row_color_even2 {*/
/*background: #DFEFFC;*/
/*}*/

.change_mode_img {
    vertical-align: middle;
}

.tab_customer_content {
    padding-top: 5px;
}

/*in order to add sidebar action, i change the column width in line 289 and 59*/
.sidebar_action {
    left: 176px;
    position: fixed;
    top: 63px;
    z-index: 100;
}

.sidebar_action_content {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    padding: 4px;
    position: absolute;
    right: -91px;
    /*right: 132px;*/
    top: -28px;
    z-index: 1;
}

.sidebar_action_context img {
    display: block;
}

.arrow_right_a {
    background: transparent -32px -26px;
    height: 13px;
    width: 14px;
}

.arrow_left_a {
    background: transparent -16px -26px;
    height: 13px;
    width: 14px;
}

.round_x14, .round_x16_a, .round_x16_b, .switch_arrows_a, .switch_arrows_w, .home_ico, .arrow_down_a, .tick_a, .arrow_right_a, .arrow_left_a, .arrow_up_a, .square_x_11 {
    background-image: url("../images/lga_spr.png");
    background-repeat: no-repeat;
}

/*for show detail column*/
.detail_column_content_actions {
    text-align: right;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    margin-bottom: 4px;
    border: 1px solid #A6C9E2;
}

/*for show detail grid action*/
.gridIconBox_list li {
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    float: right;
    width: 20px;
    height: 20px;
    margin: 0 0 0 6px;
    padding: 0 1px 0 1px;
    text-align: center;
    cursor: pointer;
}

.gridIconBox_list li:hover {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
}

/*for lookup*/
.look_up, .clean_up {
    padding-left: 5px;
    cursor: pointer;
}

/* left border*/
.right_sep {
    border-right: 1px solid #808080;
}

.user_tab_content {
    margin-top: 10px;
}

.company_tab_content {
    margin-top: 10px;
}

.detail_column_wrapper {
    min-height: 379px;
}

#change_warehouse_container .chzn-container-single .chzn-single {
    height: 18px;
    line-height: 18px;
}

#change_warehouse_container .chzn-container {
    font-size: 11px;
}

#change_warehouse_container .chzn-container-single .chzn-single div b {
    background-position: 0 -3px;
}

#change_warehouse_container li {
    display: block;
    line-height: 12px;
}

#change_warehouse_container li .chzn-container .chzn-results li {
    padding: 2px 7px;
}

.error_list {
    list-style: circle inside none;
}

.column_detail {
    float: right;
    padding: 5px;
    display: none;
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #A6C9E2;
    overflow-y: visible;
}

.disabled_button {
    pointer-events: none;
    color: #666666;
    background: #c6c6c6;
    border: 1px solid #A9B3BB;
    cursor: auto;
    text-shadow: none;
}

.disabled_button:hover {
    background: #c6c6c6;
}

.hidden {
    display: none;
}

.content_panes .domain_detail {
    background: #DFEFFC;
    border: 1px solid #A6C9E2;
}

.content_panes fieldset, .content_panes .fieldBlock {
    background: #DFEFFC;
    border: 1px solid #A6C9E2;
    margin-bottom: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.detail_column_content fieldset, .detail_column_content .fieldBlock, .tabs .fieldBlock {
    background: #EFF6F6;
    border: 1px solid #A6C9E2;
    margin-bottom: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.detail_column_content .domain_detail {
    background: #EFF6F6;
    border: 1px solid #A6C9E2;
    overflow-x: hidden;
    overflow-y: auto;
    height: 385px;
}

.detail_column_content .clearBorderBG, .content_panes .clearBorderBG {
    border: none;
    background: none;
}

.report_content {
    border: 1px dashed #21759B;
    float: right;
    min-height: 500px;
    margin-left: 0;
    margin-right: 0;
    padding: 5px;
}

.timemachine_icon {
    padding-top: 2px;
}

.detail_toolbar {
    padding-bottom: 10px;
    height: 22px;
}

.ui-autocomplete .show_label {
    width: 60px;
    text-align: right;
}

.tabs {
    min-height: 465px;
}

#shortcut .li {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 2px solid white;
    margin: 0;
    background: url("../images/bg_a.png");
    overflow: hidden;
}

#shortcut .floater {
    float: left;
    height: 50%;
    margin-bottom: -24px;
}

#shortcut .content {
    clear: both;
    height: 48px;
    position: relative;
}

#shortcut .li a {
    height: 48px;
    width: 48px;
    line-height: 48px;
}

#shortcut .li span {
    margin-top: 8px;
}

#shortcut .li:hover {
    border-color: #29567D;
}

#shortcut .float-box-content {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e3e9eb;
}

#shortcut .li label {
    width: 34px;
    word-wrap: break-word;
    word-break: break-all;
    /*white-space: nowrap;*/
    overflow: hidden;
    font-size: 10px;
}

#shortcut {
    min-height: 104px;
    z-index: 999999;
}

#shortcut .title {
    font-size: 10px;
}

#shortcut .open_icon {
    background: url("../images/open.png") no-repeat right center;
    width: 14px;
    height: 51px;
}

#shortcut .close_icon {
    background: url("../images/close.png") no-repeat right center;
    width: 14px;
    height: 51px;
}

.table_a td.errorField {
    background: #F2CAC2;
    color: #dc322f;
}

.normal_input30 {
    width: 30% !important;
}

.normal_input35 {
    width: 35% !important;
}

.normal_input40 {
    width: 40% !important;
}

.normal_input {
    width: 48% !important;
}

.normal_input_lookup {
    width: 48% !important;
}

.normal_input_full {
    width: 74.5% !important;
}

.normal_input_lwh {
    width: 10% !important;;
}

.compact_input_lookup {
    width: 32% !important;
}

.compact_input_lookup_full {
    width: 70% !important;
}

.compact_input {
    width: 32% !important;
}

.compact_input_lookup_unit {
    width: 7% !important;
}

.compact_input_unit {
    width: 14% !important;
}

.compact_input_date {
    width: 23% !important;
}

.compact_input_lwh {
    width: 5% !important;;
}

.compact_input_checkbox {
    width: 5% !important;
}

.compact_input_full {
    width: 67% !important;
}

.compact_input_53 {
    width: 53% !important;
}

.compact_input_55 {
    width: 55% !important;
}

.stat_input_date {
    width: 10% !important;
}

.report_input {
    width: 36% !important;
}

.report_input_wholly_fill {
    width: 95% !important;
}

.input-border {
    border: #CC9933 solid 2px;
}

.detail_header {
    height: 20px;
    line-height: 20px;
    width: 20%;
    text-align: center;
    margin-left: 40px;
    /*background-color: #f1f1f1;*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #99BADB;
}

.detail_header .caption {
    font-weight: bold;
    font-size: 12px;
    color: #353535;
}

.detail_header .value {
    font-size: 12px;
    color: #353535;
}

td.subgrid-data div.tablediv table {
    width: 100%
}

.packUOM {
    padding-left: 2px;
}

.productUOM {
    padding-left: 2px;
}

.noOfLabelWarn {
    color: #dd0000;
}

.time-line-label {
    font-weight: 600;
    color: #666666;
    min-width: 90px;
    text-align: left;
}

.time-line-plan {
    min-width: 8px;
    height: 16px;
    background-color: #DFEFFC;
    border: 1px solid #A6C9E2;
    border-radius: 4px;
}

.time-line-progress {
    min-width: 4px;
    height: 16px;
    background-color: #A6C9E2;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: absolute;
    left: 0px;
    top: 17px;
}

.time-line-plan-time {
    min-width: 8px;
    height: 16px;
    border: 1px solid #6aa84f;
    border-radius: 4px;
    top: -17px;
}

.time-line-actual {
    min-width: 8px;
    height: 16px;
    background-color: #B6D7A8;
    border-radius: 4px;
    margin-top: 2px;
}

.time-line-duration {
    border-top: 1px dashed #cccccc;
    border-left: 1px dashed #cccccc;
    text-align: left;
    color: #2E6E9E;
}

#activities .time {
    width: 80px;
    margin-right: 4px;
    font-weight: bold;
    color: #565656;
    font-size: 110%;
}

#activities a {
    font-size: 90%;
}

#activities .header {
    font-size: 120%;
    font-weight: bold;
    color: #a4a4a4;
    margin-top: 10px;
}

#activities .detail {
    padding-left: 20px;
    margin-top: 6px;
}

#activities .hr {
    border: 0;
    margin: 4px 0;
    padding: 0;
    height: 1px;
    line-height: 1px;
    background-color: #99badb;
}

#activities .message {
    margin-left: 4px;
    color: black;
    font-size: 110%;
}

#activities .alarm {
    color: #dd0000;
}

#activities .actionBy {
    color: #565656;
    font-weight: bold;
}

#activities .action {
    color: #6495ed;
    font-weight: bold;
}

#activities img {
    vertical-align: middle;
    margin-right: 4px;
}

.photo_frame a {
    outline: none;
}

.photo_frame {
    border: 1px solid #BBB;
    padding: 2px;
    margin: 10px 20px 10px 0;
    vertical-align: top;
    text-align: center;
}

.photo_frame.last {
    margin-right: 0;
}

.photo_frame .photo_desc {
    text-align: center;
    padding-top: 5px;
    height: 20px;
}

.photo_frame .photo_action {
    text-align: center;
    height: 28px;
}

.shortcut_cb {
    vertical-align: middle;
}

.btn_history_white {
    background-image: url('../images/icons/clock_12_12_w.png');
}

.btn_history_blue {
    background-image: url('../images/icons/clock_12_12_b.png');
}

/*location visual*/
.vis_warehouse {
    position: relative;
}

.vis_location {
    position: absolute;
    border-color: #f4a460;
    border-width: thin 1px;
    border-style: solid;
}

.vis_location_hover {
    background: #3baae3;
}

.vis_shelf {
    position: absolute;
    border-color: #777777;
}

.vis_shelf_title {
    padding-top: 5px;
    position: absolute;
    text-align: center;
}

.vis_location_code {
    font-size: 9px;
    height: 10px;
    line-height: 10px
}

.vis_location_percent {
    width: 100px;
    height: 15px;
    border-color: #cccccc;
    border-width: thin 1px;
    border-style: solid;
    background-color: green;
    margin-bottom: 5px;
}

.vis_location_percent_used {
    font-size: 9px;
    background-color: red;
    height: 15px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
}

.vis_area {
    width: 100%;
    height: 100%;
}

.vis_area_frame {
    margin-top: 10px;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
}

.vis_whole_area {
    position: relative;
    width: 100%;
}

.vis_whole_shelf {
    position: relative;
    width: 95%;
    padding-top: 10%;
}

.vis_whole_area_no {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin-top: 30px;
}

.vis_whole_shelf_front_container {
    float: left;
    padding-bottom: 20px;
    padding-right: 20px;
}

.vis_shelf_table {
    margin-left: auto;
    margin-right: auto;
    border-right: 1px solid #F4A460;
    border-bottom: 1px solid #F4A460;
}

.vis_shelf_location {
    display: inline-block;
    border-top: 1px solid #F4A460;
    border-left: 1px solid #F4A460;
}

.vis_shelf_location_td {
    position: absolute;
}

.vis_shelf_location_title {
    position: absolute;
    font-size: 11px;
    text-align: left;
    left: 0;
    top: 0;
}

.vis_shelf_location_content {
    position: absolute;
    font-size: 11px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.vis_area_event {
    margin-top: 5px;
    width: 100%;
    height: 90px;
    border: 1px dashed #058dc7;
    overflow-y: scroll;
}

.vis_shelf_location_percent_indicator {
    position: absolute;
    bottom: 2px;
}

.vis_shelf_front_container {
    float: left;
    padding-bottom: 20px;
    padding-right: 20px;
}

.vis_shelf_no {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

.vis_selected_location .vis_shelf_location_td{
    border:1px solid #0033FF;
}

.vis_location_seq {
    display: inline-block;
}

.vis_location_info {
    overflow: auto;
    height: 150px;
}

.vis_location_product_info{
    overflow: auto;
}

.vis_storage_detail_info {
    height: 259px;
}

.shelf_container {
    width: 100%;
    text-align: center;
}

.operation-stream-time {
    margin-left: 10px;
    margin-top: 10px;
    width: 94%;
    height: 16px;
    color: #2E6E9E
}

.operation-stream-line {
    width: 100%;
    height: 56px;
    margin-bottom: 6px;
}

.operation-stream-label {
    vertical-align: top;
    text-align: left;
    position: absolute;
    top: 2px;
    left: 2px;
    color: #2E6E9E;
    font-weight: bold;
}

.operation-stream-content {
    display: inline-block;
    width: 94%;
    height: 52px;
    background-color: #F2F2F2;
    border-top: solid 2px #ABB0C7;
    border-bottom: solid 2px #ABB0C7;
    border-left: solid 2px #ABB0C7;
    position: relative;
    margin-left: 10px;
}

.operation-stream-arrow {
    display: inline-block;
    width: 28px;
    height: 56px;
    background-image: url('../images/operationStreamArrow.png');
}

.operation-stream-legend {
    height: 30px;
    padding-left: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.operation-stream-legend-text {
    min-width: 60px;
    margin-left: 10px;
    margin-right: 20px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
}

.operation-point {
    width: 3px;
    height: 30px;
    top: 22px;
}

.operation-error {
    position: absolute;
    width: 5px;
    height: 18px;
    background-image: url('../images/operationError.png');
    font-size: 18px;
    font-weight: bold;
}

.percent_indicator_container {
    padding-right: 10px;
}

.percent_indicator {
    width: 19px;
    height: 19px;
    display: inline-block;
}

.percent_indicator span {
    font-size: 11px;
}

.full_frame {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.single_log_btn {
    float: right !important;
    margin-right: 0 !important;
}

.hasProblem {
    width: 10px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/operationError.png') no-repeat;
}

.clean_up{
    position:relative;
    left:-55px;
    /*top:4px;*/
    height:18px;
}
.clean_up_for_customizeReport{
    position:relative;
    left:-55px;
    /*top:4px;*/
    height:18px;
    cursor: pointer;
}

.normal_input_lookup{
    padding-right:20px !important;
}

.msg_ok_calendar {
    background: #d5e5b8 url(../images/ok_ico.png) no-repeat 14px center;
    border: 1px solid #77ab13
}

.msg_box_calendar img {
    background-image: url(../images/lga_spr.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 9px
}