EOS/Content/css/template.css

/**
* @file template.css
* @Naveen Porwal
* @Teramatrix Technologies
* @©2015 EICHER
**/

/*==================================
            Reset CSS 
==================================*/
@font-face {
    font-family: 'Hermes_FB';
    src: url('fonts/Hermes_FB-Regular.ttf') format('truetype'), url('fonts/Hermes_FB-Black.ttf') format('truetype'), url('fonts/Hermes_FB-Black_Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Bold.ttf') format('truetype'), url('fonts/Hermes_FB-Bold_Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Thin.ttf') format('truetype'), url('fonts/Hermes_FB-Thin_Italic.ttf') format('truetype');
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background: none;
    border: none;
    font-family: Hermes_FB;
    font-size: small;
    color: #444;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    /* specific style for chrome */
    body:-webkit-full-screen {
        font-family: Hermes_FB;
        border: none;
        font-size: small;
        color: #444;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

img {
    border: 0;
    vertical-align: top;
}

ul {
    list-style-type: none;
}
/* heading dafault style*/
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: Hermes_FB;
    font-weight: 400;
}

h1 {
    font-size: 28px;
    margin-bottom: 15px;
}

h2 {
    font-size: 18px;
    font-size: 16px;
    font-size: 13px;
    margin-bottom: 10px;
    color: #545454;
    line-height: 22px;
}

h3 {
    font-family: Hermes_FB;
}

p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
}

hr {
    clear: both;
    width: 100%;
    height: 1px;
    border: 1px solid;
    margin-bottom: 2px;
    margin-top: 10px;
}

fieldset {
    margin-bottom: 15px;
    padding: 20px;
}

    fieldset legend {
        font-size: 13px;
        padding: 5px 10px 0;
    }

    fieldset p {
        margin-bottom: 20px;
    }

input, textarea, select {
    margin: 0;
    padding: 0;
}

    select option {
        padding-right: 15px;
    }

textarea {
    display: block;
    width: 100%;
    height: 100%;
}

label {
    display: inline-block;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

    a.button {
        position: relative;
        text-decoration: none;
        width: auto;
        display: inline-block;
        margin-right: 10px;
        padding: 3px 10px 3px 0;
    }

        a.button span {
            float: left;
            position: relative;
            margin: 2px 3px 0;
        }

input.sf {
    width: 120px;
}

input.mf {
    width: 240px;
}

input.lf {
    width: 360px;
}

ul {
    list-style-type: none;
}
/*font formatting*/
.field_desc {
    font-style: italic;
    font-size: 11px;
    color: #555;
}
/*-- validation errors --*/
.validate_error {
    font-size: 11px;
    color: red;
    font-style: italic;
}

.validate_success {
    font-size: 11px;
    color: #739f1d;
    font-style: italic;
}

.inpcol {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 30px 0 15px;
}

    .inpcol p {
        margin-bottom: 5px;
    }

INPUT[type=radio] {
    margin: 1px 6px 0 10px;
    padding: 0;
}
/*------------END[Reset css] ------------*/


/*=================================
            Header
==================================*/
#header {
    width: 100%;
    height: 130px;
}

    #header #top {
        display: block;
        width: 100%;
        height: 83px;
    }
/*header logo*/
#top .logo {
    float: left;
    display: inline;
    width: 361px;
}

#top .meta {
    display: inline;
    float: right;
    position: relative;
    padding-right: 10px;
    margin-top: 10px;
}

.meta p {
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #aaa;
}
/*ul list in header*/
.meta ul li .ui-icon {
    float: left;
}

.meta ul li a {
    float: left;
    font-size: 10px;
    text-decoration: none;
    margin: 0 0 0 10px;
}

    .meta ul li a span {
        margin-top: -2px;
    }
/*peragraph style*/
p.mid {
    text-align: center;
    margin-top: 20px;
}

    p.mid a {
        padding: 0 10px;
    }

#header #search {
    float: right;
    display: block;
    position: relative;
    width: 249px;
    right: 5px;
    height: 26px;
    margin-top: 13px;
}

#search input {
    background: none;
    border: 0;
    width: 180px;
    position: relative;
    font-size: 12px;
    font-style: italic;
    padding: 5px 10px 0 0;
}

    #search input.but {
        position: relative;
        float: left;
        width: 24px !important;
        height: 24px;
        margin-top: 1px;
        padding: 0 !important;
    }
/* navigation bar in header*/
#header #navbar {
    float: left;
    display: block;
}
/* ul list in navigation*/
#navbar ul.nav {
    display: inline-block;
    height: 30px;
    margin-top: 11px;
    position: relative;
    float: left;
}

ul.nav li {
    float: left;
    position: relative;
    height: 30px;
    display: block;
}

    ul.nav li a {
        color: #ccc;
        text-decoration: none;
        font-size: 12px;
        display: block;
        padding: 10px 20px 12px;
    }

ul.nav ul {
    position: absolute;
    top: -999em;
    width: 10em;
}

    ul.nav ul li {
        border: 0;
        width: 130px;
        z-index: 9999 !important;
        height: auto;
        padding: 5px;
    }

ul.nav li:hover ul, ul.nav li.sfHover ul {
    left: 0;
    top: 3.6em;
    z-index: 9999 !important;
}

ul.nav li li {
    position: relative;
    z-index: 9999 !important;
}

    ul.nav li li a {
        display: block;
        width: 110px;
        font-size: 12px;
        padding: 5px 10px;
    }

.meta ul, .meta ul li {
    float: right;
}

ul.nav li:hover li ul, ul.nav li.sfHover li ul, ul.nav li li:hover li ul, ul.nav li li.sfHover li ul {
    top: -999em;
}

ul.nav li li:hover ul, ul.nav li li.sfHover ul, ul.nav li li li:hover ul, ul.nav li li li.sfHover ul {
    left: 14em;
    top: 0;
}
/*------------END[Header] ------------*/

/*==================================
            Master Menu 
==================================*/
/* logo image of VNL*/
.vnlLogo {
    left: 50%;
    position: relative;
    margin: 1px 1px 1px -37px;
}

#masterHeader #logo {
    background: url(logo.png) left center no-repeat transparent;
    width: 54px;
    height: 54px;
    position: absolute;
    left: 4px;
    top: 1px;
}
/* slogon text of header*/
#masterHeader #slogan {
    background: url(pghead.png) right center no-repeat transparent;
    width: 421px;
    height: 51px;
    position: absolute;
    left: 60px;
    top: 3px;
}

#masterHeader #userHeaderPanel {
    /*position: absolute;
    right: 5px;
    top: 7px;*/
    background: url("/Content/css/images/menu-right-panel.jpg") no-repeat;
    width: 667px;
    height: 57px;
}
    /* heador top right side links*/
    #masterHeader #userHeaderPanel .option {
        color: #555;
        font-size: 12px;
        text-shadow: 0 1px 1px #fff; /*display: inline-block;*/
        margin: 2px 0;
        position: relative;
        padding: 0 6px;
    }

    #masterHeader #userHeaderPanel .optionRight {
        border-right: 1px solid #5896DA;
    }

    #masterHeader #userHeaderPanel .optionLeft {
        /*border-left: 1px solid #5896DA;*/
    }
    /*font formatting in header*/
    #masterHeader #userHeaderPanel .option a, #masterHeader #userHeaderPanel .option a:visited {
        color: #277CD1;
        font-size: 90%;
        font-weight: 700;
        text-decoration: none;
        text-shadow: 0 1px 0px #eee;
    }

        #masterHeader #userHeaderPanel .option a:hover {
            text-decoration: none;
            color: #5DA0E8;
        }

#masterMenu {
    background: url(images/menubar.png) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #5C9CCC;
    height: 33px;
    left: 0;
    position: absolute;
    right: 0;
    top: 58px;
    z-index: 1;
}

    #masterMenu ul {
        margin: 0;
        padding: 0;
        line-height: normal;
    }
    /*menu list in header*/
    #masterMenu .menuItem {
        background-color: #7DB5E2;
        border-top: 2px solid #7DB5E2;
        border-left: 1px solid #68A9DE;
        color: #fff;
        cursor: pointer;
        float: left;
        font-weight: 700;
        list-style: none;
        font-size: 12px;
        position: relative;
    }

        #masterMenu .menuItem a {
            text-decoration: none;
            color: #fff;
            display: block;
            padding: 6px 10px 9px 15px;
        }

        #masterMenu .menuItem:hover {
            /*background: url(images/menubar-item-hover.png) repeat scroll 0 0 transparent;*/
            border-top: 2px solid #0059BB;
        }

.pageSelected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAAfCAIAAAHpR5i+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAhBJREFUeNpiTFz+iWHIApanD95qmSsMVdf/+/Xt/68hG/b/f3/9O2RdDxBAjEM33bPwi/MO2TQzdJP70E3rAAHE6N71RMtMmmEU0Lt8//3t3+/RcBiAevXr/5+j4UD/0v3P979//o4GBJ0BQAAxDuk2/BBO7wKSvKOhMBDlzL/RQBiQcB8t2wck3BlGw32A2jOjgTAg7ffR8n2A6tXRgmYAAEAAMbp3PdMylxwNiFEwMoqZ/39GW/CjYOS03n+NNuBHwchpRP4eHScYBSNnjOD3aGNmFIyg0v3f6KjYKBgpyf3vb4bR0chRMEKSOx/H5yeX9o0GxCgYCQAgAPt2cAMwCANB0A2Qd/pvC4k68rJDHzdLB9ZpdSBjbwZJdn/XfOsxCETEvWruATLiPj3ijpi4szuS7F7eIRES91FmkFVm2B0pdu/W3RFkd2UGMXa/VcYCMHLs3uyOlLjr7ggqM9PlfwdS7O6uipy4732qjkEggV+A9u7gBmEgiAFghPiiFMKPJuiNOqkCkd1oD6qwZkrIw7J8yeX6fL0f91t9BTxAVHWf8v7Zd88CIMZlRhm7DEBac58DJrM7QFq4H5PvXogESAr37mO9IOZRACQ196qtzDIAaeG+ZhnhDpAU7r9Zxmd7AGHNvVyXB5DZ3N2nBJDV3Lv8tQMgL9zXgarqDpAU7v1ndAdIau5zltqbXQYgyAmTOeJ1aJO+DQAAAABJRU5ErkJggg==) repeat scroll 0 0 transparent !important;
}

.selected span.focus {
    text-decoration: underline;
}

.menuItemBox {
    display: none;
}
/* inner menu style - shows on hover or click*/
.innerMenu ul {
    background: none repeat scroll 0 0 #F5F5F8;
    border-right: 1px solid #DFDFDF;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 9999991;
    -moz-box-shadow: 0 3px 10px #CCC;
    -webkit-box-shadow: 0 3px 10px #CCC;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-color: 0 #DFDFDF #DFDFDF;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: 0;
    padding: 0;
}

    .innerMenu ul li {
        list-style: none;
        position: relative;
        height: 22px;
        padding: 0;
    }
        /* selected menu*/
        .innerMenu ul li:hover, .innerMenu ul li.selected {
            background: 0 to(#8DCEFE));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DCEFE',EndColorStr='#5c98da');
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DCEFE', EndColorStr='#5c98da')";
            border: 1px solid 5px;
            -moz-border-radius: 1px;
            -webkit-border-radius: 1px;
        }
        /* icons in menu inner box*/
        .innerMenu ul li .icon {
            border-right: 1px solid #DDD;
            float: left;
            height: 16px;
            text-align: center;
            width: 16px;
            padding: 0px 7px 0px 4px;
        }

        .innerMenu ul li .item {
            border-left: 1px solid #fff;
            color: #5C98DA;
            float: left;
            font-size: 12px;
            height: 14px;
            padding: 0px 60px 0px 2px;
        }
        /*menu item hover effects*/
        .innerMenu ul li:hover .icon, .innerMenu ul li.selected .icon {
            border-right: 1px solid #5c98da;
        }

        .innerMenu ul li:hover .item, .innerMenu ul li.selected .item {
            border-left: 1px solid #8dcefe;
            color: #000;
            text-shadow: 0 1px 1px #eee;
        }

        .innerMenu ul li:hover .shortcut, .innerMenu ul li.selected .shortcut {
            color: #000;
            text-shadow: 0 1px 1px #eee;
        }

        .innerMenu ul li .shortcut {
            color: #bbb;
            font-size: 12px;
            height: 18px;
            position: absolute;
            right: 4px;
            text-shadow: 0 1px 1px #ddd;
            top: 4px;
            width: 36px;
        }
        /*inner menu box-left blank spacer for icon */
        .innerMenu ul li.spacer {
            height: 0;
            padding: 0;
        }

            .innerMenu ul li.spacer .item {
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #fff;
                height: 0;
                left: 29px;
                position: absolute;
                width: 100%;
                margin: 0;
                padding: 0;
            }
            /*inner menu box- icon in left blank spacer */
            .innerMenu ul li.spacer .icon {
                height: 0;
                margin: 0;
                padding: 0;
            }

#masterMenu ul li .masterInnerMenu {
    display: none;
    left: -1 !important;
    position: absolute;
    top: 30px;
    border: 1px solid #ABD5FC;
    border-top: none;
    z-index: 99;
}

.masterInnerMenu ul {
    background: none repeat scroll 0 0 #F5F5F8;
    left: 1px;
    overflow: hidden;
    top: 0;
    z-index: 9999991;
    border-color: 0 #DFDFDF #DFDFDF;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: 0;
    padding: 0;
}

.master-menu-item-box {
    display: block !important;
}

.masterInnerMenu ul li {
    height: 24px;
    list-style: none outside none;
    position: relative;
    padding: 0;
}

#masterMenu ul li .masterInnerMenu li a {
    text-shadow: none;
    height: 24px;
    display: block;
    padding: 0;
}

.masterInnerMenu ul li .item {
    color: #4991DD;
    display: inline-block;
    float: left;
    font-size: 11px;
    height: 24px;
    left: 0;
    position: relative;
    right: 0;
    white-space: nowrap;
    width: 100%;
    padding: 0;
}

.item .spanIcon {
    background-repeat: no-repeat;
    border-right: 1px solid #dedede;
    left: 0;
    height: 20px;
    position: absolute;
    top: 3px;
    vertical-align: sub;
    width: 1px;
    padding: 0 12px;
    filter: alpha(opacity=80); /*IE*/
    opacity: .8;
}

    .item .spanIcon.note {
        background-image: url(images/icons/Documents.png); /*report icon*/
        background-position: 5px 3px;
    }

    .item .spanIcon.report {
        background-image: url(images/icons/report2.png); /*report icon*/
        background-position: 5px 3px;
    }

    .item .spanIcon.live {
        background-image: url(images/icons/liveTracking3.png); /*liveTracking icon*/
        background-position: 5px 3px;
    }

    .item .spanIcon.history {
        background-image: url(images/icons/Tab-History-blk-16.png); /*history icon*/
        background-position: 5px 3px;
    }

    .item .spanIcon.fold {
        background-image: url(images/icons/folder.png); /*dashboard icon*/
        background-position: 5px 3px;
    }

    .item .spanIcon.update {
        background-image: url(images/icons/note.png); /*updates icon*/
        background-position: 5px 1px;
    }

    .item .spanIcon.admin {
        background-image: url(images/icons/admin.png); /*admin icon*/
        background-position: 5px 3px;
    }

    .item .spanIcon.geoHistory {
        background-image: url(images/icons/geographicalHistory.png);
        background-position: 3px 2px;
    }

.item .menuText {
    cursor: pointer;
    vertical-align: sub;
    display: block;
    margin: 4px 10px 0 32px;
    padding: 0px 0 0;
}

.masterInnerMenu ul li:hover {
    background: url(images/menubar.png) repeat-x 0 0 transparent;
    color: #fff;
}

    .masterInnerMenu ul li:hover .item {
        color: #fff;
    }

.lastMenuSelected, .selected {
    border-top: 2px solid #0059BB !important;
}

.innerMenu ul li a, .masterInnerMenu ul li a {
    color: inherit;
    text-decoration: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #masterMenu ul li .masterInnerMenu {
        top: 27px !important;
    }
}
/*heaser- user settions option */
/*change password box*/
.userSettings {
    display: none;
    min-height: 50px;
    min-width: 100px;
    position: absolute;
    top: 16px;
    z-index: 9992;
    text-align: center;
    right: -50%;
}

    .userSettings .settingDetails {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #1F7ABC;
        margin: -1px 0 0;
        min-height: 17px;
        min-width: 120px;
        text-align: left;
    }

        .userSettings .settingDetails a {
            color: #333;
            display: block;
            white-space: nowrap;
            padding: 6px;
        }

.settingDetails div a img {
    margin-right: 5px;
}
/*------------END[Master Menu] ------------*/
.taskbar .logo a img {
    float: left;
}
/*==================================
      Toolbar, background body 
==================================*/
input {
    height: 18px;
}

#desktop {
    border-bottom-color: #fff;
    border-bottom-style: solid;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABMCAIAAAAjsUpsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNqMTlsKACAMku5/Z9sL1lpUH6JMJ4LkAGBQTdVxIwUQXVizNK+zd1Tecjfv1RHbnE/bcmPrKL8/XYufG6cAAwBFymotT/a6tQAAAABJRU5ErkJggg==) repeat-x scroll 0 0 #D8DCE0;
}

#taskbar {
    border-top-width: 1px;
    bottom: 0;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
}

    #taskbar #taskbar #ccpl-logo {
        border: 1px solid #FFF;
        bottom: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 80px;
    }

    #taskbar #service-panel {
        border-left-width: 1px;
        bottom: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 180px;
    }

.statusbar {
    background: #5590D2;
    bottom: 0;
    height: 25px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0;
    background-image: 0;
    padding: 6px;
}

.menubar {
    background-color: #C9E2FC;
    background-image: none;
    height: auto;
    left: 0;
    min-height: 21px;
    padding: 4px;
    position: relative;
    right: 0;
    top: 0;
}

    .menubar .searchBox {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #AAAAAA;
        float: left;
        height: 20px;
        min-width: 60px;
        position: relative;
        width: 99%;
    }

        .menubar .searchBox .inputBox {
            bottom: 0;
            left: 0;
            position: absolute;
            right: 20px;
            top: 0;
        }

            .menubar .searchBox .inputBox input {
                border: medium none;
                height: 100%;
                margin: 0;
                width: 100%;
                font-family: Hermes_FB;
            }

        .menubar .searchBox .sIcon {
            bottom: 0;
            margin: 2px 0;
            position: absolute;
            right: 0;
            top: 0;
            width: 20px;
        }

.menubarsite {
    border-left-width: 1px;
    height: auto;
    left: 0;
    min-height: 25px;
    position: relative;
    right: 0;
    top: 0;
    padding: 0;
}

.content-x-titlebar {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
}

.content1-x-titlebar {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.titlebar {
    border-left-width: 1px;
    height: 25px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .titlebar .title, #taskbar .title {
        bottom: 0;
        cursor: default;
        left: 0;
        line-height: 1;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        white-space: nowrap;
        margin: 6px 58px 0 7px;
    }

#taskbar .title {
    color: #1f4d99;
    text-align: center;
    line-height: 17px;
    text-shadow: 0 1px 2px #9DDBF0;
}

.titlebar .buttons {
    position: absolute;
    right: 0;
    margin: 5px;
}

    .titlebar .buttons .titlebar-button {
        cursor: pointer;
        float: left;
        height: 15px;
        overflow: hidden;
        width: 15px;
        margin: 0 0 0 5px;
    }

.content {
    background: #FFF;
    left: 0;
    position: relative;
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    right: 0;
    z-index: 0;
    padding: 6px;
}

.withtoolbar {
    top: 24px !important;
    top: 29px !important;
}

.withmenubar {
    top: 29px !important;
}

.withtoolbar-menubar {
    top: 51px !important;
}

.withstatusbar {
    bottom: 37px !important;
}

div.index {
    display: block;
    border: 1px solid #eee;
    cursor: pointer;
    color: #000;
    height: 35px;
    margin: 1px 0;
}

    div.index:hover {
        background: #eee;
    }

div.s, div.s:hover {
    background: #81A642;
    color: #fff;
}

div.index span.actImg {
    width: 20px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
    padding: 2px 0;
}

div.index div.indexTxt {
    height: 30px;
    display: inline;
    vertical-align: middle;
}

div.index div.indexTxtDiv {
    height: 35px;
    display: inline;
    vertical-align: top;
}

input.button, a.button, button.button {
    background: url(../images/rep1.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #91C8FF;
    color: #FFF !important;
}

.buttonWrap {
    margin-right: 10px;
    min-width: 60px;
    position: relative;
    cursor: pointer;
    color: #111;
    opacity: 1;
    font-size: 8.5pt;
    line-height: 24px;
    white-space: nowrap;
    height: 24px;
}

    .buttonWrap:hover {
        color: #444;
    }

.buttonL {
    height: 24px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 4px;
}

.buttonR {
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 4px;
}

.buttonM {
    background: url(../images/m.png) no-repeat scroll 0 0 transparent;
    left: 4px;
    overflow: hidden;
    position: absolute;
    right: 4px;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .buttonM:active {
        height: 23px;
        background: url(../images/m.png) no-repeat scroll 0 0;
        left: 3px;
        position: absolute;
        right: 3px;
        text-align: center;
        background-color: #f9f9f9;
    }

.icn {
    float: right;
    height: 7px;
    margin-left: 8px;
    margin-right: 4px;
    margin-top: 8px;
    overflow: hidden;
    width: 11px;
}

.nxt {
    background: url(../images/nxt.png) no-repeat scroll 0 0 transparent;
}

.back {
    background: url(../images/icons-16-16/back.png) no-repeat scroll 0 0 transparent;
}

.skip {
    background: url(../images/icons-16-16/skip.png) no-repeat scroll 0 0 transparent;
    width: 15px;
}

.nxt1 {
    background: url(../images/nxt.png) no-repeat scroll 0 0 transparent;
    float: right;
    margin-left: 12px;
    height: 7px;
    margin-top: 4px;
    overflow: hidden;
    width: 11px;
}

.back1 {
    background: url(../images/icons-16-16/back.png) no-repeat scroll 0 0 transparent;
    float: left;
    margin-right: 12px;
    height: 7px;
    margin-top: 4px;
    overflow: hidden;
    width: 11px;
}

.refresh {
    background: url(../images/icons-16-16/refresh.png) no-repeat scroll 0 0 transparent;
    float: right;
    height: 12px;
    margin-left: 8px;
    margin-right: 4px;
    margin-top: 6px;
    overflow: hidden;
    width: 12px;
}

.buttonM span {
    line-height: 23px;
}

input, select, textarea, button {
    color: #222;
    overflow: auto;
    outline: none;
    resize: none;
    border: 1px solid #bebdbd;
    border-radius: 4px;
}

input /*, select, textarea*/ {
    text-indent: 7px;
}

input, textarea, select {
    margin-right: 0;
    padding: 0;
    /*font-family: 'Hermes_FB';*/
    font-family: Arial;
    width: 171px;
    height: 30px;
}

    input:focus, textarea:focus {
    }

div.help {
    background: url(../images/help3.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 20px;
    position: absolute;
    right: 3px;
    top: 6px;
    width: 20px;
}

#frnt {
    background: url(../images/icons-16-16/home.png) no-repeat center center transparent;
}

#cprt {
    background: url(../images/icons-16-16/cprt.png) no-repeat center center transparent;
}

#abtcmp {
    background: url(../images/icons-16-16/abtcmp.png) no-repeat center center transparent;
}

#abtclt {
    background: url(../images/icons-16-16/user.png) no-repeat center center transparent;
}

#cltrq {
    background: url(../images/icons-16-16/req.png) no-repeat center center transparent;
}

#soldig {
    background: url(../images/icons-16-16/diagram.png) no-repeat center center transparent;
}

#cliBen {
    background: url(../images/icons-16-16/profit.png) no-repeat center center transparent;
}

#comLst {
    background: url(../images/icons-16-16/list.png) no-repeat center center transparent;
}

#comDes {
    background: url(../images/icons-16-16/desc.png) no-repeat center center transparent;
}

#prjMng {
    background: url(../images/icons-16-16/tools.png) no-repeat center center transparent;
}

#othSer {
    background: url(../images/icons-16-16/other.png) no-repeat center center transparent;
}

#concl {
    background: url(../images/icons-16-16/conc.png) no-repeat center center transparent;
}

#dsht {
    background: url(../images/icons-16-16/sheet.png) no-repeat center center transparent;
}

#smr {
    background: url(../images/icons-16-16/summary.png) no-repeat center center transparent;
}

div.advance {
    height: 16px;
    width: 16px;
    background: url(../images/help2.png) no-repeat;
    display: inline-block;
    cursor: pointer;
    margin: 4px;
}

div.mcn {
    background: url(../images/help1.png) no-repeat;
    height: 16px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin: 5px 5px 2px 4px;
}

#helpImg {
    position: absolute;
    width: 311px;
    height: 439px;
    left: 280px;
    top: 80px;
    bottom: 20px;
    z-index: 999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    background: none repeat scroll 0 0 #FFF;
    border: 2px solid #5896DA;
    overflow: hidden;
    display: none;
}

div.sa {
    position: absolute;
    right: -8px;
    top: 0;
}

div.ad {
    display: inline-block;
    float: right;
    height: 100px;
    position: absolute;
    right: 20px;
    top: 23px;
    width: 150px;
    z-index: 999;
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #AAA;
}

div.vedioCls {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #AAA;
    display: inline-block;
    float: right;
    height: 346px;
    position: absolute;
    right: -1px;
    top: 0;
    width: 580px;
    z-index: 999;
}

div.ad .cls, div.cls {
    background: url(../images/close_panel.gif) no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -2px;
    top: 2px;
    cursor: pointer;
}

div.cnt {
    width: 460px;
    height: 160px;
    float: left;
    margin: 20px;
}

    div.cnt .cntL {
        width: 229px;
        height: 100%;
        float: left;
        padding-top: 15px;
    }

    div.cnt .cntR {
        width: 209px;
        float: left;
        border: 1px solid #aaa;
        margin-top: 22px;
        -moz-box-shadow: 0 5px 10px 0 #AAA;
        padding: 10px;
    }

    div.cnt select.dropdown {
        width: 80px;
        margin: 5px 0;
        padding: 1px;
    }

    div.cnt .label {
        width: 80px;
    }

div.export {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #AAA;
    float: right;
    left: 68px;
    position: absolute;
    top: 23px;
    z-index: 999;
    cursor: default;
    display: none;
    padding: 10px;
}

div.email {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #AAA;
    float: right;
    position: absolute;
    top: 23px;
    z-index: 1;
    cursor: default;
    display: none;
    width: 283px;
    padding: 30px 10px 10px;
}

div.home {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #AAA;
    float: right;
    left: 5px;
    position: absolute;
    top: 5px;
    z-index: 10000;
    cursor: default;
    display: none;
    padding: 2px;
}

div.smenu {
    height: 20px;
    width: 100%;
    cursor: pointer;
    color: #555;
    min-width: 57px;
}

    div.smenu a {
        text-decoration: none;
        color: #555;
    }

        div.smenu a:hover {
            color: #5D8C0B;
        }

.txtpls {
    -moz-border-radius: 4px;
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #E0E0E0;
    bottom: 20px;
    color: #555;
    display: inline-block;
    outline: medium none;
    overflow: auto;
    position: absolute;
    text-shadow: 0 1px 1px #EEE;
    top: 20px;
    left: 20px;
    right: 20px;
    padding: 5px;
}

.loadDiv {
    background: url(../images/loading.gif) no-repeat center center rgba(255,255,255,.8);
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 9999;
}

div.icon {
    float: left;
    height: 14px;
    margin-right: 4px;
    overflow: hidden;
    width: 14px;
}

#export .icon {
    background: url(../images/save.png) no-repeat center center transparent;
}

#doc {
    background: url(../images/icons-16-16/doc.png) no-repeat center center transparent;
}

#excel {
    background: url(../images/icons-16-16/excel.png) no-repeat center center transparent;
}

div.doctor {
    color: #E9E9E9;
    font-family: Hermes_FB;
    font-size: x-large;
    font-weight: 100;
    height: 30px;
    position: absolute;
    right: 30px;
    width: 220px;
}

div.popup {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    overflow: auto;
    z-index: 9999;
    border: 1px solid #666;
    background: #eee;
    opacity: .8;
    text-align: center;
}

div.popupData {
    display: inline-block;
    border: 10px solid #386994;
    background: #eee;
    margin-top: 250px;
    -moz-border-radius: 5px;
    opacity: 1;
    padding: 5px;
}

.partialSelect {
    opacity: 0.6;
    filter: alpha(opacity=30);
}

#main-containersite {
    display: block;
    width: 300px;
    height: 200px;
    margin: 150px auto;
}

#n-containersite {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2);
    border: 1px solid #E5E4E4;
    color: #88887A;
    height: 250px;
    width: 350px;
    background: #eee;
}

#n-wrappersite {
    font-family: Hermes_FB;
    height: 250px;
    margin: 10px;
}

    #n-wrappersite input:focus {
        border: 1px solid #5d8c0b;
    }

.uname {
    background-image: url(/Content/images/icon_user.gif);
    background-position: 3px;
    background-repeat: no-repeat;
}

#n-wrappersite button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #0055A5;
    float: right;
    width: 100px;
    color: #0055A5;
    padding: 3px 0 1px 5px;
}

#n-wrappersite div {
    margin: 2px auto;
}

.lblsite label {
    color: #0055A5 !important;
    font-size: 100% !important;
    text-decoration: none;
    text-shadow: 0 1px 1px #EEE;
    float: left;
    width: 100px;
    height: 50px;
    margin: 5px 0 5px 10px;
    padding: 10px 5px 3px;
}

.inputsite {
    background-color: #FBFBFB;
    border: 1px solid #E5E4E4;
    height: 30px;
    padding-left: 22px;
    width: 240px;
    outline: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: #0055A5;
}

.btnsite {
    height: 30px;
    font-size: 100% !important;
    text-decoration: none;
    text-shadow: 0 1px 1px #EEE;
    float: left;
    margin: 30px 0 5px 150px;
    padding: 0 5px 3px 0;
}

.rowHeader {
    background-color: #5590D2;
    background-image: 0;
    border-left: 1px solid #A4BED4;
    color: #EEE;
    font-family: Hermes_FB;
    font-size: 18px;
    height: 27px;
    overflow: hidden;
    position: relative;
}

.dataContent {
    background-color: #FFF;
    border: 1px solid none;
    width: 99.85%;
    min-height: 149px;
    height: auto !important;
}

.singleTemplate {
    width: 127px;
    border: 1px solid #eee;
    background: #f9f9f9;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 5px;
}

.slabel {
    display: inline;
    height: 10px;
    color: #e9e9e9;
    font-size: 12px;
    font-weight: 700;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 3px;
    padding: 3px 5px;
}

.lblYellow {
    background: #FFDAB9;
}

.lblGreen {
    background: #98FB98;
}

.lblBlue {
    background: #5229a3;
}

.lblRed {
    background: #c00;
}

.singleTemplate .label {
    font-size: 14px;
    text-align: center;
    color: #666;
    font-weight: 700;
    margin: 3px 0 0;
}

.buttonC {
    background: url(../images/m.png) repeat scroll 0 0 transparent;
    height: 23px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.check-checked {
    background-position: 0 -80px;
    display: inline-block;
    background-image: url(../images/gr_custom-inputs.png);
    background-repeat: no-repeat;
    position: relative;
    z-index: 99;
}

.check-disable {
    display: inline-block;
    background-image: url(../images/check-disable.png);
    background-repeat: no-repeat;
}

.check-unchecked {
    background-position: 0 -40px;
    display: inline-block;
    background-image: url(../images/gr_custom-inputs.png);
    background-repeat: no-repeat;
    position: relative;
    z-index: 9999;
}

    .check-checked input, .check-disable input, .check-unchecked input {
        opacity: 0;
        filter: alpha(opacity=5);
        z-index: 9992;
        margin: 3px 0 3px 3px;
    }

.check-label {
    margin: 3px 20px 3px 0;
}

.buttonN {
    background: url(../images/m.png) repeat scroll 0 0 transparent;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
}

    .buttonN:active {
        padding-right: 6px;
        height: 26px;
        background: url(../images/m.png) repeat scroll 0 0 transparent;
        outline: none;
        text-align: center;
        background-color: #f9f9f9;
    }

.buttonMF {
    background: url(../images/m.png) repeat scroll 0 0 transparent;
    overflow: hidden;
    position: absolute;
    right: 4px;
    text-align: center;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 122px;
    height: 23px;
}

.move {
    background: url(../images/icons-16-16/turn_left.png) no-repeat scroll 0 0 transparent;
}

.icnMF {
    float: right;
    height: 16px;
    margin-left: 4px;
    margin-right: 0;
    margin-top: 7px;
    overflow: hidden;
    width: 21px;
    position: relative;
    top: -3px;
}

#index, #prsol, #resMat, #annx {
    background: url(../images/icons-16-16/index.png) no-repeat center center transparent;
}

div.cls1, div.clshistory {
    background: url(../images/close_panel.gif) no-repeat center center;
    width: 20px;
    height: 20px;
    position: relative;
    float: right;
    cursor: pointer;
}

#divEmail .icon, #email .icon {
    background: url(../images/icons-16-16/email.png) no-repeat center center transparent;
}

.nomargin, .singleTemplate input[type=radio] {
    margin: 0;
    padding: 0;
}

.statusbar {
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

.titlebar {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius: 5px 5px 0 0;
    background-color: #5590D2;
}

    .titlebar .title {
        color: #FFF;
    }

.button, .image-button {
    font-size: 8pt;
}

#taskbar {
    background: url(images/menubar.png) repeat-x scroll center top transparent;
}

    #taskbar #service-panel {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAWCAYAAADq8U2pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpiWLVqFdf///+5WBgYGMSBmIEmDHYY4yWM8YIIEWIUPwIxAAIMABaGD2C3Iu2JAAAAAElFTkSuQmCC) no-repeat scroll center left transparent;
    }

.window, .windowsite {
    background: #FFF;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 6px #AAA;
    -moz-box-shadow: 3px 3px 6px #AAA;
    -webkit-box-shadow: 3px 3px 6px #AAA;
}

.menubar, .menubarsite {
    background-color: #C9E2FC;
    background-image: none;
    /*border-left-color: #E4F1FE;
    border-left-style: solid;*/
}

body {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABMCAIAAAAjsUpsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNqMTlsKACAMku5/Z9sL1lpUH6JMJ4LkAGBQTdVxIwUQXVizNK+zd1Tecjfv1RHbnE/bcmPrKL8/XYufG6cAAwBFymotT/a6tQAAAABJRU5ErkJggg==) repeat-x scroll 0 0 #D8DCE0;
    font-family: Hermes_FB;
}

.font-wide {
    font-family: Hermes_FB;
}

#master-header {
    height: 60px;
    position: relative;
}

    #master-header #logo {
        height: 40px;
        left: 5px;
        position: absolute;
        top: 8px;
        width: 90px;
    }

    #master-header #Div1 {
        background: url(../images/logo1.png) no-repeat top transparent;
        height: 40px;
        left: 80px;
        position: absolute;
        top: 8px;
        width: 100px;
    }

    #master-header #slogan {
        width: 421px;
        height: 51px;
        position: absolute;
        left: 60px;
        top: 3px;
    }

    #master-header #user-header-panel {
        position: absolute;
        right: 18px;
        top: 8px;
    }

        #master-header #user-header-panel .panel-option {
            color: #02599C;
            font-size: 12px;
            font-weight: 700;
            margin: 2px 0;
            padding: 0;
        }

        #master-header #user-header-panel .link-option-left {
            border-right: 1px solid #5896DA;
        }

        #master-header #user-header-panel .link-option-right {
            border-left: 1px solid #eee;
        }

        #master-header #user-header-panel .panel-option a, #master-header #user-header-panel .panel-option a:visited {
            color: #5896DA;
            font-size: 90%;
            font-weight: 700;
            text-decoration: none;
            text-shadow: 0 1px 1px #eee;
        }

#master-menu {
    background: url(../images/menubar.png) repeat scroll 0 0 transparent;
    height: 38px;
    left: 0;
    position: absolute;
    right: 0;
    top: 56px;
    z-index: 999;
}

    #master-menu ul {
        margin: 0 0 0 20px;
        padding: 0;
    }

    #master-menu .master-menu-item {
        background: url(../images/menubar-item.png) no-repeat scroll left top transparent;
        color: #1d5ba0;
        cursor: pointer;
        float: left;
        font-weight: 700;
        list-style: none;
        font-size: 12px;
        text-shadow: 0 1px 1px #9DdBf0;
        padding: 7px 10px 7px 15px;
    }

#master-inner-menu {
    left: 0;
    position: absolute;
    right: 0;
    top: 88px;
    z-index: 9999992;
}

    #master-inner-menu ul {
        background: none repeat scroll 0 0 #F5F5F8;
        border-right: 1px solid #DFDFDF;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 9999991;
        -moz-box-shadow: 0 3px 10px #CCC;
        -webkit-box-shadow: 0 3px 10px #CCC;
        box-shadow: 0 3px 10px #CCC;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
        border-color: 0 #DFDFDF #DFDFDF;
        border-style: none solid solid;
        border-width: 0 1px 1px;
        margin: 0;
        padding: 0;
    }

        #master-inner-menu ul li {
            list-style: none;
            position: relative;
            height: 22px;
            padding: 0;
        }

            #master-inner-menu ul li a {
                color: inherit;
                text-decoration: none;
            }

            #master-inner-menu ul li:hover, #master-inner-menu ul li.selected {
                background: 0 to(#8DCEFE));
                filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DCEFE',EndColorStr='#5c98da');
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DCEFE', EndColorStr='#5c98da')";
                border: 1px solid 5px;
                -moz-border-radius: 1px;
                -webkit-border-radius: 1px;
                border-radius: 1px;
            }

            #master-inner-menu ul li .icon {
                border-right: 1px solid #ddd;
                float: left;
                height: 16px;
                text-align: center;
                width: 16px;
                padding: 2px 7px 4px 4px;
            }

            #master-inner-menu ul li .item {
                border-left: 1px solid #fff;
                color: #5C98DA;
                float: left;
                font-size: 12px;
                height: 14px;
                padding: 4px 60px 4px 2px;
            }

            #master-inner-menu ul li:hover .icon, #master-inner-menu ul li.selected .icon {
                border-right: 1px solid #5c98da;
            }

            #master-inner-menu ul li:hover .item, #master-inner-menu ul li.selected .item {
                border-left: 1px solid #8dcefe;
                color: #000;
                text-shadow: 0 1px 1px #eee;
            }

            #master-inner-menu ul li:hover .shortcut, #master-inner-menu ul li.selected .shortcut {
                color: #000;
                text-shadow: 0 1px 1px #eee;
            }

            #master-inner-menu ul li .shortcut {
                color: #bbb;
                font-size: 12px;
                height: 18px;
                position: absolute;
                right: 4px;
                text-shadow: 0 1px 1px #ddd;
                top: 4px;
                width: 36px;
            }

            #master-inner-menu ul li.spacer {
                height: 0;
                padding: 0;
            }

                #master-inner-menu ul li.spacer .item {
                    border-top: 1px solid #ddd;
                    border-bottom: 1px solid #fff;
                    height: 0;
                    left: 29px;
                    position: absolute;
                    width: 100%;
                    margin: 0;
                    padding: 0;
                }

                #master-inner-menu ul li.spacer .icon {
                    height: 0;
                    margin: 0;
                    padding: 0;
                }

#desktop {
    top: 94px;
}

#default-icons {
    left: 10%;
    position: absolute;
    top: 12%;
    width: 80%;
}

.col-grid, .row-grid {
    position: absolute;
}

.window {
    bottom: 0;
    left: 0;
    margin-left: 4px;
    min-height: 120px;
    min-width: 120px;
    right: 0;
    top: 0;
}

.windowsite {
    bottom: 0;
    left: 0;
    min-height: 120px;
    min-width: 120px;
    right: 0;
    top: 0;
    margin: 2px;
}

.content {
    background: none repeat scroll 0 0 #FFF;
    bottom: 37px;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 52px;
    z-index: 0;
    padding: 6px;
}

.content1 {
    background: none repeat scroll 0 0 #FFF;
    bottom: 37px;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 52px;
    z-index: 0;
    padding: 20px;
}

.content2 {
    background: none repeat scroll 0 0 #FFF;
    bottom: 37px;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    padding: 4px 1px;
}

.content1site {
    bottom: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px 35px 20px 20px;
}

#taskbar .window {
    background: none;
    display: inline;
    left: auto;
    min-height: 0;
    min-width: 120px;
    overflow: hidden;
    position: relative;
    right: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}

#taskbar .titlebar {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 28px;
    top: 0;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #6EB1FA;
    border-top: 1px solid #666;
}

#taskbar .restore {
    display: block;
}

.window-maximized .restore-all {
    display: block !important;
}

.no-statusbar .content, .no-statusbar .content1 {
    bottom: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.search {
    float: right;
    min-width: 60px;
    position: relative;
}

    .search .lft-dsgn {
        background-image: url(../images/index2.png);
        height: 24px;
        overflow: hidden;
        position: absolute;
        left: -11px;
        width: 25px;
    }

    .search .middle-dsgn {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAYCAYAAABA4cB6AAAAdklEQVR42u3WQQ0AMQwDwfAnUiDFkW8B9NtHDsbJ0oy0FCzXWmskKaHq7pGkhOqcM5KUUN17R5ISqvfeSFJCNQAhDBZgsAAMFmCwAAwWgMECDBaAwQIwWIDBAjBYAAYLMFgABgvAYAEGC+DXwdp7jyQl5GEBMT4lngJk2hJEqAAAAABJRU5ErkJggg==) repeat-x scroll 0 0 transparent;
        height: 24px;
        left: 13px;
        overflow: hidden;
        position: absolute;
        right: 25px;
    }

        .search .middle-dsgn input {
            background: none;
            background-color: transparent;
            border: 0 none;
            height: 18px;
            width: 100%;
            padding: 4px 0 2px;
        }

    .search .right-dsgn {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAB7UlEQVR42q2WW4/BQBiG/VrXruzaW/+FK3G6QRzidIOKREIIydamEoqEjVDEt30nnU1tO22HfZM3atCn32G+EUomkyTjRCLBnEql9Ewm0y0UCtGQn+bzOcl4NpvReDwmRVGoVqtRNpuldDptFIvFdyFkuVzSs9Y0jRaLBQ0GA8rn81QqlTRXyOFwoFe83+9pt9sxICIzI7o4INfrlZ715XJhPp/PdDweab1eU7vdpmaz+QgigfCjyWTC7KX7/c58u93IMAzabrdIG2qneUJyuRyFw+FfRyIRtuYnwBChqqpUrVax9OEK4YByucyige1rQUBIX6vVQp0MBwQ3FN0MIEQURABNp1PW6qaiDxDkHxDA/mqz2bDP/Gpk/36/38dlWRqCfRFESFmj0cCl6qiJqMgy6YLQbRaEhIXHK54e5muxWMw1SjehnYUQlkSz8HhqewsDgOt4PB4IhCkwHA7FEHuNeA1wYwCCgvhANfUZIgkFBaEevV6PpdrRXbIgUaetVivqdDr8bVQawkEiwOl0YgArim/PAfmMsDdQ7NFoxJfe/hWClsUYwQFmSfEd9TKbDucIUmSL4CvQeeI1/Pi5gRbtdrsMoOu6MwIu8xSjoK5UKjheqV6vs+GHSWsVmBXZtPufiRezhcfvsDb10A+age3/7ln4owAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent;
        height: 24px;
        overflow: hidden;
        position: absolute;
        right: 0;
        width: 25px;
    }

.window-transparent {
    background: none repeat scroll 0 0 #FFF;
    bottom: 0;
    left: 0;
    min-height: 120px;
    min-width: 120px;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 3px 3px 6px #AAA;
    -webkit-box-shadow: 3px 3px 6px #AAA;
    box-shadow: 3px 3px 6px #AAA;
    margin: 4px;
}

li {
    display: list-item;
    border: none;
    cursor: pointer;
    outline: none;
}

.ui-tabs {
    position: relative;
    outline: none;
    padding: 0;
}

.liclas:hover {
    background-color: #d8dce0 !important;
}

.liclas:active {
    background-color: #fff !important;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    outline: none;
    padding: 0;
}

ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none !important;
    outline: none;
}

.ui-tabs .ui-tabs-nav li {
    margin-right: 0;
}

    .ui-tabs .ui-tabs-nav li a {
        outline: none;
    }

.allowHover:hover {
    background-color: #d8dce0;
}

#settingContainer {
    width: 100%;
    height: 35px;
    color: #36C !important;
    font-family: Hermes_FB;
    font-size: 13px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    background-attachment: scroll;
}

#settingleftcontainer {
    float: right;
    height: 35px;
    width: auto;
    margin-right: -3px;
}

#UserProfileSetting {
    width: auto;
    height: 27px;
    padding-right: 2px;
    margin-right: 13px;
    padding-top: 9px;
    float: left;
    cursor: pointer;
}

#setting {
    background-image: url(../../Content/images/icons-16-16/Settings.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 35px;
    margin-right: 0;
    width: 24px;
    margin-left: -13px;
    margin-top: -1px;
    position: relative;
    z-index: 9999;
}

#UserProfileSettingopen {
    display: none;
    border: 1px solid #BEBEBE;
    margin-left: auto;
    padding-right: 0;
    margin-top: 1px;
    padding-top: 7px;
    background-color: #fff;
    z-index: 9999;
    padding-left: 9px;
    width: 169px;
}

#settingopen {
    background-color: #FFF;
    border: 1px solid #BEBEBE;
    margin-left: 3%;
    padding-bottom: 5px;
    padding-right: 0;
    padding-top: 11px;
    margin-right: 0;
    width: 150px;
    z-index: 9992;
    display: none;
    position: absolute;
    right: -2px;
    top: 34px;
}

#mailinformationopen {
    color: gray;
    height: 42px;
    margin-left: 84px;
    margin-top: 155px;
    padding-left: 5px;
    position: absolute;
    width: 226px;
    z-index: 2;
    display: none;
    border: 1px solid #BEBEBE;
    opacity: 0.6;
}

#mailinformation {
    cursor: pointer;
}

#master-header #user-header-panel .panel-option a:hover, .selected span.focus {
    text-decoration: underline;
}

.master-menu-item-box, #taskbar .content-x-titlebar, #taskbar .statusbar, #taskbar .minimize, .close, .maximize {
    display: none;
}

#taskbar .restore-all, .window-maximized .maximize, #taskbar .maximize {
    display: none !important;
}

.titlebar {
    float: left;
    position: relative;
    top: 4px;
    min-width: 120px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}
/*==================================
            Dashboard 
==================================*/
.dashboard {
    border-bottom-width: 1px;
    bottom: 7px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 94px;
    background: #fff;
}

.left {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 2px;
}

.left20 {
    left: 20%;
    position: absolute;
    top: 0;
    bottom: 2px;
}

.middle {
    left: 33.3%;
    position: absolute;
    top: 0;
    bottom: 2px;
}

.right {
    position: absolute;
    top: 0;
    bottom: 2px;
    right: 0;
}

.size33 {
    width: 33.3%;
}

.size20 {
    width: 20%;
}

.size25 {
    width: 25%;
}

.size30 {
    width: 30%;
}

.size35 {
    width: 35%;
}

.size40 {
    width: 40%;
}

.size45 {
    width: 45%;
}

.size50 {
    width: 50%;
}

.size60 {
    width: 60%;
}

.size65 {
    width: 65%;
}

.size70 {
    width: 70%;
}

.size75 {
    width: 75%;
}

.size80 {
    width: 80%;
}

.sizeFull {
    width: 100%;
}
/* % size diamention */
.size20p {
    width: 20%;
}

.size40p {
    width: 40%;
}

.mid20-40 {
    position: absolute;
    top: 0;
    left: 20%;
    right: 40%;
    bottom: 2px;
}

.mid20-20 {
    position: absolute;
    top: 0;
    left: 20%;
    right: 20%;
    bottom: 2px;
}

.mid20-30 {
    position: absolute;
    top: 0;
    left: 20%;
    right: 30%;
    bottom: 2px;
}

.siseFull {
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.window {
    overflow: visible;
    position: absolute;
    background: #FFF;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 6px #AAA;
    background-color: #444;
    -moz-box-shadow: 3px 3px 6px #AAA;
    -webkit-box-shadow: 3px 3px 6px #AAA;
    /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5,MakeShadow=true,ShadowOpacity=0.30);*/
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    zoom: 1;
    bottom: 2px;
    left: 0;
    min-height: 120px;
    min-width: 120px;
    right: 0;
    top: 6px;
    margin: 2px 3px;
    background: #fff;
}

.innerWindow {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
    top: 27px;
   /*overflow:auto;*/
}

.titlebar {
    border-left-width: 1px;
    height: 25px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background: url("/Content/css/images/bg-ip-mainmenu.jpg") repeat-x;
    border: 1px solid #e9e9e9;
    border-bottom-color: #d5d5d5;
}

    .titlebar .title {
        bottom: 0;
        cursor: default;
        left: 0;
        right: auto;
        line-height: 1;
        overflow: visible;
        position: absolute;
        top: 0;
        white-space: nowrap;
        font-size: small;
        color: #FFF;
        color: #454545;
        margin: 7px 64px 0 7px;
        min-width: 100px;
        color: rgb(112, 113, 115);
    }

    .titlebar .buttons {
        position: absolute;
        right: 0;
        margin: 5px;
    }

        .titlebar .buttons .titlebarButton {
            cursor: pointer;
            float: left;
            height: 15px;
            overflow: hidden;
            width: 15px;
            margin: 0 0 0 5px;
        }

        .titlebar .buttons .close {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAMUlEQVR42mNgGAUM/yFgJprYTJAgMZpnIhuAzifJAJI04nIBWRrJdjLJLqAotEcAAADY0XuFLdX2NQAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent;
        }

        .titlebar .buttons .maximize {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAHElEQVR42mNgGAUM//EA2msmRXy4aCY7wEYAAAANZXONzd+/WAAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent;
        }

        .titlebar .buttons .minimize {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAF0lEQVR42mNgGAUM//EA2moeBaMAHQAA9d83yRzP5kIAAAAASUVORK5CYII=) no-repeat scroll 0 0 transparent;
        }

/*-- Menubar --*/
.menubar {
    border-left-width: 1px;
    height: auto;
    left: 0;
    min-height: 20px;
    position: relative;
    right: 0;
    top: 0;
    background-color: #f0f0f0;
    background-image: none;
    padding: 4px;
    border-bottom: 1px solid #e9e9e9;
    border-bottom: 1px solid #dedede;
}

.search {
    float: left;
    height: 24px;
    min-width: 60px;
    position: relative;
    width: 50%;
}

    .search .lftDsgn {
        background: url(images/icons/search_icon/Blank_textbox_001.png) no-repeat scroll 0 0 transparent;
        height: 24px;
        left: 0;
        overflow: hidden;
        position: absolute;
        width: 13px;
    }

    .search .middleDsgn {
        background: url(images/icons/search_icon/Blank_textbox_005.png) repeat-x scroll 0 0 transparent;
        border-top: 1px solid #EEE;
        height: 24px;
        left: 13px;
        overflow: hidden;
        position: absolute;
        right: 24px;
    }

        .search .middleDsgn input {
            background: none repeat scroll 0 0 transparent;
            border: 0 none;
            height: 18px;
            margin-top: 1px;
            width: 100%;
        }

    .search .rightDsgn {
        background: url(images/icons/search_icon/Blank_textbox_004.png) no-repeat scroll 0 0 transparent;
        height: 24px;
        overflow: hidden;
        position: absolute;
        right: 0;
        width: 25px;
    }

    .search .crossDsgn {
        background: url(images/icons/search_icon/Blank_textbox_003.png) no-repeat scroll 0 0 transparent;
        cursor: pointer;
        height: 24px;
        overflow: hidden;
        position: absolute;
        right: 0;
        width: 25px;
    }

        .search .crossDsgn:hover {
            background: url(images/icons/search_icon/cross-hover.png) no-repeat scroll 0 0 transparent;
        }

.searchImg {
    background: url(images/icons/search_icon/Search.png) no-repeat scroll 0 0 transparent !important;
    margin: 4px 3px 2px -9px;
}

.searchUnit {
    background: url(images/icons/search_icon/Search-Unit.png) no-repeat scroll 0 0 transparent !important;
    margin: 4px 3px 2px -9px;
}

.searchGeofence {
    background: url(images/icons/search_icon/Search-Geofence.png) no-repeat scroll 0 0 transparent !important;
    margin: 4px 3px 2px -9px;
}

.searchGroup {
    background: url(images/icons/search_icon/Search-Group.png) no-repeat scroll 0 0 transparent !important;
    margin: 4px 3px 2px -9px;
}

#header .search {
    float: right;
    display: block;
    position: relative;
    width: 249px;
    right: 5px;
    height: 26px;
    margin-top: 13px;
}

.search input {
    background: none;
    border: 0;
    width: 180px;
    position: relative;
    font-size: 12px;
    font-style: italic;
    padding: 0;
}

/*-- Toolbar --*/
.toolbar {
    height: 28px;
    z-index: 1;
    border-bottom: 1px solid #dedede;
}

.toolbarButton {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAWCAYAAADq8U2pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNpiWLVqFdf///+5WBgYGMSBmIEmDHYY4yWM8YIIEWIUPwIxAAIMABaGD2C3Iu2JAAAAAElFTkSuQmCC) no-repeat scroll center right transparent;
    cursor: pointer;
    display: inline;
    float: right;
    font-size: 8pt;
    height: 28px;
    position: relative;
    padding: 0 0px;
}

.btnAlignment {
    float: left !important;
}

.toolbarButtonDisabled .toolbarText, .toolbarButton .toolbarText {
    margin-left: 4px;
    margin-top: 5px;
    float: left;
    margin-right: 6px;
}

.toolbarText a {
    color: inherit;
    outline: none;
    text-decoration: none;
}

.toolbarButtonDisabled {
    opacity: 0.5;
}

.toolbarMore {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAALUlEQVR42mNgGAWjYBTQCqSlpf0HYWL5RBkGBKuJ4RMEIIXIignxR8EooCcAAG0wOzXQicwkAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: none;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.toolbarDropdown {
    background: none repeat scroll 0 0 #FFF;
    display: none;
    position: absolute;
    right: 0;
    top: 77px;
    z-index: 9999991;
    -moz-box-shadow: 0 3px 10px #CCC;
    border-color: 0 #DFDFDF #DFDFDF;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: 0;
    padding: 0;
}

    .toolbarDropdown li {
        border-bottom: 1px solid #eee;
        color: #333;
        font-size: 11px;
        text-transform: capitalize;
        padding: 2px 15px 2px 20px;
    }

        .toolbarDropdown li:hover {
            background: #aaa;
        }

            .toolbarDropdown li:hover a {
                color: #fff;
            }

    .toolbarDropdown a {
        color: #333;
        outline: none;
        text-decoration: none;
    }

.toolbarText span {
    padding-right: 2px;
}

    .toolbarText span img {
        vertical-align: top;
    }

.toolbarButton:active, .toolbarButtonSelected {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAYCAYAAAA20uedAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABASURBVCiRzdHBDQAwCAJAUPcfRGdylnYC+mlsyvcekMDMXBBhd0s0BQAQZtov0N2fd343aKiTpMTj2UMYVSVxA63KCUtNR9s1AAAAAElFTkSuQmCC) repeat-x scroll center right transparent;
}
/* left right content in same window */
.cPanel {
    background: none repeat scroll 0 0 #FFF;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 2px;
}

.cPanelLeft {
    left: 0;
    width: 200px;
    border-right: 2px solid #E2E2E2;
}

    .cPanelLeft .content {
        border-right: 2px solid #BCBCBC;
    }

.cPanelRight {
    right: 0;
    left: 206px;
    border-left: 1px solid #EEEEEE;
}
/*-----------*/
.content {
    background: none repeat scroll 0 0 #FFF;
    bottom: 0;
    left: 0;
   overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    padding: 2px;
}

.contentStatusbar {
    background: none repeat scroll 0 0 #FFF;
    bottom: 36px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    padding: 2px;
}

.contentReport {
    overflow-x: auto;
}

.listContent {
    overflow: hidden;
    top: 78px;
}

.statusbar {
    background: #C9E2FC;
    background: #F7F7F7;
    border-top: 1px solid #dedede;
    bottom: 0;
    height: 25px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 0;
    padding: 6px;
}

    .statusbar.basicS {
        background: none repeat scroll 0 0 #F9F9F9;
        border-top: 1px solid #CCC;
    }

.taskbar {
    border-top-width: 1px;
    background: #E2E2E2;
    bottom: 0;
    height: 2px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
    text-align: center;
    background: #eeeeee url(/Content/css/images/footer-bg.png) repeat-x left top;
    padding-top: 5px;
}

    .taskbar label {
        font-size: 11px;
        line-height: 30px;
    }

#loadingbg {
    background: none repeat scroll 0 0 #CCC;
    border: 1px solid gray;
    display: none;
    height: 100%;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    z-index: 10;
    filter: alpha(opacity=50);
}

.clear {
    clear: both;
}

.titlebar .buttons .restore, .titlebar .buttons .restoreAll {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAIElEQVR42mNgGD7gPx5AkaFk20hbzfjEh6hm+sfv4AMAajGnWSVraboAAAAASUVORK5CYII=) no-repeat scroll 0 0 transparent;
    display: none;
}

#taskbar .sLogo {
    height: 30px;
    background: #fff;
    width: 100px;
    float: left;
}

    #taskbar .sLogo img.stxt {
        margin: 3px 5px 1px 2px;
    }

    #taskbar .sLogo img.sCircle {
        margin: 1px 5px 1px 5px;
    }
/*added panels*/
/*------------inner panels (half window in hight)------------------*/
.win {
    margin-bottom: 4px;
    border: 1px solid #c2c2c2;
}

    .win.upperWin {
    }

    .win.upperWin, .win.bottomWin {
        min-height: 100px;
    }

        .win.upperWin .menubar, .win.bottomWin .menubar {
            border-bottom: 1px solid #c5c5c5;
            font-weight: bold;
            font-size: 12px;
            color: #333;
        }
/*------------END[Dashboard] ------------*/

/*==================================
            Controls CSS 
==================================*/
#widget {
    z-index: 9999;
    float: right;
    height: 30px;
}

#widgetField {
    width: auto !important;
    background-position: -15px 0 !important;
}

    #widgetField span {
        min-width: 168px;
        text-align: left !important;
        width: auto !important;
        left: 0 !important;
        padding-left: 2px;
        border-left: 1px solid #aaa;
        color: #444 !important;
        font-weight: 400 !important;
    }

#widget input {
    height: 17px;
    width: 170px;
}

.wrapFilters {
    width: 100%;
    height: auto;
}

    .wrapFilters .field {
        min-height: 20px;
        padding: 0;
        background: #f9f9f9;
    }

        .wrapFilters .field .fRow {
            min-height: 25px;
            padding: 3px;
        }

            .wrapFilters .field .fRow span {
                font-size: 11px;
            }

.field.dateField {
    min-height: 98px;
    padding: 0;
}

.field.fTop {
    padding: 6px 0;
}

.wrapFilters .field input, .wrapFilters .field select, .wrapFilters .field label {
    font-size: 11px;
    outline: none;
    color: #333;
    margin: 0 0 0 1px;
    padding: 3px 3px;
}

.wrapFilters .field label, .wrapFilters .field .fRow span {
    font-weight: 700;
    padding: 5px 0;
    min-width: 60px;
    margin-left: 5px;
}

.wrapFilters .field input {
    width: 170px;
    height: 17px;
    float: right;
}

.wrapFilters .field select {
    width: 176px;
    float: right;
    height: 24px;
}

.wrapFilters .fieldset {
    border: medium none;
    margin: 0px;
    padding: 0;
}

    .wrapFilters .fieldset table td {
    }

    .wrapFilters .fieldset .accord table td span {
        float: left;
        margin: 5px;
        min-height: 30px;
        min-width: 100px;
        color: #333;
        cursor: pointer;
        line-height: 27px;
        text-align: center;
        background-color: #d3d3d3;
        webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        filter: alpha(opacity=100); /*IE*/
        opacity: 1;
        border: 1px solid #DDD;
        border-color: #D0D0D0 #B0B0B0 #999999 #CCCCCC; /*behavior: url(../../Content/PIE.htc);*/
    }

        .wrapFilters .fieldset .accord table td span:hover {
            filter: alpha(opacity=80); /*IE*/
            opacity: 0.8;
            border: 1px solid #669a32;
        }

.fieldset .accordTab {
    color: #333333;
    font-size: 12px; /*background:#ddd; border:1px solid #bbb;*/
    border: 1px solid #aaa;
    font-weight: bold; /*border-bottom:none; background: url("../../Content/images/subB.png") repeat-x scroll center bottom #E3E3CB;*/
    background: url("images/icons/accordionIcon.png") no-repeat scroll right -22px #D3D3D3;
    height: 27px;
}

    .fieldset .accordTab span {
        display: block;
        padding: 4px;
        cursor: pointer;
        line-height: 18px;
    }

    .fieldset .accordTab:hover {
        background-color: #eee;
    }

.fieldset .accord {
    margin-bottom: 1px;
    border: 1px solid #aaa;
    border-top: none;
    cursor: default;
    background: #f9f9f9;
}

.fieldset .accordTab.toolbar {
}

.fieldset .accord table {
    margin-bottom: 10px;
    overflow: hidden;
}

.accordClose {
    background-position: right -54px !important;
    background-color: #E3E3CB !important;
}

.accordOpen {
    background-position: right -22px !important;
}
/*browser compatibility specific for chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input {
        height: 18px;
        height: 30px;
    }

    .wrapFilters .field input {
        height: 14px !important;
        width: 160px !important;
        padding: 2px !important;
    }

    .wrapFilters .field select {
        height: 22px;
        padding: 0px !important;
    }
}
/*---filter fields--*/
.field .fieldHead {
    background: #eee;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
    border: 1px solid #D0D0D0;
    border-left: none;
    border-right: none;
    line-height: 23px;
    padding-left: 5px;
}
/*---theme button design---*/
.btnWrap {
    bottom: 0;
    height: 25px;
    position: absolute;
    border-top: 1px solid #CCC;
    z-index: 9999;
    background: #FFF;
    width: 100%;
    padding: 4px 0;
}
/*theme blue buttons---------*/
.themebutton.themesimple.themeblue {
    background-color: #669999;
    background-color: #1b3f94;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#61A7F2', endColorstr='#5590D2')";
    background-image: 0;
    behavior: url(../../Content/PIE.htc);
}

.themebutton.themesimple {
    background-color: #333; /*background-image: url(images/awesome-overlay-sprite.png);*/
    background-position: 0 0px;
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    color: #FFF !important;
    display: inline-block;
    font-size: 11px !important;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: normal !important;
    font-variant: inherit;
    font-weight: 700 !important;
    line-height: 1;
    position: relative;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
    vertical-align: middle;
    padding: 5px 10px;
    height: 25px;
    behavior: url(../../Content/PIE.htc);
}
/*theme blue simple button*/
.themebutton, .themebutton.themesilver {
    background-color: #669999;
    background-position: 0 -148px;
    color: #fff !important;
    height: 24px;
    margin: 3px 4px;
    padding: 3px 10px;
    text-shadow: 0 0 0;
}

.themebutton {
    -moz-user-select: none;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    font-family: Hermes_FB;
    overflow: visible;
    text-decoration: none !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    white-space: nowrap;
    margin: 0;
    padding: 0;
    behavior: url(../../Content/PIE.htc);
}
    /*theme button within icon for ok, cancel*/
    .themebutton span.cancel {
        background-image: url(download_icon.png) !important;
    }

    .themebutton span.d12 {
        background-image: url(d12.png) !important;
    }

    .themebutton span.d123 {
        background-image: url(d123.png) !important;
    }

    .themebutton span.ok {
        background-image: url(tick.png) !important;
    }

    .themebutton.themesimple span {
        background-position: left center;
        background-repeat: no-repeat;
        height: auto;
        padding-left: 24px;
        padding-right: 0;
    }

    .themebutton span {
        background-position: right top;
        background-repeat: no-repeat;
        display: block;
        height: 24px;
        padding-right: 12px;
    }

    .themebutton.themesimple:hover {
        background-position: 0 0;
    }

    .themebutton.themesimple.themeblue:hover {
        opacity: 0.8;
    }

    .themebutton.themesimple:active, thmBtnAct {
        background-position: 0 28px;
    }

    .themebutton.disable {
        opacity: 0.4;
        filter: Alpha(opacity='40');
    }
/*------------END[Controls CSS] ------------*/
/*date picker container*/
#datePick {
    float: right;
    min-width: 300px;
    height: 30px;
}

    #datePick label, #datePick #widget {
        float: right;
        color: #fff;
    }
/*---- month picker -----*/
.monthPicker {
    cursor: pointer;
}

.month {
    float: right;
    height: 25px;
    min-width: 200px;
    color: #FFFFFF;
}

    .month div {
        float: left;
        padding: 2px;
        margin-left: 10px;
    }

        .month div label {
            margin-right: 5px;
            min-width: 15px;
        }

        .month div input {
            width: 120px;
            font-size: 12px;
        }

    .month .calIcon {
        position: relative;
        margin: 0;
    }

        .month .calIcon img {
            position: absolute;
            right: 1px;
            top: 2px;
            cursor: pointer;
        }
/*date picker modification end*/
#lineParebt {
    font: 12px;
}

#ConsoleReportViewer tr td {
    color: #333;
}
/*error message*/
.errorMsg {
    color: Red;
    font-size: 11px;
}

    .errorMsg.setRight {
        float: right;
        margin-bottom: 2px;
    }

.nodata {
    font-weight: bold;
    margin-top: 4%;
    text-align: center;
}

/*report container for all pages*/
.viewReport {
    overflow-x: auto;
    height: 100%;
    width: 100%;
}
/*-------------------------------------------------------------*/
/*----titlebar popup box-----*/
.ddBox {
    height: 15px;
    min-width: 50px;
    float: left;
    cursor: pointer;
}

    .ddBox .lblTxt {
        display: block;
        min-width: 30px;
        float: left;
        margin-right: 10px;
    }
    /*arow icon in toolbar*/
    .ddBox .arrow {
        background-image: url('images/icons/IconComboBoxW.png');
        background-repeat: no-repeat;
        display: block;
        float: right;
        height: 12px;
        width: 14px;
        background-position: center;
    }

.mtnTitle .ddBox .arrow {
    background-image: url('images/icons/IconComboBox.png');
}
/*popupbox in toolbar*/
.ddPopup {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #81AFDB;
    border-top: none !important;
    display: none;
    min-height: 50px;
    min-width: 120px;
    position: absolute;
    top: 19px;
    z-index: 9;
}
    /*table in toolbar popup*/
    .ddPopup table {
        width: 100%;
    }

        .ddPopup table tr td {
            border-bottom: 1px solid #dedede;
            cursor: pointer;
        }
            /*anchor in toolbar popup*/
            .ddPopup table tr td a {
                display: block;
                padding: 5px 5px;
                color: #333;
                font-size: 11px;
            }

                .ddPopup table tr td a:hover {
                    background: #6EAEEF;
                    color: #fff;
                    filter: alpha(opacity=80); /*IE*/
                    opacity: .8;
                }

.ddRight {
    float: right;
    line-height: 13px;
    margin: 1px 1px 0 3px;
    padding: 4px;
    display: block;
}

    .ddRight span {
        color: #fff;
    }

.ddpopupRight {
    right: 0;
    top: 25px;
}

.ddPopup.ddpopupRight table tr td a {
    padding: 3px 5px;
}

.ddpopupLeft {
    left: -7px;
}
/*page specific color clasess for operators define by colors*/
.airtelTitle .ddPopup {
    border: 1px solid #D62128;
}

.vodafoneTitle .ddPopup {
    border: 1px solid #FE0000;
}

.gloTitle .ddPopup {
    border: 1px solid #08633B;
}

.tigoTitle .ddPopup {
    border: 1px solid #37479F;
}

.expressoTitle .ddPopup {
    border: 1px solid #7369A3;
}

.mtnTitle .ddPopup {
    border: 1px solid #F9C61B;
}

.airtelTitle .ddPopup table tr td a:hover {
    background: #D62128;
}

.vodafoneTitle .ddPopup table tr td a:hover {
    background: #FE0000;
}

.gloTitle .ddPopup table tr td a:hover {
    background: #08633B;
}

.tigoTitle .ddPopup table tr td a:hover {
    background: #37479F;
}

.expressoTitle .ddPopup table tr td a:hover {
    background: #7369A3;
}

.mtnTitle .ddPopup table tr td a:hover {
    background: #F9C61B;
    color: #333;
}

.mtnTitle .ddRight span {
    color: #333;
}
/*set page as fullscreen*/
.fullWin {
    top: 0 !important;
    bottom: 0 !important;
    z-index: 99999;
}
/*fullscreen popin and popout in titlebar */
.fullScreen {
    background: url("images/icons/fullscreen.png") no-repeat scroll 0 0 transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    float: right;
    height: 20px;
    margin: 2px 5px 2px 1px;
    width: 27px;
}

.fullWin #screenId.fullScreen {
    background: url("images/icons/smallScreen.png") no-repeat scroll 0 0 transparent;
}

/*grid table style*/
.adjustImg td img {
    margin-left: 35%;
}
/*table 1*/
.gridTbl {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #AAAAAA;
    color: #333;
}

    .gridTbl th, .gridTbl td {
        border: 1px solid #AAAAAA;
        padding: 6px 8px;
        text-align: left;
        font-size: 12px;
    }

    .gridTbl th {
        background: none repeat scroll 0 0 #C9E2FC;
        color: #333333;
    }

    .gridTbl td {
        border-top-color: #e2e2e2;
        padding: 0px 0px;
    }

        .gridTbl td a {
            color: #333;
            padding: 6px 8px;
            display: block;
        }



/*table 2*/
.gridColTbl {
    border: none;
    border-collapse: collapse;
    color: #333;
}

    .gridColTbl th {
        width: 50%;
        border-left: none;
        border-top: none;
    }

    .gridColTbl td {
        border: none;
        padding: 0;
        border-bottom: 1px solid #eee;
    }

        .gridColTbl td span.colH {
            border-right: 1px solid #AAAAAA;
        }

        .gridColTbl td span {
            display: block;
            padding: 6px 8px;
        }
/*table 3*/
.gridLess {
    border: none;
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    color: #333;
}

    .gridLess td {
        padding: 0;
    }

        .gridLess td td {
            border: none;
            padding: 6px 7px;
            border-bottom: 1px solid #eee;
        }

    .gridLess tbody {
        padding: 0;
    }

    .gridLess td td.glH {
        width: 100px;
    }
/* grid table style */
.grid {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}
    /* grid table head*/
    .grid thead {
        background: url("images/inner.gif") repeat-x scroll center bottom transparent;
        color: #277CD1;
        border-bottom: 1px solid #CCCCCC;
        border-top: 1px solid #DEDEDE;
    }

        .grid thead th {
            padding: 5px 2px;
            text-align: left;
        }

    .grid tbody tr {
        border-bottom: 1px solid #eee;
    }

        .grid tbody tr:hover {
            background: #ff9;
        }

    .grid tbody td {
        padding: 3px 2px;
    }
/*odd and even rows colors*/
.odd {
    background-color: #eee;
}

.even {
    background-color: #fff;
}
/*active row in table*/
.activeRow {
    background: #FF6;
}
/*-------------------------------------------*/
/*-------------------------------------------*/
/*----colorbox in grid table----- */
.green, .red {
    color: #FFFFFF;
    filter: Alpha(opacity='100');
    opacity: 1;
    position: relative;
}

.red {
    background-color: #EF3238;
    background: url("images/icons/red.png") repeat-x scroll 0 0 transparent;
}

.green {
    background-color: #23B223;
    background: url("images/icons/green.png") repeat-x scroll 0 0 transparent;
}
/*color box popup out*/
.flyout {
    background-color: #f7f7f7;
    bottom: 24px;
    border-top: 2px solid #555;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: none;
    color: #333333;
    right: -1px;
    min-height: 25px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 10000;
    box-shadow: -1px -1px 6px #666;
}

    .flyout div {
        line-height: 29px;
        float: left;
        width: 33%;
        text-align: center;
    }

        .flyout div img {
            margin: 1px 0px 0 4px;
            padding: 7px 0px;
        }

        .flyout div span {
            font-size: 11px;
            font-weight: bold;
            padding: 5px 0px;
        }

.hover table {
    width: 100%;
    padding: 0;
    border: 0px solid #666;
}

.hover:hover table {
    box-shadow: -1px 2px 2px #777;
}

.hover:hover .red, .hover:hover .green {
    filter: Alpha(opacity='100');
    opacity: 1;
}

.hover:hover {
    /*border:2px solid #777;     border-top-color:transparent; */
}

    .hover:hover .red, .hover:hover .green {
        /* border-bottom:2px solid #555;*/
    }

    .hover:hover .lastCB {
        /*border-left: 1px solid #555; box-shadow: -2px 2px 2px #777;*/
    }
/*color boxes container*/
.colorBox {
    padding: 0 !important;
}

.hover {
    background: none repeat scroll 0 0 #666666;
    border: 1px solid #666666;
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.3) inset;
    height: 17px;
    margin: 4px;
    padding: 3px;
}
    /*red and green class in colorbox*/
    .hover .green, .hover .red {
        padding: 0px 0;
        border: none;
        text-align: center;
    }

        .hover .red.centerCB span {
            border-right: 1px solid #777;
            border-left: 1px solid #777;
            display: block;
            line-height: 14px;
            margin: 0;
        }

        .hover .green.centerCB span {
            border-left: 1px solid #888888;
            border-right: 1px solid #888888;
            display: block;
            line-height: 14px;
            margin: 0;
        }
/*.hover .firstCB{border-right: 1px outset #999;}
.hover .lastCB{border-left: 1px inset #999;}*/
/*error clsss*/
lebel.error {
    color: Red !important;
}

.formTitle {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}
/**------- Regidtration Form design----------**/
.regForm {
    border: 1px solid #AAAAAA;
    margin: 10px auto;
    width: 98%;
}

.rightContent {
    text-align: right;
}

.regForm input[type="text"] {
    width: 170px;
    color: #333 !important;
}

.regForm input[type="checkbox"] {
    margin-left: 5px;
}

.shortBlock {
    float: left;
    margin-right: 60px;
}
/*headding in form*/
.regForm h4 {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #DDDDDD;
    margin: -5px -5px 4px;
    padding: 4px;
    text-align: center;
}

.regForm .formRow label.option {
    width: auto;
    vertical-align: bottom;
    min-width: 5px;
    margin-right: 15px;
}

.regForm .formRow label.lblRight {
    margin-left: 40px;
}

.regForm .formRow label.bigSize {
    min-width: 260px;
}
/*devied rows in forms*/
.regForm .formRow {
    border-bottom: 1px solid #DEDEDE;
    padding: 5px;
    display: block;
    clear: both;
    line-height: 20px;
}

    .regForm .formRow label {
        min-width: 160px;
        padding: 5px;
        vertical-align: middle;
        width: 170px;
    }

        .regForm .formRow label.blockLbl {
            display: block;
        }

        .regForm .formRow label.error {
            min-width: 0;
            padding: 0;
            width: 0;
        }
/*checkbox container*/
.chContainer {
    height: 94%;
    min-width: 90%;
    margin: auto;
    position: absolute;
    bottom: 0;
}

.formRow p {
    margin: -4px;
    padding: 4px 8px;
    background: #f9f9f9;
    display: block;
}

.regForm select {
    border: 1px solid #BBBBBB;
    padding: 2px;
    width: 173px;
}

#money {
    width: 67px;
}

.frBox {
    float: left;
    height: 100%;
    width: 48%;
    position: relative;
}

    .frBox div {
        clear: both;
    }

    .frBox label.lblRight {
        margin-left: 0 !important;
    }

.bigTextbox {
    width: 90%;
}

.strong {
    font-size: 15px;
}
/*------small common classes--------------*/
.smallText {
    font-size: 12px;
}

.halfPartition {
    width: 46% !important;
    float: left;
}

.fullLbl {
    width: auto !important;
}

.bigTextbox {
    width: 90% !important;
}

.smalltextbox {
    width: 100px !important;
}

.spaceLeft {
    margin-left: 5px;
}

.spaceLeftBig {
    margin-left: 20px;
}

.spaceVertical {
    margin-bottom: 5px;
    margin-top: 7px;
}

.verticalChkbox {
    vertical-align: middle;
}

.disableField {
    opacity: .6;
    filter: Alpha(opacity='60');
}
/* tax form */
.taxForm input[type="text"] {
    width: 186px;
}
/*---page header text---*/
#pageHead {
    color: #00599C; /*float: left;*/
    font-size: 18px;
    font-weight: bold;
    min-width: 100px;
    padding: 2px 5px 0 5px;
}

    #pageHead a {
        display: block;
        color: #00599C; /*float: left;*/
    }
/*a common class for fix space from left*/
.spaceFix {
    margin-left: -4px;
}

label[for='email'].error {
    white-space: nowrap;
    margin-left: -173px;
    float: left;
    margin-top: 27px;
    position: absolute;
    margin-bottom: 5px;
}
/*select box in head*/
.ddSelectBox {
    float: right;
    margin: 3px;
}
/*----grid table-----*/
.grid_scroll {
    margin: 0;
    width: 100%;
    border: 1px solid #DEDEDE;
}

    .grid_scroll tr th a, .grid_scroll tr th {
        color: #222222 !important;
        border-left: none;
        font-size: 12px !important;
        border-right: none;
    }

.grid_scroll {
    font-size: 11px;
    text-align: left;
}

.statusContent {
    float: right;
}

.grid_scroll .alt {
    background: url("images/grd_alt.png") repeat-x scroll center top #FCFCFC;
}

.grid_scroll tr th a, .grid_scroll tr th {
    border-left: medium none;
    border-right: medium none;
    color: #222222 !important;
    font-size: 12px !important;
}

.grid_scroll th {
    background: url("images/inner.gif") repeat-x scroll center bottom #DEDEDE;
    border-left: 1px solid #525252;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 4px 2px;
}

.grid_scroll td {
    border-left: 1px solid #C1C1C1;
    border-right: 1px solid #C1C1C1;
    color: #717171;
    padding: 2px;
}
/*simple table design*/
.goodsTbl {
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 3px 15px;
    width: 95%;
}

    .goodsTbl td {
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 10px;
    }

.currencyTd {
    width: 200px;
}

/* --------------------- Dashboard page blocks --------------------------- */
/*--main wrapper--*/
.titleH {
    text-align: center;
}

.wrapper {
    /*     height: 85%;     margin: 2% auto 0;     width: 85%;*/
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #C2C2C2;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 45px;
    overflow: auto;
}

    .wrapper .wbox {
        margin: 4% auto;
        max-width: 90%;
        min-width: 200px;
    }
/*blocks design for all dashboard pages*/
/*color less blocks*/
.block {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 150px;
    margin: 2% 5% 1% 1%;
    position: relative;
    width: 290px;
    padding: 0px;
    overflow: hidden;
    box-shadow: 5px 6px 8px #555555;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=150, Strength=8);
}
    /*alarms counter*/
    .block .newAlarms {
        position: absolute;
        height: 10px;
        min-width: 20px;
        padding: 2px;
    }

    .block:hover {
        opacity: 0.9;
        filter: Alpha(opacity='90');
    }

    .block:active {
        box-shadow: 0 0 0 #000;
    }

.border {
    border: 1px solid #ddd; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 5px; /* Firefox 1-3.6 */
    -moz-border-radius: 5px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 5px; /*behavior: url(../../Content/PIE.htc);*/
}

.block .blockTitle {
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 5px;
    float: right;
}

.block .innerBlock {
    height: 100%;
    width: 100%;
    background-repeat: repeat-x;
    background-position: 0 0;
    float: left; /*box-shadow: 2px 2px 7px #555555 inset;*/
    background-image: url("images/over1.png");
    cursor: pointer;
}
/*disable blocks design*/
.disableBlock {
    box-shadow: 0px 0px 0px #aaa;
    border: 1px solid #aaa;
    border-right-width: 2px;
    border-bottom-width: 2px;
}

    .disableBlock .innerBlock {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABMCAIAAAAjsUpsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEVJREFUeNqMTlsKACAMku5/Z9sL1lpUH6JMJ4LkAGBQTdVxIwUQXVizNK+zd1Tecjfv1RHbnE/bcmPrKL8/XYufG6cAAwBFymotT/a6tQAAAABJRU5ErkJggg==) repeat-x scroll 0 0 #D8DCE0 !important;
        color: #888;
        background-image: none;
        filter: none !important;
        cursor: default;
    }

        .disableBlock .innerBlock a {
            color: #555 !important;
            background-image: none;
            cursor: default !important;
        }

.block .innerBlock a {
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 30px;
    line-height: 150px;
    text-align: center;
}

    .block .innerBlock a:hover {
        text-decoration: none;
    }
/*info type block -blue color*/
.block .innerBlock.info {
    background-color: #277CD1;
}

/*------------------------screen adjust------------------------------------------*/
/*adjust according to acreen*/
@media screen and (max-width: 1150px) {
    .wrapper {
        /* height: 90%;     margin: 2% auto;     width: 96%;*/
    }
}
/* change password*/
/*form in panel*/
.formateForm {
    width: 360px;
    padding: 26px;
    text-align: left;
    margin-top: 40px;
    border-radius: 7px;
    box-shadow: 0 0 10px 1px #999999;
}

    .formateForm .rGroup input[type="text"], .formateForm .rGroup input[type="password"] {
        width: 98%;
        margin: 2px 2px 6px 2px;
        padding: 3px;
    }

    .formateForm h2 {
        margin: 0 5px 10px;
        border-bottom: 1px solid #575757;
        color: #6e6e6e;
        padding: 6px 5px;
    }

.rGroup {
    padding: 6px 8px;
}

    .rGroup label {
        /*color: #1166C1;
        font-size: 12px;
        font-weight: bold;
        margin-left: 1px;
        vertical-align: top;
        display: block;*/
    }

    .rGroup input[type="password"], .rGroup input[type="text"] {
        display: block;
    }

/* success*/
.cpSuccess {
    color: #14A01B;
    font-size: 16px;
    text-align: center;
}

/* error */
.cpError {
    color: Red;
    font-size: 16px;
    text-align: center;
}

.field-validation-error {
}

.frBox .field-validation-error {
    float: right;
    height: 16px;
    margin-right: 26px;
    margin-top: -8px;
}

.field-validation-error span, .validation-summary-errors {
    color: red !important;
    font-size: 11px !important;
    font-weight: normal !important;
}

.validation-summary-errors {
    text-align: center;
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
/* table container*/
.checks {
    padding: 3px 0px 7px 0px;
}

    .checks label {
        margin: 5px;
        min-width: 10px;
    }

    .checks input[type="text"] {
        margin: 2px 0 0 2px;
        width: 29%;
    }

    .checks input[type="submit"], .checks button {
        margin: 2px 0 0 2px;
        height: 24px !important;
        vertical-align: top !important;
    }

.tblContainer {
    width: 100%;
    top: 100px;
    bottom: 0;
    overflow-y: auto;
}
/*content panel deveide*/

.cInnerL {
    right: 380px;
}

.cInnerR {
    width: 375px;
}

.borderR {
    border-left: 1px solid #dedede;
}

    .borderR .content {
        border-left: 1px solid #ccc;
    }
/* ---------------- download section ------------- */
/* download document - head ul li style*/
.headingBox {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #DEDEDE;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
}

.download ul {
    padding: 0;
    margin: 0;
}

    .download ul li {
        font-weight: bold;
        font-size: 11px;
        padding: 5px 10px;
        border-bottom: 1px solid #dedede;
        background: #f7f7f7;
        display: block;
    }

        .download ul li a {
            color: #277CD1;
            text-decoration: none;
        }

            .download ul li a:hover {
                color: #055BB7;
            }

.docChoice {
    padding: 7px 2px 7px 7px;
}
    /*devide panel in rows*/
    .docChoice .row {
        padding: 6px 0;
    }

        .docChoice .row input[type="radio"] {
            vertical-align: top;
            margin-left: 0;
            margin-right: 3px;
        }
        /*color code classes*/
        .docChoice .row img.dc {
            float: right;
        }
/*color classes*/
.rggb, .rrgb, .rbgb {
    min-width: 100px;
    margin-right: 1px;
}
/* green color*/
.rggb {
    color: #03BD21;
}
/*red color*/
.rrgb {
    color: #D84D4D;
}
/* toolbar popup style */
/*popup opener style*/
.topener {
    width: 13px;
    height: 14px;
    padding: 9px 6px 3px;
    float: right;
    position: relative;
    border-left: 1px solid #1166c1;
}

    .topener:hover {
        cursor: pointer;
    }
    /*inner dive in opener*/
    .topener .pdiv {
        display: block;
    }
    /*opener arrow icon*/
    .topener .arrow {
        background: url("images/icons/w-arrow-down.png") no-repeat;
        padding: 4px 5px;
        display: block;
    }
    /*opener upload icon*/
    .topener .upload-file {
        background: url("images/icons/arrow_up.png") no-repeat;
        padding: 8px 10px 8px 6px;
        display: block;
        margin: -4px 4px 0 0;
    }
    /*popupbox style*/
    .topener .popupBox {
        border: 3px solid #e7e7e7;
        border-right: none;
        border-top: none;
        position: absolute;
        top: 25px;
        right: 0;
        display: block;
        min-height: 160px;
        min-width: 210px;
        background: #fff;
        z-index: 10;
        display: none;
        cursor: default;
    }

        .topener .popupBox .pblock {
            border: 1px solid #bbb;
            background: #fff;
        }
    /*table in popup - tableContainer is class of tavle container div*/
    .topener .tableConatiner {
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        padding: 7px 0 5px 7px;
        overflow-y: auto;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 30px;
        position: absolute;
    }

        .topener .tableConatiner table {
            width: 100%;
            border-collapse: collapse;
        }

            .topener .tableConatiner table tr td {
                padding: 2px 2px 10px 2px;
            }

                .topener .tableConatiner table tr td select {
                    width: 95px;
                    margin-left: 5px;
                    padding: 2px;
                }
    /*popup box footer or button container*/
    .topener .popupFooter {
        border: 1px solid #bbb;
        background: #f5f5f5;
        position: absolute;
        bottom: 0px;
        height: 26px;
        padding: 4px;
        left: 0px;
        right: 0px;
        text-align: right;
    }
/*---side Menu Link ---*/
.sideMenuLink {
    border-bottom: 2px solid #DBEDFF;
}
    /*anchor lint in side menu*/
    .sideMenuLink a {
        display: block;
        padding: 16px 7px;
        color: #333;
        background: none repeat scroll 0 0 #C1E2FF;
        border-bottom: 1px solid #4591D8;
        font-size: 11px;
        font-weight: bold;
        background-image: -moz-linear-gradient(center top, #C1E2FF, #8BC3F4);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#C1E2FF), to(#8BC3F4));
        background-image: -ms-linear-gradient(center top, #C1E2FF, #8BC3F4);
        background-image: -ms-linear-gradient(top, #C1E2FF 0%, #8BC3F4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C1E2FF', endColorstr='#8BC3F4'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C1E2FF', endColorstr='#8BC3F4')"; /* IE8 */
    }
        /*effects of links*/
        .sideMenuLink a:hover, .activeSideLink {
            background: none repeat scroll 0 0 #70BCFF !important;
            color: #fff !important;
            border-bottom: 1px solid #6399CC !important;
            background-image: none !important;
            filter: none !important;
        }
        /* disablr link*/
        .sideMenuLink a.disable, .disable {
            background: none repeat scroll 0 0 #D2E5F7;
            color: #777;
            background-image: none;
            filter: none !important;
            cursor: default;
        }

#thetable {
    cursor: pointer;
}
/* free size label style */
.freeLbl {
    width: auto !important;
    min-width: 10px !important;
}
/* ---------------------End of Dashboard page blocks --------------------------- */
/* Notification message*/
.message {
    position: absolute;
    min-width: 150px;
    max-width: 500px;
    background: #ffa;
    top: 0;
    border: 1px solid #FFCC35;
    display: none;
    left: 50%;
    margin-left: -150px;
    border-top: none;
    font-weight: bold;
    font-weight: normal;
}

    .message div {
        display: block;
        padding: 5px;
        text-align: center;
    }
/*free size peragraph*/
.infoPanel h1, .infoPanel h2, .infoPanel h3 {
    text-align: center;
}
/*forms pages paragraph in cpanel class*/
.cPanelPera {
    padding: 6px 1px 1px 15px;
    border: 1px solid #AAAAAA;
}

    .cPanelPera span {
        min-width: 50px;
        display: block;
        float: left;
    }

/*-------------table design(value and properties)--------*/
.themeTable {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    margin-left: 0 !important;
    font-family: Arial;
}

    .themeTable td {
        border-top: 1px dotted #f9f9f9;
        border-top: 1px solid #dedede;
    }

        .themeTable td img {
            vertical-align: middle;
        }

    .themeTable th {
        font-weight: bold;
        text-align: left;
    }
/*TABLE TITLE HEADER*/
.tableCelltitle {
    background: url("images/inner.gif") repeat-x scroll center bottom #DDDCDD !important; /*border:1px solid #DEDEDE;*/ /*padding: 0 8px !important;*/
    /*background: #f0f0f0;*/
    height: 29px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #c5c5c5;
    background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top !important;
    color: #fff !important;
}


/*TABLE ROW HEADING*/
.tableCelllabel {
    background: #F7F7F7;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    /*font-size: 11px;*/
    height: 12px; /*padding: 3px 10px 2;*/
    text-align: left !important; /*white-space:nowrap;*/
    text-indent: 0 !important;
    font-size: 12px !important;
    /*letter-spacing: 1px;*/
    font-family: Hermes_FB;
    font-family: Arial;
}
/*TABLE ROW VALUE*/
.tableCellinfo {
    background: #FFF;
    font-size: 12px !important;
    border-bottom: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    text-align: left !important;
    text-indent: 0 !important;
    font-family: Hermes_FB;
    font-family: Arial;
    font-size: 12px !important;
    /*letter-spacing: 1px;*/
    color: #222;
    /*font-size: 11px;*/ /*padding: 3px 10px 2px;*/
}

    .tableCellinfo a {
        display: block;
        height: 20px;
        line-height: 20px; /*padding: 0 0 0 14px !important;*/
    }
/*reset file input button for ie*/
input[type="file"] {
    overflow: visible\9;
}
/*----error class---*/
.error {
    color: red;
}
/*end of table style*/

/* Levy date picker date unavailable style*/
.levydatepicker-date-unavailable a {
    color: Red !important;
}

.blueText {
    color: Blue;
    margin-left: 5px;
}

/* Table css for dialog box*/
.dialogTable {
    width: 100%;
}

    .dialogTable td select {
        min-width: 150px;
    }

        .dialogTable td select[multiple] {
            min-width: 250px;
        }


/* Device connection signal*/
.red-circle {
    background: url("images/icons/red_circle.png") no-repeat center center;
    width: 16px;
    height: 16px;
}

.green-circle {
    background: url("images/icons/green_circle.png") no-repeat center center;
    width: 16px;
    height: 16px;
}

/*bynavi*/
.Main_Div {
    height: 100%;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clear {
    clear: both;
}

#masterHeader {
    background: #fff;
    background: #ee2e22;
    /*background:url("/Content/css/images/head-bg.png") no-repeat left top;*/
    height: 94px;
}

#pageHead {
    /*padding: 9px 10px;*/
}

#userHeaderPanel {
    padding: 12px 10px 18px 10px;
    padding: 0 10px 0 0;
}

    #userHeaderPanel .option a {
        color: #fffdec !important;
        font-size: 14px !important;
        padding-left: 21px;
        font-weight: normal !important;
        text-shadow: none !important;
    }

.Logo {
    margin: 10px 10px 10px 0px;
    margin: 3px 10px 10px 0px;
}

#masterMenu {
    height: 33px;
    height: 36px;
    left: 0;
    right: 0;
    top: 57px;
    z-index: 2;
}

div.main {
    width: 100%;
    height: 38px;
    background: #4a8bc2;
    background: url("/Content/css/images/menu-background-stirp-grey.jpg") repeat-x left;
    /*border-top: 1px solid #c4c4c4;*/
    /*background-color: #ee2e22;*/
}

.cbp-hrmenu {
    /*width: 100%;*/
    padding: 0 10px;
}

    .cbp-hrmenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    /* first level ul style */
    .cbp-hrmenu > ul,
    .cbp-hrmenu .cbp-hrsub-inner {
        width: 90%;
        width: 100%;
    }

        .cbp-hrmenu > ul > li {
            display: inline-block;
            margin-left: -5px;
            height: 34px;
            margin-top:2px;
        }

            .cbp-hrmenu > ul > li > a {
                padding: 9px 7px 7px 0px;
                color: #fff;
                color: #6e6e6e;
                display: inline-block;
                font-size: 14px;
                margin-right: 25px;
            }

            .cbp-hrmenu > ul > li.cbp-hropen a {
                /*border: 1px solid #c4c4c4;*/
                border-bottom: 0;
                border-top: 0;
            }

            .cbp-hrmenu > ul > li > a:hover {
                /*color: #eee;
                  text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);*/
                /*color:#fff;
                  text-shadow: 1px 1px 0 #fff;*/
                color: #fff;
                color: #6e6e6e;
                text-shadow: 1px 1px 0 #BD0000;
                text-shadow: 1px 1px 0 #fff;
            }

.active {
    color: #eee;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
}

.sub_active {
    text-decoration: underline;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
    /*color: #6E6E6E;*/
    background: #f9f9f9;
    background: #fff;
    /*margin-top: 1px;*/
    text-shadow: none;
    /*border-top: 1px solid #ee2e22;*/
    /*margin-top:2px;*/
    /*border: 1px solid #a8a8a8;
    border-bottom: 0;
    height: 17px;
    margin-top: 1px;*/
    color: rgb(227, 33, 25);
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
    display: none;
    position: absolute;
    background: #f9f9f9;
    width: 100%;
    left: 0;
}

.cbp-hropen .cbp-hrsub {
    display: block;
    padding-bottom: 27px;
    background-image: url(images/menu-bdr-btm.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    cursor: default;
    position: absolute;
    z-index: 1000;
    background: #fff;
    border-bottom: 3px solid #173887;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
    width: 22%;
    width: 17%;
    width: 17%;
    float: left;
    padding: 0 0 0 2em;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
    content: " ";
    display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
    clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
    line-height: 2em;
    /*font-size: 12px;*/
    font-size: 13px;
}

.cbp-hrsub h4 {
    color: #000;
    color: rgb(112, 113, 115);
    padding: 27px 0 0.6em 0;
    margin: 0;
    /*font-size: 14px;*/
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px dotted #c5c5c5;
    margin-bottom: 20px;
}

.cbp-hrmenu > ul > li > a span img {
    margin: 0px 0 0 0;
    position: relative;
    right: -7px;
    top: 7px;
}

.cbp-hrsub-inner ul li {
    cursor: default;
}

.cbp-hrmenu > ul > li > a img {
    padding-right: 5px;
    margin-left: 5px;
}

.cbp-hrsub-inner ul li a:hover {
    text-decoration: underline;
    color: #669999;
    color: #114d97;
    color: rgb(227, 33, 25);
}

.taskbar label {
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    color: #2e2e2e;
    margin-right: 10px;
}

.Breadcurms_wrp {
    background: url("/Content/css/images/bg-ip-mainmenu1.jpg") repeat;
    height: 36px;
    padding: 0px 10px 0 10px;
    width: 1004px;
    margin: 0 auto;
    margin-top: 22px;
    line-height: 12px;
    font-family: Verdana;
    line-height: 34px;
    /*border-left: 5px solid #ee2e22;*/
}

.Page_location .Parent_page, .Parent_page a {
    color: #fff;
}

.border_none {
    border: none !important;
}

.Desination_page {
    color: #eee;
}

.button_blue {
    color: #FFFFFF;
    background: #1b3f94 !important;
    padding-top: 5px;
    padding-bottom: 7px;
    text-align: center;
    /*padding-right: 11px;*/
    text-transform: Uppercase;
    font-family: Verdana;
    /*font-family: Hermes_FB;*/
    font-size: 11px;
    margin: 10px 2px;
    cursor: pointer;
    /*font-weight: bold;*/
    width: 114px;
    text-indent: 0;
    padding-left: 9px;
    padding-right: 9px;
    overflow: hidden;
    min-width:64px;
}

    .button_blue:hover {
        /*box-shadow:1px 1px 0px 1px #fff inset;*/
        opacity: 0.85;
    }

.Tab {
    border-bottom: 0;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 4px 4px 0 0;
    width: 30%;
    text-align: center;
    padding: 5px;
    border: 1px solid #d5d5d5;
    border-bottom: 0;
    padding-bottom: 7px;
    z-index: 1000;
    border-bottom: 1px solid #fff;
}

    .Tab:hover, .ActiveTab {
        cursor: pointer;
        padding-bottom: 6px;
    }

.bordernone {
    border-top: none !important;
}


input[type="submit"] {
    box-shadow: none !important;
}

.img_responsive {
}


.overflow {overflow:auto;}

div#divEscalationDetails a.k-button.k-button-icon.k-button-bare {
  width: 15px;
  padding: 0px;
  margin-left: 5px;
}

div#divEscalationDetails a.k-button.k-button-icon.k-button-bare span {
  margin-left: -10px;
}

.fright.Response_RightPanel span{color: #fff;}


#gridOwnerList table tbody td { text-align: left !important;  padding-right: 27px;}




/*------fixed header table ------------*/



  @-moz-document url-prefix() { 
  .toolTipMozila {margin-left: -137px !important;
    margin-top: 28px !important;}
}

.loding-new{ }
.loding-new .overlay{position:fixed; width:100%; height:100%; top:0px; left:0px; background: rgba(0, 0, 0, 0.4196078431372549); z-index:99999; }
.loding-new .loding-img{ margin:auto; position:absolute; top:40%; width:100%; text-align:center;  }
.loding-new .loding-img img{ margin: auto;  max-width: 133px; background: rgba(255, 255, 255, 0.7098039215686275);position: relative;  z-index: 99999; border-radius: 87px;}