/*KILL*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.selects:after, .simpleselect2:after, .simpleselect:after, .statescontainer:after, .bgcolor:after {
    content: "";
    display: table;
    clear: both;
}

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

caption, th, td {
    font-weight: normal;
}

table, td, therror {
    vertical-align: top;
}

*:focus {
    outline: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    fadebox: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

body {
    margin: 0px;
    padding: 0;
    color: #444;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    background: url('/content/images/bg.jpg') center top no-repeat;
    background-attachment: fixed;
}

form {
    margin: 0px;
    padding: 0px;
    float: none;
    width: auto;
}

.formstyle .nostyle {
    margin: 0px;
    padding: 0px 5px 0 0;
    float: none;
    width: auto;
}

P, TABLE, DIV, SPAN, TD, TH, LI, FORM, BLOCKQUOTE {
    font-family: Arial;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
}

A, A:link, A:visited, A:focus, A:active {
    color: #770000;
    font-size: 12px;
    font-family: Arial;
    text-decoration: underline;
}

    A:hover {
        text-decoration: underline;
        color: #000;
    }

img {
    border: none;
    background: none;
}


h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    color: #444;
    font-weight: normal;
    font-family: lucida grande,Lucida Sans Unicode,Verdana,Helvetica,sans-serif;
}

h1 {
    font-size: 18px;
    margin: 10px 0px;
    position: relative;
}

    h1 span {
        font-size: 18px;
        margin: 10px 0px;
        font-weight: bold;
    }

        h1 span.nobold {
            font-weight: normal;
        }

        h1 span.bad {
            font-size: 14px;
            display: inline-block;
            margin: 3px 20px;
            color: #ff0000;
        }

        h1 span.good {
            font-size: 14px;
            display: inline-block;
            margin: 3px 20px;
            color: #699703;
        }

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

    h6 span {
        font-size: 12px;
        font-weight: bold;
    }

ol li {
    padding-left: 13px;
    line-height: 19px;
    margin-bottom: 10px;
    list-style-type: decimal;
}

ul, ol {
    padding: 0px;
    margin-left: 15px;
}

    ol li {
        padding-left: 0px;
    }

    ul li {
        line-height: 19px;
        padding-left: 10px;
        background: url('/content/images/dot.gif') left 8px no-repeat;
        list-style-type: none;
        margin-bottom: 10px;
    }


#notalowtoupload {
    color: red
}
/*---------------------------page-------------------------------*/
#theboss, .page {
    max-width: 1920px;
    width: 1265px;
    position: relative;
    margin: 0px auto;
}

.manual {
    position: absolute;
    top: 5px;
    right: 150px;
    font-weight: bold;
    font-size: 18px;
    color: #fff !important;
}

.lightsystem {
    position: absolute;
    top: 25px;
    right: 150px;
    font-weight: bold;
    font-size: 18px;
    color: #fff !important;
}

.companylogo {
    float: right;
    margin-top: 10px;
}

.cl_logo {
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

.logo {
    float: right;
    margin-top: 7px;
}


.title {
    margin-left: 20px;
    float: left;
    font-size: 30px;
    color: #fff;
    width: 470px;
    font-family: lucida grande,Lucida Sans Unicode,Verdana,Helvetica,sans-serif;
}

.titleBlack {
    float: left;
    font-size: 30px;
    color: #000;
    width: 470px;
}

.title span {
    font-family: lucida grande,Lucida Sans Unicode,Verdana,Helvetica,sans-serif;
    color: #11e541;
    font-size: 20px;
}

.innertitle {
    /*font-family: arial;*/
    color: #000;
    font-size: 17px;
    font-weight: bold;
    float: left;
    /*direction:ltr;*/
    text-align: left;
}

.innertitle2 {
    display: inline-block;
    margin: 3px 0px;
    font-size: 13px;
}


.innertitle3 {
    display: inline-block;
    margin: 3px 0px;
    font-size: 15px;
    font-weight: bold;
}

.printSearching {
    background: #cbdeee;
    color: #1f4a85;
    border-bottom: 1px solid #6d97ba;
    font-weight: bold;
    text-align: left;
    padding: 5px 10px 0px 0px;
}

.user, .user A, .footer A:link, .footer A:visited, .footer A:focus, .footer A:active {
    margin: 7px 0px 0px 10px;
    float: left;
    font-size: 12px;
    color: #fff;
    width: 210px;
}

.header {
    /* background: url('/content/images/bgtop.png') center top no-repeat;*/
    background-color: #34569d;
    height: 0px;
    overflow: hidden;
    width: 100%;
}

#content {
    background: #fff url('/content/images/toplines.gif') center 0px repeat-x;
    min-height: 500px;
    padding: 0px 25px 25px 25px;
    /*overflow: hidden;*/
    position: relative;
    clear: both;
}

    #content h1 { /*overflow:hidden;*/
    }

.login {
    background: #7da5e0 url('/content/images/bglogin.gif') center top repeat-x;
    border: 1px solid #5d8cc9;
    width: 270px;
    height: 200px;
    margin: 0px auto;
}

    .login div {
        background: #fff;
        margin: 25px 4px 0px 4px;
        height: 160px;
        border: 1px solid #5d8cc9;
        padding: 5px 10px;
    }

    .login span {
        font-size: 12px;
        display: inline-block;
        width: 80px;
        padding: 5px 0px 0px 4px;
        height: 21px;
    }

    .login input {
        font-size: 12px;
        border: 1px solid #939393;
        width: 130px;
        margin-bottom: 6px;
        height: 21px;
    }

    .login span.select {
        font-size: 12px;
        display: inline-block;
        width: 80px;
        padding: 0px 0px 0px 4px;
        height: 21px;
    }

    .login select {
        font-size: 12px;
        border: 1px solid #939393;
        width: 135px;
        margin-bottom: 6px;
        height: 21px;
    }

    .login input.checkbox {
        border: none;
        width: 15px;
        height: 15px;
        margin: 5px 7px -5px 7px;
    }

    .login span.checkbox {
        border: none;
        width: 180px;
        height: 15px;
    }

        .login span.checkbox input {
            border: none;
            width: 15px;
            height: 15px;
            margin: 5px 0px -5px 5px;
        }

    .login span.keep {
        border: none;
        width: 120px;
        height: 15px;
    }

    .login input.submit {
        border: none;
        width: 66px;
        float: right;
        margin: 7px 5px 0px 10px;
    }

    .login submit.apply {
        margin: 10px 18px 0px 10px;
        text-decoration: none;
        float: right;
    }

    .login span.required {
        color: #ff0000;
        width: 10px !important;
        font-weight: bold;
        font-size: 14px;
    }

    .login span.requiredlong {
        color: #ff0000;
        width: 320px !important;
        margin-bottom: 20px;
        font-weight: bold;
        font-size: 14px;
    }

.applyoutLogin {
    width: 92px;
    height: 20px;
    float: left;
    margin: 15px 18px 0px 18px;
    cursor: pointer;
    border: none;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    text-align: center !important;
    font-weight: bold;
    color: #fff;
    font-family: Arial;
}

.hide {
    display: none;
}

/*------------------------floatleft----------------*/
.floatleft {
    float: left !important;
}

/*------------------------floatright---------------*/
.floatright {
    float: right !important;
}
/*---------------------------footer------------------------------*/
.footer {
    color: #444444;
    font-size: 11px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

    .footer A, .footer A:link, .footer A:visited, .footer A:focus, .footer A:active {
        text-decoration: none;
        color: #1d4695;
        font-size: 13px;
    }

        .footer A:hover {
            text-decoration: none;
            color: #000;
        }

/*---------------------------breadcrumbs------------------------------*/
.breadcrumbs {
    color: #444;
    font-size: 13px;
    overflow: hidden;
    padding: 3px 0px 3px 0px;
}

    .breadcrumbs span {
        display: inline-block;
        float: left;
    }

    .breadcrumbs A, .breadcrumbs A:link, .breadcrumbs A:visited, .breadcrumbs A:focus, .breadcrumbs A:active {
        text-decoration: underline;
        color: #1d4695;
        font-size: 13px;
        padding: 0px 5px;
        display: inline-block;
        float: left;
    }

    .breadcrumbs span.arrow {
        display: inline-block;
        float: left;
    }

    .breadcrumbs A:hover {
        text-decoration: none;
        color: #000;
    }




.breadcrumbsUPS {
    color: #444;
    font-size: 13px;
    overflow: hidden;
    padding: 2px 0px 2px 0px;
}

    .breadcrumbsUPS span {
        display: inline-block;
        float: left;
    }

    .breadcrumbsUPS A, .breadcrumbsUPS A:link, .breadcrumbsUPS A:visited, .breadcrumbsUPS A:focus, .breadcrumbsUPS A:active {
        text-decoration: underline;
        color: #1d4695;
        font-size: 13px;
        padding: 0px 5px;
        display: inline-block;
        float: left;
    }

    .breadcrumbsUPS span.arrow {
        display: inline-block;
        float: left;
    }

    .breadcrumbsUPS A:hover {
        text-decoration: none;
        color: #000;
    }

/*--*/
.mainmanu {
    height: 33px;
    overflow: hidden;
    width: 100%;
    margin-top: 5px;
}

    .mainmanu a {
        color: #000;
        font-size: 14px;
        width: 121px;
        height: 33px;
        line-height: 33px;
        text-decoration: none;
        text-align: center;
        display: block;
        float: left;
        margin-right: 2px;
        background: url('/content/images/tab.png') no-repeat;
    }

        .mainmanu a:hover {
            color: #fff;
            background-position: 0 -34px;
        }

        .mainmanu a.this {
            color: #fff;
            background-position: 0 -34px;
        }

/*------------------------------innerTabs---------------------------*/
.innerTabs {
    height: 27px;
    overflow: hidden;
    width: 100%;
}

    .innerTabs a {
        color: #000;
        font-size: 15px;
        width: 121px;
        height: 33px;
        line-height: 33px;
        text-decoration: none;
        text-align: center;
        display: block;
        float: left;
        margin-right: 1px;
        background: url('/content/images/tab.png') no-repeat;
    }

        .innerTabs a:hover {
            color: #fff;
            background-position: 0 -34px;
        }

        .innerTabs a.this {
            color: #fff;
            background-position: 0 -34px;
        }
/*------------------------------innerTabs---------------------------*/
.dialogTabs {
    height: 27px;
    overflow: hidden;
    width: 100%;
}

    .dialogTabs a {
        color: #000;
        font-size: 13px;
        width: 121px;
        height: 30px;
        line-height: 30px;
        text-decoration: none;
        text-align: center;
        display: block;
        float: left;
        margin-right: 1px;
        background-color: Purple;
    }

        .dialogTabs a:hover {
            color: #fff;
            background-position: 0 -34px;
        }

        .dialogTabs a.this {
            color: #fff;
            background-position: 0 -34px;
        }
/*------------------------------submenu-----------------------------*/

.submenu {
    background: url('/content/images/bgmenu.jpg') repeat-x;
    height: 33px;
    overflow: hidden;
    width: 100%;
}

    .submenu img {
        float: left;
    }

        .submenu img.spacial {
            float: right !important;
        }

    .submenu A, .submenu A:link, .submenu A:visited, .submenu A:focus, .submenu A:active {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        /*font-weight: bold;*/
        display: block;
        float: left;
        line-height: 33px;
        padding: 0px 20px;
    }

        .submenu A:hover {
            text-decoration: none;
            color: #000;
        }

        .submenu A.this {
            text-decoration: none;
            color: #000;
            font-weight: bold;
        }

    .submenu input {
        float: right;
        margin: 1px 1px 0px 0px;
    }
/*------------------------------menu-----------------------------*/
.menu {
    height: 25px;
    background: url('/content/images/bgmenu.gif') left top repeat-x;
}

    .menu A, .menu A:link, .menu A:visited, .menu A:focus, .menu A:active {
        text-decoration: none;
        color: #1d4695;
        font-size: 13px;
        font-weight: bold;
        padding: 0px 10px;
    }

        .menu A:hover {
            text-decoration: none;
            color: #000;
        }

    .menu .this {
        color: #000 !important;
        text-decoration: underline;
    }

/*---------------------------------scrolling-----------------------------------*/
.scrolling {
    scrollbar-face-color: #cacaca;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #cdcdcd;
    scrollbar-darkshadow-color: #dfdfdf;
    scrollbar-shadow-color: #aeacac;
    scrollbar-arrow-color: #1f4a85;
    scrollbar-track-color: #fff;
    text-align: left;
    width: 960px;
    overflow: auto;
    direction: rtl;
    height: 600px;
}


/*-------------------------icons------------------------------*/
.icons {
    padding: 7px 0px 5px 0px;
    overflow: hidden;
    margin: 0px 25px;
}

    .icons img {
        float: left;
        margin-right: 10px;
    }

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

.icons_p_e {
    float: right;
}

    .icons_p_e img {
        margin: 0px 5px;
    }
/*-------------topmanag--------------*/
.topmanag {
    background: #fff;
}

.topmanag {
    background: #fff;
}

/*-------------Sites List Styles--------------*/
.item, .alternatingItem {
    float: left;
    padding: 15px;
    margin: 5px;
    width: 200px;
    height: 100px;
    border: 1px solid threedshadow;
}

.item {
    background: whitesmoke !important;
}

.alternatingItem {
    background: window !important;
}

    .item:hover, .alternatingItem:hover {
        background: silver !important;
    }
/*-------------/Sites List Styles--------------*/
/************** Required Fields ***************/
.required {
    color: #ff0000;
    width: 7px !important;
}

.formstyle .required {
    margin: 0;
}

.requiredlong {
    color: #ff0000;
    width: 400px !important;
    margin-bottom: 20px;
}

.requiredlongnomargin {
    color: #ff0000;
    width: 400px !important;
    margin-bottom: 0;
}

.requiredinline {
    color: #ff0000;
    display: none;
    margin: 5px;
    white-space: nowrap;
}

    .requiredinline span {
        color: #ff0000;
    }

.msgok {
    color: #52aa39;
}

.msgbad {
    color: #ff0000;
}

.msgokinline {
    color: #52aa39;
    width: 200px !important;
    font-weight: bold;
}

.msgbadinline {
    color: #ff0000;
    width: 200px !important;
    font-weight: bold;
}

.emtyspace {
    min-height: 32px;
}

/************** /Required Fields ***************/
/************** Action passed or not ***************/
.good {
    color: #699703;
    position: absolute;
    left: 0;
    top: -30px;
    width: 990px;
    text-align: center;
}

.bad {
    color: #ff0000;
    position: absolute;
    left: 0;
    top: -30px;
    width: 990px;
    text-align: center;
}
/************** /Action passed or not ***************/





.arrowimage {
    margin-top: 9px;
    cursor: pointer;
}

/*------------------boxes---------------------*/
.box {
    min-height: 220px;
    width: 288px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    position: relative;
}

    .box h4 {
        color: #3f62a6;
        display: inline;
        font-weight: bold;
        font-size: 15px;
    }

    .box div.cut {
        width: 288px;
        height: 170px;
        overflow: hidden;
        border: 1px solid #5d8cc9;
        background: #7da5e0;
        text-align: center;
        /* cursor: pointer; */
        margin: 5px 0px;
    }

        .box div.cut img {
            margin: 5px 0px;
        }

        .box div.cut:hover {
            border: 1px solid #7da5e0;
            /* background: #5d8cc9; */
        }

/*----------------------submit-------------------------*/
.submit {
    margin-right: 2px;
    float: left;
    background: url('/content/images/bgbutton.jpg') no-repeat;
    font-size: 11px;
    width: 70px;
    height: 23px;
    border: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

    .submit:hover {
        background: url('/content/images/bgbuttonhover.jpg') no-repeat;
    }

/*------------------nomargin---------------*/
.nomargin {
    margin: 0px;
}


/*--------------------------opentable-------------------------*/
.d_opentable {
    opacity: .8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    background-color: #7da5e0;
    z-index: 101;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 24px;
    color: #fff;
    height: 130px;
}

.opentable {
    border-top: 1px solid #7da5e0;
    border-left: 1px solid #7da5e0;
    width: 255px;
    color: #fff; /*float: left; 	margin-right: 90px; 	margin-top: 10px;*/
    font-weight: bold;
}

    .opentable td {
        border-bottom: 1px solid #7da5e0;
        border-right: 1px solid #7da5e0;
        padding: 2px 5px;
        color: #fff;
        font-weight: bold;
    }

.siteLabelBold {
    font-weight: bold;
}

.opentableNM {
    border-top: 1px solid #7da5e0;
    border-left: 1px solid #7da5e0;
    width: 255px;
    float: left;
}

    .opentableNM td {
        border-bottom: 1px solid #7da5e0;
        border-right: 1px solid #7da5e0;
        padding: 2px 5px;
    }



/*-------------------------clear-------------------------------*/
.clear {
    font-size: 1px;
    clear: both;
    height: 1px;
}

.clear2 {
    font-size: 10px;
    clear: both;
    height: 10px;
}

.dvtablebgcolor {
    background: #f3f3f3;
    width: 50%;
    margin-bottom: 20px;
    font-family: Arial;
    font-size: 14px;
}

    .dvtablebgcolor td {
        padding: 4px 1px 2px 3px;
    }

.dvtable {
    background: #fff;
    width: 50%;
    margin-bottom: 20px;
    font-family: Arial;
    font-size: 14px;
}

    .dvtable td {
        padding: 2px 1px 2px 3px;
    }
/*-------------------------gridtable-----------------------------*/
.tooltipTable {
    border-right: 1px solid #5d8cc9;
    width: 430px;
    border-collapse: collapse;
}

.gridtableFitTotable {
    background: #fff;
    border-left: 1px solid #5d8cc9;
    border-top: 1px solid #5d8cc9;
    margin-bottom: 20px;
}

    .gridtableFitTotable td {
        padding: 5px 3px 4px 6px;
        border-right: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
    }



.gridtable {
    background: #fff;
    border-right: 1px solid #5d8cc9;
    border-bottom: 1px solid #5d8cc9;
    border-top: 1px solid #5d8cc9;
    width: 100%;
    margin-bottom: 20px;
}

    .gridtable .alt {
        background: #f7f7f7;
        border-right: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
        border-top: 1px solid #5d8cc9;
        width: 100%;
    }


    .gridtable tr td.titletd {
        min-width: 200px;
    }

    .gridtable .topborder {
        border-top: 3px solid #5d8cc9;
        width: 100%;
    }

    .gridtable .formRow > table {
        width: 100%
    }

    .gridtable .altAzurLight1 {
        background: #ede4fd;
        border-right: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
        border-top: 1px solid #5d8cc9;
        width: 100%;
    }

    .gridtable .altAzurLight2 {
        background: #d2e2fc;
        border-right: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
        border-top: 1px solid #5d8cc9;
        width: 100%;
    }

    .gridtable .altAzurLight3 {
        background: #c3daff;
        border-right: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
        border-top: 1px solid #5d8cc9;
        width: 100%;
    }

    .gridtable .trBackColorOrange {
        background: #FFCC66;
        border-right: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
        border-top: 1px solid #5d8cc9;
        width: 100%;
    }

    .gridtable .trBackColorYellow {
        background: #FFFF99;
        border-right: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
        border-top: 1px solid #5d8cc9;
        width: 100%;
    }

.trPinkLight {
    background: #ede4fd;
}

.trAzurLight {
    background: #d2e2fc;
}

.gridtable .pgr {
    background: #fff;
    border-right: 1px solid #5d8cc9;
    border-bottom: 1px solid #5d8cc9;
    border-top: 1px solid #5d8cc9;
    width: 100%;
}

.gridtable .trbordertop td {
    border-top: 1px solid #5d8cc9;
}

.gridtable th {
    background: #c6dbfa url('/content/images/bgtitle.gif') repeat-x;
    font-size: 13px;
    padding: 5px 3px 4px 6px;
    text-align: left;
    border-left: 1px solid #5d8cc9;
    border-bottom: 1px solid #5d8cc9;
    color: #000;
    font-weight: bold;
}

    .gridtable th span {
        padding: 0px;
        margin: 0px;
        font-size: 13px;
        font-weight: bold;
    }

.gridtable td span.insidetable, .gridtable td span.word, .gridtable td span.semi {
    font-size: 12px;
    float: none;
    width: unset;
    padding-top: 1px;
}

.gridtable td span.word {
    direction: rtl;
}

.gridtable td span.semi {
    margin-right: 0px;
}

.gridtable .strongline td tr, .gridtable .strongline {
    border-bottom: 2px solid #000;
}

.gridtable tr.boldtr td {
    font-weight: bold;
}

.gridtable td {
    padding: 5px 3px 4px 6px;
    border-left: 1px solid #c4d4fa; /*eeeeee*/
}

.gridtable strongRightborder td th {
    border-right: 2px solid #000 !important;
}

.gridtable td.slim {
    padding: 0px 5px;
    border-left: 1px solid #eeeeee;
}

    .gridtable td.slim input {
        width: 100px;
    }

.gridtable td.checkshort input {
    width: 15px !important;
    padding: 0px;
}

.gridtable td.widthFixed {
    width: 250px;
}

.gridtable th a {
    color: #000;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

.gridtable td.intd {
    background: #bed7f4;
    padding: 0px 20px 0px 20px;
    border-left: 1px solid #5d8cc9;
}

.gridtable td.rightBorder {
    border-right: 2px solid #5d8cc9;
}

.gridtable td.rightBorderWeak {
    border-right: 2px dashed #5d8cc9;
}

.gridtable td.arrow {
    cursor: hand;
    border-left: 1px solid #5d8cc9;
    width: 30px;
    background: #d7e6f7;
    /*line-height: 23px;*/
    padding: 0px;
    text-align: center;
}

.gridtable td.arrow2 {
    border-left: 1px solid #5d8cc9;
    width: 30px !important;
    background: #d7e6f7;
    line-height: 23px;
    padding: 0px;
    text-align: center;
}

.gridtable td.inner {
    border-left: 1px solid #5d8cc9;
}

.gridtable td.icon {
    width: 50px;
    padding: 3px 0px 0px 0px;
    text-align: center;
}

.gridtable td.bbottom {
    border-bottom: 1px solid #000;
    width: 33%;
}

.gridtable tr:hover, .selected2 {
    background: #ccdef9 !important;
}

.gridtable.rowspan tbody:hover {
    background: #ccdef9 !important;
}

.gridtable td.markrow {
    width: 6.25%
}

.gridtable td.valcol {
    width: 15%
}

.gridtable td.phasecol {
    width: 5%
}

.gridtable td.titlecol {
    width: 50%
}

.gridtable td.countercol {
    width: 5%;
}

.ui-dialog-content {
}

    .ui-dialog-content .ajax__calendar_days table td {
        padding: 0px;
    }

.gridtable td.select {
    direction: ltr;
    text-align: left;
    float: left;
}

.gridtable td.FormHeader {
    font-weight: bold;
    font-size: 16px;
}

.gridtable .done {
    text-align: center;
}

    .gridtable .done input[type="checkbox"] {
        width: 15px;
        float: none !important;
        margin: 0px auto;
    }

.gridtable .rst {
    width: 340px;
    padding: 3px 5px;
}

.gridtable tr.viewrow td .viewstate {
    display: block;
}

.gridtable tr.viewrow td .editstate {
    display: none;
}

.gridtable tr.editrow td .viewstate {
    display: none;
}

.gridtable tr.editrow td .editstate {
    display: block;
}

.rst table {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: none;
}

    .rst table th, .rst table td, .rst table td input {
        text-align: center;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        border: none;
        width: 33.3%;
    }

        .rst table td input {
            border: 1px solid #999;
            width: 100px;
            float: none;
        }

    .rst table th {
        background: #ccc;
    }

.formRow {
    width: 460px;
}

    .formRow input[type="radio"] {
        width: 15px;
        float: right;
        margin: 0 0 0 5px;
    }

    .formRow input[type="text"] {
        width: 120px;
    }

    .formRow .fakeinput {
        width: 140px;
    }

/*--------------------------formtable-------------------------*/

.formtable {
    background: #fff;
    border-right: 1px solid #5d8cc9;
    border-bottom: 1px solid #5d8cc9;
    border-top: 1px solid #5d8cc9;
    width: 100%;
    margin-bottom: 20px;
}


    .formtable th {
        background: #c6dbfa url('/content/images/bgtitle.gif') repeat-x;
        font-size: 13px;
        padding: 5px 3px 4px 6px;
        text-align: left;
        border-left: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
        color: #000;
        font-weight: bold;
    }

        .formtable th span {
            padding: 0px;
            margin: 0px;
            font-size: 13px;
        }

    .formtable .strongline td tr, .gridtable .strongline {
        border-bottom: 2px solid #000;
    }

    .formtable td {
        padding: 5px 3px 4px 6px;
        border-left: 1px solid #eeeeee;
    }

        .formtable td table {
            width: 170px;
        }

        .formtable td.done {
            width: 170px;
            text-align: right;
        }

        .formtable td table td input {
            width: 50px;
            margin-left: 0px;
        }

/*--------------------filter----------------------------------*/

.filter {
    background: #fff3cb url('/content/images/bgfilter.gif') repeat-x;
    padding: 20px 20px 10px 20px;
    border: 1px solid #ffe58a;
    /*overflow: hidden;*/
    margin-bottom: 20px;
}

.nofilter {
    background: none;
    border: none
}

.filter span {
    font-size: 14px;
    font-weight: normal;
    padding: 8px 0px 0px 10px;
    display: inline-block;
    width: 125px;
}

    .filter span.pos_relnerrow {
        width: 30px;
    }

    .filter span.spanNoPadding {
        padding: 0px 3px 0px 3px;
        width: 75px;
        display: inline-block;
        float: left;
    }

.filter .hasDatepicker span {
    width: auto;
}

.filter select {
    margin: 5px 0px;
    width: 188px;
    height: 22px;
}

.filter input {
    margin: 5px 0px;
    font-size: 14px;
    font-family: Arial;
    width: 184px;
    /*height: 22px;*/
}

    .filter input.special {
        margin: 5px 0px;
        font-size: 12px;
        width: 205px;
        height: 22px;
    }

    .filter input.s_date {
        margin: 5px 0px;
        font-size: 12px;
        width: 175px;
        height: 22px;
    }

    .filter input.s_dateShort {
        margin: 5px 0px;
        font-size: 12px;
        width: 75px;
        height: 22px;
    }

.filter span.short {
    font-size: 12px;
    padding: 8px 0px 0px 10px;
    margin-left: 25px;
    display: inline-block;
    width: 80px;
}

.filter .checkshort2 {
    padding: 0px !important;
    margin-top: 5px;
}

    .filter .checkshort2 input {
        margin: 0px 5px 0px 5px !important;
        width: 15px;
        float: left;
    }

.filter input.apply {
    border: none;
    width: 135px;
    height: 25px;
    float: right;
    margin: 15px 0px 5px 0px;
    background: url('/content/images/bgbtn.png') repeat-x;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    font-family: Arial;
}

.filter input.apply7 {
    border: none;
    width: 160px;
    height: 25px;
    float: right;
    margin: 15px 0px 5px 0px;
    background: url('/content/images/bgbtn.png') repeat-x;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    font-family: Arial;
}

.filter input.apply.btndisabled {
    background: #ccc;
    cursor: not-allowed;
}

.filter input.apply_sp {
    border: none;
    width: 57px;
    height: 25px;
    float: right;
    margin: 15px 0px 5px 0px;
    background: url('/content/images/bgbtn.png') repeat-x;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    font-family: Arial;
}

.filter .afterapply {
    float: right;
    padding: 0px 20px 0px 80px;
    height: 55px;
    width: 97px;
}
/*-------------------------*/
.applyoutNoBottomMargin {
    width: 135px;
    height: 25px;
    float: left;
    margin: 0px 5px 0px 0px;
    cursor: pointer;
    border: none;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    text-align: center !important;
    font-weight: bold;
    color: #fff;
    font-family: Arial;
}

.applyout {
    width: 135px;
    height: 25px;
    float: left;
    margin: 5px 5px 20px 0px;
    cursor: pointer;
    border: none;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    text-align: center !important;
    font-weight: bold;
    color: #fff;
    font-family: Arial;
}

    .applyout input[type="button"]::-ms-clear {
        display: none;
    }

.applyout4 {
    width: 135px;
    height: 25px;
    float: left;
    margin: 5px 5px 20px 0px;
    cursor: pointer;
    border: none;
    padding: 0px 15px;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    text-align: center !important;
    font-weight: bold;
    color: #fff;
    font-family: Arial;
}

.applyout_up {
    font-weight: bold;
    color: #fff;
    width: 135px;
    height: 25px;
    float: left;
    margin: 5px 5px 20px 0px;
    cursor: pointer;
    border: none;
    padding: 0px 15px;
    background: url('/content/images/up.jpg') no-repeat;
    text-align: center !important;
    font-family: Arial;
}

.applyout_down {
    font-weight: bold;
    color: #fff;
    width: 135px;
    height: 25px;
    padding: 0px 15px;
    float: left;
    margin: 5px 5px 20px 0px;
    cursor: pointer;
    border: none;
    background: url('/content/images/down.jpg') no-repeat;
    text-align: center !important;
    font-family: Arial;
}

.applyoutUp {
    font-weight: bold;
    color: #fff;
    width: 135px;
    height: 25px;
    float: left;
    margin: 5px 5px 20px 0px;
    cursor: pointer;
    border: none;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x, url('/content/images/bgbtn.png');
    text-align: center !important;
    font-family: Arial;
}

.applyoutPopup {
    font-weight: bold;
    color: #fff;
    width: 150px;
    height: 25px;
    float: left;
    margin: 5px 10px 20px 0px;
    cursor: pointer;
    border: none;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    font-family: Arial;
}

.btndisabled {
    background: #ccc;
    cursor: not-allowed;
    pointer-events: none;
}

.inputout {
    margin: 4px 10px 0px 0px;
}

input.applyout2 {
    font-weight: bold;
    color: #fff;
    /*border: 1px solid #2d5b9f;*/
    width: 115px;
    height: 25px !important;
    float: left;
    margin: 5px 0px 20px 0px;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    font-family: Arial;
}

.applyout3 {
    font-weight: bold;
    color: #fff;
    border: none;
    width: 150px;
    height: 25px !important;
    float: left;
    margin: 5px 5px 20px 5px;
    cursor: pointer;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    font-family: Arial;
}

a.applyout3 {
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: none;
    width: 150px;
    height: 25px !important;
    float: left;
    margin: 5px 5px 20px 5px;
    cursor: pointer;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    font-family: Arial;
}


a.applyout {
    font-weight: bold;
    color: #fff;
    /*border: 1px solid #2d5b9f;*/
    width: 135px;
    height: 25px;
    text-decoration: none;
    float: left;
    text-align: center;
    margin: 5px 20px 20px 0px;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    font-family: Arial;
}

.b_applyout {
    color: #000 !important;
    width: 150px !important;
    height: 25px !important;
    text-decoration: none !important;
    float: left;
    text-align: center;
    border: 1px solid #2d5b9f;
    margin: 5px;
    background: #2d5b9f url('/content/images/bgbtn.png') repeat-x;
    font-family: Arial;
}

input.b_applyout button {
    height: 25px !important;
    font-family: Arial;
}

.applybig {
    border: 1px solid #2d5b9f;
    width: 115px;
    height: 27px;
    float: left;
    margin: 5px 0px 10px 0px;
    background: url('/content/images/applybig.gif') repeat-x;
    padding-left: 30px;
}

.applydis {
    cursor: not-allowed;
    background: #cccccc;
    color: #666;
}

.checkshort {
    width: 15px !important;
    padding: 0px;
}

    .checkshort input {
        width: 15px !important;
        margin: 0px;
    }

.checkshortspecial {
    width: 15px !important;
    padding: 0px;
}

    .checkshortspecial input {
        width: 15px !important;
        margin: 0px;
    }

    .checkshortspecial input, .checkshortspecial label {
        display: inline-block;
        float: left;
        margin-right: 5px;
    }
/*---------------------selects-------------------------------------*/

.selects {
    padding-bottom: 5px;
    float: left;
    margin-right: 35px; /* border:1px solid #000;*/
    width: 350px;
}

.shortselects {
    padding-bottom: 5px;
    float: left;
    width: 150px;
}


.selects select.right {
    float: left;
    margin-right: 10px;
}

.selects select.smallselect {
    width: 85px;
    margin: 0px;
}

.selects span.multiply {
    margin: 0px 6px;
    width: 10px;
    float: none;
}

.selects .jStartDate, .selects .jEndDate {
    width: 147px !important;
}

.selects .jFromImage {
    margin-right: 23px;
}

.selects button {
    /*background:#bcd3fd;*/
    color: #4e6189;
    width: 19px !important;
    margin: 1px 0px !important;
    border: 1px solid #9aacca !important;
    background: #fff url('/content/images/ar.jpg') center center no-repeat !important;
}

.selects_s {
    width: 280px !important;
    margin-right: 0px;
}

.selectswidth {
    width: 530px;
    margin-right: 0px;
}

.selectswidth_500 {
    width: 500px;
    margin-right: 0px;
    /*border:1px solid #000;*/
}

.selectswidth_440 {
    width: 450px;
    padding: 0px;
}

.selectswidth_200 {
    width: 400px;
    padding: 0px;
}

.selectswidth_445 {
    width: 445px;
    padding: 0px;
}

.selectswidth_420 {
    width: 420px;
    padding: 0px;
    margin: 0px !important;
}

.selectswidth_450 {
    width: 490px;
    padding: 0px;
    margin: 0px;
}

.selectswidth_l {
    width: 560px;
    margin: 0px;
}

.selectswidth_xl {
    width: 580px;
    margin: 0px;
}

.selectswidth_xxl {
    width: 680px;
    margin: 0px;
}

.selectswidth2 {
    width: 360px;
    margin: 0px;
    /*border:1px solid #000;*/
}

.selectswidth3 {
    width: 420px;
    margin: 0px !important;
}

.selectswidth4 {
    width: 480px;
    margin: 0px !important;
}

.selectswidth100p {
    width: 100%;
    margin: 0px;
}

.selects span.long {
    width: 150px;
}

.selects span.m-long {
    width: 100px;
}

.selects span.s_long {
    width: 120px;
    float: left;
}

.selects span.longnomargin {
    width: 220px;
}

.selects span {
    text-align: left;
    float: left;
}


.fromdate {
}

.todate {
}

.additionalsearch {
}

    .additionalsearch select { /*width:200px !important;*/
        float: left;
    }

.shortframe {
    width: 60px;
    display: inline-block;
    float: right;
}

.shortframe20 {
    width: 20px !important;
    display: inline-block;
    float: right;
}

.selects span.short {
    width: 15px;
    margin-left: 0px;
    white-space: nowrap;
}

    .selects span.short input {
        width: 15px;
        margin-right: 5px;
    }

.selects span.short2 {
    width: 80px;
}

.selects span.short7 {
    width: 25px;
}

.selects span.short10 {
    width: 85px;
}

.selects span.short3, .shortselects span.short3 {
    width: 190px;
    white-space: nowrap;
    padding: 5px;
    margin: 0px;
}

    .selects span.short3 input, .shortselects span.short3 input {
        width: 15px;
        margin-right: 5px;
    }

.selects span.short6 {
    width: 200px !important;
    white-space: nowrap;
    padding: 5px;
    margin: 0px;
}

    .selects span.short6 input {
        width: 15px;
        margin-right: 5px;
    }

.selects span.short4 {
    width: 75px;
    white-space: nowrap;
    padding: 5px;
    margin: 0px;
}

.selects span.short1 {
    width: 30px;
    white-space: nowrap;
    padding: 5px;
    margin: 0px;
}

.gridSummary {
    padding-left: 5px !important;
}

    .gridSummary label {
        padding-left: 5px !important;
    }

.selects span.short4 input {
    width: 15px;
    margin-right: 5px;
}

.selects span.short1 input {
    width: 15px;
    margin-right: 5px;
}

.selects span.short5 {
    width: 90px;
    white-space: nowrap;
    padding: 5px;
    margin: 0px;
}

    .selects span.short5 input {
        width: 22px;
        margin-right: 5px;
    }

.selects span.short6 {
    width: 80px;
    white-space: nowrap;
    padding: 5px;
    margin: 0px;
}

    .selects span.short6 input {
        /*width: 22px;*/
        margin-right: 5px;
    }

.selects span.medium {
    width: 70px;
}

.selects span.medium2 {
    width: 100px;
}

.selects span.m_radio {
    width: 124px;
    float: left;
    padding: 0px;
}

    .selects span.m_radio input {
        width: 15px;
        float: left;
        margin-right: 2px;
    }

    .selects span.m_radio label {
        display: inline-block;
        padding-top: 3px;
    }


.selects span.ms_radio {
    width: 110px;
    float: left;
    padding: 0px;
}

    .selects span.ms_radio input {
        width: 15px;
        float: left;
        margin-right: 5px;
    }

    .selects span.ms_radio label {
        display: inline-block;
        padding-top: 3px;
    }

.selects span.multyitems_radio {
    width: 102px !important;
    float: left;
    padding: 0px;
}

    .selects span.multyitems_radio input {
        width: 15px;
        float: left;
        margin-right: 5px;
    }

    .selects span.multyitems_radio label {
        display: inline-block;
        padding-top: 3px;
    }

.selects span.nolable_radio {
    width: 25px !important;
    float: left;
    padding: 0px;
}

    .selects span.nolable_radio input {
        width: 15px;
        float: left;
        margin-right: 5px;
    }

    .selects span.nolable_radio label {
        display: inline-block;
        padding-top: 3px;
    }

.selects a span {
    cursor: pointer;
    white-space: nowrap;
}

.selects span.short input {
    width: 15px;
    margin: 0px !important;
}

.ri_col {
    width: 420px;
    float: right;
    min-height: 130px;
}

.inn_100p {
    float: left;
    margin-right: 15px;
}

.inn_100p2 {
    float: left;
    margin-right: 15px !important;
}

.s_date {
    float: left;
    margin-right: 5px;
}

    .s_date span.short label {
        display: block;
        float: left;
        width: 80px !important;
    }

    .s_date span.short input {
        float: left;
    }

    .s_date span.short {
        width: 120px !important;
    }

.s_date2 {
    width: 250px;
    float: left;
    font-size: 14px;
}

    .s_date2 span.short {
        width: 95px !important;
        font-size: 14px;
    }

.s_date20 {
    float: left;
    font-size: 14px;
}

    .s_date20 span.short {
        width: 95px !important;
        font-size: 14px;
    }

.s_date3 {
    width: 205px;
    float: left;
}

    .s_date3 span {
        width: 85px !important;
    }

    .s_date3 select {
        margin-left: 9px;
    }

.s_date4 {
    width: 225px;
    float: left;
}

    .s_date4 span {
        width: 85px !important;
    }

    .s_date4 select {
        margin-left: 9px;
    }

.s_date5 {
    width: 240px;
    float: left;
}

    .s_date5 span {
        width: 135px !important;
    }

    .s_date5 select {
        margin-left: 9px;
    }

.s_datePopUp {
    width: 285px;
    float: right;
}

    .s_datePopUp span {
        float: left;
        display: inline-block;
        margin-right: 10px;
        width: 120px;
    }

    .s_datePopUp input {
        width: 90px !important;
    }

.width150_80 {
    width: 150px !important;
}

.width100 {
    width: 120px !important;
}

.nodir {
    direction: ltr;
}
/*---------------------selects2-------------------------------------*/
.selects2 {
    padding-bottom: 5px;
    float: left;
    margin-right: 35px;
    overflow: hidden;
    width: 350px;
    /*border: 1px solid #ff0000;*/
}


    .selects2 span.small {
        width: 20px;
        height: 20px;
        padding: 0px;
    }

        .selects2 span.small input {
            margin: 5px 0px;
            float: left;
            font-size: 12px;
            width: 20px;
            height: 20px;
        }

    .selects2 span.small2 input {
        margin: 5px 0px;
        float: left;
        font-size: 12px;
        width: 20px;
        height: 20px;
    }

    .selects2 span input {
        margin: 5px 0px;
        float: right;
        font-size: 12px;
        width: 200px;
        height: 20px;
    }

    .selects2 span.long {
        display: block;
        width: 78px;
        float: left;
    }

    .selects2 span.medium {
        display: block;
        width: 80px;
        float: left;
    }


    .selects2 span {
        padding-left: 0px;
        display: block;
        width: 100px;
        float: left;
    }

/*--------------innerlinks-----------------*/

.innerlinks {
    margin-left: 10px;
    float: left;
    display: block;
    padding-top: 7px;
}

    .innerlinks a {
        color: #000;
    }

.results {
    float: right;
    display: block;
    padding-top: 12px;
}





.i_form_inn .innerform span {
    padding: 8px 0px 0px 0px;
}

/*-----------------innerform--------------------*/
.innerform {
    width: 530px;
}

    .innerform div.f_div {
        float: left;
    }

    .innerform span {
        font-size: 12px;
        padding: 8px 0px 0px 10px;
        display: inline-block;
        width: 200px;
    }

    .innerform select {
        margin: 5px 0px;
        width: 210px !important;
        height: 22px;
    }

    .innerform input {
        margin: 5px 0px;
        font-size: 12px;
        width: 204px;
        height: 16px;
    }

    .innerform textarea {
        margin: 5px 0px;
        font-size: 12px;
        width: 200px;
        height: 60px;
    }

    .innerform .checkbox input {
        margin: 0px 3px 0px 0px;
        font-size: 12px;
        width: 15px; /*height:15px;*/
    }

    .innerform span.checkbox {
        width: 100px;
        padding-left: 0px !important;
    }

    .innerform a.apply {
        width: 115px;
        text-decoration: none;
        margin-left: 35px;
    }

    .innerform a.r_b {
        float: right;
    }

    .innerform a.r_b_m {
        float: right;
        margin-right: 87px;
    }

    .innerform span.check {
        padding: 5px 0px 0px 0px;
    }

        .innerform span.check input {
            width: 20px;
            margin-left: -3px;
        }

    .innerform span.loadpic {
        padding: 5px 0px 0px 0px;
    }

        .innerform span.loadpic input {
            width: 275px !important;
        }

    .innerform button {
        color: #4e6189;
        width: 19px !important;
        margin: 1px 0px !important;
        border: 1px solid #9aacca !important;
        background: #fff url('/content/images/ar.jpg') center center no-repeat !important;
        cursor: pointer;
    }

    .innerform input.apply {
        display: block;
        border: 1px solid #2d5b9f !important;
        width: 115px;
        height: 19px;
        text-align: center;
        color: #000;
        float: right;
        margin: 5px 20px 0px 0px;
        direction: ltr;
        background: url('/content/images/apply.gif') repeat-x !important;
        cursor: pointer;
    }

    .innerform input.special_l {
        width: 178px;
    }

.special_l {
    position: relative;
}
/*
.innerform input.special_Name
{
	width:200px;rtlinput
}*/
.innerform img {
    margin-bottom: -5px;
}

.s_check {
    margin-left: 234px;
}

.picout {
    position: absolute;
    right: -250px;
    top: 0px;
    max-width: 250px;
}

    .picout img {
        max-width: 250px;
    }
/*--*/
.special input {
    margin: 5px 0px 5px 0px;
    font-size: 12px;
    width: 165px;
    height: 16px;
}

.special_l input {
    width: 185px;
}

.checkbox label {
    margin: 5px 15px 0px 0px;
}


a.apply {
    display: block;
    border: 1px solid #2d5b9f;
    width: 57px;
    height: 16px;
    text-align: center;
    color: #000;
    float: left;
    margin: 5px 20px 0px 0px;
    background: url('/content/images/apply.gif') repeat-x;
}

/******** hiding or displaying columns ***************/
.hiddencol {
    display: none;
}

.viscol {
    display: block;
}
/********** PAGE TITLE *******************************/
.pageTitle {
    border: 0px;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    padding: 0px;
    color: #444;
    font-weight: normal;
    font-family: lucida grande,Lucida Sans Unicode,Verdana,Helvetica,sans-serif;
    font-size: 18px;
    margin: 10px 0px;
    direction: ltr;
}

h3.exportPageTitle {
    border: 0px;
    font-size: 100%;
    vertical-align: baseline;
    padding: 0px;
    color: #444;
    font-weight: normal;
    font-family: lucida grande,Lucida Sans Unicode,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    margin: 10px 0px;
    display: none;
}

.dropmenu {
    background: url(/content/images/dropmenu.jpg) center top repeat-x;
    height: 23px;
    padding: 0px;
    overflow: hidden;
    border: 1px solid #ff0000;
}

.cssmenu li:hover > ul {
    display: block;
}

.cssmenu {
    font-size: 13px;
    white-space: nowrap;
    display: inline-block;
    padding: 0px;
    margin: 0px 10px;
}

    .cssmenu ul {
        padding: 0px;
        margin: 0px;
        background: none;
        color: #fff;
    }

    .cssmenu li {
        padding: 3px 0px 0px 0px;
        margin: 0px 10px;
        float: left;
        display: block;
        list-style: none;
        color: #fff !important;
        background: none;
        color: #999;
    }

    .cssmenu span {
        display: block;
        padding: 0px 6px;
    }

    .cssmenu a {
        display: block;
        text-align: left;
        font-size: 14px !important;
        cursor: pointer;
        color: #fff !important;
        text-decoration: none;
        font-family: arial;
    }

        .cssmenu a.this {
            color: #fff !important;
            text-decoration: underline;
            font-family: arial;
        }

    .cssmenu li:hover {
        position: relative;
    }

    /*------------level2------------*/
    .cssmenu ul {
        display: none;
        position: absolute;
        left: -1px;
        top: 98%;
        background: #93b4df;
        width: 150px;
    }

        .cssmenu ul li {
            float: none;
            padding: 0px;
            margin: 0px;
            border-bottom: 1px solid #698ac0;
        }

            .cssmenu ul li A, .cssmenu ul li A:link, .cssmenu ul li A:visited, .cssmenu ul li A:focus, .cssmenu ul li A:active {
                color: #fff !important;
                font-size: 11px !important;
                padding: 5px 8px 3px 3px;
                text-decoration: none;
                font-family: arial;
            }

                .cssmenu ul li A:hover {
                    color: #fff;
                }

            .cssmenu ul li:hover {
                background: #698ac0 !important;
            }

            /*------------------------------*/
            .cssmenu ul li ul {
                display: none;
                position: absolute;
                left: -1px;
                top: 0;
                background: #698ac0;
                width: 150px;
                margin-left: 150px;
            }

                .cssmenu ul li ul li {
                    border-bottom: 1px solid #93b4df;
                }

                    .cssmenu ul li ul li:hover {
                        background: #93b4df !important;
                    }
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/
/*------------------------------*/

.rightmenu {
    background: #ecf4ff;
    width: 180px;
    float: left;
    margin: 15px 15px 0px 0px;
    border: 1px solid #5d8cc9;
    border-bottom: none;
}

.level1 {
    background: #406ca1 /*url(/content/images/rightmenu.jpg) repeat-x*/;
    border-bottom: 1px solid #5d8cc9;
    min-height: 24px;
    padding-left: 10px;
}

    .level1 A, .level1 A:link, .level1 A:visited, .level1 A:focus, .level1 A:active {
        font-size: 13px;
        background: url(/content/images/minus.png) right 10px no-repeat;
        width: 140px;
        display: block;
        font-weight: bold;
        color: #000;
        text-decoration: none;
        font-family: arial;
        line-height: 23px;
    }

        .level1 A:hover {
            color: #fff;
            background: url(/content/images/arrowgrey.gif) right 10px no-repeat;
        }

        .level1 A.this {
            color: #fff;
            background: url(/content/images/arrowgrey.gif) right 10px no-repeat;
        }

.level2 span {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    font-family: arial;
    line-height: 23px;
    display: block;
    padding-left: 10px;
    border-bottom: 1px solid #b4d1f3;
}

.level2 A, .level2 A:link, .level2 A:visited, .level2 A:focus, .level2 A:active {
    font-size: 14px;
    color: #3a3a3a;
    text-decoration: none;
    font-family: arial;
    line-height: 23px;
    display: block;
    padding-left: 10px;
    border-bottom: 1px solid #b4d1f3;
}

    .level2 A:hover {
        color: #000;
        background: #cfdff6;
    }

    .level2 A.this {
        color: #000;
        background: #85baec;
        color: #fff;
        font-weight: bold;
    }

    .level2 A.end {
        border-bottom: 1px solid #5d8cc9;
    }

/*------------------------------*/
.innerPageTitle {
    margin: 20px 0px 10px 0px;
    display: block;
    float: right;
    width: 1010px;
    text-align: left;
}

/*------------------------------*/
.margin100 {
    margin-left: 100px !important;
}

.margin30 {
    margin-left: 35px !important;
}

.margin50 {
    margin-left: 50px !important;
}

#menuMainMenu {
    margin: -15px 0px 0px 0px !important;
    background: url(/content/images/newbg.jpg) center top repeat-x;
    height: 29px;
    width: 100%;
    overflow: hidden;
}




/*------------ajax__combobox_itemlist--------------*/
.ajax__combobox_itemlist {
    top: 30px !important;
    position: absolute;
}

    .ajax__combobox_itemlist li {
        margin: 0px;
        padding: 0px;
    }



.blackwindow {
    opacity: .6;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    background-color: #000;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.contpage {
    width: 940px;
    min-height: 300px;
    background: #fff;
    margin: 25% auto;
    color: #000;
    position: relative;
    z-index: 102;
    padding: 30px;
}

.marginleft {
    margin-left: 10px;
}


.counter {
    float: right;
    display: inline-block;
    padding-top: 10px;
}

    .counter span {
        padding: 0px !important;
        margin: 0px;
    }

/*------------t_check-----------*/
.t_check {
    margin: 7px;
}

    .t_check td {
        padding: 0px 10px 0px 0px;
    }

    .t_check input {
        width: 15px;
        margin: 0px 5px 0px 0px;
    }

    .t_check label {
        padding: 5px 0px 0px 0px;
    }


.t_check2 {
    padding: 0px;
}

    .t_check2 input {
        width: 15px;
        margin: 0px 5px 0px -10px;
    }

    .t_check2 label {
        margin-right: 20px;
    }

/*--*/
.overframe {
    overflow: auto;
    height: 400px;
}


/*--*/
#r_col {
    width: 1010px;
    float: right; /*overflow:hidden;*/
}

.r_col {
    width: 85%;
    float: right; /*overflow:hidden;*/
}
/*--*/
.invisibleRow {
    display: none;
}

.valid {
    white-space: nowrap;
    color: #ff0000;
    float: left; /*width:100%;*/
    display: inline-block;
    margin: 0px 30px 0px 0px;
}


/*--*/
.title_t {
    margin-bottom: 10px;
}

    .title_t a {
        margin-right: 10px;
        font-size: 12px;
        font-weight: bold !important;
    }

        .title_t a span {
            font-size: 12px;
            font-weight: bold !important;
        }

.r_boxmedium {
    width: 350px;
    height: 160px;
    float: left;
    margin: 10px 10px 10px 0px;
    border: 1px solid #ccc;
}

.r_box {
    width: 350px;
    height: 350px;
    float: left;
    margin: 10px 10px 10px 0px;
    border: 1px solid #ccc;
}

.c_box {
    width: 60px !important;
    height: 220px;
    float: left;
    margin-right: 10px;
    padding-top: 130px;
}

    .c_box a {
        color: #000 !important;
        text-decoration: none;
        cursor: pointer;
    }

.c_boxmedium {
    width: 60px !important;
    float: left;
    margin-right: 10px;
    padding-top: 60px;
}

    .c_boxmedium a {
        color: #000 !important;
        text-decoration: none;
        cursor: pointer;
    }



.span_box1 {
    display: inline-block;
    width: 430px;
    float: left;
    margin-top: 20px;
}

.span_box2 {
    width: 345px;
    display: block;
    margin-top: 20px;
}

.sort {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.bold {
    font-weight: bold;
    padding-right: 10px;
}

.boldRegular {
    font-weight: bold;
}

.boldGreen {
    font-weight: bold;
    color: #699703;
}

.boldRegularTitle {
    font-weight: bold;
    font-size: 14px;
}

.small_r_box {
    width: 160px !important;
    height: 100px !important;
    float: left;
    margin: 10px 0px 10px 0px;
}

.small_r_boxheight {
    width: 190px !important;
    height: 105px !important;
    float: left;
    margin: 10px 0px 10px 0px;
}

.updownarrows {
    float: right;
    width: 20px;
    overflow: hidden;
}

    .updownarrows img {
        float: right;
    }

    .updownarrows .imgDown {
        margin-top: 62px;
    }

.small_l_box {
    width: 200px !important;
    height: 100px !important;
    float: left;
    margin: 10px 0px 10px 0px;
}


.s_small_radio {
    float: left;
    margin: 20px 10px;
    width: 65px !important;
}

    .s_small_radio input {
        margin-right: 5px;
        width: 15px;
    }

.s_small_radio2 {
    float: right;
    margin: 20px 70px 20px 0px;
    width: 85px !important;
}

    .s_small_radio2 input {
        margin-right: 5px;
        width: 15px;
    }

.small_c_box {
    width: 60px !important;
    height: 100px;
    float: left;
    margin: 0px 10px;
}

    .small_c_box a {
        color: #000 !important;
    }

        .small_c_box a span {
            margin: 0px;
            padding: 0px;
            width: 50px;
            color: #000 !important;
            text-decoration: none;
            cursor: pointer;
            text-align: center !important;
        }

.small_box {
    float: left;
    white-space: nowrap !important;
}

.s_small_radio3 {
    float: left;
    margin: 0px 0px;
    width: 123px !important;
}

    .s_small_radio3 input {
        float: left;
        margin-right: 5px;
        width: 15px;
    }

    .s_small_radio3 label {
        display: block;
        margin: 7px 0px 0px 0px;
    }

.m_100 {
    margin-left: 100px;
}

.m_right {
    margin-left: 15px !important;
}

.m_left {
    margin-right: 15px !important;
}

.b_title {
    font-weight: bold;
    font-size: 15px;
}

.chartEmpty {
    font-family: Arial;
    font-size: 16px;
    color: Red;
}


.filter_out {
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}



    .filter_out input, .filter_out span, .filter_out img {
        float: left;
    }

    .filter_out span {
        display: inline-block;
        margin: 3px 10px 0px 5px;
    }

    .filter_out img {
        margin: 0px 5px;
    }

    .filter_out input.apply {
        border: 1px solid #2d5b9f;
        width: 135px;
        height: 19px;
        text-align: center;
        color: #000;
        margin: 0px 5px 0px 0px;
        background: url('/content/images/bgbtn.png') repeat-x;
        cursor: pointer;
    }

    .filter_out A:hover {
        cursor: pointer;
    }

#results {
    font-size: 12px;
    margin-bottom: 5px;
    white-space: nowrap;
}

#results2 {
    font-size: 12px;
    margin-bottom: 5px;
    white-space: nowrap;
}

#results span {
    font-size: 12px;
}


.yellow_s {
    background: #fff9ab;
    border: 1px solid #ffe58a;
    margin-top: 10px;
    padding: 5px 0px 15px 0px;
    overflow: hidden;
}


.ajax__calendar_container {
    background: #ecf4ff !important;
}

.ajax__calendar_other {
    background: #fffae8 !important;
}

.ajax__calendar_header {
    background: #ecf4ff !important;
    border: 1px solid #666;
}

.ajax__calendar_day {
    background: #D1E6F6 !important;
}


/*--*/
.b_printpage {
    padding: 10px;
    margin: 0px;
    background: #fff;
}





/*--*/
.table_check { /*float:right;*/
}

    .table_check input {
        width: 15px;
        margin: 0px 5px;
    }



.chanel {
    position: absolute;
    right: 20px;
    top: 50px;
}

    .chanel span {
        display: inline-block;
        padding: 4px 10px 0px 10px;
    }

.selectbill span {
    display: inline-block;
    padding: 4px 10px 0px 10px;
}

.no_rel {
    position: relative;
}

.pos_rel {
    position: relative;
    display: inline-block;
    width: 20px;
}

.toolTipAdditionalDataDiv {
    display: none;
    direction: ltr;
    text-align: left;
    position: absolute;
    top: -20px;
    right: -150px;
    width: 150px;
    height: 50px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipAdditionalDataDiv2 {
    display: none;
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    top: -45px;
    left: 10px;
    width: 300px;
    height: 45px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipAdditionalDataRight {
    display: none;
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    top: -15px;
    left: 70px;
    width: 270px;
    height: 45px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipAdditionalDataDivbottom {
    display: none;
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: -55px;
    left: 10px;
    width: 300px;
    height: 45px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipAdditionalDataDivbottomNoWidth {
    display: none;
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: -85px;
    left: 20px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipAdditionalDataDivtoph1 {
    display: none;
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    top: 10px;
    left: 10px;
    width: 400px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}


.toolTipDivSmall {
    display: none;
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    top: -30px;
    right: -50px;
    width: 180px;
    height: 25px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipDiv {
    display: none;
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    top: -105px;
    right: -150px;
    width: 300px;
    height: 100px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipChannelsDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 25px;
    left: -40px;
    width: 200px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}


.toolTipChannelsDiv2 {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 3px;
    width: 200px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolComponentTypeDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 25px;
    left: -40px;
    width: 200px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
    padding: 5px;
}

.toolTipNoWidthFlashRightDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    z-index: 21111;
    position: absolute;
    bottom: 25px;
    left: 0px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipNoWidthFlashLeftDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    position: absolute;
    bottom: 25px;
    left: -300px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipNoWidthFlashLefBigtDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    position: absolute;
    bottom: 25px;
    left: -450px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipNoWidthFlashLeftDivEmailList {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    position: absolute;
    bottom: 17px;
    left: -240px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipNoWidthFlashLeftDivSegmentDetails {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 15px;
    left: 130px;
    width: 200px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
    padding: 5px;
}

.toolTipNoWidthDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    z-index: 21111;
    position: absolute;
    bottom: 35px;
    left: -170px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipNoWidthDiv2 {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    z-index: 21111;
    position: absolute;
    bottom: 5px;
    left: -90px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipNoWidthDiv3 {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    z-index: 21111;
    position: absolute;
    bottom: 45px;
    left: -90px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
    width: 350px;
}

.toolTipNoWidthDiv4 {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    z-index: 21111;
    position: absolute;
    bottom: 30px;
    left: -50px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
    width: 250px;
}

.toolTipNoWidthBottomDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    z-index: 21111;
    position: absolute;
    bottom: -75px;
    left: -170px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipNoWidthFlashRightBottomDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    z-index: 21111;
    position: absolute;
    bottom: -75px;
    left: 0px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipCustomersDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    padding: 5px;
    position: absolute;
    bottom: 25px;
    left: -170px;
    width: 370px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipCustomersDivRightSide {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 15px;
    left: -300px;
    width: 370px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}


.toolTipCompanysDivRightSide {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 5px;
    left: 300px;
    width: 370px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipPhasesDivRightSide {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 5px;
    left: -30px;
    width: 200px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipCustomersDivLeftSide {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 15px;
    left: -100px;
    width: 370px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipLargeDivLeftSide {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 15px;
    left: -400px;
    width: 700px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipLargeDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 15px;
    left: -300px;
    width: 700px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.toolTipFilesConfirmationLargeDiv {
    direction: ltr;
    text-align: left;
    opacity: 10;
    filter: alpha(opacity=97);
    position: absolute;
    bottom: 15px;
    left: -300px;
    width: 400px;
    border: 1px #7da5e0 solid;
    background-color: #bfd7f3;
    color: #000;
}

.nobreak {
    width: 580px !important;
    margin: 0px !important;
}

/*--*/
.arachim {
    overflow: hidden;
}

    .arachim img {
        float: left;
        margin: 5px 0px 0px 0px;
        cursor: pointer;
    }

    .arachim span {
        white-space: nowrap;
        display: block;
        float: left;
        min-width: 200px;
    }

    .arachim label {
        display: block;
        float: left;
    }

    .arachim input {
        width: 15px;
        float: left;
        margin: 0px 10px;
    }

    .arachim span.valid {
        color: #ff0000;
    }

/*--*/
.add_con {
    width: 197px !important;
    background: url(/content/images/plus.png) left 8px no-repeat;
    cursor: pointer;
    float: left;
    display: block;
    padding-left: 15px;
}

    .add_con span { /*display:inline-block;*/
    }


.s_table {
    width: 60%;
    border-left: 1px solid #5d8cc9;
}

    .s_table td, .s_table th {
        border-left: 1px solid #5d8cc9;
        padding: 5px;
    }

.xs_table {
    width: 30%;
    border-left: 1px solid #5d8cc9;
    float: right;
}

    .xs_table td, .s_table th {
        border-left: 1px solid #5d8cc9;
        padding: 5px;
    }



/*--*/
.outsearch {
    background: #fff3cb url('/content/images/bgfilter.gif') repeat-x;
    padding: 20px 20px 10px 20px;
    border: 1px solid #ffe58a;
    overflow: hidden;
    margin-bottom: 20px;
}

    .outsearch span {
        float: left;
        display: inline-block;
        margin-right: 10px;
    }

    .outsearch input, .outsearch select {
        float: left;
        margin-right: 15px;
    }

        .outsearch input.applyoutPopup {
            margin: 0px;
            width: 115px;
        }

/*--*/
.multiadd {
    padding: 20px 20px 10px 20px; /*overflow: hidden;*/
    margin-bottom: 20px;
}

    .multiadd span {
        float: left;
        display: inline-block;
        margin-right: 10px;
        width: 120px;
    }

    .multiadd img {
        float: left;
        display: inline-block;
        /*margin-right: 30px;*/
    }

    .multiadd span.small {
        width: 80px;
    }

    .multiadd span.small2 {
        width: 40px;
    }

    .multiadd input {
        float: left;
        margin-right: 25px;
        width: 124px;
    }

        .multiadd input.long {
            width: 330px;
        }

        .multiadd input.special_l {
            width: 85px; /*margin-left:15px;*/
            margin-right: 15px;
        }

    .multiadd span.nowrap {
    }

    .multiadd span.checklabel {
    }

        .multiadd span.checklabel input {
            float: left !important;
            width: 15px;
            margin: 0px;
        }

    .multiadd select {
        float: left;
        margin-right: 25px;
        width: 130px;
    }

    .multiadd textarea {
        width: 124px;
    }

    .multiadd input.applyoutPopup {
        margin: 0px;
        width: 115px;
    }

    .multiadd h3, .multiadd h3 span {
        margin-right: 10px;
        font-size: 12px;
        font-weight: bold !important;
        color: #770000;
        width: 100%;
    }

    .multiadd span.required {
        width: 10px !important;
    }

    .multiadd span.placeholder {
        width: 120px;
    }

    .multiadd span.smallforoz {
        width: 70px;
    }

.noinput {
    float: left;
    margin-right: 25px;
    width: 145px !important;
    display: inline-block;
}

.inbox_s {
    float: left;
    overflow: hidden;
    width: 285px;
}

.inbox {
    float: left;
    overflow: hidden;
    width: 435px;
}


.bgcolor {
    background: #f3f3f3;
    padding: 20px 20px 10px 20px;
    margin-bottom: 80px;
}

    .bgcolor input {
        float: left;
        text-align: left;
    }

    .bgcolor select {
        float: left;
        text-align: left;
    }

.bgcolordark {
    background: #dddedd; /*overflow:hidden;*/
    padding: 20px 20px 35px 20px;
}

.bgcolorlight {
    background: #f3f3f3;
    padding: 20px 20px 10px 20px;
}

.bgcolorwhite {
    background: #ffffff;
    padding: 20px 20px 10px 20px;
}

.pad20 {
    padding: 10px 20px !important;
}

    .pad20 span {
        width: 80px;
        display: inline-block;
    }

.ltrselect option {
    direction: ltr !important;
}

.Notlinq, .Notlinq span {
    font-weight: normal !important;
    text-decoration: none !important;
    color: #444 !important;
    cursor: default !important;
}

.linq, .linq span, h3.linq {
    font-weight: bold;
    text-decoration: underline;
    color: #770000;
    cursor: pointer;
}

.bigframe, .bigframe td {
    width: 100%;
}

.status {
    clear: both;
}

    .status select {
        margin-right: 20px;
        width: 100px;
    }

    .status span, .status select {
        margin-right: 10px;
        display: block;
        float: left;
    }

.minusplus {
    margin-top: 20px;
}

    .minusplus img, .minusplus input {
        float: left;
        margin: 3px 5px;
    }

    .minusplus h4 {
        font-size: 20px;
        font-weight: bold;
    }



.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

.ac_results {
    padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
}

    .ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .ac_results iframe {
        display: none; /*sorry for IE5*/
        display /**/: block; /*sorry for IE5*/
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        filter: mask();
        width: 3000px;
        height: 3000px;
    }

    .ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: pointer;
        display: block;
        width: 100%;
        font: menu;
        font-size: 12px;
        overflow: hidden;
    }

.ac_loading {
    background: Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
    background-color: Highlight;
    color: HighlightText;
}


.w_113 {
    width: 113px;
}

.mes_place {
    height: 15px;
}


.select_w40_m {
    width: 40px !important;
    margin-right: 5px !important;
}

.inputfile {
    width: 970px;
    padding-left: 0px;
    overflow: hidden;
}

    .inputfile input {
        width: 300px !important;
        margin-left: 0px !important;
    }

.innerform .posrel select {
    width: 45px !important;
}

.posrel {
    position: relative;
}

.place1 {
    position: absolute;
    left: 80px;
}

.place2 {
    position: absolute;
    left: 130px;
}

.coordxy {
    right: -155px;
    top: -20px;
}

.watermark {
    background: #f2f5fc;
    border: 1px solid #6d97ba;
    padding: 2px;
    height: 16px;
}

.input_des {
    float: right;
    width: 240px !important;
}

.coment_area_popup {
    width: 300px;
    float: left;
    text-align: left;
    direction: ltr;
}


.smalltabs {
    overflow: hidden;
}

    .smalltabs a {
        float: left;
        text-align: center;
        color: #000;
        line-height: 28px;
        text-decoration: none;
        display: inline-block;
        min-width: 150px;
        border: 1px solid #ccc;
        background: #f0f0f0;
        -moz-box-shadow: inset 0 0 10px #ccc;
        -webkit-box-shadow: inset 0 0 10px #ccc;
        box-shadow: inset 0 0 10px #ccc;
    }

    .smalltabs.dynamic a {
        padding: 0 10px;
        min-width: 0px;
    }

    .smalltabs a span {
        width: 100%;
        margin: 0;
        float: none;
        display: block;
        text-align: center;
        font-size: 14px;
    }

    .smalltabs a:hover {
        background: #7bb5de;
        color: #fff;
        -moz-box-shadow: inset 0 0 10px #5585b6;
        -webkit-box-shadow: inset 0 0 10px #5585b6;
        box-shadow: inset 0 0 10px #5585b6;
        border: 1px solid #5585b6;
    }

    .smalltabs a.this {
        background: #7bb5de;
        color: #fff;
        -moz-box-shadow: inset 0 0 10px #5585b6;
        -webkit-box-shadow: inset 0 0 10px #5585b6;
        box-shadow: inset 0 0 10px #5585b6;
        border: 1px solid #5585b6;
    }
/*background:#5585b6;*/

.innericon2 {
    float: left;
    width: 20px;
}

.innericon {
    float: left;
}

.table_icon {
    float: left;
    margin-right: 10px;
}

.inlineblock {
    display: inline-block;
}

.check_text {
    display: inline-block;
    overflow: hidden;
}

    .check_text input {
        float: left;
        margin-right: 10px;
    }


.nowrap {
    white-space: nowrap;
}

.outdate {
    margin: 0px 10px;
    float: left;
}

    .outdate input {
        float: left;
        margin-right: 10px;
    }

.textalign {
    text-align: left;
}

.h3title {
    font-size: 14px;
    font-weight: bold;
    color: #444;
}

.h2title {
    font-size: 16px;
    font-weight: bold;
    color: #444;
}

.h1title {
    font-size: 18px;
    font-weight: bold;
    color: #444;
}

.formstyle {
    margin-bottom: 20px;
    font-size: 14px; /*overflow:hidden;*/
}

    .formstyle select, .formstyle input, .formstyle span, .formstyle label /*{float:left;}*/
    .formstyle span {
        display: inline-block;
        padding-top: 3px;
        margin-right: 10px;
        width: 150px;
        font-size: 14px;
    }

        .formstyle input[type="text"] {
            width: 126px;
            margin: 0px 40px 0px 10px;
        }

        .formstyle input[type="password"] {
            width: 126px;
            margin: 0px 40px 0px 10px;
        }

        .formstyle input[type="textarea"] {
            width: 126px;
            margin: 0px 40px 0px 10px !important;
            font-size: 14px;
            font-family: Arial;
        }

        .formstyle input.dateinput {
            margin: 0px 0px 0px 10px;
            width: 103px;
        }

        .formstyle select.dateinput {
            margin: 0px 0px 0px 10px;
            font-size: 14px;
        }

    .formstyle .dateimage {
        margin-right: 40px;
    }

    .formstyle .plusimage {
        margin: 5px;
    }

    .formstyle input[type="checkbox"] {
        width: 15px;
        margin: 0px 5px 0px 0px;
    }

    .formstyle select {
        width: 130px;
        margin: 0px 40px 5px 10px;
        font-size: 14px;
    }

    .formstyle label {
        display: inline-block;
        padding-top: 3px;
        margin-right: 20px;
        font-size: 14px;
    }

    .formstyle input.m_right[type="checkbox"] {
        margin-left: 20px;
    }

    .formstyle input.big[type="text"], .formstyle select.big {
        width: 250px;
    }

    .formstyle input.editmenuinput[type="text"] {
        width: 216px;
    }

    .formstyle select.editmenuinput {
        width: 220px;
    }

    .formstyle input.editmenuinput-sm[type="text"] {
        margin-left: 120px;
    }

    .formstyle select.editmenuinput-sm {
        margin-left: 120px;
    }

    .formstyle select.smallselect {
        width: 77px;
        margin: 0px;
    }

    .formstyle span.twodots {
        margin: 0px 5px;
        width: 5px;
    }

.heb_rtl {
    direction: ltr !important;
}

.nofloat {
    float: none !important;
}

.uidialogselectNoWidth input[type="checkbox"] {
    width: 15px;
    font-family: arial;
}

.uidialogselectNoWidth select {
    width: 150px;
    font-size: 13px;
    font-family: arial;
    margin-left: 10px;
}

.uidialogselectNoWidth span {
    display: inline-block;
    padding-left: 10px;
    width: 90px;
}

.uidialogselectNoWidth input[type="text"] {
    width: 142px;
    font-size: 13px;
    font-family: arial;
    margin-left: 10px;
}

.uidialogselect {
    width: 700px;
}

    .uidialogselect input[type="checkbox"] {
        width: 15px;
        font-family: arial;
    }

    .uidialogselect select {
        width: 150px;
        font-size: 13px;
        font-family: arial;
        margin-left: 10px;
    }

    .uidialogselect span {
        display: inline-block;
        padding-left: 10px;
        width: 90px;
    }

    .uidialogselect input[type="text"] {
        width: 142px;
        font-size: 13px;
        font-family: arial;
        margin-left: 10px;
    }

.uidialogselectList {
    width: 350px;
}

    .uidialogselectList input[type="checkbox"] {
        width: 15px;
        font-family: arial;
    }

    .uidialogselectList select {
        width: 150px;
        font-size: 13px;
        font-family: arial;
        margin-left: 10px;
    }

    .uidialogselectList span {
        display: inline-block;
        padding-left: 10px;
        width: 125px;
    }

    .uidialogselectList input[type="text"] {
        width: 142px;
        font-size: 13px;
        font-family: arial;
        margin-left: 10px;
    }

.f_left {
    float: left;
}

.setcolor {
    font-weight: bold;
    color: #ff0000;
}


.simpleselect {
    padding: 10px 10px;
    background: #fff3cb url('/content/images/bgfilter.gif') repeat-x;
    border: 1px solid #ffe58a;
}

    .simpleselect span, .simpleselect2 span {
        padding: 0px 15px 0px 0px;
        float: left;
    }

    .simpleselect select, .simpleselect2 select {
        float: left;
        min-width: 200px;
    }

.simpleselect2 .floatright {
    left: 5px;
    top: 2px;
    width: auto;
    padding: 0;
    margin: 0;
}

.exceltext {
    mso-number-format: \@;
}

.bgwhite {
    background: #fff !important;
    border: none !important;
    padding: 0 10px;
}

.boldwhitespace {
    font-weight: bold;
    white-space: nowrap;
    margin: 5px 0px;
}

    .boldwhitespace span {
        padding: 0px 5px;
    }

.td60 {
    width: 60px;
}

.elementMargin {
    margin-right: 12px;
}



.fright300 {
    float: right;
    width: 320px;
}

.pagebreak {
    display: block;
    page-break-after: always;
}



/*UPS*/

.statusplace_ups {
    background: #ddeaf9;
    padding: 5px 5px 5px 0px;
    float: right;
    margin: 0px 0px 15px 0px;
    display: inline-block;
}

.secondstatus {
    margin-left: 7px;
    margin-right: 0px;
}

.statusplace_ups h2 {
    font-size: 24px;
    border-bottom: 1px solid #999;
    display: block;
}

.statusbox {
    float: right;
    margin-left: 3px;
    border: 1px solid #666;
    color: #fff;
    font-size: 12px;
    width: 103px;
}

    .statusbox.longbox {
        width: 162px;
        min-height: 230px;
    }

    .statusbox img {
        margin: auto;
    }

    .statusbox .nameofplace, .statusbox .nameandnum {
        border-bottom: 1px solid #999;
        padding: 3px 5px;
        text-align: center;
        direction: rtl;
    }

    .statusbox .warning {
        padding: 3px 5px;
        min-height: 15px;
    }

.warning_purple {
    background: #663399;
}

.warning_red {
    background: #cc0000;
}

.warning_green {
    background: #339933;
}

.warning_grey {
    background: #c0c0c0;
}

.warning_orange {
    background: #ff8000;
}

.statusboxesplace {
    background: #4E4D4D;
    padding: 10px;
    overflow: hidden;
    clear: both;
}

    .statusboxesplace table {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background: #fff;
        direction: rtl;
        width: 100%;
    }

        .statusboxesplace table td, .statusbox table th {
            border-bottom: 1px solid #ccc;
            border-left: 1px solid #ccc;
            color: #333;
            padding: 5px;
        }

    .statusboxesplace .statusbox {
        float: left;
        margin: 0px 10px 15px 10px;
        width: 218px;
    }


.status_icons {
    border-bottom: 1px solid #999;
    height: 22px;
}

    .status_icons span {
        display: inline-block;
        -webkit-border-radius: 13px;
        -moz-border-radius: 13px;
        border-radius: 13px;
        width: 20px;
        height: 20px;
        float: left;
        margin: 1px 0px 1px 1px;
        cursor: pointer;
    }

    .status_icons .status_enabledesable {
        background: #fff;
        height: 16px;
        padding-top: 4px;
        width: 39px;
        color: #000;
        font-size: 9px;
        text-align: center;
    }

        .status_icons .status_enabledesable.pinkstyle {
            background: #c8b6db;
        }

        .status_icons .status_enabledesable.greystyle {
            background: #ccc;
        }

    .status_icons .desablestyle {
        background: #ccc;
    }

    .status_icons .status_info {
        position: relative;
        background: #f0f0f0 url(images/upssprite.png) 3px 3px no-repeat;
    }

    .status_icons .status_link {
        position: relative;
        background: #f0f0f0 url(images/upssprite.png) 3px -19px no-repeat;
    }

    .status_icons .status_approve {
        background: #f0f0f0 url(images/upssprite.png) 3px -39px no-repeat;
    }

    .status_icons .status_info:hover .tooltipstatus_ups {
        display: block;
    }

    .status_icons .status_link:hover .tooltipstatuslink_ups {
        display: block;
    }

.tooltipstatus_ups {
    position: absolute;
    top: 50px;
    left: 0px;
    min-width: 95px;
    -webkit-box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    border: 1px solid #fff;
    padding: 3px;
    display: none;
}

    .tooltipstatus_ups.longtip {
        min-width: 156px;
        top: 20px;
    }

    .tooltipstatus_ups div {
        padding: 2px 0px;
    }

.warning_purple .tooltipstatus_ups {
    background: #663399;
}

.warning_red .tooltipstatus_ups {
    background: #cc0000;
}

.warning_green .tooltipstatus_ups {
    background: #339933;
}

.warning_grey .tooltipstatus_ups {
    background: #c0c0c0;
}

.warning_orange .tooltipstatus_ups {
    background: #ff8000;
}

.tooltipstatus_socket {
    position: absolute;
    top: 30px;
    left: 0px;
    min-width: 50px;
    -webkit-box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    border: 1px solid #fff;
    padding: 3px;
    display: none;
    text-align: center;
    background-color: #fff;
    color: #000;
}

.tooltipstatuslink_ups {
    position: absolute;
    top: 50px;
    left: -20px;
    min-width: 95px;
    height: 60px;
    -webkit-box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    border: 1px solid #fff;
    padding: 3px;
    display: none;
}

    .tooltipstatuslink_ups.longtip {
        min-width: 156px;
        top: 20px;
    }

    .tooltipstatuslink_ups div {
        padding: 2px 0px;
    }

.warning_purple .tooltipstatuslink_ups {
    background: #663399;
}

.warning_red .tooltipstatuslink_ups {
    background: #cc0000;
}

.warning_green .tooltipstatuslink_ups {
    background: #339933;
}

.warning_grey .tooltipstatuslink_ups {
    background: #c0c0c0;
}

.warning_orange .tooltipstatuslink_ups {
    background: #ff8000;
}

.ststusselected {
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    border: 1px solid #000;
    position: relative;
    top: -15px;
}

.scroldiv_ups {
    height: 600px;
    overflow-y: scroll;
}

.scroltable_ups, .scroltable_long_ups {
    width: 100%;
    direction: rtl;
    background: #8e939b;
}

    .scroltable_long_ups td, .scroltable_long_ups th, .scroltable_ups td, .scroltable_ups th { /*border-left:1px solid #fff;*/
        font-size: 19px;
        font-weight: bold;
        padding: 7px 2px 7px 2px;
        border-bottom: 1px solid #fff;
    }

    .scroltable_ups td, .scroltable_long_ups td {
        color: #fdffbe;
    }

    .scroltable_ups th, .scroltable_long_ups th {
        background: #202d3e;
        color: #fff;
    }

    .scroltable_ups tr, .scroltable_long_ups tr {
    }

    .scroltable_ups .odd td, .scroltable_long_ups .odd td {
        background: #3a5485 !important;
    }

    .scroltable_ups .cell1Header {
        width: 40px;
        text-align: right;
        padding-right: 5px;
    }

    .scroltable_ups .cell1 {
        width: 35px;
        text-align: center;
    }

    .scroltable_ups .cell2 {
        width: 40px;
    }

    .scroltable_ups .cell3 {
        width: 109px;
    }

    .scroltable_ups .cell4 {
        width: 95px;
    }

    .scroltable_ups .cell5 {
        width: 100px;
    }

    .scroltable_ups .cell6 {
        width: 100px;
    }

    .scroltable_ups .cell7 {
        width: 170px;
    }

    .scroltable_ups .cell8 {
        width: 105px;
    }

    .scroltable_ups .cell9 {
        width: 160px;
    }

    .scroltable_ups .cell10 {
        width: 190px;
    }

    .scroltable_ups .cell11 {
        width: 190px;
    }

    .scroltable_ups .cell12 {
        width: 75px;
    }

    .scroltable_long_ups .cell1Header {
        width: 40px;
        text-align: right;
        padding-right: 5px;
    }

    .scroltable_long_ups .cell1 {
        width: 25px;
        text-align: center;
    }

    .scroltable_long_ups .cell2 {
        width: 85px;
    }

    .scroltable_long_ups .cell3 {
        width: 85px;
    }

    .scroltable_long_ups .cell4 {
        width: 90px;
    }

    .scroltable_long_ups .cell5 {
        width: 100px;
    }

    .scroltable_long_ups .cell6 {
        width: 155px;
    }

    .scroltable_long_ups .cell7 {
        width: 110px;
    }

    .scroltable_long_ups .cell8 {
        width: 175px;
    }

    .scroltable_long_ups .cell9 {
        width: 220px;
    }

    .scroltable_long_ups .cell10 {
        width: 220px;
    }

    .scroltable_long_ups .cell11 {
        width: 100px;
    }

    .scroltable_long_ups .cell12 {
        width: 65px;
    }

.redbigdotanimated {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.stations_ups {
    background: #bfd7f3;
    margin: 0px 0px 10px 0px;
    float: right;
    width: 1215px;
}

.titleofstation {
    background: #83b1cb;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
}

    .titleofstation img, .titleofstation object {
        float: right;
        margin: 0px 0px 0px 5px;
    }

    .titleofstation h2 {
        display: inline-block;
        float: right;
        margin: 2px 0px 0px 20px;
        font-weight: bold;
        color: #fff;
        font-size: 35px;
        line-height: 35px;
    }

    .titleofstation span {
        display: inline-block;
        float: right;
        margin: 5px 0px 0px 5px;
        width: 45px;
        height: 30px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .titleofstation span span {
            color: #fff;
            display: inline-block;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            width: 45px;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            text-align: center;
            margin: 0px;
        }

        .titleofstation span.minus {
            font-size: 20px;
            font-weight: bold;
            width: 15px;
            margin-right: 10px;
            color: #fff;
        }

    .titleofstation .blackbrick span {
        background: #333333;
    }

    .titleofstation .greenbrick span {
        background: #339933;
    }

    .titleofstation .purplebrick span {
        background: #663399;
    }

    .titleofstation .redbrick span {
        background: #cc0000;
    }

    .titleofstation .orangebrick span {
        background: #ff8000;
    }

    .titleofstation .greybrick span {
        background: #c0c0c0;
    }

.station_ups {
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    margin: 10px 19px 10px 0px;
    position: relative;
    width: 280px;
    height: 85px;
}

    .station_ups img, .station_ups object {
        position: absolute;
        top: 1px;
        right: 1px;
    }

    .station_ups h3, .station_ups h3 a {
        text-decoration: none;
        color: #333;
        font-size: 33px;
        font-weight: bold;
        text-align: center;
    }

    .station_ups .infostation {
        display: block;
        width: 15px;
        height: 17px;
        position: absolute;
        bottom: 6px;
        left: 0px;
        background: url(images/blue_i.png) right top no-repeat;
        color: #fff;
        text-align: center;
        font-style: italic;
        cursor: pointer;
    }

    .station_ups .bricks {
        margin: 0px auto 10px auto;
        width: 188px;
        overflow: hidden;
    }

        .station_ups .bricks span {
            color: #fff;
            display: inline-block;
            float: right;
            margin: 0px 1px 0px 1px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            width: 35px;
            height: 20px;
            line-height: 20px;
            font-size: 13px;
            text-align: center;
        }

        .station_ups .bricks .blackbrick span {
            background: #333333;
        }

        .station_ups .bricks .greenbrick span {
            background: #339933;
        }

        .station_ups .bricks .purplebrick span {
            background: #663399;
        }

        .station_ups .bricks .redbrick span {
            background: #cc0000;
        }

        .station_ups .bricks .orangebrick span {
            background: #ff8000;
        }

        .station_ups .bricks .greybrick span {
            background: #c0c0c0;
        }

.title {
    font-style: italic;
    width: 480px;
}

    .title span.subtitle {
        font-size: 24px;
        color: #fff;
        font-family: Arial;
        margin: 0px 260px 0px 0px;
        display: inline-block;
        width: 270px;
    }

.companylogobig {
    float: left;
}

.user, .user A, .footer A:link, .footer A:visited, .footer A:focus, .footer A:active {
    width: 120px;
    margin-right: 30px;
}

.user {
    width: 210px;
}

.refresh {
    position: absolute;
    right: 60px;
    top: -32px;
    overflow: hidden;
}

    .refresh select {
        width: 45px;
        font-size: 14px;
        color: #333;
        float: left;
        margin: 5px 10px 0px 10px;
    }

    .refresh span {
        display: inline-block;
        color: #fff;
        line-height: 30px;
    }

.search {
    position: absolute;
    right: 60px;
    top: -26px;
    overflow: hidden;
}
/*
.explanations {position:absolute;left:0px;top:0px;}
.explanations .timedate {float:left;padding:0px 10px;border-right:1px solid #999;font-size:16px;line-height: 28px;}
.explanations .smallbricks {border-right:1px solid #999;float:left;}
.explanations .smallbricks img {float:left;margin:0px 10px;}
.explanations .smallbricks span.call {font-weight:bold;font-size:16px;line-height: 28px;float:left;}
.explanations .smallbricks .bricks {width:150px;margin:4px 10px 0px 10px;overflow:hidden;float:left;}
.explanations .smallbricks .bricks span {color:#fff;
	display:inline-block;
	float:right;
	margin:0px 1px 0px 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:35px;
	height:20px;
	line-height:20px;
	font-size:13px;
	text-align:center;
	}
.explanations .smallbricks .bricks .blackbrick {background:#333333;}
.explanations .smallbricks .bricks .greenbrick {background:#339933;}
.explanations .smallbricks .bricks .purplebrick {background:#663399;}
.explanations .smallbricks .bricks .redbrick {background:#cc0000;}
*/

.breadcrumbs {
    position: relative;
}

.controllerBreadCrumbs {
    overflow: hidden;
    margin: 10px;
}

    .controllerBreadCrumbs span {
        display: inline-block;
        margin: 0px 10px 0px 0px;
        float: left;
        font-size: 19px;
    }

.alerts {
    margin: 3px 0px;
    padding: 0px 0px;
    color: #cc0000;
    background: #ebecef;
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
}

    .alerts span {
        margin: 2px 3px;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(images/upssprite.png) 0px -60px no-repeat;
        float: right;
    }

.novisible span {
    display: none !important;
}

.novisibleonly {
    display: none !important;
}

/*
.status_icons span
{behavior: url(PIE.htc);position:relative;}

.explanations .smallbricks .bricks span,  .station_ups .bricks span, .status_icons span
{behavior: url(PIE.htc);}
*/


.senderror {
    background: url(images/trblue.png);
    width: 400px;
    padding: 20px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    display: none;
}

.errorform {
    background: #fff;
    padding: 20px;
}

    .errorform div {
        margin-bottom: 5px;
        overflow: hidden;
    }

        .errorform div input {
            border: 1px solid #ccc;
            padding: 5px;
            font-size: 12px;
            width: 200px;
        }

        .errorform div span {
            width: 120px;
            display: inline-block;
            padding: 5px;
            font-size: 12px;
            direction: rtl;
            float: right;
        }

        .errorform div textarea {
            width: 336px;
            height: 100px;
            border: 1px solid #ccc;
        }


.loginbox {
    background: url(images/trblue.png);
    width: 400px;
    padding: 20px;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    display: none;
}

.loginform {
    direction: rtl;
    background: #fff;
    padding: 20px;
}

    .loginform div {
        margin-bottom: 5px;
    }

        .loginform div input {
            border: 1px solid #ccc;
            padding: 5px;
            font-size: 12px;
            width: 200px;
        }

        .loginform div span {
            width: 120px;
            display: inline-block;
            padding: 5px;
            font-size: 12px;
        }

        .loginform div textarea {
            width: 336px;
            height: 100px;
            border: 1px solid #ccc;
        }


.NumResults {
    overflow: hidden;
}

    .NumResults span, .NumResults input {
        display: inline-block;
        float: left;
        margin: 0px 10px 0px 0px;
    }

        .NumResults span.numof1 {
            width: 80px;
        }

        .NumResults span.numof2 {
            width: 125px;
        }

.topmenu {
    background: #c4c4c4;
    overflow: hidden;
}

    .topmenu a {
        display: inline-block;
        float: left;
        border-left: 1px solid #999;
        padding: 5px 20px;
        color: #333;
        text-decoration: none;
        font-weight: bold;
    }

        .topmenu a:hover, .topmenu a.this {
            color: #fff;
            background: #ea6e3b;
        }

.usermanual {
    cursor: pointer;
    text-align: center;
    background: #fff;
    margin: 7px 0px 0px 10px;
    color: #71aed7;
    font-size: 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.additionalinfo {
    cursor: pointer;
    text-align: center;
    margin: 7px 0px 0px 10px;
    color: #71aed7;
    font-size: 18px;
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.breadcrumbsdialog {
}

    .breadcrumbsdialog span {
        display: inline-block;
        width: auto;
    }

.goodMsg {
    color: #699703;
}

.badMsg {
    color: #ff0000;
}

.spacehor10 {
    padding: 0px 10px;
}

.divFromHour {
    float: left;
    margin: 0px 10px 0px 0px;
}

.greencolor {
    color: #339933;
}


.explanations {
    position: absolute;
    left: 0px;
    top: 0px;
}

    .explanations .timedate {
        float: left;
        padding: 0px 10px;
        border-right: 1px solid #999;
        font-size: 16px;
        line-height: 28px;
        font-weight: bold;
    }

    .explanations .smallbricks {
        border-right: 1px solid #999;
        float: left;
    }

        .explanations .smallbricks img {
            float: left;
            margin: 0px 10px;
        }

        .explanations .smallbricks span.call {
            font-weight: bold;
            font-size: 16px;
            line-height: 28px;
            float: left;
        }

        .explanations .smallbricks .bricks {
            width: 150px;
            margin: 4px 10px 0px 10px;
            overflow: hidden;
            float: left;
        }

            .explanations .smallbricks .bricks span {
                color: #fff;
                display: inline-block;
                float: right;
                margin: 0px 1px 0px 1px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                width: 35px;
                height: 20px;
                line-height: 20px;
                font-size: 13px;
                text-align: center;
            }

            .explanations .smallbricks .bricks .blackbrick span {
                background: #333333;
            }

            .explanations .smallbricks .bricks .greenbrick span {
                background: #339933;
            }

            .explanations .smallbricks .bricks .purplebrick span {
                background: #663399;
            }

            .explanations .smallbricks .bricks .redbrick span {
                background: #cc0000;
            }

            .explanations .smallbricks .bricks .orangebrick span {
                background: #ff8000;
            }

            .explanations .smallbricks .bricks .greybrick span {
                background: #c0c0c0;
            }

    .explanations .fullscreenicon {
        border-right: 1px solid #999;
        float: left;
    }

        .explanations .fullscreenicon img {
            float: left;
            margin: 5px 10px 0px 10px;
        }

.alertdata {
    float: left;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
}

.comma {
    float: left;
    margin: 0px 10px 0px 0px;
}

.firstparam {
    margin: 0px 10px 0px 0px;
}

.oltablestyle {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
}

    .oltablestyle li {
        display: inline-block;
        margin: 0px 0px 10px 0px;
        padding: 0px;
        width: 150px;
        float: left;
    }

        .oltablestyle li input[type="checkbox"] {
            margin: 2px 5px 0px 2px;
            float: left;
        }

.staricon, .blankstar {
    background: url(/Content/images/blankstar.png) no-repeat;
    display: inline-block;
    width: 18px !important;
    height: 18px;
    position: relative;
}

    .staricon.red, .redstar {
        background: url(/Content/images/redstar.png) no-repeat;
        display: inline-block;
        width: 18px !important;
        height: 18px;
    }

    .staricon.green, .greenstar {
        background: url(/Content/images/greenstar.png) no-repeat;
        display: inline-block;
        width: 18px !important;
        height: 18px;
    }

.starsformsyle span {
    margin: 0px 15px 0px 5px;
    padding-top: 3px;
    float: right;
}

.starsformsyle input {
    margin: 0px 15px 0px 5px;
    padding-top: 3px;
    float: right;
}

.notriangle {
    float: right;
    margin: 3px 2px 0 7px;
    width: 7px;
}

.closetriangle {
    float: right;
    margin: 3px 2px 0 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #999999 transparent transparent;
    cursor: pointer;
}

.opentriangle {
    float: right;
    margin: 5px 0px 0 6px;
    width: 0;
    height: 0;
    border-style: solid;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #666666 transparent transparent transparent;
    cursor: pointer;
}

.leftsideborder {
    min-height: 570px;
    padding: 15px 10px 15px 20px;
    border-right: 1px solid #ccc;
}

.leftsideborderNarrow {
    min-height: 570px;
    padding: 15px 9px 15px 20px;
    border-right: 1px solid #ccc;
}

.treeView {
    display: inline-block;
    height: 570px;
    overflow-y: scroll;
    padding: 15px 0 15px 0;
}

    .treeView img {
        float: left;
        margin: 0px 7px 0px 0px;
    }

    .treeView ul, #divTree ul li {
        margin: 0px;
        padding: 0px;
        position: relative;
        clear: both;
    }

        .treeView ul li {
            margin: 0px;
            padding: 0px;
            width: 100%;
            display: block;
        }

            .treeView ul li .treelink {
                padding: 5px 0px;
                color: #333;
                font-size: 14px;
                margin-bottom: 5px;
                position: relative;
                overflow: hidden;
            }

            .treeView ul li .innertitle {
                color: #333;
                font-size: 14px; /*width:80%;*/
            }

            .treeView ul li .treelink:hover, .treeView ul li .treelink:hover .innertitle, .treeView ul li .treelink.this, .treeView ul li .treelink.this .innertitle {
                background: #ccdef9;
                color: #000;
                font-weight: bold;
            }
            /*.treeView ul li .treelink:hover .closetriangle, .treeView ul li .treelink.this .closetriangle {border-color: transparent #fff transparent transparent;}
.treeView ul li .treelink:hover .opentriangle, .treeView ul li .treelink.this .opentriangle {border-color: #ffffff transparent transparent transparent;}
*/
            .treeView ul li label {
                display: inline-block;
                float: left;
            }

            .treeView ul li .helpicons {
                display: none;
                float: left;
                margin: 0px 0px 0px 40px;
            }

            .treeView ul li .openforme {
                overflow: hidden;
                margin-right: 5px;
            }

                .treeView ul li .openforme:hover .helpicons {
                    display: block;
                }

            .treeView ul li ul {
                margin: 0px 0px 0px 18px;
                border-right: 1px solid #ccc;
            }

.liMenu {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: #ccdef9;
    padding: 5px;
}

.treelink:hover .liMenu {
    display: block;
}

.treeMenu {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
    /*background:#ccc;
    border:1px solid #fff;*/
}
/*
.treeView ul li  ul li  ul li  ul li  ul li .innertitle { width: 90px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.treeView ul li  ul li  ul li  ul li .innertitle { width: 100px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.treeView ul li  ul li  ul li .innertitle { width: 120px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.treeView ul li  ul li .innertitle { width: 140px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
    */
.buttonsleft input.apply {
    border: none;
    width: 135px;
    height: 25px;
    float: right;
    margin: 15px 0px 5px 0px;
    background: url('/content/images/bgbtn.png') repeat-x;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    font-family: Arial;
}

    .buttonsleft input.apply.disable {
        background: #cccccc;
        color: #666;
        cursor: not-allowed;
    }

.img-with-text {
    white-space: nowrap;
}

    .img-with-text img {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
    }

    .img-with-text span {
        display: inline-block;
        margin: 0 0px 0 20px;
    }

.dialog-title {
    border: 1px #c4dbfa solid;
    background-color: #4378b7;
    color: #ffffff;
}

    .dialog-title span {
        font-size: 14px;
        direction: rtl;
        float: right !important;
        display: inline-block;
    }

.sidemenuicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    float: right;
    margin: 0px 0px 0px 7px;
}

.iconstyle1 {
    background: url(/Content/images/consumer.png) no-repeat;
}

.treeView ul li .treelink:hover .iconstyle1 {
    background: url(/Content/images/consumer.png) no-repeat;
}

.iconstyle2 {
    background: url(/Content/images/building.png) no-repeat;
}

.treeView ul li .treelink:hover .iconstyle2 {
    background: url(/Content/images/building.png) no-repeat;
}

.iconstyle3 {
    background: url(/Content/images/iconstyle3.png) no-repeat;
}

.treeView ul li .treelink:hover .iconstyle3 {
    background: url(/Content/images/iconstyle3a.png) no-repeat;
}
/*
.treedata {border:1px solid #ccc;}
.treedata:after {content:" ";clear:both;display:table;}
    */
.modal {
    display: none;
    background: url(images/trblack.png);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1111;
}

.modalContent {
    width: 638px;
    height: 638px;
    position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -320px;
    z-index: 1112;
}

    .modalContent .closepopup {
        cursor: pointer;
        display: block;
        background: url(images/close.png) no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        right: -15px;
        top: -15px;
        z-index: 1113;
    }

.openpopup {
    cursor: pointer;
}

.leftsideflex {
    width: 24%;
    float: left;
}

.rightsideflex {
    width: 73%;
    float: right;
}

.gridtable .pgr table td {
    padding: 0px;
    border: 0px;
}

.pagering, .gridtable .pgr table { /*float:left;*/
    text-align: center;
    margin: 0px auto;
}

    .pagering span, .gridtable .pgr table a {
        display: inline-block;
        padding: 5px 7px;
        color: #000;
        background: #E0E0E0;
        text-decoration: none;
        margin: 0px 3px;
    }

    .pagering .this, .gridtable .pgr table span {
        display: inline-block;
        padding: 5px 7px;
        color: #000;
        background: #ffffff;
        text-decoration: none;
        margin: 0px 3px;
    }

        .pagering span:hover, .gridtable .pgr table span:hover, .gridtable .pgr table a:hover {
            color: #fff;
            background: #A8A8A8;
        }

.bluelinestyle {
    border: 1px solid #5d8cc9;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
}

    .bluelinestyle .innertitle {
        background: #c6dbfa;
        font-size: 14px;
        padding: 10px 10px 10px 0px;
        display: block;
        float: none;
        margin: 0px 0px 10px 0px;
    }

    .bluelinestyle .formstyle {
        margin: 0px;
    }

.formstyle .spanrow {
    display: block;
    width: 700px;
}

    .formstyle .spanrow span {
        width: auto;
    }

.subtitle {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 17px;
}

.subtitleyear {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 15px;
    margin-top: 10px;
    font-weight: bold;
}

.showhideplace .s_h_box, .showhideplace .select, .showhideplace img {
    float: left;
    margin: 0px 10px 0px 0px;
}

.toolTipNoWidthDiv.scrollstyle {
    left: auto;
    right: 15px;
    bottom: auto;
    top: -10px;
    white-space: nowrap;
}

    .toolTipNoWidthDiv.scrollstyle.alertlocation {
        direction: rtl !important;
    }

.imgcenter {
    text-align: center;
    padding: 5px;
    margin: 5px 0 0 0;
    background: #fff;
    min-height: 62px;
}

    .imgcenter img {
        margin: auto;
    }


#GeneratorWindows {
    display: none;
    background: #4E4D4D;
}

    #GeneratorWindows div, #GeneratorWindows td {
        font-weight: bold;
    }

    #GeneratorWindows .mainWindow {
        background-color: #4E4D4D;
        width: 500px;
        height: 600px;
        position: absolute;
        left: 50%;
        top: 5%;
        margin-left: -320px;
        background: #fff3cb url('/content/images/amdar_500.png') repeat-x;
    }

        #GeneratorWindows .mainWindow.gray, #SwitchingControllersControl .mainWindow.gray {
            background: #fff3cb url('/content/images/amdar_500_gray.png') repeat-x;
        }

    #GeneratorWindows .mainWindowWide {
        background-color: #4E4D4D;
        width: 700px;
        height: 454px;
        position: absolute;
        left: 50%;
        top: 5%;
        margin-left: -430px;
        z-index: 1112;
    }

    #GeneratorWindows .mainWindow .close, #SwitchingControllersControl .mainWindow .close {
        cursor: pointer;
        display: none;
        background: url(/Content/images/close.png) no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        right: -15px;
        top: -15px;
        z-index: 1113;
    }

    #GeneratorWindows .mainWindow .mainTitle {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-top: 15px;
        color: #000;
        direction: rtl;
        width: 300px;
        left: 102px;
        position: absolute;
    }

    #GeneratorWindows .mainWindow .communication {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 100%;
        position: absolute;
        top: 57px;
    }

    #GeneratorWindows .mainWindow .deviceType, {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 161px;
        left: 237px;
        position: absolute;
        top: 38px;
    }

    #GeneratorWindows .mainWindow .deviceSerial {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 146px;
        left: 102px;
        position: absolute;
        top: 38px;
    }

    #GeneratorWindows .mainWindow .leftZina {
        position: absolute;
        left: 34px;
        top: 155px;
        width: 64px;
        z-index: 1;
    }

    #GeneratorWindows .mainWindow .leftZinaMeter {
        background-color: #fff;
        position: absolute;
        left: 33px;
        top: 345px;
        width: 67px;
        z-index: 1;
        cursor: pointer;
    }

    #GeneratorWindows .mainWindow .rightZina {
        position: absolute;
        left: 402px;
        top: 155px;
        width: 64px;
        z-index: 1;
    }

    #GeneratorWindows .mainWindow .rightZinaMeter {
        background-color: #fff;
        position: absolute;
        left: 400px;
        top: 345px;
        width: 67px;
        z-index: 1;
        cursor: pointer;
    }

    #GeneratorWindows .mainWindow .mainData {
        position: absolute;
        left: 113px;
        top: 84px;
        width: 125px;
    }

    #GeneratorWindows .mainWindow .consumerMeter {
        background-color: #fff;
        position: absolute;
        left: 259px;
        top: 414px;
        width: 80px;
        margin-left: -50px;
        cursor: pointer;
    }

    #GeneratorWindows .mainWindow .consumerMeterTitle {
        position: absolute;
        left: 213px;
        top: 395px;
        width: 60px;
        display: none;
    }

    #GeneratorWindows .mainWindow .mainSwitch {
        position: absolute;
        left: 190px;
        top: 84px;
    }

        #GeneratorWindows .mainWindow .mainSwitch div {
            width: 32%;
            display: inline-block;
            text-align: center;
        }

        #GeneratorWindows .mainWindow .mainSwitch .imgplace {
            margin: auto;
            display: block;
        }

        #GeneratorWindows .mainWindow .mainSwitch div {
            color: #fff;
            font-size: 16px;
        }

    #GeneratorWindows .mainWindow .LineVertRight {
        background-color: #fff;
        position: absolute;
        left: 434px;
        top: 464px;
        width: 4px;
        height: 25px;
        z-index: 0;
    }

    #GeneratorWindows .mainWindow .LineVertLeft {
        background-color: #fff;
        position: absolute;
        left: 61px;
        top: 464px;
        width: 4px;
        height: 25px;
        z-index: 0;
    }

    #GeneratorWindows .mainWindow .LineHoriz {
        background-color: #fff;
        position: absolute;
        left: 61px;
        top: 523px;
        width: 374px;
        height: 4px;
        z-index: 0;
    }

    #GeneratorWindows .mainWindow .LineVerticalConsumer {
        background-color: #fff;
        position: absolute;
        left: 248px;
        top: 523px;
        width: 4px;
        height: 42px;
        z-index: 0;
    }

    #GeneratorWindows .mainWindow .zina1title {
        font-size: 16px;
        top: 18px;
        position: absolute;
        left: 30px;
        width: 66px;
        ;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #GeneratorWindows .mainWindow .zina1Name {
        font-size: 16px;
        top: 37px;
        position: absolute;
        left: 15px;
        width: 110px;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #GeneratorWindows .mainWindow .zina2title {
        font-size: 16px;
        top: 18px;
        position: absolute;
        left: 410px;
        width: 66px;
        ;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #GeneratorWindows .mainWindow .zina2Name {
        font-size: 16px;
        top: 37px;
        position: absolute;
        left: 380px;
        width: 110px;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #GeneratorWindows .mainWindow .mainData .title {
        font-size: 14px;
        top: -18px;
        position: absolute;
        left: 0px;
        width: 100px;
        width: 100%;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
        direction: rtl;
    }

    #GeneratorWindows .mainWindow .zina div {
        background: #fff;
    }

    #GeneratorWindows .mainWindow .mainData div {
        background: #fff;
    }

    #GeneratorWindows .mainWindow .brakerZinaRight {
        position: absolute;
        left: 413px;
        top: 488px;
        z-index: 1;
        text-align: center;
    }

        #GeneratorWindows .mainWindow .brakerZinaRight .title {
            font-size: 16px;
            width: 100px;
            margin: 0;
            position: absolute;
            left: -67px;
            top: -50px;
        }

    #GeneratorWindows .mainWindow .brakerZinaLeft {
        position: absolute;
        left: 41px;
        top: 488px;
        z-index: 1;
        text-align: center;
    }

        #GeneratorWindows .mainWindow .brakerZinaLeft .title {
            font-size: 16px;
            width: 100px;
            margin: 0;
            position: absolute;
            left: -67px;
            top: -50px;
        }

    #GeneratorWindows .mainWindow .zinatype {
        padding: 3px;
        border-bottom: 1px solid #666;
        line-height: 21px;
        text-align: center;
    }

    #GeneratorWindows .mainWindow .leftZina .divAdditionalData {
        position: absolute;
        top: 10px;
        right: -90px;
    }

    #GeneratorWindows .mainWindow .rightZina .divAdditionalData {
        position: absolute;
        top: 10px;
        left: -90px;
    }

    #GeneratorWindows .mainWindow .zinaIcon {
        padding: 3px;
        border-bottom: 1px solid #666;
        height: 60px;
    }

    #GeneratorWindows .mainWindow table {
        width: 100%;
    }

        #GeneratorWindows .mainWindow table td {
            padding: 3px;
            text-align: center;
        }

        #GeneratorWindows .mainWindow table .tablefooter td {
            border-top: 1px solid #666;
        }

    #GeneratorWindows .mainWindow .deviceData td {
        border-bottom: 1px solid #4E4D4D;
        padding: 4px;
        text-align: right;
        font-size: 12px;
        direction: rtl;
    }

    #GeneratorWindows .mainWindow .deviceData .red td {
        color: #ff0000;
    }

    #GeneratorWindows .mainWindow .ArrowConsumer {
        position: absolute;
        top: 558px;
        left: 242px;
    }

    #GeneratorWindows .mainWindow .ArrowLeft {
        position: absolute;
        top: 457px;
        left: 55px;
    }

    #GeneratorWindows .mainWindow .ArrowRight {
        position: relative;
        top: 457px;
        left: -56px;
    }

    #GeneratorWindows .mainWindow .alertPlace {
        position: absolute;
        top: 161px;
        left: 108px;
        width: 284px;
    }

    #GeneratorWindows .rxtxplace div {
        position: absolute;
        color: #000;
    }

        #GeneratorWindows .rxtxplace div span {
            display: block;
            width: 15px;
            height: 15px;
            background-color: #0f0;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

    #GeneratorWindows .rxtxplace .txDiv {
        left: 50px;
    }

    #GeneratorWindows .rxtxplace .rxDiv {
        left: 20px;
    }

    #GeneratorWindows .rxtxplace div span.white {
        background-color: #fff;
    }

    #GeneratorWindows .mainWindow .readMore {
        float: left;
        color: #fff;
        top: 600px;
        left: 0px;
        position: absolute;
    }

    #GeneratorWindows .mainWindow .lastDate {
        width: 145px;
        color: #000;
        top: 575px;
        position: absolute;
    }

    #GeneratorWindows .mainWindow .green {
        background-color: #33CC3F;
    }

    #GeneratorWindows .mainWindow .yellow {
        background-color: #EAC43A;
    }

    #GeneratorWindows .mainWindow .red {
        background-color: #FF0000;
    }

    #GeneratorWindows .mainWindow .status {
        left: 154px;
        position: absolute;
        top: 62px;
        font-size: 17px;
        text-align: center;
        width: 203px;
        direction: rtl;
    }

    #GeneratorWindows #btnGetGeneratorMoreData {
        width: 100%;
        height: 35px;
        font-size: 17px;
    }

    #GeneratorWindows .rxtxplace {
        width: 100%;
        height: 30px;
        overflow: hidden;
        position: relative;
    }

    #GeneratorWindows .mainWindow .deviceAlert {
        position: relative;
    }

        #GeneratorWindows .mainWindow .deviceAlert .alert {
            margin-bottom: 2px;
            color: #FFF;
            padding: 5px;
            background-color: #F00 !important;
            text-align: center;
            font-size: 19px;
            width: 273px;
        }

    #GeneratorWindows .mainWindow .deviceAlertLeft {
        margin-bottom: 2px;
        color: #FFF;
        padding: 5px;
        background-color: #F00 !important;
        display: none;
        position: relative;
        width: 248px;
        text-align: center;
        left: 27px;
    }

    #GeneratorWindows .mainWindow .deviceAlertRight {
        margin-bottom: 2px;
        color: #FFF;
        padding: 5px;
        background-color: #F00 !important;
        display: none;
        position: relative;
        width: 248px;
        text-align: center;
    }

    #GeneratorWindows .mainWindow .deviceAlertLeft span {
        font-size: 19px;
        font-weight: bold;
    }

    #GeneratorWindows .mainWindow .deviceAlertRight span {
        font-size: 19px;
        font-weight: bold;
    }

    #GeneratorWindows .mainWindow .deviceAlertRightArrow {
        top: 0px;
        left: 257px;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 0 16px 27.7px;
        border-color: transparent transparent transparent #ff0000;
    }

    #GeneratorWindows .mainWindow .deviceAlertLeftArrow {
        top: 0px;
        left: -27px;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 27.7px 16px 0;
        border-color: transparent #ff0000 transparent transparent;
    }

    #GeneratorWindows #boxPH {
        background-color: #4E4D4D;
    }

    #GeneratorWindows .wide {
    }

        #GeneratorWindows .wide .mainWindow {
            position: relative;
            float: left;
            margin: 10px 10px 10px 10px;
            left: 0px;
        }

            #GeneratorWindows .wide .mainWindow:nth-child(2n) {
                float: right;
            }

    #GeneratorWindows .narrow {
        width: 630px;
        position: absolute;
        left: 50%;
        top: 100px;
        margin-left: -350px;
    }

#SwitchingControllersControl {
    display: none;
    background: #4E4D4D;
    height: 630px;
}

    #SwitchingControllersControl div, #SwitchingControllersControl td {
        font-weight: bold;
    }

        #SwitchingControllersControl div .deviceData {
            background: #fff;
        }

    #SwitchingControllersControl .mainWindow {
        background-color: #4E4D4D;
        width: 500px;
        height: 600px;
        position: relative;
        background: #fff3cb url('/content/images/amdar_500.png') repeat-x;
        margin: 0 auto;
    }

    #SwitchingControllersControl.type630 .mainWindow {
        background: #fff3cb url('/content/images/amdar_630.png') repeat-x;
    }

    #SwitchingControllersControl .mainWindow .mainTitle {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-top: 15px;
        color: #000;
        direction: rtl;
        width: 300px;
        left: 102px;
        position: absolute;
    }

    #SwitchingControllersControl .mainWindow .communication {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 100%;
        position: absolute;
        top: 57px;
    }

    #SwitchingControllersControl .mainWindow .deviceType {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 161px;
        left: 237px;
        position: absolute;
        top: 38px;
    }

    #SwitchingControllersControl .mainWindow .deviceSerial {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 146px;
        left: 102px;
        position: absolute;
        top: 38px;
    }

    #SwitchingControllersControl .mainWindow .leftZina {
        position: absolute;
        left: 34px;
        top: 155px;
        width: 64px;
        z-index: 1;
    }

    #SwitchingControllersControl.type630 .mainWindow .leftZina {
        top: 125px;
    }

    #SwitchingControllersControl .mainWindow .leftZinaMeter {
        background-color: #fff;
        position: absolute;
        left: 33px;
        top: 345px;
        width: 67px;
        z-index: 1;
        cursor: pointer;
    }

    #SwitchingControllersControl.type630 .mainWindow .leftZinaMeter {
        top: 320px;
    }

    #SwitchingControllersControl .mainWindow .rightZina {
        position: absolute;
        left: 402px;
        top: 155px;
        width: 64px;
        z-index: 1;
    }

    #SwitchingControllersControl.type630 .mainWindow .rightZina {
        top: 125px;
    }

    #SwitchingControllersControl .mainWindow .rightZinaMeter {
        background-color: #fff;
        position: absolute;
        left: 400px;
        top: 345px;
        width: 67px;
        z-index: 1;
        cursor: pointer;
    }

    #SwitchingControllersControl.type630 .mainWindow .rightZinaMeter {
        top: 320px;
    }

    #SwitchingControllersControl .mainWindow .mainData {
        position: absolute;
        left: 113px;
        top: 84px;
        width: 125px;
    }

    #SwitchingControllersControl .mainWindow .consumerMeter {
        background-color: #fff;
        position: absolute;
        left: 259px;
        top: 414px;
        width: 80px;
        margin-left: -50px;
        cursor: pointer;
    }

    #SwitchingControllersControl.type630 .mainWindow .consumerMeter {
        top: 374px;
    }

    #SwitchingControllersControl .mainWindow .consumerMeterTitle {
        position: absolute;
        left: 213px;
        top: 395px;
        width: 60px;
        display: none;
    }

    #SwitchingControllersControl.type630 .mainWindow .consumerMeterTitle {
        top: 355px;
    }

    #SwitchingControllersControl .mainWindow .mainSwitch {
        position: absolute;
        left: 290px;
        top: 84px;
    }

        #SwitchingControllersControl .mainWindow .mainSwitch div {
            width: 32%;
            display: inline-block;
            text-align: center;
        }

        #SwitchingControllersControl .mainWindow .mainSwitch .imgplace {
            margin: auto;
            display: block;
        }

        #SwitchingControllersControl .mainWindow .mainSwitch div {
            color: #fff;
            font-size: 16px;
        }

    #SwitchingControllersControl .mainWindow .LineVertRight {
        background-color: #fff;
        position: absolute;
        left: 434px;
        top: 464px;
        width: 4px;
        height: 25px;
        z-index: 0;
    }

    #SwitchingControllersControl.type630 .mainWindow .LineVertRight {
        top: 435px;
    }

    #SwitchingControllersControl.type630 .mainWindow .LineVertLeft {
        top: 435px;
        left: 65px;
    }

    #SwitchingControllersControl.type630 .mainWindow .LineHoriz {
        display: none;
    }

    #SwitchingControllersControl.type630 .mainWindow .LineHorizLeft630 {
        background-color: #fff;
        position: absolute;
        left: 61px;
        top: 495px;
        width: 170px;
        height: 4px;
        z-index: 0;
    }

    #SwitchingControllersControl.type630 .mainWindow .LineHorizRight630 {
        background-color: #fff;
        position: absolute;
        left: 260px;
        top: 495px;
        width: 170px;
        height: 4px;
        z-index: 0;
    }

    #SwitchingControllersControl.type630 .mainWindow .LineVerticalConsumer {
        display: none;
    }

    #SwitchingControllersControl .mainWindow .LineVerticalConsumerRight630 {
        display: none;
    }

    #SwitchingControllersControl .mainWindow .LineVerticalConsumerLeft630 {
        display: none;
    }

    #SwitchingControllersControl.type630 .mainWindow .LineVerticalConsumerRight630 {
        background-color: #fff;
        position: absolute;
        left: 432px;
        top: 501px;
        width: 4px;
        height: 64px;
        z-index: 0;
        display: block;
    }

    #SwitchingControllersControl.type630 .mainWindow .LineVerticalConsumerLeft630 {
        background-color: #fff;
        position: absolute;
        left: 65px;
        top: 501px;
        width: 4px;
        height: 64px;
        z-index: 0;
        display: block;
    }

    #SwitchingControllersControl .mainWindow .LineVertLeft {
        background-color: #fff;
        position: absolute;
        left: 61px;
        top: 464px;
        width: 4px;
        height: 25px;
        z-index: 0;
    }

    #SwitchingControllersControl .mainWindow .LineHoriz {
        background-color: #fff;
        position: absolute;
        left: 61px;
        top: 523px;
        width: 374px;
        height: 4px;
        z-index: 0;
    }

    #SwitchingControllersControl .mainWindow .LineVerticalConsumer {
        background-color: #fff;
        position: absolute;
        left: 248px;
        top: 523px;
        width: 4px;
        height: 42px;
        z-index: 0;
    }

    #SwitchingControllersControl.type630 .mainWindow .imgBrakerMiddle {
        position: absolute;
        left: 224px;
        top: 480px;
        z-index: 0;
    }

    #SwitchingControllersControl .mainWindow .zina1title {
        font-size: 16px;
        top: 18px;
        position: absolute;
        left: 30px;
        width: 66px;
        ;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #SwitchingControllersControl .mainWindow .zina1Name {
        font-size: 16px;
        top: 37px;
        position: absolute;
        left: 15px;
        width: 110px;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #SwitchingControllersControl .mainWindow .zina2title {
        font-size: 16px;
        top: 18px;
        position: absolute;
        left: 410px;
        width: 66px;
        ;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #SwitchingControllersControl .mainWindow .zina2Name {
        font-size: 16px;
        top: 37px;
        position: absolute;
        left: 380px;
        width: 110px;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #SwitchingControllersControl .mainWindow .mainData .title {
        font-size: 14px;
        top: -18px;
        position: absolute;
        left: 0px;
        width: 100px;
        width: 100%;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
        direction: rtl;
    }

    #SwitchingControllersControl .mainWindow .zina div {
        background: #fff;
    }

#SwitchingControllmanychannelsersControl .mainWindow .mainData div {
    background: #fff;
}

#SwitchingControllersControl .mainWindow .brakerZinaRight {
    position: absolute;
    left: 413px;
    top: 488px;
    z-index: 1;
    text-align: center;
}

#SwitchingControllersControl.type630 .mainWindow .brakerZinaRight {
    top: 459px;
}

#SwitchingControllersControl .mainWindow .brakerZinaRight .title {
    font-size: 16px;
    width: 100px;
    margin: 0;
    position: absolute;
    left: -67px;
    top: -50px;
}

#SwitchingControllersControl .mainWindow .brakerZinaLeft {
    position: absolute;
    left: 41px;
    top: 488px;
    z-index: 1;
    text-align: center;
}

#SwitchingControllersControl.type630 .mainWindow .brakerZinaLeft {
    top: 459px;
    left: 45px;
}

#SwitchingControllersControl .mainWindow .brakerZinaLeft .title {
    font-size: 16px;
    width: 100px;
    margin: 0;
    position: absolute;
    left: -67px;
    top: -50px;
}

#SwitchingControllersControl .mainWindow .brakerZinaMiddle .title {
    display: none;
}

#SwitchingControllersControl.type630 .mainWindow .brakerZinaMiddle .title {
    font-size: 16px;
    width: 100px;
    margin: 0;
    position: absolute;
    left: 171px;
    top: 460px;
    display: block;
}

#SwitchingControllersControl .mainWindow .zinatype {
    padding: 3px;
    border-bottom: 1px solid #666;
    line-height: 21px;
    text-align: center;
}

#SwitchingControllersControl .mainWindow .leftZina .divAdditionalData {
    position: absolute;
    top: 10px;
    right: -90px;
}

#SwitchingControllersControl .mainWindow .rightZina .divAdditionalData {
    position: absolute;
    top: 10px;
    left: -90px;
}

#SwitchingControllersControl .mainWindow .zinaIcon {
    /*padding: 3px;*/
    border-bottom: 1px solid #666;
    height: 65px;
}

#SwitchingControllersControl .mainWindow table {
    width: 100%;
}

    #SwitchingControllersControl .mainWindow table td {
        padding: 3px;
        text-align: center;
    }

    #SwitchingControllersControl .mainWindow table .tablefooter td {
        border-top: 1px solid #666;
    }

#SwitchingControllersControl .mainWindow .deviceData td {
    border-bottom: 1px solid #4E4D4D;
    padding: 4px;
    text-align: right;
    font-size: 12px;
    direction: rtl;
}

#SwitchingControllersControl .mainWindow .deviceData .red td {
    color: #ff0000;
}

#SwitchingControllersControl .mainWindow .ArrowConsumer {
    position: absolute;
    top: 558px;
    left: 242px;
}

#SwitchingControllersControl.type630 .mainWindow .ArrowConsumer {
    display: none;
}

#SwitchingControllersControl.type630 .mainWindow .ArrowConsumerLeft630 {
    position: absolute;
    top: 560px;
    left: 58px;
}

#SwitchingControllersControl.type630 .mainWindow .ArrowConsumerRight630 {
    position: absolute;
    top: 560px;
    left: 425px;
}

#SwitchingControllersControl .mainWindow .ArrowLeft {
    position: absolute;
    top: 457px;
    left: 55px;
}

#SwitchingControllersControl.type630 .mainWindow .ArrowLeft {
    top: 427px;
    left: 58px;
}

#SwitchingControllersControl .mainWindow .ArrowRight {
    position: relative;
    top: 457px;
    left: -56px;
}

#SwitchingControllersControl.type630 .mainWindow .ArrowRight {
    top: 427px;
}

#SwitchingControllersControl .mainWindow .alertPlace {
    position: absolute;
    top: 161px;
    left: 108px;
    width: 284px;
}

#SwitchingControllersControl .rxtxplace {
    position: absolute;
    left: 65px;
    margin-left: -50px;
    width: 84px;
    top: 545px;
}

#SwitchingControllersControl.type630 .rxtxplace {
    left: 150px;
    margin-left: -50px;
    width: 84px;
    top: 545px;
}

#SwitchingControllersControl .rxtxplace div {
    position: absolute;
    top: 0px;
    color: #000;
}

    #SwitchingControllersControl .rxtxplace div span {
        display: block;
        width: 15px;
        height: 15px;
        background-color: #0f0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

#SwitchingControllersControl .rxtxplace .txDiv {
    right: 20px;
}

#SwitchingControllersControl .rxtxplace .rxDiv {
    left: 20px;
}

#SwitchingControllersControl .rxtxplace div span.white {
    background-color: #fff;
}

#SwitchingControllersControl .mainWindow .readMore {
    float: left;
    color: #fff;
    top: 600px;
    left: 0px;
    position: absolute;
}

#SwitchingControllersControl .mainWindow .lastDate {
    width: 145px;
    color: #000;
    top: 575px;
    position: absolute;
}

#SwitchingControllersControl.type630 .mainWindow .lastDate {
    left: 60px;
}

#SwitchingControllersControl .mainWindow .green {
    background-color: #33CC3F;
}

#SwitchingControllersControl.type630 .mainWindow .green {
    background-color: #33CC3F;
}

#SwitchingControllersControl .mainWindow .yellow {
    background-color: #EAC43A;
}

#SwitchingControllersControl.type630 .mainWindow .yellow {
    background-color: #EAC43A;
}

#SwitchingControllersControl .mainWindow .red {
    background-color: #FF0000;
}

#SwitchingControllersControl.type630 .mainWindow .red {
    background-color: #FF0000;
}

#SwitchingControllersControl .mainWindow .status {
    left: 154px;
    position: absolute;
    top: 62px;
    font-size: 17px;
    text-align: center;
    width: 203px;
    direction: rtl;
}

#SwitchingControllersControl #btnGetMeterMoreData {
    width: 500px;
    height: 30px;
    font-size: 17px;
}

#SwitchingControllersControl .mainWindow .deviceAlert {
    position: relative;
}

    #SwitchingControllersControl .mainWindow .deviceAlert .alert {
        margin-bottom: 2px;
        color: #FFF;
        padding: 5px;
        background-color: #F00 !important;
        text-align: center;
        font-size: 19px;
        width: 273px;
    }

#SwitchingControllersControl .mainWindow .deviceAlertLeft {
    margin-bottom: 2px;
    color: #FFF;
    padding: 5px;
    background-color: #F00 !important;
    display: none;
    position: relative;
    width: 248px;
    text-align: center;
    left: 27px;
}

#SwitchingControllersControl .mainWindow .deviceAlertRight {
    margin-bottom: 2px;
    color: #FFF;
    padding: 5px;
    background-color: #F00 !important;
    display: none;
    position: relative;
    width: 248px;
    text-align: center;
}

#SwitchingControllersControl .mainWindow .deviceAlertLeft span {
    font-size: 19px;
    font-weight: bold;
}

#SwitchingControllersControl .mainWindow .deviceAlertRight span {
    font-size: 19px;
    font-weight: bold;
}

#SwitchingControllersControl .mainWindow .deviceAlertRightArrow {
    top: 0px;
    left: 257px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 27.7px;
    border-color: transparent transparent transparent #ff0000;
}

#SwitchingControllersControl .mainWindow .deviceAlertLeftArrow {
    top: 0px;
    left: -27px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 27.7px 16px 0;
    border-color: transparent #ff0000 transparent transparent;
}


#divATSDisplay {
    display: none;
    background: #4E4D4D;
    height: 630px;
}



#divbordwater {
    display: none;
    border: 1px solid #666;
    height: 630px;
    width: 500px;
    padding: 30px;
}


/*#waterMeterContainer {
    background-color: #4E4D4D;
    width: 500px;
    height: 600px;
    position: relative;
    background: #fff3cb url('/content/images/bareel2.png') repeat-x;
    margin: 0 auto;
}*/

/*url(/Content/images/bareel2.png) center center no-repeat;
*/

#divATSDisplay div, #divATSDisplay td {
    font-weight: bold;
}

#divATSDisplay .mainWindow {
    background-color: #4E4D4D;
    width: 500px;
    height: 600px;
    position: relative;
    background: #fff3cb url('/content/images/ATS_500.png') repeat-x;
    margin: 0 auto;
}

    #divATSDisplay .mainWindow .mainTitle {
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        margin-top: 15px;
        color: #000;
        direction: rtl;
        width: 300px;
        left: 102px;
        position: absolute;
    }

    #divATSDisplay .mainWindow .communication {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 100%;
        position: absolute;
        top: 57px;
    }

    #divATSDisplay .mainWindow .underline {
        text-decoration: underline;
        cursor: pointer;
    }

    #divATSDisplay .mainWindow .deviceType {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 161px;
        left: 237px;
        position: absolute;
        top: 38px;
    }

    #divATSDisplay .mainWindow .deviceSerial {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 146px;
        left: 102px;
        position: absolute;
        top: 38px;
    }


    #divATSDisplay .mainWindow .deviceSerial {
        text-align: center;
        color: #000;
        direction: rtl;
        width: 146px;
        left: 102px;
        position: absolute;
        top: 38px;
    }

    #divATSDisplay .mainWindow .deviceData {
        position: absolute;
        left: 188px;
        top: 421px;
        width: 124px;
        background: #fff;
        z-index: 3;
    }

    #divATSDisplay .mainWindow .syncData {
        position: absolute;
        left: 186px;
        top: 145px;
        width: 125px;
        background: #fff;
    }

    #divATSDisplay .mainWindow .consumerMeterTitle {
        position: absolute;
        left: 213px;
        top: 395px;
        width: 60px;
        display: none;
    }

    #divATSDisplay .mainWindow .LineVertRight {
        background-color: #fff;
        position: absolute;
        left: 430px;
        top: 127px;
        width: 4px;
        height: 106px;
        z-index: 0;
    }

    #divATSDisplay .mainWindow .LineVertLeft {
        background-color: #fff;
        position: absolute;
        left: 69px;
        top: 127px;
        width: 4px;
        height: 106px;
        z-index: 0;
    }

    #divATSDisplay .mainWindow .LineVerticalConsumer {
        background-color: #fff;
        position: absolute;
        left: 248px;
        top: 407px;
        width: 4px;
        height: 113px;
        z-index: 0;
    }

    #divATSDisplay .mainWindow .zina1title {
        font-size: 16px;
        top: 18px;
        position: absolute;
        left: 30px;
        width: 66px;
        ;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #divATSDisplay .mainWindow .zina1Name {
        font-size: 16px;
        top: 37px;
        position: absolute;
        left: 15px;
        width: 110px;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #divATSDisplay .mainWindow .zina2title {
        font-size: 16px;
        top: 18px;
        position: absolute;
        left: 410px;
        width: 66px;
        ;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #divATSDisplay .mainWindow .zina2Name {
        font-size: 16px;
        top: 37px;
        position: absolute;
        left: 380px;
        width: 110px;
        padding: 0px;
        margin: 0px;
        background: none;
        text-align: center;
        color: #000;
    }

    #divATSDisplay .mainWindow .brakerZinaRight .braker1title {
        font-size: 16px;
        width: 100px;
        margin: 0;
        position: absolute;
        left: -67px;
        top: -50px;
    }

    #divATSDisplay .mainWindow .brakerZinaRight {
        position: absolute;
        left: 413px;
        top: 308px;
        z-index: 1;
        text-align: center;
    }

    #divATSDisplay .mainWindow .brakerZinaLeft {
        position: absolute;
        left: 41px;
        top: 308px;
        z-index: 1;
        text-align: center;
    }

        #divATSDisplay .mainWindow .brakerZinaLeft .braker2title {
            font-size: 16px;
            width: 100px;
            margin: 0;
            position: absolute;
            left: -67px;
            top: -50px;
        }

    #divATSDisplay .mainWindow table {
        width: 100%;
    }

        #divATSDisplay .mainWindow table .tablefooter td {
            border-top: 1px solid #666;
        }

    #divATSDisplay .mainWindow .deviceData td {
        border-bottom: 1px solid #4E4D4D;
        padding: 4px;
        text-align: right;
        font-size: 12px;
        direction: rtl;
    }

    #divATSDisplay .mainWindow .syncData td {
        border-bottom: 1px solid #4E4D4D;
        padding: 4px;
        text-align: center;
        font-size: 12px;
        direction: rtl;
    }

        #divATSDisplay .mainWindow .syncData td .green {
            background-color: #33CC3F;
        }

        #divATSDisplay .mainWindow .syncData td .red {
            background-color: #f00;
            color: #fff !important;
        }

    #divATSDisplay .mainWindow .ArrowConsumer {
        position: absolute;
        top: 515px;
        left: 241px;
    }

    #divATSDisplay .mainWindow .ArrowLeft {
        position: absolute;
        top: 116px;
        left: 62px;
    }

    #divATSDisplay .mainWindow .ArrowRight {
        position: absolute;
        top: 116px;
        left: 423px;
    }

    #divATSDisplay .mainWindow .alertPlace {
        position: absolute;
        top: 90px;
        left: 124px;
        width: 284px;
    }

    #divATSDisplay .mainWindow .mainSwitch .imgDotcenter {
        top: 403px;
        position: absolute;
        left: 243px;
        z-index: 4;
    }

    #divATSDisplay .mainWindow .mainSwitch .imgDotRight {
        position: absolute;
        z-index: 4;
        top: 230px;
        left: 425px;
    }

    #divATSDisplay .mainWindow .mainSwitch .imgDotLeft {
        position: absolute;
        z-index: 4;
        top: 230px;
        left: 65px;
    }

    #divATSDisplay .mainWindow .mainSwitch .imgSwitchRight {
        position: relative;
        z-index: 2;
        top: 232px;
        left: -68px;
    }

    #divATSDisplay .mainWindow .mainSwitch .imgSwitchLeft {
        position: relative;
        z-index: 2;
        top: 234px;
        left: -239px;
    }

#divATSDisplay .rxtxplace {
    position: absolute;
    left: 65px;
    margin-left: -50px;
    width: 84px;
    top: 545px;
}

    #divATSDisplay .rxtxplace div {
        position: absolute;
        top: 0px;
        color: #000;
    }

    #divATSDisplay .rxtxplace .txDiv {
        right: 20px;
    }

    #divATSDisplay .rxtxplace div span {
        display: block;
        width: 15px;
        height: 15px;
        background-color: #0f0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    #divATSDisplay .rxtxplace .rxDiv {
        left: 20px;
    }

    #divATSDisplay .rxtxplace div span.white {
        background-color: #fff;
    }

#divATSDisplay .mainWindow .lastDate {
    width: 145px;
    color: #000;
    top: 575px;
    position: absolute;
}

#divATSDisplay .mainWindow .green {
    background-color: #33CC3F;
}

#divATSDisplay .mainWindow .yellow {
    background-color: #EAC43A;
}

#divATSDisplay .mainWindow .red {
    background-color: #FF0000;
}

#divATSDisplay .mainWindow .deviceAlert .alert {
    margin-bottom: 2px;
    color: #FFF;
    padding: 5px;
    background-color: #F00 !important;
    text-align: center;
    font-size: 19px;
    width: 243px;
}

#divATSDisplay .mainWindow .deviceAlert {
    position: relative;
}

    #divATSDisplay .mainWindow .deviceAlert .alert {
        margin-bottom: 2px;
        color: #FFF;
        padding: 5px;
        background-color: #F00 !important;
        text-align: center;
        font-size: 19px;
        width: 273px;
    }

#divATSDisplay .mainWindow .deviceAlertLeft {
    margin-bottom: 2px;
    color: #FFF;
    padding: 5px;
    background-color: #F00 !important;
    display: none;
    position: relative;
    width: 248px;
    text-align: center;
    left: 27px;
}

#divATSDisplay .mainWindow .deviceAlertRight {
    margin-bottom: 2px;
    color: #FFF;
    padding: 5px;
    background-color: #F00 !important;
    display: none;
    position: relative;
    width: 248px;
    text-align: center;
}

#divATSDisplay .mainWindow .deviceAlertLeft span {
    font-size: 19px;
    font-weight: bold;
}

#divATSDisplay .mainWindow .deviceAlertRight span {
    font-size: 19px;
    font-weight: bold;
}

#divATSDisplay .mainWindow .deviceAlertRightArrow {
    top: 0px;
    left: 257px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 27.7px;
    border-color: transparent transparent transparent #ff0000;
}

#divATSDisplay .mainWindow .deviceAlertLeftArrow {
    top: 0px;
    left: -27px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 27.7px 16px 0;
    border-color: transparent #ff0000 transparent transparent;
}

#divPDUDisplay {
    display: none;
    background: #4E4D4D;
    height: 630px;
}

    #divPDUDisplay div, #divPDUDisplay td {
        font-weight: bold;
    }

    #divPDUDisplay .mainWindow {
        background-color: #4E4D4D;
        width: 500px;
        height: 600px;
        position: relative;
        background: #fff3cb url('/content/images/PDU_500.png') repeat-x;
        margin: 0 auto;
    }

        #divPDUDisplay .mainWindow .mainTitle {
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            margin-top: 15px;
            color: #000;
            direction: rtl;
            width: 300px;
            left: 102px;
            position: absolute;
        }

        #divPDUDisplay .mainWindow .Comments {
            top: 35px;
            left: -15px;
            position: relative;
        }

        #divPDUDisplay .mainWindow .Comment_text {
            padding: 2px;
            z-index: 10;
            position: absolute;
            top: 20px;
            left: 220px;
        }

        #divPDUDisplay .mainWindow .communication {
            text-align: center;
            color: #000;
            direction: rtl;
            width: 100%;
            position: absolute;
            top: 57px;
        }

        #divPDUDisplay .mainWindow .deviceType {
            text-align: center;
            color: #000;
            direction: rtl;
            width: 161px;
            left: 237px;
            position: absolute;
            top: 38px;
        }

        #divPDUDisplay .mainWindow .pdudevicedata {
            text-align: center;
            direction: rtl;
            width: 336px;
            left: 158px;
            position: absolute;
            top: 60px;
            height: 40px;
        }

            #divPDUDisplay .mainWindow .pdudevicedata div {
                text-align: center;
                color: #000;
                direction: rtl;
                width: 125px;
                float: right;
                padding-top: 5px;
                margin-right: 10px;
                height: 17px;
                background: #fff;
                border-bottom: 1px solid #000;
            }

        /*#divPDUDisplay .mainWindow .deviceV{background:#fff;border-bottom:1px solid #000;font-weight:bold;}
#divPDUDisplay .mainWindow .deviceA{background:#fff;border-bottom:1px solid #000;font-weight:bold;}
#divPDUDisplay .mainWindow .deviceKW{background:#fff;border-bottom:1px solid #000;font-weight:bold;}
#divPDUDisplay .mainWindow .devicePF{background:#fff;border-bottom:1px solid #000;font-weight:bold;}*/

        #divPDUDisplay .mainWindow .deviceSerial {
            text-align: center;
            color: #000;
            direction: rtl;
            width: 146px;
            left: 102px;
            position: absolute;
            top: 38px;
        }

        #divPDUDisplay .mainWindow .mainData {
            position: absolute;
            left: 113px;
            top: 84px;
            width: 125px;
        }

            #divPDUDisplay .mainWindow .mainData .title {
                font-size: 14px;
                top: -18px;
                position: absolute;
                left: 0px;
                width: 100px;
                width: 100%;
                padding: 0px;
                margin: 0px;
                background: none;
                text-align: center;
                color: #000;
                direction: rtl;
            }

        #divPDUDisplay .mainWindow table {
            width: 100%;
        }

            #divPDUDisplay .mainWindow table td {
                padding: 3px;
                text-align: center;
            }

            #divPDUDisplay .mainWindow table .tablefooter td {
                border-top: 1px solid #666;
            }

        #divPDUDisplay .mainWindow .deviceData {
            position: absolute;
            top: 115px;
            left: 30px;
        }

            #divPDUDisplay .mainWindow .deviceData .socket {
                position: relative;
                background: #fff3cb url(/content/images/socket.png);
                width: 73px;
                height: 105px;
                float: left;
            }

                #divPDUDisplay .mainWindow .deviceData .socket .socketnumber {
                    color: #fff;
                    float: left;
                    padding: 2px;
                }

                #divPDUDisplay .mainWindow .deviceData .socket .sockettitle {
                    padding: 2px;
                    float: left;
                }

                #divPDUDisplay .mainWindow .deviceData .socket .socketled {
                    position: absolute;
                    top: 92px;
                    left: 31px;
                    display: block;
                    width: 10px;
                    height: 10px;
                    background-color: #fff;
                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;
                }

                    #divPDUDisplay .mainWindow .deviceData .socket .socketled.green {
                        background-color: #0f0;
                    }

                    #divPDUDisplay .mainWindow .deviceData .socket .socketled.red {
                        background-color: #f00;
                    }

        #divPDUDisplay .mainWindow .alertPlace {
            position: absolute;
            top: 60px;
            left: 30px;
            width: 284px;
        }

    #divPDUDisplay .rxtxplace {
        position: absolute;
        left: 65px;
        margin-left: -50px;
        width: 84px;
        top: 545px;
    }

        #divPDUDisplay .rxtxplace div {
            position: absolute;
            top: 0px;
            color: #000;
        }

            #divPDUDisplay .rxtxplace div span {
                display: block;
                width: 15px;
                height: 15px;
                background-color: #0f0;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
            }

        #divPDUDisplay .rxtxplace .txDiv {
            right: 20px;
        }

        #divPDUDisplay .rxtxplace .rxDiv {
            left: 20px;
        }

        #divPDUDisplay .rxtxplace div span.white {
            background-color: #fff;
        }

    #divPDUDisplay .mainWindow .readMore {
        float: left;
        color: #fff;
        top: 600px;
        left: 0px;
        position: absolute;
    }

    #divPDUDisplay .mainWindow .lastDate {
        width: 145px;
        color: #000;
        top: 575px;
        position: absolute;
    }

    #divPDUDisplay .mainWindow .green {
        background-color: #33CC3F;
    }

    #divPDUDisplay .mainWindow .yellow {
        background-color: #EAC43A;
    }

    #divPDUDisplay .mainWindow .red {
        background-color: #FF0000;
    }

    #divPDUDisplay .mainWindow .status {
        left: 154px;
        position: absolute;
        top: 62px;
        font-size: 17px;
        text-align: center;
        width: 203px;
        direction: rtl;
    }

    #divPDUDisplay .mainWindow .deviceAlert {
        position: relative;
    }

        #divPDUDisplay .mainWindow .deviceAlert .alert {
            margin-bottom: 2px;
            color: #FFF;
            padding: 5px;
            background-color: #F00 !important;
            text-align: center;
            font-size: 19px;
            width: 180px;
        }

    #divPDUDisplay .mainWindow .deviceAlertLeft {
        margin-bottom: 2px;
        color: #FFF;
        padding: 5px;
        background-color: #F00 !important;
        display: none;
        position: relative;
        width: 248px;
        text-align: center;
        left: 27px;
    }

    #divPDUDisplay .mainWindow .deviceAlertRight {
        margin-bottom: 2px;
        color: #FFF;
        padding: 5px;
        background-color: #F00 !important;
        display: none;
        position: relative;
        width: 248px;
        text-align: center;
    }

    #divPDUDisplay .mainWindow .deviceAlertLeft span {
        font-size: 19px;
        font-weight: bold;
    }

    #divPDUDisplay .mainWindow .deviceAlertRight span {
        font-size: 19px;
        font-weight: bold;
    }

    #divPDUDisplay .mainWindow .deviceAlertRightArrow {
        top: 0px;
        left: 257px;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 0 16px 27.7px;
        border-color: transparent transparent transparent #ff0000;
    }

    #divPDUDisplay .mainWindow .deviceAlertLeftArrow {
        top: 0px;
        left: -27px;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 27.7px 16px 0;
        border-color: transparent #ff0000 transparent transparent;
    }




.popupnotpopupplace {
    display: none;
    background: url(/Content/images/trblack.png);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1111;
}

    .popupnotpopupplace .popupnotpopup {
        background: #fff url(/Content/images/bgpopup.jpg) no-repeat;
        width: 638px;
        height: 638px;
        position: absolute;
        left: 50%;
        top: 5%;
        margin-left: -320px;
        z-index: 1112;
    }

    .popupnotpopupplace .closepopup {
        cursor: pointer;
        display: block;
        background: url(/Content/images/close.png) no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        right: -15px;
        top: -15px;
        z-index: 1113;
    }

    .popupnotpopupplace .onlinecontent {
        position: relative;
    }

        .popupnotpopupplace .onlinecontent .metertype {
            color: #fd8805;
            font-size: 30px;
            position: absolute;
            right: 140px;
            top: 45px;
        }

        .popupnotpopupplace .onlinecontent .communicationDetailes {
            color: #fff;
            font-size: 15px;
            position: absolute;
            right: 195px;
            top: 79px;
            text-align: center;
        }

        .popupnotpopupplace .onlinecontent .channellist {
            color: #fff;
            position: absolute;
            right: 17px;
            top: 139px;
        }

            .popupnotpopupplace .onlinecontent .channellist #selChnnelList {
                width: 200px;
                font-size: 20px;
            }

        .popupnotpopupplace .onlinecontent .datetime {
            color: #fff;
            font-size: 20px;
            position: absolute;
            right: 160px;
            top: 101px;
        }

        .popupnotpopupplace .onlinecontent .moredata {
            font-size: 20px;
            position: absolute;
            right: 16px;
            top: 394px;
            width: 430px;
            height: 38px;
        }

        .popupnotpopupplace .onlinecontent .txmDiv {
            width: 17px;
            height: 17px;
            background-color: #0f0;
            right: 276px;
            top: 462px;
            position: absolute;
            border-radius: 10px;
            display: none;
        }

        .popupnotpopupplace .onlinecontent .rxmDiv {
            width: 17px;
            height: 17px;
            background-color: #0f0;
            right: 347px;
            top: 462px;
            position: absolute;
            border-radius: 10px;
            display: none;
        }

        .popupnotpopupplace .onlinecontent .tablestyledark {
            position: absolute;
            right: 15px;
            top: 180px;
            width: 430px;
            border-bottom: 1px solid #999;
            border-right: 1px solid #999;
            direction: rtl;
            color: #fff;
        }

            .popupnotpopupplace .onlinecontent .tablestyledark th {
                font-weight: bold;
            }

            .popupnotpopupplace .onlinecontent .tablestyledark th, .popupnotpopupplace .onlinecontent .tablestyledark td {
                padding: 5px;
                border-top: 1px solid #999;
                border-left: 1px solid #999;
                font-size: 36px;
                color: #fff;
                text-align: center;
            }

.tablestyledark td {
    direction: ltr;
}

.popupnotpopupplace .tabs {
    position: absolute;
    right: 20px;
    top: -31px;
}

    .popupnotpopupplace .tabs .tab {
        cursor: pointer;
        font-size: 18px;
        display: inlie-block;
        background: #ddd;
        padding: 5px 15px;
        color: #000;
        float: right;
        margin: 0px 0px 0px 5px;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }

        .popupnotpopupplace .tabs .tab:hover, .popupnotpopupplace .tabs .tab.this {
            background: #fff;
        }

.step {
    border: 1px solid #c0c0c0;
    background: #F0F8FF;
    padding: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .step span {
        display: inline-block;
        margin: 0 0 0 10px;
    }

        .step span.name {
            font-weight: bold;
        }

#lblDisplayTreeHtml span {
    display: inline-block;
    width: auto;
    margin: 0 10px;
    padding: 0;
    float: none;
}

.path span {
    display: inline-block;
    width: auto;
    margin: 0 10px;
    padding: 0;
    float: none;
}

.error {
    color: #F00;
}

.success {
    color: #699703;
}

.message {
    font-size: medium;
}

.ok {
    color: #699703;
    font-size: 14px;
    display: inline-block;
    margin: 3px 20px;
}

#steps {
    font-weight: bold;
    font-size: 16px;
}

#divViewForm {
    width: 800px;
}

.popupplacehover {
    position: relative;
    display: inline-block;
}

    .popupplacehover .toolTipNoWidthDiv {
        left: auto;
        right: 0;
    }


.errorplace {
    border: 1px solid #ccc;
    width: 500px;
    margin: 30px auto;
    text-align: center;
    color: #ff0000;
    padding: 20px;
}

    .errorplace h2, .errorplace span {
        text-align: center;
        color: #ff0000;
        font-size: 20px;
    }


.btndynamic {
    float: left;
    margin: 0 5px 5px 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+1,d3d3d3+100 */
    background: #e8e8e8; /* Old browsers */
    background: -moz-linear-gradient(top, #e8e8e8 1%, #d3d3d3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e8e8e8 1%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e8e8e8 1%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
}

    .btndynamic:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,e8e8e8+99 */
        background: #d3d3d3; /* Old browsers */
        background: -moz-linear-gradient(top, #d3d3d3 0%, #e8e8e8 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #d3d3d3 0%,#e8e8e8 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #d3d3d3 0%,#e8e8e8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    }

    .btndynamic input {
        background: none;
        border: none;
        line-height: 16px;
    }

    .btndynamic .close {
        margin: 1px 0 0 0;
        cursor: pointer;
        display: inline-block;
        background: url(images/delete.png) no-repeat;
        width: 16px;
        height: 16px;
        float: right;
        border-left: 1px solid #999;
    }

.remarkBox {
    padding: 5px 5px 5px 0;
}

.stabletdwidth td {
    min-width: 60px;
}

.bottombutton {
    margin-top: 40px;
    float: right;
}

.widgets_canvas {
    width: 100%;
    height: 500px;
}

#divFiles .filegood {
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0px 0 10px 0;
    color: #008000;
    font-weight: bold;
}

#divFiles .filebad {
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0px 0 10px 0;
    color: #f00;
    font-weight: bold;
}

#divNotes .notegood, .noteconfiggood {
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0px 0 10px 0;
    color: #008000;
    font-weight: bold;
}

#divNotes .notebad, .noteconfigbad {
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0px 0 10px 0;
    color: #f00;
    font-weight: bold;
}

#divNotes .radiolist {
    width: 200px;
}

    #divNotes .radiolist td {
        width: 100px;
    }

.linkedbreadcrumbs {
    margin-right: 20px;
    margin-top: 9px;
    display: inline-block;
}

    .linkedbreadcrumbs span {
        width: auto;
        font-size: 12px;
        cursor: default;
        margin-right: 3px;
    }

.scrolwidth {
    overflow: auto;
    width: 100%;
    height: 500px;
}

.leftside {
    float: left;
    width: 75%;
    border: 1px solid #ccc;
    min-height: 550px;
}

.rightside {
    float: right;
    width: 24%;
    border: 1px solid #ccc;
    height: 100%;
    min-height: 810px;
    text-align: right;
    overflow-y: auto;
}


.treemenu img {
    width: 16px;
}

.treearrow {
    position: absolute;
    cursor: pointer;
    width: 10px;
    height: 1px;
    background: #666;
    right: 5px;
    top: 8px;
}

.treeclose {
    background: url(images/treearrowleft.png) 0px 0px no-repeat;
    right: -7px;
    top: 0px;
    width: 16px;
    height: 16px;
}

.treeopen {
    background: url(images/treearrowdown.png) 0px 0px no-repeat;
    right: -7px;
    top: 0px;
    width: 16px;
    height: 16px;
}

.treearrowfirst {
    width: 15px;
    right: -1px;
    top: 9px;
}

.treelevel {
    margin: 7px;
    position: relative;
}

    .treelevel .treedata:hover > .treefloaticons {
        display: block;
    }

    .treelevel img {
        float: right;
        margin: 0 0 0 10px;
    }

    .treelevel .treelevel {
        padding: 0px 23px 0px 0px;
        margin: 0px 0px 0 0;
    }

        .treelevel .treelevel:last-of-type {
            background: #fff;
        }

            .treelevel .treelevel:last-of-type .treelast {
                width: 1px;
                height: 10px;
                position: absolute;
                right: -24px;
                top: -1px;
                background: #666;
            }

    .treelevel:after, .treefloaticons:after, .checklist:after, .filter:after, .checkboxlists, .page {
        content: "";
        display: table;
        clear: both;
    }

.treeline {
    height: 100%;
    background: #666;
    width: 1px;
    position: absolute;
    right: 23px;
    top: 0px; /*border-right:1px solid #666;background:url(images/treedot.gif) right 0px top 0 repeat-y;*/
}

.treelinefirst {
    background: #666;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 1px;
    height: 80%;
}

.treehorline {
    height: 1px;
    background: #666;
    width: 28px;
    position: absolute;
    right: -23px;
    top: 8px;
}

.treefloaticons {
    position: absolute;
    left: 10px;
    top: 5px;
    display: none;
}

.treedata .treeicon {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 0 2px;
    cursor: pointer;
}

    .treedata .treeicon img {
        position: static;
        margin: 0 5px 0 0;
        width: 16px;
        height: 16px;
        padding: 0;
    }

.treeicon1 {
    background: url(images/compres.png) 0px 0px no-repeat;
}

.treeicon2 {
    background: url(images/conditioner.png) 0px 0px no-repeat;
}

.treeicon3 {
    background: url(images/breaker.png) 0px 0px no-repeat;
}

.treedata {
    position: relative;
    padding: 0px 40px 12px 0;
    line-height: 16px;
    margin: 0 1px 0 0;
    cursor: pointer;
}

    .treedata:hover, .treedata.this {
        background: #ccdef9;
    }

        .treedata:hover .treetitle, .treedata.this .treetitle {
            font-weight: bold;
        }

    .treedata img {
        position: absolute;
        right: 16px;
        top: 2px;
    }

.treetitle {
    font-size: 14px;
    margin: 3px 0 0 0;
    display: inline-block;
}

.treegrey {
    background: #efefef;
}

    .treegrey .treetitle {
        font-weight: bold;
    }

.emergrncybutton {
    background: #c00;
}

.mute {
    background: #f00;
    width: 100px;
    display: inline-block;
    height: 23px;
    margin: 2px;
    margin-left: 10px;
    cursor: pointer;
}

    .mute img {
        float: right;
        padding: 2px;
    }

    .mute span {
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
        color: #fff;
        float: left;
    }

.testEmail textarea {
    margin-right: 9px;
    font-size: 12px;
    width: 400px;
    height: 60px;
}

.testEmail .spansmall {
    width: 85px;
}

.testEmail .textbig {
    width: 400px !important;
}

.titleofstation .titleimage {
    float: left;
    margin: 15px 10px 0 -10px;
    cursor: pointer;
}

#divCategoriesSettings .breadcrumbs .arrow {
    direction: ltr;
}

.israelmap {
    width: 1200px;
    height: 640px;
    background: url(images/bgmap.jpg) 0px 0px no-repeat;
    margin: 10px auto;
    position: relative;
}

    .israelmap:after, .mapnumbers:after {
        content: "";
        display: table;
        clear: both;
    }

    .israelmap .mapbox {
        position: absolute;
        width: 100px;
        min-height: 65px;
        background: #ccecff;
        border: 1px solid #000;
        cursor: pointer;
    }

.centermap .mapbox {
    position: relative;
    width: 100px;
    min-height: 65px;
    background: #ccecff;
    border: 1px solid #000;
    margin-top: 50px;
    margin-left: 20px;
    display: inline-block;
    cursor: pointer;
}

.israelmap .mapbox.selected {
    background: #25d41e;
    cursor: move;
}

.israelmap .mapbox .maptitle, .centermap .mapbox .maptitle {
    color: #333;
    text-align: center;
    font-size: 15px;
    padding: 3px 5px;
    border-bottom: 1px solid #000;
}

.israelmap .mapnumbers, .centermap .mapnumbers {
    position: absolute;
    left: 0;
    top: -18px;
    z-index: 1;
}

    .israelmap .mapnumbers span, .centermap .mapnumbers span {
        width: 17px;
        display: block;
        float: left;
        text-align: center;
        font-size: 11px;
        color: #fff;
        border: 1px solid #000;
        border-bottom: none;
        margin: 0 0px 0 1px;
        padding: 2px 0px;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    .israelmap .mapnumbers .vi, .centermap .mapnumbers .vi {
        background: url(images/vimap.png) center center no-repeat;
        border: none;
        padding: 0;
        width: 16px;
        height: 17px;
    }

    .israelmap .mapnumbers .num0, .centermap .mapnumbers .num0 {
        background: none;
        border: none;
        width: 18px;
    }

    .israelmap .mapnumbers .num1, .centermap .mapnumbers .num1 {
        background: #cc3333;
    }

    .israelmap .mapnumbers .num3, .centermap .mapnumbers .num3 {
        background: #339933;
    }

    .israelmap .mapnumbers .num2, .centermap .mapnumbers .num2 {
        background: #9966cc;
    }

    .israelmap .mapnumbers .num4, .centermap .mapnumbers .num4 {
        background: #999999;
    }

    .israelmap .mapnumbers .num5, .centermap .mapnumbers .num5 {
        background: #000;
    }


.israelmap .iconplan, .israelmap .iconradar, .israelmap .iconbridge {
    border-right: 1px solid #000;
    width: 40px;
    height: 50px;
    float: left;
}

.centermap .iconplan, .centermap .iconradar, .centermap .iconbridge {
    border-right: 1px solid #000;
    width: 40px;
    height: 50px;
    float: left;
}

.israelmap .iconplan, .centermap .iconplan {
    background: url(images/planmap.png) center center no-repeat;
}

.israelmap .iconradar, .centermap .iconradar {
    background: url(images/radarmap.png) center center no-repeat;
}

.israelmap .iconbridge, .centermap .iconbridge {
    background: url(images/bridgemap.png) center center no-repeat;
}

.israelmap .horisontalline {
    background: #000;
    width: 150px;
    height: 1px;
    position: absolute;
    left: 99px;
    top: 10px;
}

.israelmap .horisontalshortline {
    background: #000;
    width: 80px;
    height: 1px;
    position: absolute;
    left: 99px;
    top: 10px;
}

    .israelmap .horisontalline span, .israelmap .horisontalshortline span {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 10px;
        height: 10px;
        background: #000;
        position: absolute;
        right: -5px;
        top: -5px;
    }


.israelmap .horisontalleftline {
    background: #000;
    width: 150px;
    height: 1px;
    position: absolute;
    right: 99px;
    top: 10px;
}

.israelmap .horisontalleftshortline {
    background: #000;
    width: 80px;
    height: 1px;
    position: absolute;
    right: 99px;
    top: 10px;
}

    .israelmap .horisontalleftline span, .israelmap .horisontalleftshortline span {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 10px;
        height: 10px;
        background: #000;
        position: absolute;
        left: -5px;
        top: -5px;
    }

.israelmap .verticalline {
    background: #000;
    width: 1px;
    height: 150px;
    position: absolute;
    left: 10px;
    top: 72px;
}

.israelmap .verticalshortline {
    background: #000;
    width: 1px;
    height: 70px;
    position: absolute;
    left: 10px;
    top: 72px;
}

    .israelmap .verticalline span, .israelmap .verticalshortline span {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 10px;
        height: 10px;
        background: #000;
        position: absolute;
        bottom: -5px;
        left: -5px;
    }


.israelmap .verticaltopline {
    background: #000;
    width: 1px;
    height: 150px;
    position: absolute;
    left: 10px;
    top: -150px;
}

.israelmap .verticaltopshortline {
    background: #000;
    width: 1px;
    height: 80px;
    position: absolute;
    left: 10px;
    top: -80px;
}

.israelmap .verticaltopline span {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    bottom: 150px;
    left: -5px;
}

.israelmap .verticaltopshortline span {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    bottom: 77px;
    left: -5px;
}

.israelmap .icong img {
    margin: 10px 10px 0 0;
}

.centermap .icong img {
    margin: 10px 10px 0 0;
}

.checklist label {
    display: inline-block;
    float: right;
    margin: 0 0 10px 30px;
}

.checklist .checklabelstyle {
    position: relative;
    display: inline-block;
    float: right;
}

.checklist label input {
    float: right;
    width: 15px;
    margin: 5px 0 0 2px;
}

.checklist span {
    width: auto;
    padding: 0;
    margin: 0;
}

.checklist .checklabelstyle .checklabelbox {
    position: absolute;
    right: 0;
    top: 20px;
    background: #f0f0f0;
    width: 200px;
    display: none;
    z-index: 2;
    border: 1px solid #ccc;
    padding: 5px;
}

.checklist .checklabelstyle:hover .checklabelbox {
    display: block;
}

.checklist .checklabelstyle .checklabelbox label {
    float: none;
    display: block;
    margin: 0 0 5px 0;
}

/*.centermap {position:fixed;left:50%;top:25%;width:300px;margin:0 0 0 -150px;background:#000;padding:30px;z-index:99;}*/

h1 span.badmap {
    font-size: 14px;
    display: inline-block;
    margin: 3px 20px;
    color: #ff0000;
    position: absolute;
    left: 0;
    top: 0px;
    width: 990px;
    text-align: center;
}

h1 span.goodmap {
    font-size: 14px;
    display: inline-block;
    margin: 3px 20px;
    color: #699703;
    position: absolute;
    left: 0;
    top: 0px;
    width: 990px;
    text-align: center;
}

input[type="text"].disabeld {
    background: #e6dede;
    border: 1px solid #ccc;
    cursor: not-allowed;
}

.checkboxlists label {
    display: inline-block;
    float: left;
    margin: 0 15px 10px 0;
}

    .checkboxlists label span {
        font-size: 14px;
    }

    .checkboxlists label input {
        float: left;
        margin: 0 5px 0 0;
    }

.toogleelementplace, .toogleelementplace2 {
    position: relative;
}

    .toogleelementplace2 .titleelement {
        width: 96px;
    }

.toogleelement {
    display: none;
    position: absolute;
    left: 75px;
    top: 25px;
    width: 812px;
}

.toogleelement2 {
    display: none;
    position: absolute;
    left: 121px;
    top: 25px;
    min-width: 212px;
    z-index: 99;
    overflow-y: auto;
    max-height: 500px;
}

    .toogleelement2 input, .toogleelement2 span {
        width: auto;
        font-size: 12px;
        float: left;
    }

    .toogleelement2 input {
        float: left;
        margin: -1px 5px 0 0px;
    }

.titleelement {
    width: 50px;
    display: block;
    float: left;
    margin: 5px 10px 0 0px;
}

.elementchange {
    width: 800px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    float: left;
    cursor: pointer;
    position: relative;
}

.elementchange2 {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    float: left;
    cursor: pointer;
    position: relative;
    width: 200px;
}

.plusbtn {
    margin: 6px 10px 0 10px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

    .plusbtn img {
        float: left;
        margin: 0 5px 0 0px;
    }

.tableprint .maintitleprint {
    margin: 100px 0 0 0;
}

.filedatepicker, .filedatepicker span {
    width: auto !important;
}

    .filedatepicker span, .filedatepicker img, .filedatepicker input, .filedatepicker2 img, .filedatepicker2 input {
        float: left;
        margin: 0 5px 0 0;
        display: inline-block;
    }

    .filedatepicker.firstfiledatepicker span {
        width: 80px !important;
    }

    .filedatepicker span {
        padding: 2px 4px 0px 0px;
    }

    .filedatepicker img, .filedatepicker2 img {
        float: right;
        margin: 0 10px 0 0px;
    }

.formstyle .filedatepicker2 input[type="text"] {
    margin: 0 2px 0 10px;
    width: 100px;
}

.filedatepicker2 {
    display: inline-block;
}

.toggleplus {
    display: inline-block;
    padding: 5px 5px 5px 25px;
    background: #f0f0f0 url(images/plus.png) 5px center no-repeat;
    border: 1px solid #999;
    color: #333;
    text-align: right;
    line-height: 16px;
    font-weight: bold;
    min-width: 100px;
    cursor: pointer;
}

.toggleminus {
    display: inline-block;
    padding: 5px 5px 5px 25px;
    background: #f0f0f0 url(images/minus.png) 5px center no-repeat;
    border: 1px solid #999;
    color: #333;
    text-align: right;
    line-height: 16px;
    font-weight: bold;
    min-width: 100px;
    cursor: pointer;
}

.tdcal {
    width: 120px;
}

    .tdcal input {
        width: 90px;
        float: right;
    }

    .tdcal img {
        float: left;
    }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    color: transparent;
}

#divFeedingThe .success {
    font-size: 15px;
    font-weight: bold;
    width: 900px;
    color: #699703;
}

#divFeedingThe .error {
    font-size: 15px;
    font-weight: bold;
    width: 900px;
    color: #ff0000;
}

.tdinputhights {
    line-height: 14px;
}

    .tdinputhights input {
        margin: 0 5px;
    }

.draggable-item {
    bottom: initial;
}

.disablealert {
    float: left;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

    .disablealert img {
        position: static;
    }

    .disablealert.withalert {
        background: #ff0000;
    }

    .disablealert.withoutalert {
        background: #395f8a;
    }

.disablealertrow {
    float: left;
    color: #fff;
    cursor: pointer;
    padding: 3px;
}

    .disablealertrow img {
        position: static;
    }

    .disablealertrow.withalert {
        background: #ff0000;
    }

    .disablealertrow.withoutalert {
        background: #395f8a;
    }

.disablealertchilds {
    float: left;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 13px;
}

.disablealertchildsrow {
    float: left;
    color: #fff;
    padding: 3px;
}

.statescontainer div {
    width: 17%;
    margin: 2%;
    float: left;
    background: #ccc;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    position: relative;
    min-height: 55px;
}

    .statescontainer div .imagestatus {
        display: block;
        position: absolute;
        right: -30px;
        top: 15px;
        width: 20px;
        height: 20px;
        background: #f0f0f0;
        padding: 5px;
        font-size: 20px;
        line-height: 20px;
    }

    .statescontainer div label {
        display: block;
        position: absolute;
        left: 10px;
        bottom: 10px;
        font-size: 12px;
        font-weight: normal;
        color: #333;
    }

        .statescontainer div label input {
            float: left;
            margin: 0 10px 0 0;
        }

.successbackground {
    background: #A5D9A1 !important;
}

.dangerbackground {
    background: #F86748 !important;
}

.warningbackground {
    background: #FFFF99 !important;
}

.pointercursor {
    cursor: pointer;
}

.tooltiptable {
    border-right: 1px solid #5d8cc9;
    border-bottom: 1px solid #5d8cc9;
    border-top: 1px solid #5d8cc9;
}

    .tooltiptable td, .tooltiptable th {
        border-left: 1px solid #5d8cc9;
        border-bottom: 1px solid #5d8cc9;
    }

.treesimpledata {
    background: #f3f3f3;
}

    .treesimpledata .labelhoriz {
        font-weight: bold;
    }

    .treesimpledata span {
        font-size: 14px;
        margin-left: 15px;
    }

.comparelist {
    padding-right: 15px;
}

    .comparelist .comparelisttitle {
        float: right;
        font-size: 15px;
        font-weight: bold;
    }

    .comparelist .compareitem:before {
        content: "";
        display: block;
        position: absolute;
        left: 20px;
        top: 0;
        height: 100%;
        width: 1px;
        background: #ccc;
    }

    .comparelist .compareitem {
        border: 1px solid #ccc;
        width: 120px;
        float: right;
        margin-left: 10px;
        cursor: pointer;
        position: relative;
    }

        .comparelist .compareitem span {
            width: 88px;
            padding: 5px;
            background: #f0f0f0;
            height: 30px;
            vertical-align: middle;
            display: table-cell;
        }

        .comparelist .compareitem img {
            float: left;
            margin: 14px 3px 0px 3px;
        }

.imageborder {
    border: 1px solid #5d8cc9;
}

.concatspans {
    overflow: hidden;
    margin: 0 0 10px 0;
}

    .concatspans span {
        display: inline-block;
        float: left;
        margin: 0 10px 0 0;
    }

.goodtab {
    float: left;
    padding-left: 200px;
    color: #699703;
    font-weight: bold;
}

.badtab {
    float: left;
    padding-left: 200px;
    color: #ff0000;
    font-weight: bold;
}

.caltop1 {
    top: 16px !important;
    left: 794px !important;
}

.caltext {
    width: 85px !important;
    margin-left: 15px !important;
}

.caltop2 {
    top: 16px !important;
    left: 400px !important;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.discountfield {
    display: inline-block;
    white-space: nowrap;
    margin-left: 15px;
    float: right;
}

    .discountfield span {
        width: 200px;
        display: inline-block;
        float: right;
    }

.redalert {
    color: red;
    font-weight: bold;
    font-size: 18px;
}

#divIframe .frameloader {
    background: url(/Content/images/loader_circle_trans.gif) center center no-repeat;
    width: 100%;
    height: 600px;
}

#divIframe2 .frameloader {
    background: url(/Content/images/loader_circle_trans.gif) center center no-repeat;
    width: 100%;
    height: 600px;
}

.framediv .frameloader {
    background: url(/Content/images/loader_circle_trans.gif) center center no-repeat;
    width: 100%;
    height: 600px;
}

.msgtab {
    font-weight: bold;
    position: relative;
    top: -15px;
    right: 303px;
}

input.applyout.disable {
    background: #cccccc;
    color: #666;
    cursor: not-allowed;
}

.imgarrow {
    background: url(/Content/images/ArrowIconRotate.png) center center no-repeat;
    width: 46px;
    height: 20px;
    display: block;
}









.formstylesection_edit {
    background-color: black;
    width: 100%;
}

.newformstyle .label2, .newformstyle .label3, .newformstyle .label4, .newformstyle .label5 {
    display: flex;
    align-content: start;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    width: 100%;
}

.newformstyle.w50 {
    width: 50%;
    margin: auto
}

.newformstyle.w70 {
    width: 70%;
    margin: auto
}

.newformstyle label {
    display: block;
    position: relative;
    margin: 0 0 10px 0;
}

    .newformstyle label label {
        display: inline
    }

.newformstyle .label2 > label {
    width: 48%;
    margin: 1%;
}

.newformstyle .label3 > label {
    width: 31%;
    margin: 1%;
}

.newformstyle .label4 > label, .newformstyle .label4 > div {
    width: 24%;
    margin: .15% .5%;
}

.newformstyle .label5 > label, .newformstyle .label5 > div {
    width: 19%;
    margin: .15% .5%;
}

.newformstyle label img {
    position: absolute;
    right: 3px;
    top: 3px;
}

.newformstyle label span {
    display: inline-block;
    position: relative;
    padding: 7.5px 5px;
    width: 50%;
    float: left;
    line-height: 100%;
}

.newformstyle label input, .newformstyle label select, .newformstyle label textarea {
    padding: 5px;
    color: #000;
    border: 1px solid #666;
    width: 40%;
    float: right
}

.newformstyle .wideformstyle label span {
    width: 35%;
}

.newformstyle .wideformstyle label input, .newformstyle .wideformstyle label select, .newformstyle .wideformstyle label textarea {
    width: 65%;
}

.newformstyle .wideformstyle .label5 > label, .newformstyle .wideformstyle .label5 > div {
    width: 24%;
    margin: .15% .5%;
}

.newformstyle label input[type="checkbox"] {
    float: left;
    margin: 0px 5px 0 0
}

.newformstyle label input[type="checkbox"] {
    width: 15px;
}

.newformstyle .labelcheck {
    padding: .35%
}

/*.newformstyle label select {
width:55%
}*/
.newrequired span:before {
    content: "*";
    display: block;
    color: #ff0000;
    position: absolute;
    left: 0px;
    top: 5px;
}

.formstylesection .h3title {
    display: block;
}

.formstylesection {
    float: left;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ccc
}

.formstylesectionprint {
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #ccc
}

.cb-vertical-align label {
    position: relative;
    top: -17px;
    right: 20px;
    width: 300px;
}



@media screen and (max-width: 1020px) {

    .wide-table {
        overflow: scroll;
        width: 95%;
    }
}

.input-orange-bg {
    background-color: #ffdead;
    border: 2px solid #5d8cc9;
}


.diary h2 {
    font-size: 30px;
    padding: 5px;
    margin: 0;
}

.diary h3 {
    font-size: 24px;
    padding: 5px;
    background: #f0f0f0;
    margin: 0;
}

.diary img {
    float: left;
    cursor: pointer;
}

.diary-month {
    display: flex;
    margin: 0 0 0 0;
    border: 2px solid black;
}

    .diary-month > div {
        width: 30%;
        border: 1px solid black;
        border-left: none;
    }

        .diary-month > div:first-of-type {
            border-right: 1px solid #ccc;
            width: 10%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .diary-month > div div {
            padding: 5px;
            border-top: 1px solid #ccc;
        }

.diary-day {
}

.table-wrapping-div-with-scroll-x {
    width: 100%;
    overflow-x: scroll;
    /*transform: rotateX(180deg);*/
}

/*.table-wrapping-div-with-scroll-x > * {
    transform: rotateX(180deg);
}*/

.table-row-total {
    background-color: #E3EEFF;
    border: 1px solid #5D8CC9;
    font-weight: bold;
    border-top: 2px solid #5D8CC9;
}

.padding-0-10 {
    padding: 0px 10px;
}

.text-align-center {
    text-align: center;
}

.table-with-white-border td, .table-with-white-border th {
    border-right: 1px solid white;
}

    .table-with-white-border td:first-child, .table-with-white-border th:first-child {
        border-right: none;
    }

label select.border-red {
    border: 1px solid red;
}

.tdrtl {
    direction: rtl;
}

.formtableprint table {
    border: none;
}


.checkboxstyle {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .checkboxstyle > div {
        width: 13%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row-reverse
    }

    .checkboxstyle input {
        width: 15px;
        height: 15px;
    }

.ui-dialog .ui-dialog-title span {
    font-size: 14px;
}

.treecol {
    display: flex;
    flex-wrap: wrap;
}

    .treecol > div {
        width: 30%;
        padding: 0 0 0 2%;
    }

        .treecol > div > div {
            margin: 0 0 15px 0;
            width: 100%;
            float: left;
        }

.electricityLabel {
    display: none; /* להסתיר את התווית */
}

.divinputTables {
    display: none;
    position: absolute;
    left: 20px;
    top: 15px;
    width: 400px;
}

.infoplace {
    position: relative;
    display: inline-block
}


/*input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}*/


input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
    width: 15px;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
}

.custom-inpt {
    padding: 10px !important;
}

.water-level-container {
    /*     width: 80px;
            height: 256px;*/
    /*            background-color: #e5e7eb;
*/ /*border-radius: 8px 8px 0 0;*/
    position: relative;
    /*overflow: hidden;*/
    /*         border: 1px solid #d1d5db;
            margin: 20px auto;*/
    z-index: 6;
    background: url('/Content/images/bareel2.png') center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    left: -54px;
}

    .water-level-container.INSIDE {
        background: url('/Content/images/bareel2a.png') center center no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        left: -54px;
        z-index: 6;
        position: relative;
    }





/* "url('/Content/images/barrel.png')";
*/ .water-level-bar {
    position: absolute;
    bottom: 0;
    left: 3px;
    transition: height 0.5s ease-in-out, background-color 0.5s ease-in-out;
    z-index: 1;
    width: 24%;
}

.water-level-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #374151;
    margin-right: -55px;
    width: 66%;
    direction: ltr;
}

.water-level-label {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
}

.range-label {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    color: #374151;
    height: 1px;
    background-color: #000;
}

.range-label-max {
    height: 0px;
}

.range-label-low {
    height: 0px;
}

.range-value {
    position: absolute;
    right: -40px;
    font-size: 12px;
    margin-left: 5px;
    transform: translateY(-50%);
    white-space: nowrap;
}


.bareelplace {
    /*    position: relative;
*/ width: 100%;
    height: 63px;
    display: flex;
    justify-content: center;
}


.tooltip {
    display: none; /* Initially hidden */
    position: absolute;
    bottom: 50px; /* Adjust the position of the tooltip */
    left: 50%;
    transform: translateX(-50%); /* Center the tooltip horizontally */
    background-color: #c0c0c0; /* Gray background color */
    color: #fff; /* Text color */
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10; /* Make sure tooltip is above other elements */
    width: 155%
}



.water-level-text img:hover + .tooltip {
    display: block; /* Show tooltip on hover */
}


@keyframes blink {
    0% {
        background-color: #cc0000;
    }

    50% {
        background-color: #c0c0c0;
    }

    100% {
        background-color: #cc0000;
    }
}

.warning_reds_blink {
    animation: blink 1s infinite;
}

.generatormain input, .generatormain select, .generatorpopup input {
    width: 112px;
    padding: 5px;
}

.generatormain label {
    display: inline-block
}

.generatormain .exl {
    background: #f0f0f0 url('/content/images/xlsTransp.png') 5px center no-repeat;
    display: inline-block;
    padding: 3px 3px 3px 30px;
    color: #000;
    border-radius: 3px;
    border: 1px solid #666;
    margin: 0 10px;
}

.mainsubtitle {
    margin: 40px 0px 10px 0;
    text-align: center;
    font-size: 30px;
}

.btnplace {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
}

    .btnplace > div { /*display:flex;flex-wrap: wrap;width: 33%;*/
    }

    .btnplace h2 {
        width: 100%
    }

    .btnplace > div:first-of-type {
        width: 375px
    }

    .btnplace > div:nth-of-type(2n) {
        margin: 0 2%
    }

#costchange {
    position: relative;
}

button.btn {
    background: #406ca1;
    padding: 10px 15px;
    color: #fff;
    display: inline-block;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 2px;
    font-size: 18px;
    width: 120px;
    height: 65px;
    float: right;
    position: relative
}

    button.btn:hover {
        background: #000
    }

.generatortotal {
    display: flex;
    flex-wrap: wrap;
}
    /*.generatortotal > div {display:flex;}*/
    .generatortotal > h2:first-of-type {
        width: 375px;
        margin: 0 0 0 2%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .generatortotal div span {
        display: block;
        margin: 0 0 5px 0;
        width: auto
    }

    .generatortotal > span {
        margin: 26px 5px 0 5px;
        display: inline-block;
    }

        .generatortotal > span.sepplus {
            margin: 26px 1% 0 1%
        }

    .generatortotal h2 {
        margin: 20px 0 0 10px;
    }

.generatorcalc {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
    padding: 20px;
    background: #e4f1fd;
    border-radius: 3px;
}

    .generatorcalc > div {
        margin: 0 0 0 20px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .generatorcalc > div:first-of-type {
            width: 200px;
            display: block
        }

            .generatorcalc > div:first-of-type label {
                margin: 3px 0;
            }

    .generatorcalc input[type="checkbox"] {
        width: 15px;
    }

    .generatorcalc label, .generatorcalc div {
        margin: 0 0 0 10px;
        display: flex;
        align-items: center;
    }

        .generatorcalc label span, .generatorcalc div span {
            margin: 0px 5px 0 5px;
            display: inline-block;
            font-size: 16px;
        }

    .generatorcalc h2 {
        margin: 0 0 0px 10px;
    }

    .generatorcalc .btn {
        background: #ea6e3b;
        height: auto
    }

.generatorinnercalc .total {
    border-top: 1px solid #000;
    padding: 10px 0;
    margin: 10px 0;
    display: block
}

.generatorinnercalc label, .generatorinnercalc div {
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
}

    .generatorinnercalc label span, .generatorinnercalc div span {
        margin: 0px 5px 0 5px;
        display: inline-block;
        font-size: 16px;
        color: #000
    }

        .generatorinnercalc div span:first-of-type {
            width: 150px;
            color: #000
        }

.generatorinnercalc h3 {
    margin: 0 0 10px 0px;
    line-height: 100%
}

    .generatorinnercalc h3 span:first-of-type {
        font-weight: bold;
        margin: 2px 5px 0 5px;
        width: auto;
        line-height: 100%
    }

.generatorinnercalc .total div span {
    padding: 0
}

.generatorinnercalc button.btn {
    height: auto
}

.generatormessage {
    padding: 20px;
    border: 1px solid #666;
    border-radius: 3px;
    text-align: center;
    font-size: 20px;
    max-width: 70%;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.generatortable {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 20px 0;
}

    .generatortable td, .generatortable th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 5px;
        font-size: 16px;
    }

    .generatortable th {
        background: #666;
        color: #fff
    }

    .generatortable .total {
        background: #e4f1fd;
        text-align: center;
    }

        .generatortable .total span {
            font-size: 18px;
            font-weight: bold;
            vertical-align: middle
        }


.generatorpopup {
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}

    .generatorpopup > div {
        background: #e4f1fd;
        padding: 30px;
        border-radius: 20px;
        position: absolute;
    }

    .generatorpopup h2 {
        text-align: center
    }

    .generatorpopup.opened {
        display: flex
    }

    .generatorpopup .close {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 10px;
        top: 10px;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        cursor: pointer
    }

        .generatorpopup .close:before, .generatorpopup .close:after {
            padding: 0;
            transform: rotate(45deg);
            content: "";
            display: block;
            background: #000;
            width: 30px;
            height: 3px;
            position: absolute
        }

        .generatorpopup .close:after {
            transform: rotate(-45deg);
        }

button.btn:hover .titlepopup {
    display: block
}

.titlepopup {
    background: #e4f1fd;
    padding: 30px;
    border-radius: 20px;
    position: absolute;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
    display: none;
    z-index: 2
}




.curtain {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

    .curtain.opened {
        display: block;
    }


#barinside {
    position: relative;
    width: 291px;
    height: 481px;
    margin-top: 2%;
}

#waterlevelinside {
    position: absolute;
    bottom: 0;
    left: -45px;
    transition: height 0.5s ease-in-out, background-color 0.5s ease-in-out;
    z-index: 1;
    width: 92%;
}

#waterLevelTextinside {
    font-size: 23px;
    margin: 0;
    width: 100%;
}

#waterLeve {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100px;
    text-align: center;
    margin-right: 104%;
    margin-top: 6pc;
    width: 92px;
    font-size: large;
}

    #waterLeve div {
        flex: 1;
        margin: 48px 0;
        font-size: large;
        font-weight: bolder;
    }



.pageint {
    float: left;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 0 0 20px 0;
}

    .pageint button {
        width: 40px;
        margin: 0 5px;
    }

    .pageint h5 {
        margin: 3px 10px 0 10px;
    }

.cbclass, .multiadd .cbclass span {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

    .cbclass input, .multiadd .cbclass input {
        width: 15px;
        margin: 0 5px;
        float: none;
    }


    .cbclass span, .multiadd .cbclass span {
        float: none;
        margin: 0;
        width: auto;
    }


#addfile {
    background: rgb(191, 215, 243);
    display: block;
    position: fixed;
    top: 50%;
    left: 33%;
    z-index: 1000;
    border: 7px #E0E0E0 solid;
    background-color: #bfd7f3;
    color: #000;
}

#titles{
margin-top: -16px;
width: 108%;
margin-right: -18px;
height: 26px;
}