/*reset.css*/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output, w95P p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, mar var {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/*style.css*/

@charset "UTF-8";
/* CSS Document */

article, section, aside, hgroup, nav, header, footer, figure, figcaption {
    display: block;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #E5E5E5;
    margin: 0;
}

#wrapper {
    /*width: 960px;*/
    /*Phase-IV: changed width to max Width for the responsive page design.*/
    max-width: 960px;
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    -moz-box-shadow: 1px 3px 3px 3px #ccc;
    -webkit-box-shadow: 1px 3px 3px 3px #ccc;
    box-shadow: 1px 3px 3px 3px #ccc;
    margin-top: 25px;
}

header {
    /*height: 103px;*/
}

#logo {
    margin-left: 20px;
    padding-top: 15px;
    float: left;
    margin-bottom: 14px;
}

.top_right-side-links {
    float: right;
    padding-top: 31px; /*width:45px;*/
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    margin-right: 30px;
}

    .top_right-side-links a:link, .top_right-side-links a:visited, .top_right-side-links a:active {
        text-decoration: none;
        color: #919191;
    }

.search-container {
    float: right;
    color: #ccc;
    display: table;
    padding-top: 3px;
}

.fltrgt {
    float: left;
    width: 225px;
    height: auto;
    margin-left: 10px;
}

    .search-container span {
        float: right;
        margin-right: 5px;
    }

    .search-container input {
        font-size: 11px;
        font-family: arial;
        color: #636363;
        padding: 1px;
        margin-left: -5px;
        float: right;
    }


.pc-top_link a:link, .hw-top_link a:visited, .hw-top_link a:active {
    color: rgb(145, 145, 145);
    font: bold 11px Arial;
    text-decoration: none;
}

.news-container {
    background: url("/Assets/images/gallery-image-01.png") repeat scroll 0 0;
    height: 353px;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 10px;
    width: 98%;
}


#content {
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    width: 96%;
}

.small-container {
    width: auto;
    float: left;
}

    /*.small-container:nth-child(2) .small-inner-container {
        margin-right: 0; 
    }*/

.small-inner-container {
    width: 265px;
    float: left;
    border: 1px solid #b3b3b3;
    margin-left: 32px;
    height: 200px;
    padding: 4px 0 8px 0;
}
.small-container:first-child .small-inner-container{
    margin-left: 0px;
}


.small-container-title {
    color: #0070af;
    font-family: arial;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 4px;
    position: relative;
    top: 1px;
    margin-left: 12px;
}


.imgbox-one {
    width: 265px;
    height: 112px;
    margin: 0 auto;
}

    .imgbox-one img {
        width: 100%;
        height: 100%;
    }

.imgbox-two {
    width: 245px;
    height: 112px;
    margin: 0 auto;
}

.imgbox-three {
    width: 245px;
    height: 112px;
    margin: 0 auto;
}

.boxtxt a {
    color: #0070af !important;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none !important;
}

    .boxtxt a:hover {
        text-decoration: underline !important;
    }

.boxtxt p {
    padding-left: 12px;
    font-size: 13px;
    padding-right: 12px;
    margin-top: 4px;
}

.small-inner-container a {
    color: #333333;
}




#content h1 {
    font-size: 11px;
    padding-top: 25px;
}

#content h2 {
    font-size: 11px;
    padding-top: 25px;
    font-weight: 200;
}


.webparts-title {
    font: bold 11px Arial;
    color: #333333;
    height: 30px;
    line-height: 30px;
}


section {
}


/* article {
	
	margin-left: 2.8%;
    margin-right: 1%;
    margin-top: 30px;
    width: 94%;

} */ /* Prabu*/


#rightcol {
    float: left;
    padding-left: 0px;
    width: 280px;
}

    #rightcol h2 {
        font-size: 18px;
        padding-top: 25px;
        font-weight: 400;
    }

    #rightcol h3 {
        font-size: 16px;
        padding-top: 25px;
        font-weight: 200;
    }

    #rightcol p {
        font-size: 11px;
    }

aside {
}


footer {
    clear: both;
    height: 50px;
    margin-bottom: 30px;
}




    footer p {
        font-size: 11px;
        color: #333;
    }

    footer a {
        color: #333;
        text-decoration: none;
    }



/* Main Menu */

#menu {
    clear: both;
    width: 100%;
    margin: 0 auto;
    /*Phase-IV:Height comment for the page to resonsive*/
    /*height: 38px;*/
   /*  border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-left: 30px auto 30px 0px;*/
    background: #f3f3f3;
}

.menu {
    padding-top: 0;
    border-right: 1px solid #ccc;
}

    .menu li {
        float: left;
        display: block;
        text-align: center;
        position: relative;
        padding: 6px 20px; 
        border: none;
        height: 23px;
        cursor: pointer;
    }

        .menu li:hover {
            display: block;
            background: #fff;
            margin: 0;
            /*background: url(/Assets/images/mnu-over-white.jpg) center center repeat;*/
            height: 23px;
            border-bottom: 3px solid #0070af;
        }

        .menu li a {
            font-family: arial;
            font-size: 14px;
            outline: 0;
            text-decoration: none;
            color: #666666;
            font-weight: normal;
            line-height: 24px;
        }

        .menu li:hover a {
            color: #0171af !important;
        }

        .menu li.active {
           /* background-image: url(/Assets/images/gradients.png);
            background-position: 0 -32px;
            */
            background-color: #fff;
            border-bottom: 3px solid #0070af;
        }

            .menu li.active a {
                color: #0171af !important;
            }

        .menu li .drop {
            background: none;
        }

        .menu li:hover .drop {
            background: none;
        }

.dropdown-1column,
.dropdown-2columns,
.dropdown-3columns,
.dropdown-4columns,
.dropdown-5columns {
    margin-top: 6px;
    margin-left: 1px;
    float: left;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 0px 10px 5px;
    background: #fff;
}



/*.dropdown-1column {width: 200px;}
.dropdown-2columns {width: 380px;}
.dropdown-3columns {width: 420px;}
.dropdown-4columns {width: 300px}*/
.dropdown-5columns {
    min-width: 878px; 
        height:560px; 
    z-index: 9999;

}
.dropdown-1column {
    width: 135px !important; 
    height: auto; 
    z-index: 9999;
    padding: 10px 0px 10px 0px;
}


/*.menu li:hover .dropdown-1column, 
.menu li:hover .dropdown-2columns, 
.menu li:hover .dropdown-3columns,
.menu li:hover .dropdown-4columns,*/
.menu li:hover .dropdown-5columns, .menu li:hover .dropdown-1column {
    left: -2px;
    top: 31px;
    border-top: 0;
    border: 1px solid #ccc;
    width: 520px;
}


#grisbox > .submenu {
    height: auto;
    display: block;
    margin-top: 20px;
}

    #grisbox > .submenu .inner {
        float: left;
        margin-right: 30px; /*width:100px;*/
    }

    #grisbox > .submenu a {
        color: #000;
        clear: both;
        display: block;
    }

        #grisbox > .submenu a:hover {
            color: red;
            clear: both;
            display: block;
        }

#grisbox .right-arrow {
    background: url(/Assets/images/arrowbutton_normal.gif) center center no-repeat;
    width: 11px;
    height: 13px;
    float: left;
}

#grisbox .col-1 {
    padding-left: 10px;
    padding-bottom: 10px;
}

#grisbox .col-2 {
    padding-left: 10px;
    padding-bottom: 10px;
}

.col-1-heading {
    font-size: 11px;
    font-weight: bold;
    color: #ff0000;
    vertical-align: top;
    padding-bottom: 10px;
    width: 100%;
}



.clear {
    clear: both;
}

/*Calendar Starts*/

#container .search-box-cust form#register_form_search input[type="text"], .register_form_search input[type="text"] /*, input[type="password"]*/ {
    background: url("/Assets/images/index.jpg") no-repeat scroll 148px 2px rgba(0, 0, 0, 0);
    border: 2px solid #adadad;
    display: inline-block;
    padding: 3px 11px 4px 7px;
    width: 150px;
    font-size: 11px;
    color: #a9a9a9;
}

.border-bottom-Ng {
    display: block;
    border-bottom: 1px solid #ccc;
    height: 5px;
    position: relative;
    top: -12px;
}

/*Calendar Ends*/

#toggle {
    height: 20px;
    border-bottom: #b3b3b3 solid 1px;
    padding-top: 28px;
}

    #toggle span {
        font-family: arial;
        font-weight: bold;
        font-size: 11px;
        color: #0070af;
        cursor: pointer;
        text-decoration: none;
    }

.sitemap-container {
    display: inline-flex;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 8px;
    min-height: 300px;
    width: 100%;
}

body ul.sitemap-col-01 {
    min-height: 200px;
}

.site-map-inner {
    margin-left: auto;
    margin-right: auto;
    width: 94%;
}
/**************site map start**************/

.sitemap-content ul {
    width: 200px;
    border-right: 1px solid #b3b3b3;
    list-style-type: none;
    float: left;
    padding-left: 20px;
    margin-top: 10px;
}

.sitemap-content .sitemap-col-01 li a {
    font-size: 11px;
    font-family: arial;
    color: #000;
    text-decoration: none;
}

    .sitemap-content .sitemap-col-01 li a:hover {
        font-size: 11px;
        font-family: arial;
        color: #ff0000;
        text-decoration: none;
    }

.sitemap-content-right ul {
    width: 180px;
    list-style-type: none;
    float: left;
    padding-left: 20px;
    margin-top: 10px;
}

.sitemap-content-right .sitemap-col-02 li a {
    font-size: 11px;
    font-family: arial;
    color: #000;
    text-decoration: none;
}

    .sitemap-content-right .sitemap-col-02 li a:hover {
        font-size: 11px;
        font-family: arial;
        color: #ff0000;
        text-decoration: none;
    }

.hidden {
    display: none;
}

.socialmedia-icons {
    float: right;
    width: auto;
    padding-top: 20px;
}

    .socialmedia-icons span {
        font-family: arial;
        font-weight: bold;
        font-size: 11px;
        color: #b3b3b3;
    }

#sitemap-content {
    border-right: 1px solid #b3b3b3;
    height: 340px;
    float: left; /* padding-left: 20px; */
    margin-top: 10px;
}

body #sitemap-content ul {
    border-right: none !important;
    font-size: 10px;
    line-height: 18px;
    padding: 0 14px;
    margin: 0;
}

#sitemap-content:last-child {
    border-right: none;
}

body #sitemap-content ul.sitemap-col-01 li a {
    color: #636363;
    font-size: 13px;
}

    body #sitemap-content ul.sitemap-col-01 li a:hover {
        color: #0070af;
        font-size: 13px;
    }

body #sitemap-content .siteMapHeader {
    color: #636363;
    font-size: 11px;
}

/**************site end start**************/



/***************footer start***************/

#pc-footer {
    color: #919191;
    font-family: Arial;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
}

    #pc-footer a:hover {
        color: #0070Af !important;
    }

.pc-footer-link a:link, .pc-footer-link a:visited, .pc-footer-link a:active {
    color: #919191;
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
}

/***************footer end***************/



/***************login start***********/

#login-container {
    width: 433px;
    height: 276px;
    border: 1px solid #ccc;
    margin: 0 auto;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    background: url(/Assets/images/logininnerbg.png) bottom center repeat-x;
}

.border-bottom {
    border-bottom: 1px solid #ccc;
    height: 5px;
}

.border-bottom2 {
    border-bottom: 1px solid #ccc;
    height: 5px;
    width: 96%;
    margin: 0 auto;
}

.border-bottomnew {
    border-bottom: 1px solid #ccc;
    margin-left: 1.2%;
    width: 98%;
    margin-bottom: 60px;
}

.login-inner-container {
    width: 433px;
    height: 276px;
}

.login-inner-container {
    width: 100%;
    height: 300px;
    background: url(/Assets/images/logintopbg.png) top center repeat-x;
}

.login-inner-container-heading {
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
}

.login-title {
    color: #fff;
}

.label1 {
    font-weight: bold;
    color: #666664;
    text-align: right;
}

.label2 {
    font-weight: bold;
    color: #666664;
    text-align: right;
}

.input1 {
    margin-left: 10px;
    width: 270px;
    height: 27px;
}

.input2 {
    margin-left: 10px;
    width: 256px;
}

.login-div {
    margin-top: 20px;
    padding-bottom: 10px;
    margin-left: 2%;
    margin-right: auto;
    width: 306px;
    font-size: 11px;
}

.forgot_password {
    margin-left: 90px;
    color: #000;
    font-size: 12px;
}

.login {
    color: #666664;
    font-weight: normal;
    margin-left: 9px;
}
/*.login {color:#666664;font-weight:normal;}*/
.login-content {
    color: #666664;
    margin-right: 100px;
    margin-top: 62px;
}

.float_right {
    float: right;
    margin-right: 25px;
}

.input1Login {
    margin-left: 10px !important;
    width: 270px !important;
    border: 1px solid #a3a3a3 !important;
    padding: 2px !important;
    height: 27px;
}

.input2Login {
    margin-left: 10px !important;
    width: 270px !important;
    border: 1px solid #a3a3a3 !important;
    padding: 2px !important;
    height: 27px;
}

.signInButton {
    border: 1px solid #ee3124;
    background: #ee3124;
    border-radius: 5px;
    margin: 10px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
    cursor: pointer;
}

.label1Login {
    font-weight: bold;
    color: #666664;
    text-align: left;
    margin-left: 1px;
    font: 18px tahoma, verdana, helvetica, sans-serif;
}

.label2Login {
    font-weight: bold;
    color: #666664;
    text-align: left;
    margin-left: 1px;
    font: 18px tahoma, verdana, helvetica, sans-serif;
}

.forgotpassword {
    margin-left: 94px;
    margin-top: 10px;
    color: #000;
    font-size: 12px;
}








/************ registration-form***********/


p {
    /*padding:2px;*/
    font-size: 12px;
    line-height: 18px;
}

#wrap {
    width: 820px;
    padding: 20px;
    margin: 20px auto;
    background: #fff;
    border: 1px solid #cc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div#wrap2 {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 15px;
}

h2.free_account {
    color: #3399FF;
    display: block;
    margin-bottom: 25px;
}


form#register_form label {
    display: inline-block; /* with block na */
    width: 200px;
    font-weight: bold;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}
/*
form#register_form label:after { 
	content:":"
}
*/

form#register_form input[type='text'], input[type='password'] {
    display: inline-block; /* with block na */
    width: 200px;
    border: 1px solid #ccc;
    margin-bottom: 14px;
    padding: 10px;
    font-size: 12px;
}





form#register_form select {
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 223px;
    margin-bottom: 14px;
}

form#register_form input[name='submit'] {
    border: 1px solid #ee3124;
    background: #ee3124;
    border-radius: 5px;
    margin: 10px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
}

form#register_form2 input[name='submit'] {
    border: 1px solid #ee3124;
    background: #ee3124;
    border-radius: 5px;
    margin: 5px 10px;
    color: #FFF;
    padding: 1px;
	font: normal bold 12px Arial, serif;
}


form#register_form input[name='submit'] {
    cursor: pointer;
}

p.validate_msg {
    border: 1px solid #FF0000;
    font-weight: bold;
    padding: 10px;
    display: none;
    margin-bottom: 25px;
}

span.validate {
    color: #F00;
    padding-left: 8px;
    font-style: italic;
}

#astric {
    color: #ee3124;
}

.terms {
    font-size: 10px;
    color: #ccc;
}

.form-checkbox {
    display: none;
}

    .form-checkbox + label:before {
        content: "\00a0\00a0\00a0\00a0";
        height: 19px;
        width: 19px;
        border: 1px solid black;
        cursor: pointer;
    }

input[type="checkbox"]:checked + label:before {
    background-color: #34c1ce;
}

/*Product Left section CSS - START*/

.left-nav-tittle {
    font-size: 12px;
    font-weight: bold;
    margin: 30px 0 5px 0;
    color: #333;
}

.products-left-box {
    width: auto;
    height: auto;
    background: #f8f8f8;
    margin-bottom: 30px;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    font-size: 11px;
    vertical-align: center;
}

.products-left-box-category {
    width: auto;
    height: 65px;
    background: #f8f8f8;
    margin-bottom: 30px;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    font-size: 11px;
    vertical-align: center;
    overflow: auto;
}

.products-left-box span {
    margin-left: 53px;
    height: 50px;
}

.products-left-box2 select {
    border: 1px solid #e5e5e5;
    font-size: 11px;
    vertical-align: center;
    width: 100%;
    padding: 10px;
    color: #b2b7ba;
}

.left-label {
    display: inline;
    vertical-align: top;
}

.valText {
    font-size: 10px;
    color: #ccc;
}

.btnPostSuggestion {
    cursor: pointer;
}

.btnPostSuggestion {
    border: 1px solid #EE3124;
    background: none repeat scroll 0% 0% #EE3124;
    border-radius: 5px;
    margin: 10px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
}
/*Product Left section CSS - END*/

/**********************Prdoducts page Start****************/

#Product-container {
    border: 1px solid #ccc;
    height: auto;
    margin: 0 auto;
}

.left-col {
    width: 200px;
    height: auto;
    float: left; /*position: relative;right: 25px;*/
}

.right-col {
    height: auto;
    margin: 0 20px 0 26px;
    width: 650px;
    float: right; /*position: relative;left: 50px;top: -165px;*/
}

.left-colfav {
    width: 200px;
    height: auto;
    float: left;
    position: relative;
    margin-left: 20px; /*5-7-2015*/
}

.right-colfav {
    height: auto;
    float: left;
    left: 50px;
    top: -165px;
    width: 99%;
}

#right-col-conatainer {
    margin-top: 20px;
    color: #333333;
    display: none;
    background: #f8f8f8;
    width: 100%;
    height: auto;
}

#right-col-conatainer2 {
    margin-top: 20px;
    color: #333333;
    display: block;
    width: 100%;
    height: auto;
    display: none;
    height: 200px;
}

.right-colsubcat {
    height: auto;
    margin-left: 20px;
    width: 650px;
    float: right;
}

.left-colsubcat {
    width: 150px;
    height: auto;
    float: left;
    position: relative;
    left: 10px;
}

.h1subcat {
    color: #ee3124;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.right-col p:first-child {
    margin-top: 15px;
}

.right-col p {
    margin-top: 5px;
}

.prouct-img-container {
    float: left;
    margin-right: 21px;
    padding: 20px;
    height: 204px;
    margin: auto 0;
}

.categeory-img-container {
    float: left;
    margin-right: 21px;
    padding: 0;
    height: 204px;
    margin: auto 0;
}
/*----------------------
.bredcrumb-container {
    margin: 11px 0;
    text-decoration: none;
    color: #adadad;
    font: bold 10px arial;
    text-align: left;
}
/*update 29july
.bredcrumb-supercontainer {
    max-width: 905px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
}
/*update 29july*/
/*.bredcrumb-container a, a:visited, a:active{text-decoration:none;color: #adadad;font: bold 10px arial;text-align: left;}
.bredcrumb-container a:hover{color:#ee3124;}
    ---------------------
*/
#vertical-menu {
    width: 200px;
    margin: 0 auto 0 auto;
    color: #333333;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    /*box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);*/
}
/*Product Updates Start*/

.product-update {
}

    .product-update .image {
        float: left;
        height: 80px;
        width: 80px;
    }

    .product-update .prod-det {
        float: left;
        height: 80px;
        width: 75%;
        color: #5c5c5c;
    }

        .product-update .prod-det span.date {
            height: 80px;
            font-size: 12px;
        }

        .product-update .prod-det p.detail {
            height: 80px;
            font-size: 12px;
            text-align: justify;
        }

/*Product Updates END*/

.FLft {
    float: left;
}

.FRgt {
    float: right;
}

.font12 {
    font-size: 12px;
}

.Pad10 {
    padding: 10px 0;
}

.PadT10 {
    padding-top: 10px;
}

.PadT1 {
    padding-top: 1px;
}

.Mar14 {
    margin: 14px 0;
}

.MarL10 {
    margin-left: 10px;
}

.MarL12 {
    margin-left: 12px !important;
}

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

.MarTop5 {
    margin-top: 5px;
}

.MarTop10 {
    margin-top: 10px !important;
}

.MarTop22 {
    margin-top: 22px !important;
}

.w25 {
    width: 25%;
}

.w51 {
    width: 51%;
}

.w55 {
    width: 55%;
}

.redtxt {
    color: #ee3124;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

a.linkW {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
}

a.linkR {
    text-decoration: none;
    color: #ee3124;
}
/*heading styles*/
#vertical-menu h3, #invoice-tab-values h3 {
    font-size: 12px;
    font-family: arial;
    line-height: 29px;
    padding: 0 10px;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
    /*fallback for browsers not supporting gradients*/
    background: url("/Assets/images/mnu_grad_normal.jpg") repeat-x scroll center center;
}


    /*heading hover effect*/
    #vertical-menu h3:hover {
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
    }


    #vertical-menu h3:visited {
        text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
        color: #ee3124;
    }

    /*iconfont styles*/
    #vertical-menu h3 span {
        font-size: 16px;
    }
/*list items*/
#vertical-menu li, #invoice-tab-values li, .customList li {
    list-style-type: none;
}

    #vertical-menu li.active h3 {
        border-bottom: 1px solid #e5e5e5;
    }

/*links*/
#vertical-menu ul ul li a {
    color: #333333;
    text-decoration: none;
    font-size: 12px !important;
    display: block;
    line-height: 20px;
    /*padding: 0 15px;*/
    /*transition for smooth hover animation*/
    transition: all 0.15s;
    line-height: 20px;
}



    #vertical-menu ul ul li a:visited {
        color: #0070AF;
        text-decoration: none;
        font-size: 11px;
        display: block;
        padding: 0px;
        /*transition for smooth hover animation*/
        transition: all 0.15s;
    }
    /*hover effect on links*/
    #vertical-menu ul ul li a:hover {
        color: #0070AF;
    }
/*Lets hide the non active LIs by default*/
#vertical-menu ul ul {
    display: none;
}

#vertical-menu li.active ul {
    display: block;
}



.left-nav-tittle {
    font-size: 12px !important;
    font-weight: bold;
    margin: 30px 0 5px 0;
    color: #333 !important;
}

    .left-nav-tittle a {
        color: #0070AF;
    }

        .left-nav-tittle a:hover {
            text-decoration: underline;
        }

.products-left-box {
    width: auto;
    height: auto;
    background: #f8f8f8;
    margin-bottom: 30px;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    font-size: 11px;
    vertical-align: center;
}

.products-left-box-category {
    width: auto;
    height: 65px;
    background: #f8f8f8;
    margin-bottom: 30px;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    font-size: 11px;
    vertical-align: center;
    overflow: auto;
}

.products-left-box span {
    margin-left: 53px;
    height: 50px;
}

.products-left-box a {
    position: relative;
    text-decoration: none;
    color: #333333;
    display: inline-block;
    margin-bottom: 8px;
}

    .products-left-box a:hover {
        position: relative;
        text-decoration: none;
        color: #ee3124;
    }

.products-left-box2 select {
    border: 1px solid #e5e5e5;
    font-size: 11px;
    vertical-align: center;
    width: 100%;
    padding: 10px;
}

.left-label {
    display: inline;
    vertical-align: top;
}

.gsc-wrapper .gs-no-results-result .gs-snippet, .gsc-wrapper .gs-error-result .gs-snippet {
    background-color: #ffffff !important;
    border: none;
    font: bold 11px Arial;
    color: #EE3124;
    text-align: center;
}

.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
    padding: 5px;
    margin: 5px;
}


/******tabs*******/

#tabs-container {
    margin-top: 10px;
}

    #tabs-container ul {
        width: auto !important;
    }

.tabs-menu, .tabs-menu1, .tabs-menu2, .tabs-menu3 {
    height: 30px; /*Prabu*/
    float: left;
    clear: both;
}

    .tabs-menu li, .tabs-menu1 li, .tabs-menu2 li, .tabs-menu3 li {
        padding: 9px 15px;
        float: left;
        margin-right: 10px;
        background-color: #ccc;
        border-top: 1px solid #d4d4d1;
        border-right: 1px solid #d4d4d1;
        border-left: 1px solid #d4d4d1;
        list-style-type: none;
        font-size: 14px;
        font-family: arial;
    }

        .tabs-menu li.current, .tabs-menu1 li.current, .tabs-menu2 li.current, .tabs-menu3 li.current {
            position: relative;
            background-color: red;
            border-bottom: 1px solid #fff !important;
            z-index: 5;
        }

        /* #hoverDiv {float: right;
    height: 40px;
    position: relative;
    }
#hoverDiv:hover .showme  {display: inline;} */ /* Prabu */

.tabs-menu li a, .tabs-menu1 li a, .tabs-menu2 li a, .tabs-menu3 li a {
            padding: 10px;
            text-transform: capitalize;
            color: rgb(51, 51, 51);
            text-decoration: none;
        }

    .tabs-menu .current a, .tabs-menu1 .current a, .tabs-menu2 .current a, .tabs-menu3 .current a {
        color: #fff;
    }

.tab {
    /* border: 1px solid #d4d4d1; */
    border-top: 1px solid #d4d4d1;
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 610px;
    padding: 0px 10px 10px 10px;
    display: none;
  height: 300px;
    overflow: auto;
}

tab-1 {
    display: block;
}

.tab-content a {
    color: #333333;
    text-decoration: none;
}

    .tab-content a:hover {
        color: #ee3124 !important;
    }

.plus {
    margin-right: 2px;
}

.invoice-plus {
    top: -7px;
    position: relative;
    cursor: pointer;
}

.margin-top {
    margin-top: 50px;
}

.image-margin {
    padding: 25px 0px;
    background: #fff;
    text-align: left;
}

#hoverDiv, #home_1_hoverDiv {
    float: right;
    height: 37px;
    position: relative;
    top: 7px;
    right: 20px;
    cursor: pointer;
}

    #home_1_hoverDiv:hover {
    }

        #home_1_hoverDiv:hover .showme {
            display: inline;
        }

    #hoverDiv:hover {
    }

        #hoverDiv:hover .showme {
            display: inline;
        }

.showme {
    display: none;
    width: 172px;
    background: #fff;
    margin: 0;
    right: 57px;
    border: 1px solid #31abdf;
    z-index: 10;
    position: absolute;
    top: 46px;
    padding: 0px !important;
    height: 76px;
}

    .showme p {
        padding: 10px;
        width: 152px;
        margin: 0;
    }

    .showme a {
        text-decoration: none;
        color: #31abdf !important;
        font-weight: normal;
    }

        .showme a:hover {
            font-weight: bold !important;
        }

    .showme span {
        margin: 5px 0 0 0;
    }

.top_right-side-dropdown {
    width: 92px;
    float: right;
    margin-top: 20px;
    margin-right: 31px;
}

.showme span a {
    text-decoration: none;
    color: #333333 !important;
    font-weight: normal;
    font-size: 12px;
    font-family: arial;
    line-height: 23px;
    padding: 0px 0 0 15px;
    cursor: pointer;
    width: 95%;
}

    .showme span a:hover, span a.active {
        text-decoration: none;
        color: #ee3124 !important;
        font-size: 12px;
        font-family: arial;
        line-height: 23px;
        font-weight: bold;
        background: url(/Assets/images/arrowbutton_normal.gif) no-repeat center left;
        padding: 0px 0 0 15px;
    }

.showme span:first-child {
    text-decoration: none;
    color: red !important;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    line-height: 23px;
    font-weight: bold;
    padding: 0px 0 0 15px;
    cursor: pointer;
}

.showme #home_1_displayName {
    color: #ee3226;
}


/*************my fav************************/
.item_box-container {
    width: 189px;
    height: 123px; /*background-color:#ececec;*/
    float: left;
    margin-right: 10px;
    margin-bottom: 40px;
    text-align: center;
}

.item_box {
    width: 189px;
    height: 123px; /*background-color:#ececec;*/
}
    /*.item_box img{width:100px;height:80px; /*background-color:#ececec;margin-left:42px;margin-top:20px;}*/
    .item_box img {
        width: auto;
        height: auto;
        max-height: 90%;
    }
/*Prabu 11.08*/
.item_title {
    width: 189px;
    height: 20px;
    color: #333333;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    text-align: center;
}


/******************pagenation************************/

.paging-list {
    list-style: none;
    color: #EE3124;
    text-align: Right;
    font-size: 11px;
    /*display:inline;*/
    /*margin-left:186px;*/
    font-weight: bold;
    top: -10px;
    padding-bottom: 10px;
    /*position: relative;*/
}

    .paging-list li {
        color: #ee3124;
        display: inline;
        list-style: none outside none;
        padding-right: 3px;
    }

.paging-list a {
        color: #0070AF !important;
        text-decoration: none;
        font-weight: normal;
        background: none !important;
    }

    .paging-list input {
        color: #0070AF !important;
        background: none !important;
        padding: 2px !important;
    }

    .paging-list .numericPageSize {
        color: #525252 !important;
        font-weight: normal !important;
        padding: 3px;
top: 7px;
position: relative;
    }

        .paging-list a.prev {
            color: #ee3124;
            text-decoration: none;
        }

        .paging-list a.next {
            color: #ee3124;
            text-decoration: none;
        }

    .paging-list span.value {
        color: #5c5c5c;
        margin: 0 13px 0 13px;
    }

.FavoriteSearch {
    border: 1px solid #cccccc;
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px;
    width: 181px;
    background-image: url(/Assets/images/index.jpg);
    background-position: 160px 7px;
    background-repeat: no-repeat;
}

.PageTitleText {
    color: #ee3124;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

.FavoriteSearchButton {
    position: absolute;
    right: 27px;
    top: 12px;
}

.FavoriteSearchTable {
    left: -3px;
    position: relative;
    margin-top: 20px;
}

    .FavoriteSearchTable tr {
        height: 3px;
    }

.BreadCrumbItem {
    padding-top: 10px;
    padding-bottom: 15px;
    font-size: 13px !important;
    font-weight: bold;
    line-height: 22px;
    padding-left: 5px;
}

form#register_form_search input[type="text"], input[type="password"] {
    border: 1px solid #cccccc;
    display: inline-block;
    margin-bottom: 14px;
    padding: 8px;
    width: 181px;
    /*background-image: url(/Assets/images/index.jpg);*/
    background-position: 160px 7px;
    background-repeat: no-repeat;
}

/* Start Login */
.articleLogin {
    margin-left: 2.2%;
    margin-right: 1%;
    margin-top: 0px;
    width: 95%;
    margin-bottom: 40px;
}

.border-bottomnew {
    border-bottom: 1px solid #ccc;
    margin-left: 1.2%;
    width: 98%;
    margin-bottom: 60px;
}

.label1Login {
    font-weight: bold;
    color: #666664;
    text-align: left;
    margin-left: 1px;
    font: 18px tahoma, verdana, helvetica, sans-serif;
}

.label2Login {
    font-weight: bold;
    color: #666664;
    text-align: Left;
    margin-left: 1px;
    font: 18px tahoma, verdana, helvetica, sans-serif;
}

.input1Login {
    margin-left: 25px !important;
    width: 270px !important;
    border: 1px solid #a3a3a3 !important;
    padding: 2px !important;
    height: 27px;
}

.input2Login {
    margin-left: 10px !important;
    width: 270px !important;
    border: 1px solid #a3a3a3 !important;
    padding: 2px !important;
    height: 27px;
}

.forgotpassword {
    margin-left: 94px;
    margin-top: 10px;
    color: #000;
    font-size: 12px;
}

.login-div1 {
    position: relative;
    top: 20px;
    padding-bottom: 10px;
    margin-left: 1%;
    margin-right: auto;
    width: auto;
    font-size: 11px;
}

.signInButton {
    border: 1px solid #ee3124;
    background: #ee3124;
    margin: 10px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
}
/*End of Login*/

/* Product Page End*/


/* Prdoducts page  My Favorites */

/*NPI*/
.PageTitleTextNPI {
    color: #ee3124;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.TitlePadding {
    padding: 20px;
}

.ChangeFont {
    font-family: Arial;
    font-size: 12px;
}

.containerNPI {
    max-width: 905px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
/*END of NPI*/
.my-fav-link {
    float: right;
    position: relative;
    color: #333333;
    text-decoration: none;
}

    .my-fav-link a {
        color: #ee3124;
        text-decoration: none;
        font-size: 12px;
        font-weight: normal;
    }

        .my-fav-link a:hover {
            color: #ee3124;
            text-decoration: none;
            font-size: 12px;
            font-weight: normal;
        }

    .my-fav-link img {
        position: relative;
        top: 6px;
    }

.prouct-img-container {
    float: left;
    margin-right: 21px;
    padding: 20px;
    height: 204px;
    margin: auto 0;
}

.categeory-img-container {
    float: left;
    margin-right: 21px;
    padding: 0;
    height: 204px;
    margin: auto 0;
}

/*.bredcrumb-container {
    margin: 11px 0;
    text-decoration: none;
    color: #adadad;
    font: bold 10px arial;
    text-align: left;
}

    .bredcrumb-container ul.BreadCrumbItem li a, .bredcrumb-container ul.BreadCrumbItem li a:visited, .bredcrumb-container ul.BreadCrumbItem li a:active {
        text-decoration: none;
        color: #adadad;
        font: 13px arial !important;
        text-align: left;
    }

        .bredcrumb-container ul.BreadCrumbItem li a:hover {
            color: #ee3124 !important;
        }*/

h1 {
    color: #333333;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
/*calendar styles*/

.FLft {
    float: left;
}

.FRgt {
    float: right;
}

.font12 {
    font-size: 12px;
}

.Pad10 {
    padding: 10px 0;
}

.PadT10 {
    padding-top: 10px;
}

.Mar14 {
    margin: 14px 0;
}

.MarL10 {
    margin-left: 10px;
}

.MarB20 {
    margin-bottom: 20px;
}

.MarTop5 {
    margin-top: 5px;
}

.MarTop10 {
    margin-top: 10px;
}

.MarTop22 {
    margin-top: 22px;
}

.w25 {
    width: 25%;
}

.w51 {
    width: 51%;
}

.w55 {
    width: 55%;
}

.redtxt {
    color: #ee3124;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

a.linkW {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
}

a.linkR {
    text-decoration: none;
    color: #ee3124;
}

/*custom-styles.css*/
@charset "UTF-8";
/* CSS Document */

div#registerPage label {
    display: inline-block; /* with block na */
    width: 200px;
    font-weight: bold;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}
/*
div#registerPage label:after { 
       content:":"
}
*/
.essListBox {
    height: 50px;
}

div#registerPage input[type='text'], input[type='password'] {
    display: inline-block; /* with block na */
    width: 200px;
    border: 1px solid #ccc;
    margin-bottom: 14px;
    padding: 10px;
    font-size: 12px;
    font-family: Arial;
}





div#registerPage select {
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 223px;
    margin-bottom: 14px;
}

div#registerPage input[name='submit'] {
    border: 1px solid #ee3124;
    background: #ee3124;
    border-radius: 5px;
    margin: 10px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
}

div#registerPage2 input[name='submit'] {
    border: 1px solid #ee3124;
    background: #ee3124;
    border-radius: 5px;
    margin: 10px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
}


div#registerPage input[name='submit'] {
    cursor: pointer;
}


.designationStyle {
    font-size: 11px;
    padding-top: 10px;
    line-height: 16px;
    float: left;
    width: 23%;
    padding-right: 2px;
}

.essDropDown .rcbArrowCellRight {
    background: url('/Assets/images/arrow-right-small-cut.png') no-repeat 0px 14px !important;
}

.essDropDown .rcbInputCellLeft {
    background-image: none !important;
}

.essDropDown .rcbInput {
    width: 183px !important;
    border-right-color: transparent !important;
}

.essDropDown .rcbArrowCellRight a {
    border-left-color: transparent !important;
    border: 1px solid #ccc;
    padding-bottom: 13.5px !important;
}

.horizontalListbox {
    border: 0px;
}

    .horizontalListbox .rlbItem {
        float: left !important;
        width: 120px;
    }

    .horizontalListbox .rlbGroup, .RadListBox {
        width: 670px !important;
        border: none !important;
    }

.red-button {
     height: 23px;
    border: none !important;
    outline-width: 0 !important;
    outline: none !important;
    padding: 4px 20px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
     background: #0070AF;
    color: #FFF;
    text-decoration: none;
}
/*.padding-red-button {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }*/

.confirmAlign {
    float: right;
}

#content {
    float: none !important;
}

.red-text {
    color: red;
    font-size: 11px;
    width: 100%;
}

.red-header {
    color: red;
    font-size: 1.3em;
}

/*bjqs.css*/
/* Basic jQuery Slider essential styles */

#container {
    max-width: 960px;
    margin-top: 10px; 
    margin-left: auto;
     margin-right: auto;
    height: 100%;
}

ul.bjqs-controls.v-centered li a {
    display: block;
    padding: 10px;
    background: #fff;
    color: #000;
    text-decoration: none;
}

    ul.bjqs-controls.v-centered li a:hover {
        background: #000;
        color: #2a568e;
    }

ol.bjqs-markers li a {
    padding: 0 6px;
    background: #868685;
    margin: 15px 3px;
    text-decoration: none;
}

    ol.bjqs-markers li.active-marker a,
    ol.bjqs-markers li a:hover {
        background: #4a4e4f;
    }

p.bjqs-caption {
    background: rgba(255,255,255,0.5);
}

ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
}

li.bjqs-slide {
    position: absolute;
    display: none;
}

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

    ul.bjqs-controls.v-centered li a {
        position: absolute;
    }

    ul.bjqs-controls.v-centered li.bjqs-next a {
        right: 0;
        display: none;
    }

    ul.bjqs-controls.v-centered li.bjqs-prev a {
        left: 0;
        display: none;
    }

ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0 0 0 -8px;
    width: 100%;
    text-align: right;
    position: relative;
    top: -47px;
}

    ol.bjqs-markers li {
        display: inline;
    }

        ol.bjqs-markers li a {
            display: inline-block;
            font-size: 0;
            width: 10px;
            height: 20px;
            opacity: 0.3;
        }

p.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
}

.v-centered, .bjqs-caption {
    display: none;
}

#bjqs-caption {
    width: 200px;
    height: 50px;
    background-color: #000;
}

/*style2.css*/
.da-slider {
    width: 100%;
    height: 332px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    background: transparent none repeat 0% 0%;
    border-bottom: 8px solid #ef3125;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff;
    -webkit-transition: background-position 1s ease-out 0.3s;
    -moz-transition: background-position 1s ease-out 0.3s;
    -o-transition: background-position 1s ease-out 0.3s;
    -ms-transition: background-position 1s ease-out 0.3s;
    transition: background-position 1s ease-out 0.3s;
}

.da-slide {
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    font-family: 'Arial Narrow', Arial, sans-serif;
    text-align: left;
}

.da-slide-current {
    z-index: 1000;
}

.da-slider-fb .da-slide {
    left: 100%;
}

    .da-slider-fb .da-slide.da-slide-current {
        left: 0px;
    }

.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img {
    position: absolute;
    opacity: 0;
    left: 110%;
}

.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link {
    left: 10%;
    opacity: 1;
}

.da-slider-fb .da-slide .da-img {
    left: 60%;
    opacity: 1;
}

.da-slide h2 {
    color: #fff;
    font-size: 14px;
    width: 50%;
    top: 20px;
    width: 500px;
    z-index: 10;
    padding: 10px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
    font-weight: 700;
}

.da-slide p {
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    height: 100px;
    left: 10%;
    padding: 10px;
    line-height: 26px;
    margin-left: 90%;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    width: 300px;
    z-index: 9999;
}

.da-slide .da-img {
    text-align: center;
    width: 30%;
    height: 256px;
    line-height: 320px;
    left: 110%; /*60%*/
}

.da-slide .da-link {
    top: 245px; /*depends on p height*/
    border-radius: 13px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    border: 8px solid rgba(255,255,255,0.8);
    padding: 2px 20px 0px;
    font-size: 14px;
    line-height: 30px;
    width: 80px;
    text-align: center;
    background: rgba(255,255,255,0.2);
}

    .da-slide .da-link:hover {
        background: rgba(255,255,255,0.3);
    }

.da-dots {
    width: 100%;
    position: absolute;
    text-align: center;
    left: 350px;
    bottom: 20px;
    z-index: 2000;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .da-dots span {
        display: inline-block;
        position: relative;
        width: 23px;
        height: 20px;
        border-radius: 0%;
        background: #63666b;
        background-color: black;
        filter: alpha(opacity=30);
        margin: 3px;
        cursor: pointer;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
    }

        .da-dots span.da-dots-current:after {
            /*content: '';*/
            width: 8px;
            height: 8px;
            position: absolute;
            top: 7px;
            left: 6px;
            border-radius: 50%;
            background: rgb(255,255,255);
            background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
            background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
        }

.da-arrows {
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .da-arrows span {
        position: absolute;
        top: 50%;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        background: #e4b42d;
        cursor: pointer;
        z-index: 2000;
        opacity: 0;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
        -webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
        -moz-transition: opacity 0.4s ease-in-out-out 0.2s;
        -o-transition: opacity 0.4s ease-in-out-out 0.2s;
        -ms-transition: opacity 0.4s ease-in-out-out 0.2s;
        transition: opacity 0.4s ease-in-out-out 0.2s;
    }

.da-slider:hover .da-arrows span {
    opacity: 1;
}

.da-arrows span:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
    background: transparent url(/Assets/images/arrows.png) no-repeat top left;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.da-arrows span:hover:after {
    box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}

.da-arrows span:active:after {
    box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}

.da-arrows span.da-arrows-next:after {
    background-position: top right;
}

.da-arrows span.da-arrows-prev {
    left: 15px;
}

.da-arrows span.da-arrows-next {
    right: 15px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link {
    left: 10%;
    opacity: 1;
}

.da-slide-current .da-img {
    left: 60%;
    opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2 {
    -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright p {
    -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright .da-link {
    -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromright .da-img {
    -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}

@-webkit-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@keyframes fromRightAnim1 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim2 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim3 {
    0% {
        left: 110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromRightAnim4 {
    0% {
        left: 110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}
/* Slide in from the left*/
.da-slide-fromleft h2 {
    -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft p {
    -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft .da-link {
    -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromleft .da-img {
    -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}

@-webkit-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-moz-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-o-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@-ms-keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim1 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim2 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim3 {
    0% {
        left: -110%;
        opacity: 0;
    }

    1% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 10%;
        opacity: 1;
    }
}

@keyframes fromLeftAnim4 {
    0% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 60%;
        opacity: 1;
    }
}
/* Slide out to the right */
.da-slide-toright h2 {
    -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}

.da-slide-toright p {
    -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toright .da-link {
    -webkit-animation: toRightAnim3 0.4s ease-in-out both;
    -moz-animation: toRightAnim3 0.4s ease-in-out both;
    -o-animation: toRightAnim3 0.4s ease-in-out both;
    -ms-animation: toRightAnim3 0.4s ease-in-out both;
    animation: toRightAnim3 0.4s ease-in-out both;
}

.da-slide-toright .da-img {
    -webkit-animation: toRightAnim4 0.6s ease-in-out both;
    -moz-animation: toRightAnim4 0.6s ease-in-out both;
    -o-animation: toRightAnim4 0.6s ease-in-out both;
    -ms-animation: toRightAnim4 0.6s ease-in-out both;
    animation: toRightAnim4 0.6s ease-in-out both;
}

@-webkit-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-moz-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-o-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@-ms-keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    99% {
        left: 10%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes toRightAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    30% {
        left: 55%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}
/* Slide out to the left*/
.da-slide-toleft h2 {
    -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
    -moz-animation: toLeftAnim1 0.6s ease-in-out both;
    -o-animation: toLeftAnim1 0.6s ease-in-out both;
    -ms-animation: toLeftAnim1 0.6s ease-in-out both;
    animation: toLeftAnim1 0.6s ease-in-out both;
}

.da-slide-toleft p {
    -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toleft .da-link {
    -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}

.da-slide-toleft .da-img {
    -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}

@-webkit-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-webkit-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-moz-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-o-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@-ms-keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim1 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim2 {
    0% {
        left: 10%;
        opacity: 1;
    }

    30% {
        left: 15%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim3 {
    0% {
        left: 10%;
        opacity: 1;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}

@keyframes toLeftAnim4 {
    0% {
        left: 60%;
        opacity: 1;
    }

    70% {
        left: 30%;
        opacity: 0;
    }

    100% {
        left: -50%;
        opacity: 0;
    }
}
/*styles.css*/
a img {
    border: 0;
}

a:focus {
    outline: none;
}

#Previewholder {
    left: 0;
    top: 0;
    position: absolute;
    display: none;
    background: #fff;
    z-index: 9999;
}

    #Previewholder img {
        display: block;
    }

    #Previewholder p {
        margin: 0;
        padding: 0;
        font: 11px Verdana,sans-serif;
        color: #090808;
    }

        #Previewholder p span {
            border-top: 1px solid #ccc;
            display: block;
            padding: 5px;
            background: transparent url(/Assets/images/desc_bg.gif) 0 100% no-repeat;
        }

body .zoomple {
    cursor: crosshair !important;
}

/*fullcalendar.css*/
/*!
 * FullCalendar v2.0.2 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.CalSearchstyle {
    position: relative;
    right: 40px;
    top: -10px;
}

.fc {
    direction: ltr;
    text-align: left;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html .fc,
    .fc table {
        font-size: 0.9em;
    }

    .fc td,
    .fc th {
        padding: 0;
        vertical-align: top;
    }



/* Header
------------------------------------------------------------------------*/

.fc-header td {
    /*	white-space: nowrap;*/
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    /*text-align: center;*/
}

.fc-header-right {
    display: block;
    position: relative;
    float: right;
    right: 0;
    top: -44px !important;
    width: 160px;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    margin: 5px 0 0 -30px;
    color: #47484c;
}

    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
        font-weight: bold;
        line-height: 13px;
        font-size: 12px;
        color: #333333;
        padding-left: 0px;
    }

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}

/* buttons edges butting together */

.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */
    margin-right: 0; /* back to normal */
}

/* button layering (for border precedence) */

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}



/* Content
------------------------------------------------------------------------*/

.fc-content {
    position: relative;
    z-index: 1; /* scopes all other z-index's to be inside this container */
    clear: both;
    zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
    position: relative;
    width: 100%;
    overflow: hidden;
}



/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header, /* <th>, usually */
.fc-widget-content { /* <td>, usually */
    border: 1px solid #ddd;
}

.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
    background: #eaeaea;
    border: 1px solid #868686 !important;
}

.fc-cell-overlay { /* semi-transparent rectangle while dragging */
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30); /* for IE */
}



/* Buttons
------------------------------------------------------------------------*/

.fc-button {
    position: relative;
    display: inline-block;
    padding: 0 .4em;
    overflow: hidden;
    height: 2.1em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
}

.fc-state-default { /* non-theme */
    border: 1px solid;
}

    .fc-state-default.fc-corner-left { /* non-theme */
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .fc-state-default.fc-corner-right { /* non-theme */
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/

.fc-button .fc-icon {
    margin: 0 .1em;
    font-size: 2.4em;
    font-family: "Courier New", Courier, monospace;
    vertical-align: baseline; /* for IE7 */
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: bold;
    color: #686868;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: bold;
    color: #686868;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
}

/* icon (for jquery ui) */

.fc-button .ui-icon {
    position: relative;
    top: 50%;
    float: left;
    margin-top: -8px; /* we know jqui icons are always 16px tall */
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
    background-color: #f5f5f5;
    border-color: #e2e2e2;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #0070AF;
    background-color: #e6e6e6;
}

.fc-state-active {
    font-weight: bold;
}

.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}



/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
    z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
    z-index: 9;
}

.fc-event {
    border: 1px solid #f3b900 !important; /* default BORDER color */
    background-color: #ffc200 !important; /* default BACKGROUND color */
    color: #000; /* default TEXT color */
    font-size: .85em;
    cursor: default;
}

a.fc-event {
    text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden; /* hacky spaces (IE6/7) */
    font-size: 300%; /* */
    line-height: 50%; /* */
}



/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* resizable */

.fc-event-hori .ui-resizable-e {
    top: 0 !important; /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px; /* IE6 had 0 height */
}



/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
}

    .fc-border-separate th.fc-last,
    .fc-border-separate td.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}



/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
    text-align: center;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

    .fc .fc-week-number div {
        padding: 0 2px;
    }

.fc-grid .fc-day-number {
    float: left;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
    /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px; /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time {
    font-weight: bold;
}

/* right-to-left */

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}



/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    font-weight: normal;
}

.fc-agenda-slots .fc-agenda-axis {
    white-space: nowrap;
}

.fc-agenda .fc-week-number {
    font-weight: bold;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

/* make axis border take precedence */

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

/* all-day area */

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px; /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}

/* divider (between all-day and slots) */

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

/* slot rows */

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

    .fc-agenda-slots td div {
        height: 20px;
    }

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
}

    .fc-agenda-slots tr.fc-minor th.ui-widget-header {
        *border-top-style: solid; /* doesn't work with background in IE6/7 */
    }



/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
    border-width: 0 1px;
}

    .fc-event-vert.fc-event-start {
        border-top-width: 1px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .fc-event-vert.fc-event-end {
        border-bottom-width: 1px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .fc-event-vert .fc-event-time {
        white-space: nowrap;
        font-size: 10px;
    }

    .fc-event-vert .fc-event-inner {
        position: relative;
        z-index: 2;
    }

    .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .25;
        filter: alpha(opacity=25);
    }

.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
    display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
    _overflow: hidden;
}

/* customized css */

#calendar .fc-button-today {
    float: left;
    text-align: center;
    width: 23%;
    color: #333 !important;
    text-transform: capitalize;
    margin-right: 12px;
}

.fc-button-prev {
    margin-left: 20px;
}

#calendar {
    width: 900px;
    margin: 15px auto;
}

.fc-button-month, .fc-button-agendaWeek, .fc-button-agendaDay {
    background: #fff;
    border: 0;
    box-shadow: none;
    font-size: 13px;
    text-transform: capitalize;
}

#calendar .fc-header-right span {
    margin-right: 10px;
    display: inline-block;
}


/*faq_accordion.css*/
.answer {
    display: block;
    text-align: left;
    padding-left: 40px;
    color: #333;
}

h2 {
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #3399DB;
    padding-left: 20px;
    cursor: pointer;
    background-image: url('/Assets/images/open.png');
    background-position: left;
    background-repeat: no-repeat;
    text-align: left;
}

    h2.close {
        background-image: url('/Assets/images/close.png');
    }
/*p {
    margin-bottom:18px;
}*/

/*hon_home_banner.css*/
.home_banner_wrapper {
    border: 1px solid #cfcfcf;
    height: 332px;
    display: block;
    overflow: hidden;
    text-align: left;
    position: relative;
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    width: 960px;
}

    .home_banner_wrapper .settiming {
        display: none;
    }

    .home_banner_wrapper .home_banner {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 825px;
        height: 332px;
    }

        .home_banner_wrapper .home_banner .home_banner_content {
            position: relative;
        }

            .home_banner_wrapper .home_banner .home_banner_content a.learnMore {
                float: left;
                background: red;
            }

            .home_banner_wrapper .home_banner .home_banner_content img.bannerImg {
                z-index: 1;
            }

            .home_banner_wrapper .home_banner .home_banner_content .banner_macro {
                position: absolute;
                top: 0px;
                left: 625px;
                width: 200px;
            }
                /*.home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_green{font-size:12px;font-weight:bold;float: right;background-color:#8ba862; border-left: 5px solid #77944f;margin: 0px; padding: 3px 10px 3px 10px;}
.home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_yellow{font-size:12px;font-weight:bold;float: right;background-color:#d0a660; border-left: 5px solid #aa8e5f;margin: 0px; padding: 3px 10px 3px 10px;}
.home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_red{font-size:12px;font-weight:bold;float: right;background-color:#de0031; border-left: 5px solid #af2040;margin: 0px; padding: 3px 10px 3px 10px;}
.home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_blue{font-size:12px;font-weight:bold;float: right;background-color:#718ead; border-left: 5px solid #5c83ad;margin: 0px; padding: 3px 10px 3px 10px;}*/

                .home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_green {
                    font-size: 12px;
                    font-weight: bold;
                    float: right;
                    border-left: 5px solid #77944f;
                    margin: 0px;
                    padding: 5px 20px 5px 10px;
                    background: #8ba862 url(/PublishingImages/Hon_home_banner/arrow_macro.png) no-repeat center right;
                    cursor: pointer;
                }

                .home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_yellow {
                    font-size: 12px;
                    font-weight: bold;
                    float: right;
                    border-left: 5px solid #aa8e5f;
                    margin: 0px;
                    padding: 3px 20px 5px 10px;
                    background: #d0a660 url(/PublishingImages/Hon_home_banner/arrow_macro.png) no-repeat center right;
                    cursor: pointer;
                }

                .home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_red {
                    font-size: 12px;
                    font-weight: bold;
                    float: right;
                    border-left: 5px solid #af2040;
                    margin: 0px;
                    padding: 5px 20px 5px 10px;
                    background: #de0031 url(/PublishingImages/Hon_home_banner/arrow_macro.png) no-repeat center right;
                    cursor: pointer;
                }

                .home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_blue {
                    font-size: 12px;
                    font-weight: bold;
                    float: right;
                    border-left: 5px solid #5c83ad;
                    margin: 0px;
                    padding: 5px 20px 5px 10px;
                    background: #718ead url(/PublishingImages/Hon_home_banner/arrow_macro.png) no-repeat center right;
                    cursor: pointer;
                }

                .home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_darkblue {
                    font-size: 12px;
                    font-weight: bold;
                    float: right;
                    border-left: 5px solid #00005a;
                    margin: 0px;
                    padding: 5px 20px 5px 10px;
                    background: #00005a url(/PublishingImages/Hon_home_banner/arrow_macro.png) no-repeat center right;
                    cursor: pointer;
                }

                .home_banner_wrapper .home_banner .home_banner_content .banner_macro .banner_macro_darkgreen {
                    font-size: 12px;
                    font-weight: bold;
                    float: right;
                    border-left: 5px solid #003300;
                    margin: 0px;
                    padding: 5px 20px 5px 10px;
                    background: #003300 url(/PublishingImages/Hon_home_banner/arrow_macro.png) no-repeat center right;
                    cursor: pointer;
                }

.banner_macro a:link, .banner_macro a:visited, .banner_macro a:active, .banner_macro a:hover {
    color: #FFFFFF !important;
    text-decoration: none;
}

.home_banner_wrapper .home_banner .home_banner_content .banner_text_content {
    position: absolute;
    top: -340px;
    left: 465px;
    width: 430px;
    overflow: hidden;
    text-align: right;
}

    .home_banner_wrapper .home_banner .home_banner_content .banner_text_content .banner_clearing {
        clear: both;
        line-height: 0px;
        height: 0px;
    }

    .home_banner_wrapper .home_banner .home_banner_content .banner_text_content .banner_title {
        width: 360px;
        font-size: 22px;
        font-weight: normal;
        margin: 95px 0px 0px 0px;
        padding: 10px 60px 0 10px;
        text-align: left;
        overflow: hidden;
        color: #ffffff;
        background: rgba(0, 0, 0, 0.5);
        background /*\**/: #000 \9;
    }
    /* Prabu Modify 12.08*/
    .home_banner_wrapper .home_banner .home_banner_content .banner_text_content .banner_subtitle {
        width: 370px;
        font-size: 16px;
        font-weight: normal;
        margin: 0px;
        padding: 2px 50px 24px 10px;
        text-align: left;
        background: rgba(0, 0, 0, 0.5);
        line-height: 22px;
        background /*\**/: #000 \9;
    }
    /* Prabu Modify  12.08*/

    .home_banner_wrapper .home_banner .home_banner_content .banner_text_content .banner_button_red {
        float: right;
        font-size: 15px;
        font-weight: normal;
        margin: 10px auto 0px auto;
        padding: 3px 35px 3px 20px;
        text-align: right;
        background: #A81C24 url(/PublishingImages/Hon_home_banner/arrow_green.png) no-repeat top right;
        cursor: pointer;
    }

    .home_banner_wrapper .home_banner .home_banner_content .banner_text_content .banner_button {
        float: left;
        font-size: 16px;
        font-weight: normal;
        margin: 0px auto 0px auto;
        padding: 0px 20px 0px 20px;
        text-align: right;
        line-height: 33px;
        cursor: pointer;
        background: #0070af !important;
        background /*\**/: #be2d2a \9;
    }
    /* Prabu Modify  12.08*/
    .home_banner_wrapper .home_banner .home_banner_content .banner_text_content a {
        color: #ffffff !important;
        text-decoration: none;
        font-weight: bold;
        float: left;
        zoom: 1;
        background: rgba(190, 45, 42, 0.8);
    }

.home_banner_wrapper .home_banner_loading {
    background-color: #ffffff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 825px;
    height: 260px;
    text-align: center;
    padding-top: 80px;
}

    .home_banner_wrapper .home_banner_loading .loading_logo {
        margin: 0px 0px 25px 0px;
    }

.home_banner_wrapper .banner_navigation {
    position: absolute;
    top: 300px;
    left: 535px;
    text-align: right;
    width: 330px;
    height: 21px;
}

    .home_banner_wrapper .banner_navigation .nav_item_base {
        margin: 0px 5px 0px 0px;
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 20px;
        height: 20px;
        background-color: #d6d7d6;
        cursor: pointer;
    }

    .home_banner_wrapper .banner_navigation .nav_item_hover {
        margin: 0px 5px 0px 0px;
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 20px;
        height: 20px;
        background-color: #0070af;
        cursor: pointer;
    }

    .home_banner_wrapper .banner_navigation .nav_item_active {
        margin: 0px 5px 0px 0px;
        display: inline-block;
        *display: inline;
        zoom: 1;
        width: 20px;
        height: 20px;
        background-color: #0070af;
        cursor: pointer;
    }

.home_banner_wrapper .home_banner .home_banner_content .banner_text_content a.banner_button span {
    float: left;
}

    .home_banner_wrapper .home_banner .home_banner_content .banner_text_content a.banner_button span img {
        margin: 4px 0 0 10px;
    }

/* Swapna css starts here */

/* General styles */

.FLft {
    float: left;
}

.FRgt {
    float: right;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px !important;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.Pad10 {
    padding: 10px 0;
}

.PadT10 {
    padding-top: 10px;
}

.Mar14 {
    margin: 14px 0;
}

.MarL10 {
    margin-left: 10px;
}

.MarL14 {
    margin-left: 4px;
}

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

.MarTop5 {
    margin-top: 5px;
}

.MarTop10 {
    margin-top: 10px;
}

.MarTop16 {
    margin-top: 16px !important;
}

.MarTop22 {
    margin-top: 22px;
}

.MarTop31 {
    margin-top: -27px;
}

.MarR6 {
    margin-right: 6px;
}

.MarR22 {
    margin-right: 22px;
}

.MarR36 {
    margin-right: 36px;
}

.w25 {
    width: 25%;
}

.w51 {
    width: 51%;
}

.w55 {
    width: 55%;
}

.w92 {
    width: 92%;
}

.redtxt {
    color: #ee3124;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

a.linkW {
    text-decoration: none;
    color: #fff;
    font-size: 11px;
}

a.linkR {
    text-decoration: none;
    color: #ee3124;
}

a.Link {
    text-decoration: none;
    color: #000;
}

ul.custom-list {
    font-size: 12px;
    padding: 0;
}

.plcH {
    border: 1px solid #ccc;
}

.Customul li {
    list-style-type: none;
    font-size: 12px;
}

/* FAQs page styles */

ol.Qaccordion, ol.ExpColOL {
    margin: 0;
    padding: 0;
    counter-reset: item;
    font-size: 12px;
    color: #3399db;
}

    ol.Qaccordion > li, ol.ExpColOL > li {
        margin: 0;
        padding: 0 0 0 2em;
        text-indent: -2em;
        list-style-type: none;
        counter-increment: item;
    }

        ol.Qaccordion > li:before, ol.ExpColOL > li:before {
            display: inline-block;
            padding-right: 4px;
            color: #000;
            text-align: right;
            content: counter(item) ".";
        }

#idSelectedLst div {
    display: none;
}

ol.ExpColOL {
    margin-left: 36px;
}

#idSelectedLst .firstliclass {
    cursor: pointer;
    margin-bottom: 4px;
}

ol.ExpColOL p {
    margin-left: -10px;
    display: block;
}

    ol.ExpColOL p span:first-child {
        color: #000;
        float: left;
        display: block;
    }

    ol.ExpColOL p span:last-child {
        padding-left: 28px;
        display: block;
    }

.pstb {
    font-weight: bold;
}

.txtarea {
    border: 1px solid #e5e5e5;
    color: #b2b7ba;
    font-size: 12px;
    padding: 8px 6px;
    resize: none;
}

.search-box {
    color: #ccc;
    display: table;
    padding-top: 5px;
    width: 204px;
}

    .search-box span {
        float: right;
        margin-right: 5px;
    }

    .search-box input {
        font-size: 12px;
        font-family: arial;
        color: #636363;
        padding: 1px;
        margin-right: 5px;
        float: right;
    }

    .search-box form#register_form_search input[type="text"] /*, input[type="password"]*/ {
        border: 1px solid #e5e5e5;
        display: inline-block;
        margin-bottom: 14px;
        padding: 8px 30px 8px 10px;
        width: 184px;
        background: url(/Assets/images/index.jpg) no-repeat scroll 200px 7px;
    }

.btnred {
    background: #f03224;
    color: #fff;
    padding: 7px 6px;
    width: 2%;
    text-align: center;
}

/* Support page styles */
.blockhalf {
    margin-right: 60px; /*width: 42%;*/
}

.tollfree {
    font-size: 24px;
    color: #353535;
    font-weight: bold;
}

.MarTop50 {
    margin-top: 50px;
}

/* calender page styles */
#container .search-box-cust form#register_form_search input[type="text"] /*, input[type="password"]*/ {
    background: url("/Assets/images/index.jpg") no-repeat scroll 148px 2px rgba(0, 0, 0, 0);
    border: 2px solid #adadad;
    display: inline-block;
    padding: 3px 11px 4px 7px;
    width: 150px;
    font-size: 11px;
    color: #a9a9a9;
}

.border-bottom-Ng {
    display: block;
    border-bottom: 1px solid #ccc;
    height: 5px;
    position: relative;
    top: -1px;
}

#vertical-menu .Hglink {
    color: #ee3124;
}

/* product page styles */
#container .search-box-LC form#register_form_search input[type="text"] /*, input[type="password"]*/ {
    background: url("/Assets/images/index.jpg") no-repeat scroll 178px 7px rgba(0, 0, 0, 0);
    width: 160px;
}

#container .products-left-box-video {
    padding: 20px 10px;
}

.video {
    display: block;
    text-align: center;
    width: 100%;
}

.img-ver {
    vertical-align: middle;
}

.img-b {
    vertical-align: baseline;
}

.relatd-pro-lt {
    padding: 20px 35px 20px 20px;
}

.relatd-pro-st {
    padding: 20px 14px 20px 20px;
}

#menu ul li > div {
    display: none;
}

#menu ul li:hover .dropdown-5columns, #menu ul li:hover .dropdown-1column {
    display: block;
    background: #Fff;
}

.top_right-side-dropdown {
    height: 42px;
}

.top_right-side-links {
    height: 31px;
}



/*updated style.css*/
.Mtitle {
    color: #333;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}




/* Prabu css starts here - 23.07.2014 */

/**********************Landing page****************/
.MarTop3 {
    margin-top: 3px;
}

.MarTop20 {
    margin-top: 20px;
}

.MarTop30 {
    margin-top: 30px;
}

.MarBtm20 {
    margin-bottom: 20px;
}

.MarBtm30 {
    margin-bottom: 30px;
}

.MarLeft25 {
    margin-left: 25px;
}

.MarR10 {
    margin-right: 10px;
}

.Wauto {
    width: auto !important;
}

.FRght {
    float: right;
}

.noMar, .RadTreeView .rtUL {
    margin: 0px !important;
}

.nopad {
    padding: 0 !important;
}

.noBorder {
    border: 0 !important;
}

.honeyRed {
    color: #ee3226 !important;
}

.close-artl {
    color: #0070AF;
    font-size: 12px;
    padding: 5px 0 0 25px;
}

.close-artl {
    color: #ffffff !important;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: normal;
    background: #0070AF;
    text-decoration: none;
}

    .close-artl span {
        font-size: 16px;
        font-weight: bold;
        padding: 0 2px 0 0;
    }

a.view-more {
    background: url(/Assets/images/view_more.jpg) no-repeat right center;
    padding: 0 10px 0 0;
    color: #ee3124;
    font-size: 13px;
    text-decoration: none;
}



.si-left-column {
    width: 600px;
    height: auto;
    float: left;
}

.si-right-column {
    width: 275px;
    height: auto;
    float: right;
    margin-left: 10px;
}


    .si-right-column .right-nav-title {
        color: #666666;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .si-right-column .products-right-box {
        background: none repeat scroll 0 0 #F8F8F8;
        border-top: 1px solid #CCCCCC;
        font-size: 12px;
        height: 150px;
        margin-bottom: 4px;
        padding: 2px 10px;
        width: auto;
    }

.checkbox-cont {
}

    .checkbox-cont span {
        float: left;
        margin: 1px 0 0 10px;
    }

        .checkbox-cont span input[type=checkbox] {
            margin-top: 10px;
        }

    .checkbox-cont label {
        float: left;
        font-size: 11px;
        color: #b3b3b3;
    }

.landing-graph {
}

.track-inputs {
    margin-top: 22px;
}

.select-cust {
    border: 1px solid #E5E5E5;
    color: #333333;
    font-size: 14px;
    padding: 8px 6px;
    border-radius: 2px;
    width: 155px;
}

.input-cust {
    border: 1px solid #9a9a9a;
    color: #333333;
    font-size: 14px;
    padding: 8px 6px;
    border-radius: 2px;
}

input.track {
    background: none repeat scroll 0 0 #EA5340;
    border: 1px solid #EE3124;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 0px 10px;
    padding: 8px 15px;
}

span.excelDown {
    float: right;
    background: #007332 url(/Assets/images/icon_excel_down.png) no-repeat 4px 2px;
    padding: 2px 15px 3px 30px;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 6px 0 0 0;
    height: 20px;
    line-height: 20px;
}

    span.excelDown a {
        font-size: 12px;
        color: #fff;
        font-weight: normal;
        text-decoration: none;
    }

/* Grid CSS start*/
.gridLayout {
}

    .gridLayout .header {
        background: #4791d9;
        height: 25px;
        border-bottom: 1px solid #3e7dbb;
    }

        .gridLayout .header span {
            float: left;
            font-size: 12px;
            font-weight: bold;
            line-height: 25px;
            color: #FFFFFF;
        }

            .gridLayout .header span.invoiceNum {
                width: 295px;
                text-align: left;
                padding-left: 10px;
            }

            .gridLayout .header span.quality {
                width: 140px;
                text-align: center;
            }

            .gridLayout .header span.value {
                width: 135px;
                text-align: center;
            }

            .gridLayout .header span.arrow {
                width: 10px;
                padding-left: 15px;
            }


    .gridLayout .value-dis {
        background: #ececec;
        height: 25px;
        border-bottom: 1px solid #cfd0d0 !important;
    }

        .gridLayout .value-dis span {
            float: left;
            font-size: 11px;
            line-height: 25px;
            color: #6e6e6e;
        }

            .gridLayout .value-dis span.invoiceNum {
                width: 295px;
                text-align: left;
                padding-left: 10px;
            }

            .gridLayout .value-dis span.quality {
                width: 140px;
                text-align: center;
            }

            .gridLayout .value-dis span.value {
                width: 120px;
                text-align: center;
            }

            .gridLayout .value-dis span.arrow {
                width: 10px;
                padding: 8px 0 0 20px;
            }

            .gridLayout .value-dis span a {
                width: 5px;
                height: 10px;
                text-decoration: none;
                background: url(/Assets/images/arrow_grid_normal.png) no-repeat top left;
                float: left;
            }

        .gridLayout .value-dis:hover {
            background: #fff;
        }

            .gridLayout .value-dis:hover span a {
                width: 5px;
                height: 10px;
                text-decoration: none;
                background: url(/Assets/images/arrow_grid_hover.png) no-repeat top left;
                float: left;
            }

    .gridLayout .total-dis {
        background: #ececec;
        height: 25px;
        border-bottom: 1px solid #cfd0d0;
    }

        .gridLayout .total-dis span {
            float: left;
            font-size: 11px;
            line-height: 25px;
            color: #000;
        }

            .gridLayout .total-dis span.invoiceNum {
                width: 295px;
                text-align: left;
                padding-left: 10px;
            }

            .gridLayout .total-dis span.quality {
                width: 140px;
                text-align: right;
                float: right;
            }

            .gridLayout .total-dis span.value {
                width: 120px;
                text-align: right;
            }

                .gridLayout .total-dis span.value span {
                    margin-right: 35px;
                }

            .gridLayout .total-dis span.arrow {
                width: 10px;
                padding: 8px 0 0 15px;
            }
/* Grid CSS end*/

/* Grid Popup CSS start*/
.popup_gridLayout {
    width: 700px;
}

    .popup_gridLayout .header {
        background: #4791d9;
        height: 25px;
        border-bottom: 1px solid #3e7dbb;
    }

        .popup_gridLayout .header span {
            float: left;
            font-size: 12px;
            font-weight: bold;
            line-height: 25px;
            color: #FFFFFF;
        }

            .popup_gridLayout .header span.options {
                width: 305px;
                text-align: left;
            }

                .popup_gridLayout .header span.options a {
                    padding: 0px 10px;
                    font-size: 11px;
                    color: #FFFFFF;
                    text-decoration: none;
                }

                    .popup_gridLayout .header span.options a.close {
                        padding: 0px 20px 0 25px;
                        color: #FFFFFF;
                        text-decoration: none;
                        background: #006699 url(/Assets/images/btn_close.png) no-repeat 5px 5px;
                        float: left;
                        line-height: 25px;
                    }

                    .popup_gridLayout .header span.options a.print {
                        padding: 0px 20px 0 35px;
                        color: #FFFFFF;
                        text-decoration: none;
                        background: url(/Assets/images/icon_print.png) no-repeat 15px 5px;
                        float: left;
                        line-height: 25px;
                    }

                    .popup_gridLayout .header span.options a.excel-download {
                        padding: 0 15px 0 40px;
                        color: #FFFFFF;
                        text-decoration: none;
                        background: #006699 url(/Assets/images/icon_excel_down_popup.png) no-repeat 20px 5px;
                        float: left;
                        line-height: 25px;
                    }

            .popup_gridLayout .header span.quantity {
                width: 245px;
                text-align: center;
            }

            .popup_gridLayout .header span.billed {
                width: 245px;
                text-align: center;
            }

    .popup_gridLayout .invoice-det {
        background: #999999;
        padding: 0 0 0 5px;
        height: 25px;
        border-bottom: 1px solid #fff;
    }

        .popup_gridLayout .invoice-det span {
            float: left;
            font-size: 11px;
            font-weight: bold;
            line-height: 25px;
            color: #FFFFFF;
        }

            .popup_gridLayout .invoice-det span.details {
                width: 305px;
                text-align: left;
            }

            .popup_gridLayout .invoice-det span.quantity {
                width: 245px;
                text-align: center;
            }

            .popup_gridLayout .invoice-det span.billed {
                width: 175px;
                text-align: right;
            }

    .popup_gridLayout .invoice-val {
        background: #eeeeee;
        height: 25px;
        padding: 0 0 0 5px;
        border-bottom: 1px solid #bcbcbc;
    }

        .popup_gridLayout .invoice-val span {
            float: left;
            font-size: 11px;
            font-weight: normal;
            line-height: 25px;
            color: #666666;
        }

            .popup_gridLayout .invoice-val span.details {
                width: 305px;
                text-align: left;
                text-transform: uppercase;
            }

            .popup_gridLayout .invoice-val span.quantity {
                width: 245px;
                text-align: center;
            }

            .popup_gridLayout .invoice-val span.billed {
                width: 175px;
                text-align: right;
            }

#overlay_POPUP {
    position: fixed;
    z-index: 9003;
}

.background_overlay, .alert-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: black;
    opacity: 0.5;
}

/* Grid Popup CSS end*/

.gridLayout .resultView {
    background: #666666;
    height: 30px;
}

    .gridLayout .resultView a.previous {
        background: url(/Assets/images/grid_previous.png) no-repeat 9px 12px;
        height: 30px;
        float: left;
        font-size: 12px;
        width: auto;
        color: #fff;
        padding: 0 0 0 22px;
        text-decoration: none;
        line-height: 30px;
    }

    .gridLayout .resultView a.next {
        background: url(/Assets/images/grid_next.png) no-repeat 95px 12px;
        height: 30px;
        width: 8px;
        float: right;
        font-size: 12px;
        color: #fff;
        width: auto;
        padding: 0 22px 0 0;
        text-decoration: none;
        line-height: 30px;
    }

.product-update {
}

    .product-update .image {
        float: left;
        height: 80px;
        width: 80px;
    }

    .product-update .prod-det {
        float: left;
        height: 80px;
        width: 75%;
        color: #5c5c5c;
    }

        .product-update .prod-det span.date {
            height: 80px;
            font-size: 13px;
        }

        .product-update .prod-det p.detail {
            height: 80px;
            font-size: 13px;
            text-align: justify;
        }

.graph-info {
    font-size: 11px;
    color: #475055;
}

    .graph-info span {
        font-size: 13px;
        color: #475055;
        margin: 0 0 0 40px;
        background: url(/Assets/images/grapth-info.png) no-repeat top left;
        padding: 0 0 0 15px;
    }

span.order {
    background-position: 0px -12px;
}

span.billed {
    background-position: 0px 3px;
}

span.pending {
    background-position: 0px -25px;
}


ul.customtab {
}

    ul.customtab li, .nestedCheckboxes li {
        border: 1px solid #c0c0c0;
        border-radius: 4px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        z-index: 0;
        margin-right: 0px;
    }


        ul.customtab li.customtab2, ul.customtab li.customtab3, ul.customtab li.customtab4, ul.customtab li.customtab5, .nestedCheckboxes li.rmItem {
            position: relative;
            top: 0px;
            background: #FFFFFF;
            -webkit-box-shadow: -8px -1px 5px -4px #E0E0E0 !important;
            -moz-box-shadow: -8px -1px 5px -4px #E0E0E0 !important;
            box-shadow: -8px -1px 5px -4px #E0E0E0 !important;
            padding: 9px 15px;
        }
           
        ul.customtab li.customtab3, ul.customtab li.customtab4, ul.customtab li.customtab5 {
            left: -18px !important;
        }

        ul.customtab li.customtab1, .nestedCheckboxes li.rmFirst {
            position: relative !important;
            top: 0px !important;
            left: 0px !important;
            background: #FFFFFF !important;
            -webkit-box-shadow: 8px -1px 5px -4px #E0E0E0 !important;
            -moz-box-shadow: 8px -1px 5px -4px #E0E0E0 !important;
            box-shadow: 8px -1px 5px -4px #E0E0E0 !important;
            padding: 9px 15px;
        }

        ul.customtab li a, .nestedCheckboxes li.rmItem a {
            color: #666;
            font-size: 12px;
            font-weight: bold;
        }

        ul.customtab li.current {
            z-index: 1;
            padding: 10px 15px;
        }

            ul.customtab li.current a, .nestedCheckboxes a.rmSelected {
                color: #0070AF !important;
            }

            .nestedCheckboxes li.rmItem a {
                background: none !important;
                width: 80% !important;
            }

.nestedCheckboxes ul {
    border: none !important;
    background: none !important;
    padding-left: 10px !important;
}

.nestedCheckboxes .rmText {
    position: relative;
    top: 10%;
    left: 10%;
    font-size: 13px !important;
    font-weight: bold !important;
}

#fmenu .nestedCheckboxes .rmText {
    top: 0% !important;
}

#fmenu .nestedCheckboxes li.rmItem {
    width: auto;
}

.tab-W600px {
    width: 600px !important;
    padding: 20px 0px;
}


/*Error Handling Stlyes*/
.ErrorNoticeDiv {
    padding-left: 100px;
    padding-top: 30px;
    height: 250px;
}

.ErrorNoticeHeader {
    color: #EE3124;
    font-size: 16px;
    font-weight: bold;
    border-bottom: #b3b3b3 solid 1px;
    height: 30px;
}

.ErrorNoticeDesc {
    font-size: 12px !important;
    font-family: arial;
}

.BtnErrorNotice {
    font-size: 10px;
    height: 25px;
    border: 1px solid #ee3124 !important;
    background: #ee3124 !important;
    border-radius: 5px !important;
    margin: 10px !important;
    color: #FFF !important;
    font-weight: bold !important;
    text-decoration: none;
    opacity: 0.8;
    cursor: pointer;
}

/*Error Handling Stlyes*/
/* Training Style start */
.training-Lcolm {
    width: 490px;
    float: left;
}

    .training-Lcolm .section-title {
        font-size: 12px;
        font-weight: bold;
        color: #ef311b;
    }

    .training-Lcolm .MarBtm20 {
        margin-bottom: 20px;
    }

    .training-Lcolm .MarTop20 {
        margin-top: 20px;
    }

    .training-Lcolm .box {
        width: 480px;
        float: left;
        margin: 10px 0 0 0;
    }

        .training-Lcolm .box .pict {
            width: 80px;
            height: 80px;
            float: left;
        }

        .training-Lcolm .box .information {
            float: left;
            margin-left: 40px;
            width: 200px;
        }

        .training-Lcolm .box span.info {
            height: auto;
            font-size: 12px;
            font-weight: bold;
        }

        .training-Lcolm .box p {
            color: #323232;
            margin: 1px 0 0 2px;
        }

    .training-Lcolm .link {
        width: auto;
        height: auto;
        float: right;
        color: #ee3124;
        font-size: 12px;
        background: url(/Assets/images/arrowbutton_normal.gif) no-repeat center right;
        padding: 0 20px 0 0;
        text-decoration: none;
    }

        .training-Lcolm .link:hover {
            text-decoration: underline;
        }

.training-Rcolm {
    width: 360px;
    float: right;
}

    .training-Rcolm .box {
        height: 87px;
        border: 1px solid #c7c7c7;
        margin: 8px 0 0 0;
        padding: 0 0 0 20px;
    }

        .training-Rcolm .box:first-child {
            margin: 46px 0 0 0;
        }

        .training-Rcolm .box .link {
            width: 225px;
            line-height: 87px;
            float: left;
            color: #ee3124;
            font-size: 12px;
            padding: 0 10px 0 0;
            text-decoration: none;
        }

            .training-Rcolm .box .link img {
                padding: 0 10px 0 10px;
            }

        .training-Rcolm .box .image {
            float: right;
            padding: 15px 40px 15px 0px;
        }

        .training-Rcolm .box .link:hover {
            text-decoration: underline;
        }

        .training-Rcolm .box .recentlyAdded {
        }

            .training-Rcolm .box .recentlyAdded .link-all {
                color: #ee3124;
                font-size: 13px;
                padding: 0 10px 0 0;
                text-decoration: none;
                margin: 0 0 0 25px;
            }

                .training-Rcolm .box .recentlyAdded .link-all img {
                    padding: 0 10px 0 10px;
                }

            .training-Rcolm .box .recentlyAdded .title {
                float: left;
                font-size: 14px;
                color: #5c5c5c;
                font-weight: bold;
                margin: 25px 0 0 25px;
                width: 70%;
            }

            .training-Rcolm .box .recentlyAdded .number-count {
                line-height: 87px;
                float: left;
                font-size: 50px;
                color: #5c5c5c;
            }

            .training-Rcolm .box .recentlyAdded .link-all:hover {
                text-decoration: underline;
            }
/* Training Style end */


/* Archival Style start */
.archival-fltr-Rcolm {
    width: 540px;
    float: right;
}

    .archival-fltr-Rcolm .section-title {
        font-size: 15px;
        font-weight: bold;
        color: #000000;
    }

    .archival-fltr-Rcolm h3 {
        font-size: 13px;
        font-weight: bold;
        text-decoration: underline;
        color: #323232;
    }

    .archival-fltr-Rcolm .pagination {
        float: right;
        font-size: 12px;
        line-height: 25px;
        margin: 10px 0 0 0;
    }

        .archival-fltr-Rcolm .pagination a.prev {
            color: #ee3124;
            text-decoration: none;
        }

        .archival-fltr-Rcolm .pagination a.next {
            color: #ee3124;
            text-decoration: none;
        }

        .archival-fltr-Rcolm .pagination span.value {
            color: #5c5c5c;
            margin: 0 13px 0 13px;
        }

    .archival-fltr-Rcolm .box {
        background: #ececec;
        padding: 10px;
        border: 1px solid #e1e1e1;
        margin: 10px 0 0 0;
    }

        .archival-fltr-Rcolm .box h3 {
            font-size: 16px;
            font-weight: normal;
            color: #010101;
            font-weight: bold;
            text-decoration: none;
        }

        .archival-fltr-Rcolm .box p {
            color: #717171;
        }

        .archival-fltr-Rcolm .box a {
            font-size: 12px;
            font-weight: bold;
            color: #ee3124;
            line-height: 23px;
            text-decoration: none;
        }

            .archival-fltr-Rcolm .box a:hover {
                text-decoration: underline;
            }

.archival-fltr-desc .archivalDesc {
}

.archival-fltr-desc .section-title {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.archival-fltr-desc .archivalDesc p {
    font-size: 12px;
    font-weight: normal;
    color: #323232;
    line-height: 23px;
}

.archival-fltr-desc .archivalDesc ul {
    margin: 10px;
}

    .archival-fltr-desc .archivalDesc ul li {
        font-size: 12px;
        font-weight: normal;
        color: #323232;
        background: url(/Assets/images/icon-bulletsq-red.gif) no-repeat 0 3px;
        list-style: none;
        padding: 0 0 10px 15px;
    }

.archival-fltr-desc .pict {
    float: left;
    margin: 10px 0;
    width: 100%;
}

.archival-fltr-desc h3 {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}


.register_cal_icon {
    float: left;
    height: 24px;
    margin: 0 25px 0 0;
}

.register_Lcolumn {
    width: 340px;
    float: left; /*height:100%;*/
}

    .register_Lcolumn .recordDisp { /*width:340px;*/
        font-size: 12px;
        line-height: 25px;
        color: #5c5c5c;
        margin: 10px 0 0 0;
    }

        .register_Lcolumn .recordDisp select {
            border: 1px solid #e5e5e5;
            color: #5c5c5c;
            font-size: 12px;
            padding: 0px;
        }

    .register_Lcolumn .accordion-cont {
        background: #ececec;
        border: 1px solid #d8d8d8;
        margin: 10px 0 0 0;
        padding: 0 0 20px 0px; /*min-height:700px;*/
    }

        .register_Lcolumn .accordion-cont h1 {
            color: #5c5c5c;
            font-size: 13px;
            border-bottom: 1px solid #cbcaca;
            line-height: 38px;
            text-align: left;
            padding: 0 0 0 45px;
        }

    .register_Lcolumn select {
        border: 1px solid #e5e5e5;
        color: #5c5c5c;
        font-size: 12px;
        padding: 0px;
    }

    .register_Lcolumn .accordion-cont .accordion {
        margin: 0px 0 0 25px;
    }

        .register_Lcolumn .accordion-cont .accordion ul {
            margin: 0 0 0 20px;
        }

            .register_Lcolumn .accordion-cont .accordion ul li {
                list-style: none;
                font-size: 12px;
                color: #5c5c5c;
                margin-bottom: 8px;
            }

                .register_Lcolumn .accordion-cont .accordion ul li a {
                    list-style: none;
                    color: #333333;
                    text-decoration: none;
                    font-size: 12px;
                }

                    .register_Lcolumn .accordion-cont .accordion ul li a:hover {
                        color: #0070AF;
                    }


    .register_Lcolumn .accordion-cont a.newprod-icon {
        list-style: none;
        color: #5c5c5c;
        text-decoration: none;
        font-size: 13px;
        background: url(/Assets/images/icon_new_tab.png) no-repeat top left;
        padding: 3px 0 0 22px;
        line-height: 20px;
    }

        .register_Lcolumn .accordion-cont a.newprod-icon:hover {
            color: #0070AF;
        }


.register_Rcolumn {
    float: right;
    width: 550px;
}

    .register_Rcolumn .pagination {
        float: right;
        font-size: 12px;
        line-height: 25px;
        margin: 10px 0 0 0; /*text-align: center;*/
    }

        .register_Rcolumn .pagination a.prev {
            color: #ee3124;
            text-decoration: none;
        }

        .register_Rcolumn .pagination a.next {
            color: #ee3124;
            text-decoration: none;
        }

        .register_Rcolumn .pagination span.value {
            color: #5c5c5c;
            margin: 0 13px 0 13px;
        }

    .register_Rcolumn .box {
        width: 505px;
        float: left;
        margin: 10px 0 0 0;
        padding: 15px;
        background: #ececec;
        border: 1px solid #d8d8d8;
    }

        .register_Rcolumn .box .pict {
            width: 80px;
            height: 80px;
            float: left;
        }

        .register_Rcolumn .box .information {
            float: left;
            margin-left: 20px;
            width: 85%;
        }

        .register_Rcolumn .box span.title {
            height: auto;
            font-size: 12px;
            font-weight: bold;
            color: #323232;
        }

        .register_Rcolumn .box p.info {
            color: #323232;
            margin: 1px 0 0 0px;
        }

        .register_Rcolumn .box p.desc {
            color: #a4a4a4;
            margin: 15px 0 0 0px;
            font-size: 12px;
            width: 400px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }



    .register_Rcolumn .otherOption {
        line-height: 40px;
    }

        .register_Rcolumn .otherOption .coursePay {
            color: #000000 !important;
            margin: 1px 0 0 2px;
            font-size: 11px;
        }

            .register_Rcolumn .otherOption .coursePay:hover {
                color: #ee3124 !important;
            }

        .register_Rcolumn .otherOption .finishDetlink {
            width: auto;
            height: auto;
            color: #ee3226;
            font-size: 11px;
            text-decoration: none;
            margin: 0 15px 0 15px;
        }
/* My Registered Style end*/

.accordionimg {
    background-image: url(/Assets/images/arrow_grey_down.jpg);
    background-position: center left;
}
/* Training - Accordion Style  Start*/
.accordionHeader {
    cursor: hand;
    cursor: pointer;
    padding: 0px 5px 0px 20px;
    background: url(/Assets/images/arrow_grey_right.jpg) no-repeat center left;
    margin: 10px 0 5px 0;
    text-align: left !important;
    font-size: 13px;
    font-weight: bold;
    color: #323232;
}

.accordionimg {
    background-image: url(/Assets/images/arrow_grey_down.jpg);
    background-position: center left;
}
/* Training - Accordion Style End*/

/* Archival Style start */
.archival-fltr-Rcolm {
    width: 540px;
    float: right;
}

    .archival-fltr-Rcolm .section-title {
        font-size: 15px;
        font-weight: bold;
        color: #000000;
    }

    .archival-fltr-Rcolm h3 {
        font-size: 13px;
        font-weight: bold;
        text-decoration: underline;
        color: #323232;
    }

    .archival-fltr-Rcolm .pagination {
        float: right;
        font-size: 12px;
        line-height: 25px;
        margin: 10px 0 0 0;
    }

        .archival-fltr-Rcolm .pagination a.prev {
            color: #ee3124;
            text-decoration: none;
        }

        .archival-fltr-Rcolm .pagination a.next {
            color: #ee3124;
            text-decoration: none;
        }

        .archival-fltr-Rcolm .pagination span.value {
            color: #5c5c5c;
            margin: 0 13px 0 13px;
        }

    .archival-fltr-Rcolm .box {
        background: #ececec;
        padding: 10px;
        border: 1px solid #e1e1e1;
        margin: 10px 0 0 0;
    }

        .archival-fltr-Rcolm .box h3 {
            font-size: 16px;
            font-weight: normal;
            color: #010101;
            font-weight: bold;
            text-decoration: none;
        }

        .archival-fltr-Rcolm .box p {
            color: #717171;
        }

        .archival-fltr-Rcolm .box a {
            font-size: 12px;
            font-weight: bold;
            color: #ee3124;
            line-height: 23px;
            text-decoration: none;
        }

.archival-fltr-desc .archivalDesc {
}

.archival-fltr-desc .section-title {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.archival-fltr-desc .archivalDesc p {
    font-size: 12px;
    font-weight: normal;
    color: #323232;
    line-height: 23px;
}

.archival-fltr-desc .archivalDesc ul {
    margin: 10px;
}

    .archival-fltr-desc .archivalDesc ul li {
        font-size: 12px;
        font-weight: normal;
        color: #323232;
        background: url(/Assets/images/icon-bulletsq-red.gif) no-repeat 0 3px;
        list-style: none;
        padding: 0 0 10px 15px;
    }

.archival-fltr-desc .pict {
    float: left;
    margin: 10px 0;
    width: 100%;
}

.archival-fltr-desc h3 {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}

/* Archival Style end */

/* Training Register Style start */
.trainingRegs {
}

a.browseCatlog {
    color: #333333;
    float: right;
    font-size: 12px;
    text-decoration: none;
    margin-top: 5px;
    font-weight: normal;
    text-underline-position: auto;
}

    a.browseCatlog:hover {
        color: #ee3124;
    }

.trainingRegs .section-title {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

    .trainingRegs .section-title span.date {
        font-size: 12px;
        font-weight: bold;
        color: #343434;
        margin: 0 0 0 10px;
    }

.trainingRegs .banner_image {
    width: 100%;
    float: left;
    margin: 0px 0 20px 0;
}

.trainingRegs .trainingDesc {
}

.trainingRegs .trainRegDesc p {
    font-size: 13px;
    font-weight: normal;
    color: #323232;
}

    .trainingRegs .trainRegDesc p strong {
        font-size: 13px;
        font-weight: bold;
    }

.trainingRegs .trainRegDesc ul {
    margin-left: 140px;
}

    .trainingRegs .trainRegDesc ul li {
        font-size: 13px;
        font-weight: normal;
        color: #323232;
        list-style: none;
        padding: 0 0 3px 15px;
    }

.trainingRegs h3 {
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

a.register {
    background: none repeat scroll 0 0 #EA5340;
    font-size: 13px;
    border: 1px solid #EE3124;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 10px;
    padding: 8px 15px;
    position: relative;
    top: -1px;
    left: 40px;
    text-decoration: none;
}
/* Training Register Style End */

/* Browse Training Start*/
.BrowseSearchTable {
    left: -3px;
    position: relative;
}

.BrowseSearch {
    border: 1px solid #cccccc;
    display: inline-block;
    padding: 4px;
    width: 130px;
    background-image: url(/Assets/images/index.jpg);
    background-position: 130px 7px;
    background-repeat: no-repeat;
}

.BrowseSearchButton {
    position: relative;
    right: 27px;
    top: 4px;
}

.Browsepaging-list {
    list-style: none;
    color: #525252;
    text-align: center;
    font-size: 11px; /*display:inline;*/ /*margin-left:186px;*/
    font-weight: normal;
    top: -10px; /*position: relative;*/
}

    .Browsepaging-list li {
        color: #ee3124;
        display: inline;
        list-style: none outside none;
        padding-right: 3px;
    }

    .Browsepaging-list a {
        color: #0070AF;
        text-decoration: none;
        font-weight: normal;
        font-size: 12px;
    }

.BrowseFRght {
    float: right;
    width: 225px;
    height: 25px;
}

.BrowsenoMar {
    margin: 0px !important;
    width: 160px;
    height: 20px;
}

.BrowseError {
    list-style: none;
    color: #EE3124;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    top: 130px;
    position: relative;
}

.TrainingError {
    list-style: none;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    top: 130px;
    position: relative;
}

.Browsetraining-icon-custom {
    width: 75px;
    height: 75px;
}

.trainingdetail-icon-custom {
    width: 905px;
    height: 264px;
}
/* Browse Training End*/



/* Support Page Start*/
.SupportContainer {
    max-width: 905px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

.support-container-custom {
    padding-top: 10px;
}
/*.left-col
        {
            width:200px;height:auto;float:right;
        }*/
.linkR {
    text-decoration: none;
    color: #ee3124;
}

.linkF {
    color: #ee3124;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
/* Support Page End*/
.section-custom {
    padding-top: 10px;
    padding-left: 3%;
    width: 94%;
}

/* Submenu Style Start*/
.product-submenu {
    /*height: 335px;*/
    background: #fff;
    padding: 10px 30px 20px 30px;
    font-family: Arial, Helvetica, sans-serif;
    /*max-width: 880px;*/
}

    .product-submenu .submenuCol {
        float: left;
        margin: 0 0 0 40px;
    }

        .product-submenu .submenuCol:first-child {
            margin: 0;
        }

        .product-submenu .submenuCol span {
            margin: 0;
            padding: 0 0 0 10px;
            background: url("/Assets/images/img_arrow_button.gif") no-repeat scroll 1px 4px rgba(0, 0, 0, 0);
            color: #0070af;
            font-weight: bold;
            font-size: 12px;
        }

        .product-submenu .submenuCol ul {
            margin: 5px 0 5px 12px;
            padding: 0px;
        }

            .product-submenu .submenuCol ul li {
                margin: 0px;
                padding: 0px;
                list-style: none;
                float: none;
                display: block;
                text-align: left;
                position: none;
                padding: 0px;
                border: none;
                border: 0px;
                height: auto;
            }

                .product-submenu .submenuCol ul li:hover {
                    display: block;
                    background: none;
                    margin: 0;
                    background: none;
                    height: auto;
                }

                .product-submenu .submenuCol ul li a, #wrapper .dropdown-1column a {
                    line-height: 17px;
                    font-size: 12px;
                    list-style: none;
                    color: #333333 !important;
                    text-decoration: none;
                    font-weight: normal;
                    padding: 0px;
                }
#wrapper .dropdown-1column a {
    width: 100%;
}
                    .product-submenu .submenuCol ul li a:hover, #wrapper .dropdown-1column a:hover {
                        color: #0070af !important;
                    }
/* Submenu Style End*/

#pc-footer a.copyRight {
    text-decoration: none !important;
}

    #pc-footer a.copyRight:hover {
        text-decoration: none;
        color: #0070AF !important;
    }

body a {
    cursor: pointer !important;
}

.display-name-custom {
    padding-left: 30px !important;
}

.RadListBox .rlbList li span, .RadComboBoxDropDown .rcbList li {
    font-size: 12px;
    font-family: Arial;
}

.RadListBox .rlbList li {
    display: block;
}

.RadListBox .rlbItem:first-child, .RadListBox .rlbItem:nth-child(6), .RadListBox .rlbItem:nth-child(11) {
    /* padding: 2px 0px !important;*/
}

#registerPage .red-text {
    font-size: 12px;
}

#home_2_ValidationSummary1 ul li {
    color: #ee3124 !important;
    font-size: 12px;
}

#registerPage {
    padding: 20px 10px;
}

#home_2_businessUnitListBox_i0, #home_2_businessUnitListBox_i1, #home_2_businessUnitListBox_i2 {
    width: 68px;
}


.RadComboBox .rcbReadOnly .rcbInput {
    font-family: Arial;
    font-size: 12px;
}

.RadComboBox_Default .rcbFocused .rcbReadOnly td.rcbInputCellLeft {
    background-position: 0 -66px !important;
}

.RadComboBox_Default .rcbHovered .rcbReadOnly td.rcbInputCellLeft {
    background-position: 0 -66px !important;
}

/*.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbArrowCellRight {
    background-position: -110px -88px !important;
}

.RadComboBox_Default .rcbHovered .rcbReadOnly .rcbArrowCellRight {
    background-position: -110px -88px !important;
}*/
.RadComboBox_Default .rcbInputCellLeft {
    background: none !important;
    border: 1px solid #E5E5E5 !important;
    border-right: none !important;
    min-width: 15px;
}

.RadComboBox_Default .rcbArrowCellRight, .RadComboBox_Default .rcbHovered .rcbArrowCellRight {
    background: url(/Assets/images/dropdown-arrow.png) -8px !important;
    border: 1px solid #E5E5E5 !important;
    border-left: none !important;
    background-size: 30px 30px !important;
}

.RadComboBoxDropDown_Default {
    min-width: 42px;
}

#faq-list {
    margin-left: -29px;
    width: 610px;
}

    #faq-list h2 {
        color: #333;
        text-decoration: none !important;
        margin-top: 5px;
    }

        #faq-list h2:hover {
            color: #0070AF;
        }

html body .riSingle .riTextBox, html body .riSingle .riTextBox[type="text"] {
    font-family: Arial;
    font-size: 12px;
}

#leftcolumn_1_chartErrorMessage:empty {
    display: none;
}

#leftcolumn_1_chartErrorMessage {
    font-size: 13px;
    border: 2px solid #ccc;
    width: 98%;
    float: left;
    padding: 5px;
    margin-top: 10px;
}

#leftcolumn_1_tableEmptyMessage:empty {
    display: none;
}

#leftcolumn_1_tableEmptyMessage {
    font-size: 13px;
    border: 2px solid #ccc;
    width: 98%;
    float: left;
    padding: 5px;
    margin-top: 10px;
}

/*Custom Styles Start*/
/*Invoice Details*/
.options-custom {
    text-align: center !important;
}

.popup_gridLayout-custom {
    min-height: 600px;
    padding-left: 70px;
    padding-top: 50px;
    position: inherit !important;
}

.grid-label-custom {
    width: 100%;
}

.popup-details-custom {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.invoice-number-custom {
    float: none !important;
}
/*Product Updates*/
.Product-icon-custom {
    width: 79px;
    height: 79px;
}

.Product-desc {
    width: 450px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.MarTop30 {
    margin-top: 30px;
}

.MarLeft25 {
    margin-left: 25px;
}

a.view-more {
    background: url(/Assets/images/view_more.jpg) no-repeat right center;
    padding: 0 10px 0 0;
    color: #ef483e;
    font-size: 13px;
    text-decoration: none;
}

.float_right {
    float: right;
    margin-right: 25px;
}

.MarR36 {
    margin-right: 36px;
}

.MarTop22 {
    margin-top: 22px;
}

.ellipsify {
    font-size: 12px;
    line-height: 18px;
    height: 54px; /* 3x line height */
    width: 450px;
    overflow: hidden;
    position: relative; /* so we're a positioning parent for the dot hiders */
    background: white;
}

/* Used to push down .dots. Can't use absolute positioning, since that
   would stop the floating. Can't use relative positioning, since that
   would cause floating in the wrong (namely: original) place. Can't 
   change height of #dots, since it would have the full width, and
   thus cause early wrapping on all lines. */
.pre-dots {
    float: right;
    height: 36px; /* 2x line height (one less than visible lines) */
}

.dots {
    float: right; /* to make the text wrap around the dots */
    clear: right; /* to push us below (not next to) .pre-dots */
}

/* hides the dots if the text has *exactly* 3 lines */
.hidedots1 {
    background: white;
    width: 150px;
    height: 18px; /* line height */
    position: absolute; /* otherwise, because of the width, it'll be wrapped */
}

/* hides the dots if the text has *less than* 3 lines */
.hidedots2 {
    background: white;
    width: 150px;
    height: 54px; /* 3x line height, to ensure hiding even if empty */
    position: absolute; /* ensures we're above the dots */
}
/*Product Details*/
.essPortalMenu .rmItem, .rmItem {
    color: #333333;
    position: relative;
    background-color: #e6e6e6;
    z-index: 5;
    border-bottom: none !important;
}

    .rmItem > a.rmRootLink:hover {
        background-color: #e6e6e6;
    }

.rmHorizontal li a .rmSelected {
    background-color: #e85441 !important;
}

.RadMenu_Default .rmHorizontal .rmItem > a.rmRootLink {
    position: relative;
    top: 0;
    height: 30px;
    line-height: 22px;
}

.essPortalMenu .rmSelected {
    color: #fff !important;
}

.essPortalMenu a.rmLink {
    background-image: none !important;
    font-weight: bold;
}

.essPortalMenu .rmRootGroup {
    border: none;
}

.essPortalMenu .rmText {
    padding: 5px 15px 5px 15px !important;
    font-size: 14px;
    font-family: arial;
}

.tabHolder {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.tabDescriptionHolder {
    border: none !important;
    font-size: 12.5px;
    font-family: arial;
}

/*Order Status*/
.popup-details-custom {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.exceldown-custom a {
    position: relative;
    top: 2px;
}

.EssPortalChart text {
    fill: #808080;
    font: 10px Arial !important;
}

.EssPortalOrder .k-tooltip {
    color: white !important;
    font-weight: bold !important;
    box-shadow: #d4d4d1 2px 2px;
}

.EssPortalOrder .k-tooltip {
    border: 3px solid #f7f7f7 !important;
    color: #7b7b7b !important;
}


.material-name-spacing {
    color: #808080;
    font: 10px Arial !important;
    float: left;
    height: 30px;
    text-overflow: ellipsis;
    width: 100px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.textbox-custom {
    width: 107px;
}

.export-to-excel-custom {
    display: none;
}

.export-button-custom {
    background: none;
    border: #fff;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}

.tab-custom {
    border: none !important;
    border-top: 1px solid #d4d4d1 !important;
}

.total-width-custom {
    width: 100%;
}

.gridLayout-next-custom {
    background: url(/Assets/images/grid_next.png) no-repeat 113px 12px !important;
}
/*Search Results*/

.description-custom, .description-custom p:first-child, .description-custom div:first-child, .description-custom span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block !important;
    color: #666 !important;
    font-size: 12px;
    background: none !important;
}

.description-custom {
    height: 18px;
}

.search-link-custom {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.description-custom div, .description-custom span, .description-custom p, .description-custom br, .description-custom p:first-child br,
.description-custom div:first-child br, .description-custom span:first-child br {
    display: none;
}

.selected-category-link, .selected-category-link-custom a:hover span {
    color: #0070af !important;
}

.information-custom {
    width: 90% !important;
}

.update-progress-custom {
    position: relative;
    top: 130px;
    text-align: center;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.search-main-container-custom {
    min-height: 200px;
}
/*Custom Styles End*/

.products-left-box a.clickhere {
    color: #ee3124;
}

    .products-left-box a.clickhere:hover {
        text-decoration: underline;
    }

.socialShareLink {
    text-decoration: none !important;
}


/* Support CSS start*/
.support-address {
    float: left;
}

    .support-address p {
        color: #666666;
        font-size: 13px;
    }

    .support-address a {
        color: #666666;
        font-size: 13px;
        text-decoration: none;
    }

        .support-address a:hover {
            text-decoration: underline;
        }
/* Support CSS end*/
a.nounderline {
    text-decoration: none;
}

.lnknounderline {
    text-decoration: none;
}

    a.nounderline:hover h1 {
        font-weight: bold !important;
        color: #333;
    }
/* Enquiry Style start */
.enquiry {
}

.enquiry-leftCol {
    width: 500px;
    float: left;
}

.enquiry-rightCol {
    float: right;
    width: 350px;
}

    .enquiry-rightCol p {
        color: #666666;
        font-size: 13px;
    }

    .enquiry-rightCol a {
        color: #666666;
        font-size: 13px;
        text-decoration: none;
    }

        .enquiry-rightCol a:hover {
            text-decoration: underline;
        }
/*.enquiry-leftCol ul li input.submit_onl{ background: none repeat scroll 0 0 #EA5340; border: 1px solid #EE3124; border-radius: 5px; color: #FFFFFF;   font-size: 14px;  font-weight: bold;  margin: 0px;   padding: 8px 20px; width:auto;}*/
.enquiry-leftCol ul li {
    list-style: none;
    margin: 25px 0 0 0;
}

    .enquiry-leftCol ul li label {
        width: 220px;
        float: left;
        font-weight: bold;
        font-size: 13px;
        color: #333;
    }

    .enquiry-leftCol ul li div {
        float: left;
    }

    .enquiry-leftCol ul li input[type="text"], input[type="tel"], input[type="email"], textarea {
        width: 210px;
        border: 1px solid #e1e6e9;
        padding: 10px 15px;
        font-size: 13px;
        color: #333;
    }

    .enquiry-leftCol ul li select {
        border: 1px solid #e5e5e5;
        font-size: 13px;
        padding: 10px;
        width: 245px;
        color: #2a2a2a;
    }

.enquiry-form span.mandatory, .mandatory {
    font-size: 10px;
    color: #a6aaad;
}

    .enquiry-form span.mandatory strong, .mandatory strong {
        font-weight: bold;
        color: #ee3124;
        position: relative;
        top: -2px;
    }

.enquiry-formspan.mandatory {
    font-size: 10px;
    color: #a6aaad;
}

.enquiry-noBold, .noBold, .noBold label {
    font-weight: normal !important;
}
/* Enquiry Style end */
.custom-media-icon {
    position: relative;
    top: 3px;
}

/* Inbox CSS start*/
.inboxCont {
    width: 960px; /*5-7-2015*/
}

    .inboxCont .optHead {
        background: #f8f8f8;
        border-bottom: 1px solid #e1e1e1;
        height: 27px;
        margin: 0 0 15px 0;
    }

        .inboxCont .optHead .left {
            width: 220px;
            float: left;
        }

        .inboxCont .optHead .center {
            width: 410px;
            margin: 0 0 0 15px;
            position: relative;
            float: right;
        }

            .inboxCont .optHead .center .rightCont {
                float: right;
                margin: 6px 8px 0 0;
            }

            .inboxCont .optHead .center span.delete {
                float: left;
                color: #333333;
                font-size: 11px;
                margin-right: 15px;
            }

            .inboxCont .optHead .center a.allMsg {
                color: #ee3124;
                font-size: 12px;
                margin: 6px 0px 0 10px;
                text-decoration: none;
                float: left;
            }

    .inboxCont .mainCont {
    }

        .inboxCont .mainCont .left {
            width: 220px;
            float: left;
            margin-left: 20px; /*5-7-2015*/
        }

            .inboxCont .mainCont .left input[type="text"] {
                background: url(../images/index.jpg) no-repeat scroll 140px 9px;
                border: 1px solid #dde2e4;
                display: inline-block;
                padding: 10px;
                width: 148px;
                font-size: 11px;
                color: #333;
                border-radius: 2px;
            }

            .inboxCont .mainCont .left ul {
                margin: 10px 0 0 0;
            }

                .inboxCont .mainCont .left ul li {
                    list-style: none;
                    border-bottom: 1px solid #dbdbdb;
                    padding: 10px 0 16px 0 !important;
                    clear: both !important;
                    width: 235px !important;
                    text-align: left !important;
                    border-bottom: 1px solid #ddd !important;
                }

                    .inboxCont .mainCont .left ul li:last-child {
                        border-bottom: 0 !important;
                    }

                    .inboxCont .mainCont .left ul li a {
                        font-size: 12px;
                        color: #666;
                        text-decoration: none;
                    }

                        .inboxCont .mainCont .left ul li a.active {
                            color: #0070AF;
                            background: none;
                            font-weight: normal;
                            padding: 0px;
                        }

        .inboxCont .mainCont .center {
            width: auto;
            margin: 0 0 0 15px;
            /*float: left;*/
        }

            .inboxCont .mainCont .center .msgBox {
                border-bottom: 1px solid #d2d2d2;
                padding: 10px 13px 15px 10px;
                float: right;
                text-decoration: none;
                width: 646px;
                padding-top: 5px !important;
                position: relative;
                left: 35px;
            }

                .inboxCont .mainCont .center .msgBox.grayBg {
                    background: #f8f8f8;
                }

                .inboxCont .mainCont .center .msgBox:first-child {
                    padding-top: 0px;
                }

                .inboxCont .mainCont .center .msgBox .header {
                }

                .inboxCont .mainCont .center .msgBox a.msgLink {
                    text-decoration: none;
                    float: left;
                    width: 95%;
                }

                .inboxCont .mainCont .center .msgBox .header h1 {
                    width: 75%;
                    float: left;
                    font-size: 13px;
                    color: #333333;
                }

                .inboxCont .mainCont .center .msgBox .header .rightinfo {
                    float: right;
                    width: 17%;
                }

                    .inboxCont .mainCont .center .msgBox .header .rightinfo span.date {
                        float: left;
                        font-size: 11px;
                        color: #5f5f5f;
                        width: 138px;
                    }

                .inboxCont .mainCont .center .msgBox span.checkBox {
                    float: right;
                }

                .inboxCont .mainCont .center .msgBox .subject {
                    color: #3598db;
                    margin: 2px 0;
                    text-align: left;
                }

                    .inboxCont .mainCont .center .msgBox .subject p {
                        color: #3598db;
                        margin: 2px 0;
                        font-size: 11px;
                    }

                .inboxCont .mainCont .center .msgBox .message {
                    font-size: 11px;
                }

                    .inboxCont .mainCont .center .msgBox .message p {
                        color: #8e8e8e;
                        text-align: justify;
                        font-size: 11px;
                        line-height: 14px;
                    }

                        .inboxCont .mainCont .center .msgBox .message p span {
                            word-wrap: break-word;
                        }

                .inboxCont .mainCont .center .msgBox .header .rightinfo span.checkBox .checkBox {
                    padding: 0px;
                }

.messageShowme {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #acacac;
    display: none;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 25px;
    width: 145px;
    z-index: 10;
}

    .messageShowme a {
        text-decoration: none;
        color: #a9a9a9 !important;
        font-size: 12px;
        font-family: arial;
        padding: 0px 0 0 15px;
        cursor: pointer;
        float: left;
        margin: 5px 0 5px 0;
        line-height: 15px;
    }

        .messageShowme a:hover, a.active {
            text-decoration: none;
            color: #ee3226 !important;
            font-weight: bold;
            font-size: 12px;
            font-family: arial;
            line-height: 15px;
            background: url(../images/arrowbutton_normal.gif) no-repeat center left;
            padding: 0px 0 0 15px;
        }

        .messageShowme a:first-child {
            padding: 0px 0 0 15px;
            line-height: 15px;
        }

.notification {
    background: #f05b47;
    border: 1px solid #ea4d3a;
    border-radius: 2px;
    color: #fff;
    height: 14px;
    margin-left: -27px;
    position: absolute;
    top: 37px;
    width: 14px;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
}

.chkmsgInbox {
    display: block;
    height: 4px;
    position: relative;
    top: -15px;
    right: 8px;
    float: right;
}
/* Inbox CSS end*/

/* Inbox Detail CSS start*/
.inboxCont .optHead .left span.title {
    line-height: 27px;
    font-size: 14px;
    padding: 0 0 0 5px;
}

.inboxCont .optHead .center span.reply {
    float: left;
    color: #333333;
    font-size: 11px;
    margin-right: 13px;
    padding: 0px 26px 0 0;
    cursor: pointer;
}

.inboxCont .compsBox {
    border: 1px solid #959595;
    margin-bottom: 30px;
    display: none;
}

    .inboxCont .compsBox .mailto {
        border-bottom: 1px solid #959595;
        line-height: 30px;
        color: #666666;
        font-size: 11px;
        padding: 0 0 0 10px;
    }

    .inboxCont .compsBox input {
        border: 0px;
        width: 95%;
        font-size: 11px;
        line-height: 21px;
        float: right;
    }

    .inboxCont .compsBox textarea {
        resize: none;
        border: 0px;
        width: 95%;
        height: 160px;
        color: #333;
    }

    .inboxCont .compsBox .mailsend {
        border-top: 1px solid #959595;
        height: 30px;
        color: #666666;
        font-size: 11px;
    }

        .inboxCont .compsBox .mailsend a {
            float: right;
            line-height: 30px;
            padding: 0px 25px;
            text-decoration: none;
            color: #FFF;
            text-transform: uppercase;
            background: #ee3124;
            font-size: 12px;
        }

.inboxCont .mainCont-rply .center .msgBox:first-child {
    padding-top: 0px;
}

.inboxCont .mainCont-rply .center .msgBox:last-child {
    border-bottom: 0px;
}

.inboxCont .mainCont-rply .center .msgBox {
    padding: 10px 0 10px 5px;
    border-bottom: 1px solid #d8d8d8;
}

    .inboxCont .mainCont-rply .center .msgBox .subject {
        color: #3598db;
        margin: 2px 0;
    }

        .inboxCont .mainCont-rply .center .msgBox .subject p {
            color: #3598db;
            margin: 2px 0;
            font-size: 11px;
        }

    .inboxCont .mainCont-rply .center .msgBox .message {
        font-size: 11px;
        width: 60%;
    }

        .inboxCont .mainCont-rply .center .msgBox .message p {
            color: #8e8e8e;
            text-align: justify;
            font-size: 11px;
            line-height: 16px;
        }

            .inboxCont .mainCont-rply .center .msgBox .message p.signature {
                margin-top: 15px;
            }

    .inboxCont .mainCont-rply .center .msgBox .rightinfo span.date {
        float: right;
        font-size: 11px;
        padding: 0 10px 0 10px;
        color: #5f5f5f;
    }

#replyshow {
    display: none;
}

.inboxCont .optHead .center .rightContReply {
    float: right;
    margin: 0;
}

.inboxCont .optHead .center span.replySelected {
    background: #ffffff;
    float: left;
    color: #ee3124;
    font-size: 11px;
    margin-right: 14px;
    padding: 5px 16px 0 15px;
    cursor: pointer;
    border: 1px solid #cbcbcb;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top: 0px;
    border-bottom: 0px;
}

.inboxCont .optHead .center a.CnlReply {
    float: left;
    color: #ee3124;
    font-size: 11px;
    margin: 7px 15px 0 0;
    text-decoration: none;
}

.inboxCont .compsBox {
    border: 1px solid #959595;
    margin-bottom: 30px;
    display: none;
}

    .inboxCont .compsBox .mailto {
        border-bottom: 1px solid #959595;
        line-height: 30px;
        color: #666666;
        font-size: 11px;
        padding: 0 0 0 10px;
    }

    .inboxCont .compsBox input {
        border: 0px;
        width: 95%;
        font-size: 11px;
        line-height: 21px;
    }

    .inboxCont .compsBox textarea {
        resize: none;
        border: 0px;
        width: 95%;
        height: 160px;
        color: #333;
    }

    .inboxCont .compsBox .mailsend {
        border-top: 1px solid #959595;
        height: 30px;
        color: #666666;
        font-size: 11px;
    }

        .inboxCont .compsBox .mailsend a {
            float: right;
            line-height: 30px;
            padding: 0px 25px;
            text-decoration: none;
            color: #FFF;
            text-transform: uppercase;
            background: #ee3124;
            font-size: 12px;
        }

.MarR5 {
    margin-right: 5px;
}
/* Inbox Detail CSS end*/

/* Training Register Style start */
.trainingRegs {
}

a.browseCatlog {
    color: #3598dc;
    float: right;
    font-size: 12px;
    text-decoration: none;
    margin-top: 5px;
    font-weight: normal;
}

.trainingRegs .section-title {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

    .trainingRegs .section-title span.date {
        font-size: 12px;
        font-weight: bold;
        color: #343434;
        margin: 0 0 0 10px;
    }

.trainingRegs .banner_image {
    width: 100%;
    float: left;
    margin: 0px 0 20px 0;
}

.trainingRegs .trainingDesc {
}

.trainingRegs .trainRegDesc p {
    font-size: 13px;
    font-weight: normal;
    color: #323232;
}

    .trainingRegs .trainRegDesc p strong {
        font-size: 13px;
        font-weight: bold;
    }

.trainingRegs .trainRegDesc ul {
    margin-left: 140px;
}

    .trainingRegs .trainRegDesc ul li {
        font-size: 13px;
        font-weight: normal;
        color: #323232;
        list-style: none;
        padding: 0 0 3px 15px;
    }

.trainingRegs h3 {
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

a.register {
    background: none repeat scroll 0 0 #EA5340;
    font-size: 13px;
    border: 1px solid #EE3124;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 0px 10px;
    padding: 8px 15px;
    position: relative;
    top: -2px;
    left: 40px;
    text-decoration: none;
}
/* Training Register Style End */

/* Training Register Form Style start */
.trainingRegs h4.section-title {
    font-size: 15px;
    color: #ee3124;
    font-weight: bold;
}

div.trainingReg-form {
    font-size: 13px;
    color: #333333;
}

    div.trainingReg-form p {
        margin: 25px 0 0 0;
        width: 100%;
    }

        div.trainingReg-form p label {
            width: 220px;
            float: left;
            font-weight: bold;
        }

    div.trainingReg-form p {
        float: left;
    }

        div.trainingReg-form p input[type=text], textarea {
            width: 210px;
            border: 1px solid #e1e6e9;
            padding: 10px 15px;
            font-size: 13px;
            color: #333;
        }

        div.trainingReg-form p select {
            border: 1px solid #e5e5e5;
            font-size: 13px;
            padding: 10px;
            width: 245px;
            color: #a3abae;
        }

        /* Input placeholder */
        div.trainingReg-form p input::-webkit-input-placeholder, input::-webkit-input-placeholder {
            color: #666;
        }

        div.trainingReg-form p input::-moz-placeholder, input::-moz-placeholder {
            color: #666;
        }

        div.trainingReg-form p input:-ms-input-placeholder, input:-ms-input-placeholder {
            color: #666;
        }
        /* ie */

        div.trainingReg-form p span.checkBox {
            float: left;
            height: 50px;
        }

    div.trainingReg-form span.mandatory {
        font-size: 10px;
        color: #a6aaad;
    }

        div.trainingReg-form span.mandatory strong {
            font-weight: bold;
            color: #ee3124;
            position: relative;
            top: -2px;
        }

    div.trainingReg-form label.mandatory strong {
        font-weight: bold;
        color: #ee3124;
        position: relative;
        top: -2px;
    }

.radiocusDiv {
    margin-top: 20px;
    float: left;
}

    .radiocusDiv label {
        width: 220px;
        float: left;
        font-weight: bold;
    }

    .radiocusDiv .rightDiv {
        float: left;
    }

.trainingRegButton {
    border: 1px solid #ee3124;
    background: #ee3124;
    margin: 10px;
    color: #FFF;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
}

/* Training Register Form Style end */

.trainingVideo {
    width: 640px;
    height: 385px;
    margin: 20px auto;
}

a.nounderline {
    text-decoration: none;
}

    a.nounderline:hover h1 {
        font-weight: bold !important;
        color: #333;
    }

/* css added by swapna - 9-22-2014*/
.label-width {
    width: 150px;
    display: inline-block;
}

ul.customtab li.customtab3, ul.customtab li.customtab4, ul.customtab li.customtab5, ul.rmRootGroup li {
    position: relative;
    top: 0px;
    left: -14px;
    background: #FFFFFF;
    -webkit-box-shadow: -8px -1px 5px -4px #E0E0E0;
    -moz-box-shadow: -8px -1px 5px -4px #E0E0E0;
    box-shadow: -8px -1px 5px -4px #E0E0E0;
}

.notification {
    background: #f05b47;
    border: 1px solid #ea4d3a;
    border-radius: 2px;
    color: #fff;
    height: 14px;
    margin-left: -24px;
    position: absolute;
    top: 57px;
    width: 14px;
    text-align: center;
    font-size: 11px;
}

.login-inner-container-new {
    margin: 0 auto !important;
    padding: 80px;
    width: 350px;
}

.input-style, .input-style[type="password"] {
    width: 200px;
    height: 26px;
    border: 1px solid #ccc;
    padding: 0 0 0 6px;
}

.input-label {
    font-size: 16px;
    color: #666;
    display: inline-block;
    width: 90px;
}

.login-inner-container-new .login-div {
    padding-bottom: 10px;
    position: relative;
    top: 14px;
    margin: 0;
}

.MarL80 {
    margin-left: 80px;
}

.MarL74 {
    margin-left: 74px;
}

.check-style {
    padding: 0;
    width: 670px;
    margin-top: 26px;
    margin-top: 28px;
}

    .check-style li {
        list-style-type: none;
        float: left;
        width: 126px;
        padding-bottom: 10px;
    }

        .check-style li .checkbox {
            margin-top: 2px;
        }

.FRgt {
    float: right;
}

.w900 {
    width: 900px;
}

.wAuto {
    width: auto !important;
}
/*Ak implemented*/
.colorgrey {
    color: #666;
}

.hllink a.active {
    font-weight: bold !important;
    color: #ee3124 !important;
}

#listleft li:nth-child(2) {
    display: none;
}

.buttonplc {
    position: absolute !important;
    right: -4px !important;
    bottom: -3px !important;
}

.training-tabs {
    margin-left: 17px;
    width: 328px;
}

    .training-tabs li {
        width: auto;
        background: #d5d5d5;
        list-style-type: none;
        float: left;
        font-size: 12px;
        color: #000;
        padding: 4px 22px !important;
        margin-right: 1px;
    }

        .training-tabs li a {
            color: #000;
            text-decoration: none;
        }

.training-content {
    width: 338px;
    background: #ececec;
    display: none;
    margin-top: 24px;
    color: #333 !important;
}

.tabT {
    float: left;
    margin-bottom: 20px;
    width: auto;
}

#page-wrap {
    width: auto;
    margin: 80px auto;
}

#blkheight {
    min-height: 757px;
}

.tree {
    margin-left: 23px;
}

    .tree li, .tree li table td label {
        list-style-type: none;
        font-size: 11px;
        margin-bottom: 6px;
        color: #272727 !important;
    }

.fontbold {
    font-weight: bold;
}

.MarL40 {
    margin-left: 40px !important;
}

.training-tabs li.current a {
    color: #0070AF !important;
    font-weight: bold;
}

.training-tabs li.current {
    background: #ececec;
}

.MarTn12 {
    margin-top: -12px;
}

.calmiddle {
    margin-left: 292px;
    padding: 5px 10px;
    position: relative;
    bottom: 4px;
    display: inline-block;
    border: 1px solid #ccc;
    border-bottom: 0;
    font-size: 14px;
    line-height: 23px;
    color: #333;
}

h3.value-dis {
    padding: 0 !important;
    background: #ececec !important;
    line-height: 37px !important;
    font-weight: normal !important;
    border: 0 !important;
}

.tabstate ul ul {
    border-top: 1px solid #878787;
    border-bottom: 1px solid #878787;
}

.tabstate ul li {
    background: #f9f9f9;
    border-bottom: 1px solid #dadada;
    font-size: 11px;
    line-height: 22px;
    color: #6e6e6e;
}

.firstcol {
    width: 184px;
    text-align: left;
    padding-left: 10px;
    height: 20px;
}

.seccol, .seccol span {
    text-align: center;
    width: 90px;
}

.fourthcol, .thirdcol, .seccol, .firstcol {
    display: inline-block;
}

.thirdcol {
    text-align: center;
    width: 147px;
    /*height: 20px;*/
}

    .thirdcol span {
        text-align: center;
        width: 108px;
    }

.greysep {
    height: 25px;
    background: #666;
    border: 1px solid #535353;
}

.fourthcol {
    text-align: right;
    width: 146px;
}

    .fourthcol span {
        text-align: center;
        width: 126px;
    }

.value-dis .fourthcol, .secul .fourthcol {
    margin-right: 20px;
    text-align: right;
    width: 114px;
    vertical-align: super;
}

a.tooltip {
    outline: none;
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover {
        text-decoration: none;
    }

    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 10px;
        margin-top: -20px;
        margin-left: 12px;
        width: 300px;
        line-height: 16px;
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #b5b5b5;
        background: #ececec;
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: 0;
}

/*CSS3 extras*/
a.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}

.fcol {
    width: 95px !important;
}

.scol {
    width: 90px !important;
}

.tcol {
    width: 108px !important;
}

.frcol {
    width: 126px !important;
    text-align: center !important;
}

.fvcol {
    text-align: center;
    width: 150px;
    height: 20px;
}
/*End*/
/* Profile CSS start */
.profileCont {
    width: 58%;
}

    .profileCont h2 {
        color: #333;
        font-size: 13px;
        padding: 0;
        margin: 15px 0 0 0;
        line-height: 14px;
        cursor: default;
    }

    .profileCont a.edit {
        float: right;
        margin-top: -1px;
        color: #0070AF;
        text-decoration: none;
    }

        .profileCont a.edit:hover {
            text-decoration: underline;
        }

.profileMand {
    position: absolute;
    top: 5px;
    width: 200px;
    left: 475px;
}

.post-Rel {
    position: relative;
}

.certificate {
    width: 620px;
}

    .certificate ul li {
        list-style: none;
        font-size: 13px;
        line-height: 38px;
        padding: 0 10px;
    }

        .certificate ul li a {
            text-decoration: none !important;
            color: #000;
        }


    .certificate div:nth-child(odd) {
        background-color: #f4f4f4;
    }

    .certificate div:nth-child(even) {
        background-color: #fff;
    }

    .certificate ul li strong {
        margin: 0 25px 0 0;
    }

form.trainingReg-form span.valueDisp {
}

.certificate span:last-child, .certificate span:nth-last-child(1) {
    float: right;
}

span.rlbText {
    word-wrap: break-word;
    display: inline-block !important;
    width: 120px;
    vertical-align: top !important;
    height: 30px;
}

/* Profile CSS end */
.icons {
    float: right;
}

.home-icon {
    position: relative;
    top: -1px;
}

#LoginReg a {
    color: #0070af;
    padding: 0 4px;
    font-size: 13px;
}

    #LoginReg a:hover {
        text-decoration: none;
        border-bottom: 3px solid #0070AF;
        padding-bottom: 14px;
    }

.MarL98 {
    margin-left: 98px;
}

.MarL92 {
    margin-left: 92px;
}

.MarLeft105 {
    margin-left: 105px;
}

.w644 {
    width: 644px;
}

.loading-custom {
    top: 300px;
    left: 50%;
    position: absolute;
}

.rlbGroup ul li {
    float: left;
    min-height: 30px;
    height: auto;
    padding-left: 0 !important;
    margin-right: 5px;
}

    .rlbGroup ul li:hover {
        background-color: #dfdfdf;
    }

.rlbSelected {
    width: 120px !important;
    height: 30px;
}

.inblock {
    display: inline-block;
}

.certificate span:last-child, .certificate span:nth-last-child(1) {
    float: right;
}

.rlbText {
    word-wrap: break-word;
    display: inline-block !important;
    width: 100px;
    vertical-align: middle !important;
}

.icon-place {
    float: right;
    position: relative;
    top: -6px;
}

.blk-styles {
    padding: 10px 5px;
    border: 1px solid #e5e5e5;
}

/* Profile Multiselect CSS start */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    zoom: 1;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    zoom: 1;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    zoom: 1;
}

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

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

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
    /* the overflow property removes extra width in IE */
    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    z-index: 5 !important;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
        border-radius: 5px;
        border-style: hidden;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        width: 100%;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        zoom: 1;
        font-weight: normal;
    }

        .ui-menu .ui-menu-item a.ui-state-focus,
        .ui-menu .ui-menu-item a.ui-state-active {
            font-weight: normal;
            margin: -1px;
        }

    .ui-menu .ui-state-disabled {
        font-weight: normal;
        margin: .4em 0 .2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
/* vertical centre icon */
.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom: 0;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                margin-bottom: -1px;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
                cursor: pointer;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
    background-image: none;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/


.ui-widget-content {
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    background: #ffffff /*{bgColorContent}*/ url(../images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}

    .ui-widget-content a {
        color: #222222 /*{fcContent}*/;
    }

.ui-widget-header {
    border: 1px solid #ff0000 /*{borderColorHeader}*/;
    background: #ff0000 /*{bgColorHeader}*/ url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #fff /*{fcHeader}*/;
    font-weight: bold;
}

    .ui-widget-header a { /*color: #222222*/ /*{fcHeader}*/
        color: #fff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
        background: #fff /*{bgColorDefault}*/ url(../images/bg_dropDown1.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #555555 /*{fcDefault}*/;
        z-index: 999;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555555 /*{fcDefault}*/;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*border: 1px solid #999999*/ /*{borderColorHover}*/
        background: #fff /*{bgColorHover}*/ url(../images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcHover}*/;
        z-index: 999;
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
            color: #212121 /*{fcHover}*/;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #e5e5e5 /*{borderColorActive}*/;
        background: #ffffff /*{bgColorActive}*/ url(../images/bg_dropDown1.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
        font-weight: normal /*{fwDefault}*/;
        color: #212121 /*{fcActive}*/;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121 /*{fcActive}*/;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #feaca6 /*{borderColorHighlight}*/;
        background: #ffe9e7 /*{bgColorHighlight}*/ url(../images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
        color: #363636 /*{fcHighlight}*/;
        font-weight: bold;
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #363636 /*{fcHighlight}*/;
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a /*{borderColorError}*/;
        background: #fef1ec /*{bgColorError}*/ url(../images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
        color: #cd0a0a /*{fcError}*/;
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #cd0a0a /*{fcError}*/;
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #cd0a0a /*{fcError}*/;
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35);
        }
/* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}

.ui-widget-content .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png) /*{iconsContent}*/;
}

.ui-widget-header .ui-icon {
    background-image: url(../images/jQuery_ui_icons.png) /*{iconsHeader}*/;
}

.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_888888_256x240.png) /*{iconsDefault}*/;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../images/ui-icons_2e83ff_256x240.png) /*{iconsHover}*/;
}

.ui-state-active .ui-icon {
    background-image: url(../images/ui-icons_454545_256x240.png) /*{iconsActive}*/;
}

.ui-state-highlight .ui-icon {
    background-image: url(../images/ui-icons_2e83ff_256x240.png) /*{iconsHighlight}*/;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../images/ui-icons_cd0a0a_256x240.png) /*{iconsError}*/;
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    -moz-border-radius-topleft: 4px /*{cornerRadius}*/;
    -webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
    -khtml-border-top-left-radius: 4px /*{cornerRadius}*/;
    border-top-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    -moz-border-radius-topright: 4px /*{cornerRadius}*/;
    -webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
    -khtml-border-top-right-radius: 4px /*{cornerRadius}*/;
    border-top-right-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    -khtml-border-bottom-left-radius: 4px /*{cornerRadius}*/;
    border-bottom-left-radius: 4px /*{cornerRadius}*/;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    -moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
    -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    -khtml-border-bottom-right-radius: 4px /*{cornerRadius}*/;
    border-bottom-right-radius: 4px /*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa /*{bgColorOverlay}*/ url(../images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
}

.ui-widget-shadow {
    margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
    padding: 8px /*{thicknessShadow}*/;
    background: #aaaaaa /*{bgColorShadow}*/ url(../images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
    opacity: .3;
    filter: Alpha(Opacity=30) /*{opacityShadow}*/;
    -moz-border-radius: 8px /*{cornerRadiusShadow}*/;
    -khtml-border-radius: 8px /*{cornerRadiusShadow}*/;
    -webkit-border-radius: 8px /*{cornerRadiusShadow}*/;
    border-radius: 8px /*{cornerRadiusShadow}*/;
}


.ui-multiselect {
    padding: 5px;
    text-align: left;
    color: #333;
    margin-top: 30px;
    width: 238px !important;
    height: 37px;
}

    .ui-multiselect span.ui-icon {
        float: right;
    }

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important;
}

.ui-multiselect-header {
    margin-bottom: 3px;
    padding: 3px 0 3px 4px;
}

    .ui-multiselect-header ul {
        font-size: 12px;
    }

        .ui-multiselect-header ul li {
            float: left;
            padding: 0 10px 0 0;
        }

    .ui-multiselect-header a {
        text-decoration: none;
    }

        .ui-multiselect-header a:hover {
            text-decoration: underline;
        }

    .ui-multiselect-header span.ui-icon {
        float: left;
    }

    .ui-multiselect-header li.ui-multiselect-close {
        float: right;
        text-align: right;
        padding-right: 0;
    }

.ui-multiselect-menu {
    display: none;
    padding: 3px;
    position: absolute;
    z-index: 10000;
    text-align: left;
    margin-top: 7px;
    margin-left: 5px;
}

.ui-multiselect-checkboxes {
    position: relative /* fixes bug in IE6/7 */; /*overflow-y:scroll;*/
}

    .ui-multiselect-checkboxes label {
        cursor: default;
        display: block;
        border: 1px solid transparent;
        padding: 3px 1px;
        font-size: 12px;
    }

        .ui-multiselect-checkboxes label input {
            position: relative;
            top: 1px;
        }

    .ui-multiselect-checkboxes li {
        clear: both;
        font-size: 0.9em;
        padding-right: 3px;
        border-bottom: 1px dotted #ccc;
    }

        .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
            text-align: center;
            font-weight: bold;
            border-bottom: 1px solid;
        }

            .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
                display: block;
                padding: 3px;
                margin: 1px 0;
                text-decoration: none;
            }

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

.w250p {
    width: 230px !important;
}

.Hgt275 {
    height: 140px;
    overflow-y: scroll;
}

.ui-multiselect-hasfilter ul {
    position: relative;
    top: 2px;
}

.ui-multiselect-filter {
    float: left;
    margin-right: 10px;
    font-size: 11px;
    width: 200px;
}

    .ui-multiselect-filter input {
        width: 155px;
        font-size: 10px;
        margin-left: 5px;
        height: 16px;
        padding: 2px 3px;
        border: 1px solid #e5e5e5;
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
    }


/* Profile Multiselect CSS End */

.updated-text-custom {
    float: left;
    font-size: 12px;
    padding-top: 15px;
    color: grey;
    padding-right: 63px;
}

/* Browser compatiblity Check - START*/
#jr_overlay {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 2147483646;
    position: absolute;
}

#jr_wrap {
    position: absolute;
    width: 100%;
    z-index: 2147483647;
    padding: 0;
    margin: 0;
}

#jr_inner {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #CCC;
    color: #4F4F4F;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    position: relative;
    box-sizing: content-box;
}

#jr_header {
    display: block;
    color: #333;
    padding: 5px;
    padding-bottom: 0;
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}

#jr_inner p {
    padding: 5px;
    margin: 0;
}

#jr_inner ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #jr_inner ul li {
        cursor: pointer;
        float: left;
        width: 120px;
        height: 122px;
        margin: 0 10px 10px 10px;
        padding: 0;
        text-align: center;
    }

#jr_inner li a {
    color: #333;
    font-size: 0.8em;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

    #jr_inner li a:hover {
        text-decoration: underline;
    }

#jr_inner .jr_icon {
    width: 100px;
    height: 100px;
    margin: 1px auto;
    padding: 0;
    background: transparent no-repeat scroll left top;
    cursor: pointer;
}

#jr_close {
    clear: both;
    padding: 0;
    margin: 0;
}

    #jr_close a {
        color: #000;
        display: block;
        width: auto;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #jr_close p {
        padding: 10px 0 0 0;
        margin: 0;
    }
/* Browser compatiblity Check - END*/

.reToolbarWrapper ul:nth-child(2) li:nth-child(-n+7) {
    display: none;
}

.reToolbarWrapper ul:nth-child(2) li:nth-child(-n+1) {
    display: block !important;
}

.RadComboBoxDropDown_Default .rcbCheckAllItems, .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
    background-color: #ee3124 !important;
    color: white !important;
    font-weight: bold !important;
}

.border-bottom-custom {
    height: 30px !important;
}


/*STYLES FOR DIV POPUP EMAIL Share - Start*/
#SSblanket {
    background-color: #111;
    opacity: 0.65;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=60);
    *background: none;
    position: fixed;
    z-index: 9004;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

#popUpDiv, #popUpDivScheduler, #popUpDivEmail, #popUpDivRA {
    position: fixed;
    width: 400px;
    border: 7px solid #C5CBCF;
    z-index: 9002;
    background: #C5CBCF;
    border-radius: 7px;
    top: 0px;
    left: 0px;
    display: none;
}

#popUpDivDatCollection, #popUpDivApproveSysAdmin, #popUpDivApproveSysAdminLevel2, #popUpDivCONTINUE {
    position: fixed;
    width: 650px;
    border: 7px solid #C5CBCF;
    z-index: 9002;
    background: #C5CBCF;
    border-radius: 7px; /*margin-left: -8%;*/
}

    #popUpDiv a.close, #popUpDivDatCollection a.close, #popUpDivScheduler a.close, #popUpDivEmail a.close, #popUpDivApproveSysAdmin a.close, #popUpDivApproveSysAdminLevel2 a.close, #popUpDivCONTINUE a.close, #popUpDivRA a.close {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.popupTitle {
    background: url(../images/TitleBG_Strip.jpg) repeat-x;
    width: 97.5%;
    height: 29px;
    color: #fff;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.popupTitlew985 {
    width: 98.5%;
}

#popUpDiv_Small {
    position: absolute;
    width: 400px;
    border: 7px solid #d2d2d2;
    z-index: 9002;
    background: #fff;
    margin-left: 150px;
    margin-top: 100px;
}

    #popUpDiv_Small a.close {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.popup_SmallTitle {
    background: #0c4f8b;
    width: 97%;
    height: 29px;
    color: #fff;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
}

.tools_popup {
    padding: 10px;
    border: 1px solid #8896a3;
    background: #fff;
}

    .tools_popup ol li { /*margin-left:20px; line-height:18px;*/
    }

        .tools_popup ol li.saveMetric {
            margin-left: 20px;
            line-height: 18px;
        }


#SATblanket {
    background-color: #111;
    opacity: 0.65;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=60);
    *background: none;
    position: fixed;
    z-index: 9001;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}


#Logblanket {
    background-color: #111;
    opacity: 0.65;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=60);
    *background: none;
    position: fixed;
    z-index: 9001;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}

#SATpopUpDiv {
    position: fixed;
    width: 520px;
    z-index: 9005;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#SATUnlockpopUpDiv, #DeletepopUpDiv, #trainingpopupDiv, #BtrainingpopupDiv {
    position: fixed;
    width: 237px;
    z-index: 9002;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}

#loginpopupDiv {
    position: fixed;
    width: 237px;
    z-index: 9004;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}

#SATUnlockpopUpDiv {
    position: fixed;
    width: 237px;
    z-index: 9002;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}

.SAT_Popup_Title {
    font-size: 23px !important;
    color: #00204c;
    margin: 0;
    background: #eee;
    padding: 6px 12px;
}

#SATpopUpDiv p, #overlay_POPUP p {
    font-size: 13px;
    line-height: 16px;
    padding: 10px;
    color: #333333;
    margin: 0;
}

#SATpopUpDiv span, #overlay_POPUP span {
    font-size: 12px;
    font-weight: bold;
}

#SATpopUpDiv ul, #SATpopUpDiv ol {
    font-size: 12px;
    background: #f2f2f2;
    margin: 10px;
    padding: 10px; /*border-radius:6px;*/
}

    #SATpopUpDiv ul li {
        font-size: 12px;
        list-style: disc;
        margin-left: 20px;
        color: #333333;
        padding: 3px 0px;
    }
    /*#SATpopUpDiv ol 		{ font-size:12px; background:#f2f2f2; margin:10px; padding:10px; border-radius:6px; }*/
    #SATpopUpDiv ol li {
        font-size: 12px;
        list-style: none; /*margin-left:10px;*/
        color: #333333;
        padding: 3px 0px;
        border-bottom: 1px dotted #ccc;
    }



/*Modal Popup Starts here*/
#mask {
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.65;
}

.popup {
    position: fixed;
    display: none;
    z-index: 9999;
    padding: 20px;
}

    .popup .close {
        border-radius: 3px;
        background-color: red;
        color: #fff;
        text-align: center;
        padding: 1px 5px;
        text-decoration: none;
    }

.cm {
    position: relative;
    background: #fff;
    border: 7px solid #C5CBCF;
    border-radius: 8px;
}

    .cm .hd h3 {
        margin: 0;
        padding: 0;
    }

    .cm .bd {
        border: 0 none !important;
        clear: both;
        padding: 15px 20px;
        position: relative;
        background-color: #FFF;
    }

.popup_content {
    max-height: 500px;
    overflow-y: auto;
}

#recnewlink {
    width: 650px;
}

#dialog2 {
    width: 600px;
}

.popupCustomY {
    overflow-y: auto;
    height: 310px;
}
/*Modal Popup Ends here*/
.SAT_Popup_Content {
    width: 87%;
    padding: 5px 0;
}

    .SAT_Popup_Content .input-label {
        display: inline-block;
        width: 210px;
    }

    .SAT_Popup_Content textarea {
        height: 81px;
        width: 258px;
        border: 1px solid #555;
        resize: none;
        font-size: 12px;
    }

#general {
    position: absolute;
    width: 617px;
    z-index: 9002;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 5px;
}


#general .tab-content {
    height: 300px;
    overflow-y: scroll;
}

/* Product Selector Tool*/
.w270 {
    width: 230px;
}

#container .productleft {
    background: #fff;
    border: 0;
}

    #container .productleft .accordionHeader {
        color: #0070AF;
        font-size: 14px;
        padding: 0 0 10px;
        border-bottom: 1px solid #ddd;
        font-weight: normal;
    }

    #container .productleft .accordionimg, #container .productleft .accordionHeader {
        background-position: right center;
    }

    #container .productleft .accordion {
        margin: 0;
    }

#invoice-tab-values .secul {
    margin: 0 !important;
    background: #f9f9f9 !important;
}

#fmenu .secul li {
    background: #f9f9f9 !important;
    border-bottom: 1px solid #dadada;
    padding: 0 !important;
}

.productright {
    border-left: 1px solid #ddd;
    float: right;
    width: 684px;
    min-height: 710px;
    background: #e6e6e6;
}

.pad20 {
    padding: 20px;
}

.cus-search {
    border: 1px solid #9a9a9a;
    color: #333333;
    font-size: 14px;
    padding: 10px 6px;
}

.pad3 {
    padding: 0 3px;
}

.columnpro {
    width: 148px;
    height: 162px;
    float: left;
    border: 1px solid #9a9a9a;
    margin: 0 9px 9px 0;
    background: #fff;
    cursor: pointer;
    position: relative;
}
.columnpro .columnpro-p {
    position: absolute;
    bottom: 0px;
}

.bg-white {
    background: #fff;
    width: 680px;
}

.columnpro > p, .columnpro-p > p {
    font-size: 13px;
    color: #000;
    padding-left: 4px;
    line-height: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
    white-space: nowrap;
}

    .columnpro p:nth-child(2), .columnpro-p p:nth-child(2) {
        font-size: 12px;
    color: #666;
    font-weight: bold;
    }

.border {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.selectdark .editINPUT {
    width: 180px;
    float: left;
    text-align: left;
}

.register_Lcolumn .product-selector-drop select {
    border: 1px solid #e5e5e5;
    color: #0070AF !important;
    font-size: 12px;
    padding: 5px;
    height: 40px;
    width: 235px;
    margin: 10px 0;
    font-weight: bold;
}

.register_Lcolumn .product-selector-drop option {
    color: #5c5c5c !important;
}

.SAT_Popup_Content {
    padding: 5px 8px;
    width: 92%;
}

    .SAT_Popup_Content .input-label {
        display: inline-block;
        font-size: 14px;
        width: 78%;
    }

    .SAT_Popup_Content textarea {
        height: 81px;
        width: 176px;
        border: 1px solid #ccc;
        resize: none;
        font-size: 12px;
    }

.mandit {
    color: red;
}

.SATdataPopup {
    cursor: pointer;
}




.cancelP {
    cursor: pointer;
    position: relative;
    right: 3px;
    top: -6px;
}

.backgroundShare_overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 15000;
    background: black;
    opacity: 0.5;
}

/*STYLES FOR DIV POPUP EMAIL Share - End*/
.SAT_Popup_Content {
    width: 87%;
    padding: 5px 0;
}

    .SAT_Popup_Content .input-label {
        display: inline-block;
        width: 210px;
    }

    .SAT_Popup_Content textarea {
        height: 81px;
        width: 258px;
        border: 1px solid #555;
        resize: none;
        font-size: 12px;
    }

/*#general #SATpopUpDiv {
    position: absolute;
    width: 617px;
    z-index: 9003;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 5px;
}*/

#general .tab-content {
    height: 300px;
    overflow-y: scroll;
}

.noMargin {
    margin: 0 !important;
}

.width700 {
    width: 700px;
}


/*Styles for My Team Page*/
/*BOQ design style starts*/
.boq-tab {
    width: 904px;
    border: 1px solid #c0c0c0;
}

    .boq-tab .left {
        background: #ccc;
        width: 259px;
    }

    .boq-tab .right .boq-tab .tab-content {
        width: 877px;
        background: #eee;
        padding-left: 10px;
    }

    .boq-tab .tab-content {
        height: 610px;
        overflow: auto;
    }

.tab-W900px {
    width: 920px;
    margin: 10px 0;
}

.padRL {
    padding: 0 12px;
}

.w218 {
    width: 218px;
}

.w204 {
    width: 220px;
}

.step-no {
    padding: 8px 0;
    color: #666;
    font-size: 22px;
}

.step-name {
    color: #666;
    font-size: 14px;
    font-weight: bold;
}

.padstep {
    padding: 4px 8px;
}

    .padstep p {
        margin: 5px 0 10px;
    }

.w110 {
    width: 132px;
}

.MarL92 {
    margin-left: 92px !important;
}

.select-large {
    width: 220px;
    height: 140px;
}

.MarTL22 {
    margin: 22px 0 0 22px;
}

.ht0 {
    height: 0;
}

#dropDownOptions {
    display: none;
    z-index: 5000;
    position: absolute;
    padding-top: 2px;
    overflow-x: none;
    padding-bottom: 0 !important;
    width: 200px;
    border: 1px solid #C8C8C8;
    background-color: #fff;
    box-shadow: 0 4px 3px #8C8C8C;
}

.scrollDiv {
    height: 200px;
    overflow-y: auto;
}

.optionDiv {
    background-color: #FFFFFF;
    border-bottom: 1px solid #C8C8C8;
    font: 0.8em Arial,Arial,Helvetica,sans-serif;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-top: 3px;
    width: 97%;
    cursor: default;
}

#dropDownOptions div:hover {
    background-color: #CCCCCC;
}

.bgwhite {
    background: #fff;
    padding: 10px 12px;
}

.tblBoq {
    background: #fff;
    border: 1px solid #b3b3b3;
    border-collapse: collapse;
    width: 84%;
    margin: 10px auto;
}

    .tblBoq td {
        border-right: 1px solid #b3b3b3 !important;
        padding: 4px 6px;
        border: 0;
    }

    .tblBoq .partno span {
        width: 32px;
        display: inline-block;
    }

    .tblBoq td:last-child {
        border: 0;
    }

    .tblBoq .title, titles {
        background: #666;
        text-align: center;
        color: #fff;
        padding: 2px 0;
    }

    .tblBoq tr {
        border-bottom: 1px solid #b3b3b3;
    }

input.btnCustm {
    width: 104px;
}

input.btnCustmbig {
    width: 134px;
}

.greybg {
    background: #d7d7d7;
}
/*my team*/
.myteam-blk {
    background: #ececec;
    width: 440px;
    height: 106px;
    float: left;
    margin: 0 8px 8px 0;
    border: 1px solid #d6d6d5;
}

    .myteam-blk:hover {
        background: #ffc;
    }

    .myteam-blk img {
        padding: 6px 4px;
    }

.cursor {
    cursor: pointer;
}

.numSpan {
    width: 25px;
    display: inline-block;
}

.myteam-blk-new, .borderblue {
    border: 1px solid #0090cd !important;
}


/*======================================================================
  Selectric
======================================================================*/
.selectricWrapper {
    position: relative;
    margin: 0 0 10px;
    width: 300px;
    cursor: pointer;
}

.selectricResponsive {
    width: 100%;
}

.selectric {
    border: 1px solid #DDD;
    position: relative;
    border-radius: 2px;
    height: 66px;
}

    .selectric .label {
        display: block;
        overflow: hidden;
        margin: 0 30px 0 0;
        padding: 6px;
        font-size: 12px;
        line-height: 18px;
        color: #444;
    }

    .selectric .button {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 65px;
        color: #BBB;
        text-align: center;
        font: 0/0 a;
        /* IE Fix */
        *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
    }

        .selectric .button:after {
            content: " ";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #BBB;
            border-bottom: none;
        }

.selectricHover .selectric {
    border-color: #CCC;
}

    .selectricHover .selectric .button {
        color: #888;
    }

        .selectricHover .selectric .button:after {
            border-top-color: #888;
        }

.selectricOpen {
    z-index: 9999;
}

    .selectricOpen .selectric {
        border-color: #CCC;
        background: #fff;
    }

    .selectricOpen .selectricItems {
        display: block;
    }

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

    .selectricHideSelect select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

/* Items box */
.selectricItems {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #CCC;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

    .selectricItems .selectricScroll {
        height: 100%;
        overflow: auto;
    }

.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%;
}

.selectricItems ul, .selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectricItems li {
    display: block;
    padding: 5px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer;
}

    .selectricItems li.selected {
        background: #3399ff;
        color: #fff;
        border-top-color: #E0E0E0;
    }

    .selectricItems li:hover {
        background: #3399ff;
        color: #fff;
    }

    .selectricItems li.disabled {
        background: #fff;
        color: #BBB;
        border-top-color: #FAFAFA;
        cursor: default;
    }

.center {
    text-align: center;
}

.cloneimg {
    background: url(/Assets/images/clone-icon.png) no-repeat;
    width: 40px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.rgMasterTable .cloneimg {
    padding-left: 24px;
}

.xcelimg {
    background: url(/Assets/images/BOQ/xcel-icon.png) no-repeat;
    width: 19px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.pdfimg {
    background: url(/Assets/images/BOQ/iconpdf.png) no-repeat;
    width: 19px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.mailimg {
    background: url(/Assets/images/mail-24.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.alternate_color .titlebg, .alternate_color .titlebg:hover {
    background: #333 !important;
    color: #fff;
}

.alternate_color td {
    padding: 6px;
}

.alternate_color tr:hover {
    background: #ffff99 !important;
    cursor: pointer;
}

    .alternate_color tr:hover .xcelimg {
        background: url(/Assets/images/BOQ/xcel-icon-y.png) no-repeat;
        width: 19px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
    }

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

    .alternate_color a:hover, .alternate_color tr.selectdark a:hover {
        text-decoration: underline;
    }

.alternate_color tr.selectdark {
    background: #999 !important;
    color: #fff;
}

    .alternate_color tr.selectdark a {
        color: #fff;
        text-decoration: none;
    }

.alternate_color .selectdark tr:hover .xcelimg {
    background: url(../images/xcel-icon.png) no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
}

.xcelimg-y {
    background: url(../images/xcel-icon-w.png) no-repeat;
    width: 19px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.saveimg {
    background: url(../images/save-icon.jpg) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.delImg {
    background: url(../images/delete-grey.png) no-repeat;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

    .delImg:hover {
        background: url(../images/delete-red.png) no-repeat;
        width: 19px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
    }

input.btnCustm[name='submit'] a {
    text-decoration: none;
}

.editINPUT {
    width: 40px;
    text-align: center;
    margin: 0 auto;
}

.w270 {
    width: 230px;
}

#container .productleft {
    background: #fff;
    border: 0;
}

    #container .productleft .accordionHeader {
        color: #0070AF;
        font-size: 14px;
        padding: 0 0 10px;
        border-bottom: 1px solid #ddd;
        font-weight: normal;
    }

    #container .productleft .accordionimg, #container .productleft .accordionHeader {
        background-position: right center;
    }

    #container .productleft .accordion {
        margin: 0;
    }

.secUl {
    margin: 10px 0 0 20px !important;
}


.pad20 {
    padding: 20px;
}



.cus-search {
    border: 1px solid #9a9a9a;
    color: #333333;
    font-size: 14px;
    padding: 10px 6px;
    height: 17px;
}

.pad3 {
    padding: 0 3px;
}

.bg-white {
    background: #fff;
    width: 100% !important;
}

.border {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.selectdark .editINPUT {
    width: 180px;
    float: left;
    text-align: left;
}

.w320 {
    width: 320px;
}

.w350 {
    width: 350px;
}

.w500 {
    width: 500px;
}

.marAuto {
    margin: 0 auto;
}

.w450 {
    width: 450px;
}

.w650 {
    width: 650px;
}

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

    .alpha a:hover {
        color: #c00;
    }

.myteam-blk a, a.colorblue, .colorblue {
    color: #06c !important;
    text-decoration: none;
}

.popTeam p {
    padding: 0 !important;
    line-height: 3px !important;
}
.popTeam span{
    font-weight: normal !important;
}
.popTeam div:last-of-type p:first-of-type span{
    font-weight: bold !important;
}
html #myTeamOverlay li.active {
    background: none !important;
}

body .trainingList li {
    padding: 5px 5px 5px 20px;
    list-style-type: none;
    width: 650px !important;
    text-align: left !important;
}

    .trainingList li:hover {
        background: #e6e6e6;
    }

/*STYLES FOR DIV POPUP*/
#popUpDiv, #popUpDivScheduler, #popUpDivEmail, #popUpDivRA {
    position: fixed;
    width: 400px;
    border: 7px solid #C5CBCF;
    z-index: 9002;
    background: #C5CBCF;
    border-radius: 7px;
    top: 0px;
    left: 0px;
    display: none;
}

#popUpDivDatCollection, #popUpDivApproveSysAdmin, #popUpDivApproveSysAdminLevel2, #popUpDivCONTINUE {
    position: fixed;
    width: 650px;
    border: 7px solid #C5CBCF;
    z-index: 9002;
    background: #C5CBCF;
    border-radius: 7px; /*margin-left: -8%;*/
}

    #popUpDiv a.close, #popUpDivDatCollection a.close, #popUpDivScheduler a.close, #popUpDivEmail a.close, #popUpDivApproveSysAdmin a.close, #popUpDivApproveSysAdminLevel2 a.close, #popUpDivCONTINUE a.close, #popUpDivRA a.close {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.popupTitle {
    background: url(../images/TitleBG_Strip.jpg) repeat-x;
    width: 97.5%;
    height: 29px;
    color: #fff;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.popupTitlew985 {
    width: 98.5%;
}

#popUpDiv_Small {
    position: absolute;
    width: 400px;
    border: 7px solid #d2d2d2;
    z-index: 9002;
    background: #fff;
    margin-left: 150px;
    margin-top: 100px;
}

    #popUpDiv_Small a.close {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.popup_SmallTitle {
    background: #0c4f8b;
    width: 97%;
    height: 29px;
    color: #fff;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
}

.tools_popup {
    padding: 10px;
    border: 1px solid #8896a3;
    background: #fff;
}

    .tools_popup ol li { /*margin-left:20px; line-height:18px;*/
    }

        .tools_popup ol li.saveMetric {
            margin-left: 20px;
            line-height: 18px;
        }



/*#SATpopUpDiv, #DeletepopUpDiv {
    position: fixed;
    width: 250px;
    z-index: 9002;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}*/

.SAT_Popup_Title {
    font-size: 24px;
    color: #00204c;
    margin-bottom: 20px;
}

#BtrainingpopupDiv p {
    font-size: 13px;
    line-height: 16px;
    padding: 10px;
    color: #333333;
}

/*#SATpopUpDiv span {
    font-size: 12px;
    font-weight: bold;
}*/

/*Modal Popup Starts here*/
#mask {
    position: fixed;
    z-index: 9000;
    background-color: #000;
    display: none;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.65;
}

.popup {
    position: fixed;
    display: none;
    z-index: 9999;
    padding: 20px;
}

    .popup .close {
        border-radius: 3px;
        background-color: red;
        color: #fff;
        text-align: center;
        padding: 1px 5px;
        text-decoration: none;
    }

.cm {
    position: relative;
    background: #fff;
    border: 7px solid #C5CBCF;
    border-radius: 8px;
}

    .cm .hd h3 {
        margin: 0;
        padding: 0;
    }

    .cm .bd {
        border: 0 none !important;
        clear: both;
        padding: 15px 20px;
        position: relative;
        background-color: #FFF;
    }

.popup_content {
    max-height: 500px;
    overflow-y: auto;
}

#recnewlink {
    width: 650px;
}

#dialog2 {
    width: 600px;
}

.popupCustomY {
    overflow-y: auto;
    height: 310px;
}
/*Modal Popup Ends here*/
.SAT_Popup_Content {
    width: 100%;
    padding: 5px 0;
}

    .SAT_Popup_Content .input-label {
        display: block;
        width: 500px;
        color: #666;
    }

    .SAT_Popup_Content textarea {
        height: 81px;
        width: 258px;
        border: 1px solid #555;
        resize: none;
        font-size: 12px;
    }

#general #SATUnlockpopUpDiv {
    position: absolute;
    width: 617px;
    z-index: 9002;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 5px;
}

#general .tab-content {
    height: 300px;
    overflow-y: scroll;
}

.MarL36 {
    margin-left: 36px;
}

.MarL28 {
    margin-left: 28px;
}

.MarL230 {
    margin-left: 230px;
}

.display {
    display: none;
}

.WLar {
    width: 740px !important;
}

.W210 {
    width: 210px !important;
}

.MarL40 {
    margin-left: 40px;
}

.MarL49 {
    margin-left: 49px !important;
}

.RadListView_Default tr.rlvHeader th {
    background: #4791d9 !important;
    border: 0 !important;
    font-weight: bold;
    color: #fff;
}

.txtcenter {
    text-align: center;
}

.MarL2 {
    margin-left: 2px;
}

.red-text-custom {
    color: red;
    font-size: 0.7em;
    padding-left: 5px;
    padding-right: 20px;
}

.PartNumber {
    float: left;
    padding-bottom: 10px;
}

.boq-line-item {
    float: left;
padding-top: 4px;
padding-right: 5px;
width: 200px;
}

.rlarge {
    float: left;
    margin: 0 0 0 20px;
    width: 620px;
}

.approval-tab {
    width: 670px;
}

.padTab {
    padding: 9px 40px;
}

input.Breject[name="submit"] {
    background: #a2160c !important;
    border-radius: 5px !important;
    color: #fff !important;
    cursor: pointer !important;
    margin: 10px !important;
    padding: 2px 0 !important;
    width: 120px !important;
    border: 1px solid #a2160c !important;
}

input.Bapprove[name="submit"] {
    background: #23772d !important;
    border-radius: 5px !important;
    color: #fff;
    cursor: pointer !important;
    margin: 10px !important;
    padding: 2px 0 !important;
    width: 120px !important;
    border: 1px solid #23772d !important;
}

input.Brevoke[name="submit"] {
    background: #ce4137 !important;
    border-radius: 5px !important;
    color: #fff !important;
    cursor: pointer !important;
    margin: 10px !important;
    padding: 2px 0 !important;
    width: 120px !important;
    border: 1px solid #ce4137 !important;
}

input.Bgrey[name="submit"] {
    background: #f3f3f3 !important;
    border-radius: 3px !important;
    color: #333 !important;
    cursor: pointer !important;
    margin: 10px 0 !important;
    padding: 2px 0 !important;
    width: 100px !important;
    border: 1px solid #b3b3b3 !important;
}

.text-center {
    text-align: center !important;
}

.colorbrick {
    color: #b97a57;
}

.colorred {
    color: #c00 !important;
}

.Pad6 {
    padding: 6px;
}

.Padlc {
    padding: 5px 0 20px 0;
}

.table-app {
    border-collapse: collapse;
    border: 1px solid #c0c0c0;
    border-top: 0;
}

    .table-app tbody tr {
        border-top: 1px solid #ccc;
    }

.btnlast {
    position: relative;
    top: 20px;
}

.box {
    display: none;
    table-layout: fixed;
}
/* Start - User Registration*/
.colorbrick {
    color: #b97a57;
}

.colorred {
    color: #c00 !important;
}

.Pad6 {
    padding: 6px;
}

.Padlc {
    padding: 5px 0 20px 0;
}

.table-app {
    border-collapse: collapse;
    border: 1px solid #c0c0c0;
    border-top: 0;
}

    .table-app tbody tr {
        border-top: 1px solid #ccc;
    }

.btnlast {
    position: relative;
    top: 20px;
}

.box {
    display: none;
    table-layout: fixed;
}

.sec-blk {
    clear: both;
    float: left;
    margin: 10px 0;
    width: 700px;
}

.rule-blk {
    left: 552px;
    position: absolute;
    right: 100px;
    top: 398px;
    width: 300px;
}
/* End - User Registration*/

.panels-custom {
    width: 95%;
    float: left;
}

.chkmsg {
    display: block;
    height: 4px;
    position: relative;
    top: -112px;
    right: 8px;
    float: right;
}

#password_rules ul li, #userid_rules ul li {
    list-style-type: none;
}

#honeywellID_vcue {
    float: left;
    margin: 31px 12px 0 0;
}

#newPassword_vcue {
    float: left;
    margin: 31px 12px 0 0;
}

#confirmPassword_vcue {
    float: left;
    margin: 31px 12px 0 0;
}

#newPassword_msg {
    float: left;
    margin: 31px 12px 0 0;
}

.sTatusR {
    float: right;
    width: 72%;
    position: relative;
    top: -60px;
    left: 357px;
}

.alternate_color_boq .titlebg, .alternate_color_boq .titlebg:hover, .RadGrid .rgMasterTable thead th.rgHeader {
    background: #fff !important;
    color: #000;
    font-weight: bold;
}

.alternate_color .titlebg, .alternate_color .titlebg:hover {
    background: #333 !important;
    color: #fff;
}

.alternate_color td {
    padding: 6px;
}

.alternate_color tr:hover, .rgMasterTable tr:hover {
    background: #ffff99 !important;
    cursor: auto;
}

.alternate_color tr tr:hover {
    background: none !important;
    cursor: auto;
}

.alternate_color tr:hover .xcelimg, .rgMasterTable span.xcelimg:hover {
    background: url(/Assets/images/BOQ/xcel-icon-y.png) no-repeat;
    width: 40px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

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

    .alternate_color a:hover, .alternate_color tr.selectdark a:hover {
        text-decoration: underline;
    }

.alternate_color tr.selectdark {
    background: #999 !important;
    color: #fff;
}

    .alternate_color tr.selectdark a {
        color: #fff;
        text-decoration: none;
    }

.alternate_color .selectdark tr:hover .xcelimg {
    background: url(/Assets/images/BOQ/xcel-icon.png) no-repeat;
    width: 19px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.alert-msg {
    margin: 2px 0 0 222px;
}

.left-label a {
    font-size: 12px;
}

.grayBg:hover {
    background: #fff !important;
}

.RadListView_Default {
    border: 0 !important;
}

.MarBtm10 {
    margin-bottom: 10px !important;
}

.MarLn5 {
    margin-left: -5px !important;
}

.rgMasterTable {
    font: 12px/18px Arial, Helvetica, sans-serif !important;
}


/*style changes for phase-2 */

.socialmedia-icons img {
    margin-right: 6px;
}

.socialmedia-icons a:last-child img {
    margin-right: 0;
}

#menu h3 {
    font-size: 16px;
    color: #666;
    font-weight: 600;
    margin-left: 10px;
    padding-top: 8px;
}

.pre-style {
    color: #666;
    width: 500px;
    margin: 24px 0 0 60px;
    padding: 40px 0 60px 30px;
    border-left: 2px solid #ccc;
}

    .pre-style p {
        float: left;
        width: 200px;
        font-size: 14px;
        padding: 0 6px;
    }

    .pre-style img {
        vertical-align: middle;
        padding-right: 10px;
    }

    .pre-style span {
        display: inline-block;
        vertical-align: middle;
        width: 86px;
    }

.MarL88 {
    margin-left: 88px;
}
	
.MarL98 {
    margin-left: 98px;
}

#wrapper .W206 {
    width: 206px !important;
}

.greybtn {
    background: #e6e6e6;
    padding: 5px !important;
    border: 1px solid #cfcfcf;
    height: 15px;
    margin-left: 10px;
    width: 194px;
    text-align: center;
}

.dashboard-block {
    background: #fff;
    border: 1px solid #bebebe;
    width: 165px;
    height: 105px;
    margin: 8px 4px;
}

    .dashboard-block p {
        padding-left: 10px;
        width: 80%;
        word-wrap: break-word;
    }

.count {
    width: 32px;
    background: #ee3225;
    color: #fff;
    float: right;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: 6px;
}

.bggrey {
    background: #5d5d5d !important;
}

.MarTop60 {
    margin-top: 60px;
}

.MarL5 {
    margin-left: 5px;
}

.font16 {
    font-size: 16px !important;
}

.dashboard-block:hover {
    background: #0070af;
    color: #fff;
}

#Dspan {
    margin-left: 16px;
}

.acc {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    top: -8px;
}

.d-icon {
    display: inline-block;
    float: left;
    margin-top: 8px;
    padding-left: 10px;
    padding-bottom: 6px;
}

    .d-icon:hover {
        border-bottom: 3px solid #0a2c55;
    }

.scroll {
    height: 380px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: none;
}

.username {
    left: 24px;
    position: relative;
    top: -28px;
}

.showme p:hover {
    background: #e5f4fb;
}

.font13 {
    font-size: 13px;
}

.tbl-Boq {
    border: 0;
}

    .tbl-Boq td {
        padding: 6px 4px;
        vertical-align: middle;
    }

.ui-slider-tabs-list li.selected {
    border: 1px solid #0070af !important;
    border-bottom: 0 !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.Boqtbl td {
    padding: 6px 4px;
    border-bottom: 1px solid #7d7d7d;
}

.qty {
    width: 70px;
    text-align: right;
    padding-right: 5px;
    border: 1px solid #cbccce;
}

input.qty:focus, .input-cust:focus {
    outline: none !important;
    border: 1px solid #0097d7;
}

.qtys {
    width: 40px;
    text-align: right;
    padding-right: 5px;
    border: 1px solid #cbccce;
}

input.qtys:focus, .input-cust:focus {
    outline: none !important;
    border: 1px solid #0097d7;
}

input.btnblue, .btnblueN {
    background: #0097d7;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    margin: 10px 0;
    padding: 5px 14px;
    font-size: 16px;
    height: 30px !important;
}

.MarR80 {
    margin-right: 73px;
}

.FltRgt {
    float: right;
}

.icon-mandit {
    background: url(/Assets/images/mandit.png) no-repeat 0 0;
    display: inline-block;
    width: 18px;
    height: 14px;
}

.icon-minfill {
    background: url(/Assets/images/mandit.png) no-repeat -14px 0;
    display: inline-block;
    width: 18px;
    height: 14px;
}

.icon-empty {
    background: url(/Assets/images/mandit.png) no-repeat -28px 0;
    display: inline-block;
    width: 18px;
    height: 14px;
}

.icon-slct {
    background: url(/Assets/images/mandit.png) no-repeat -47px 0;
    display: inline-block;
    width: 18px;
    height: 18px;
}

.greynav {
    background: #f3f3f3;
    border: 1px solid #b3b3b3;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px;
    width: 92%;
    border-top: 0;
}

/* for slider tabs */
.wrapper {
    background: #ffffff;
    width: 905px;
    height: auto;
    margin: 0 auto;
}

.tabs {
    width: 902px;
}
    /*.tabs ul li rplaced with .tabs ul  li*/
    /*.tabs ul li a rplaced with .tabs > ul >li > a*/
    .tabs .slider > ul > li {
        min-width: 107px;
        width: auto;
        height: 28px;
        display: inline-block;
        line-height: 28px;
        padding: 0;
        float: left;
        text-align: center;
        cursor: pointer;
        border-bottom: 0;
    }

        .tabs .slider > ul > li.active a {
            color: #0070af;
        }

    .tabs .tabcontent {
        width: 100%;
        clear: both;
        display: none;
        margin-top: 1px;
    }

    .tabs .block {
        display: block;
    }

.arrow {
    float: left;
    display: block;
    width: 14px;
    height: 14px;
    margin: 11px 6px;
    cursor: pointer;
}

.disabled {
    opacity: 0.2 !important;
}

.top12 {
    top: -12px;
}

.notecls {
    background: #f86819;
    color: #fff;
    font-size: 14px;
}

.tbl-Boq tr:last-child td {
    border-bottom: 1px solid #7d7d7d;
}

.bgorange {
    background: #f86819 !important;
}

.bggreen {
    background: #00a242 !important;
}

.MarR15 {
    margin-right: 15px;
}

.boqlink a {
    padding: 9px 10px;
    font-size: 14px;
    color: #1a3a60;
}

    .boqlink a:hover, .boqlink a.selected {
        background: #fff;
        border-bottom: 4px solid #0097d7;
    }

#fmenu .tabs > ul > li.active, .RadButton_Default.rbLinkButtonChecked {
    border-radius: 0;
    border: 0;
    background: url(/Assets/images/arwdb.png) no-repeat bottom;
}

    #fmenu .tabs > ul > li.active a {
        color: #333;
    }

/*style changes for phase-2 */

.socialmedia-icons img {
    margin-right: 6px;
}

.socialmedia-icons a:last-child img {
    margin-right: 0;
}

#menu h3 {
    font-size: 16px;
    color: #666;
    font-weight: 600;
    margin-left: 10px;
    padding-top: 8px;
}

.pre-style {
    color: #666;
    width: 500px;
    margin: 24px 0 0 60px;
    padding: 40px 0 60px 30px;
    border-left: 2px solid #ccc;
}

.MarL88 {
    margin-left: 88px;
}

.MarL98 {
    margin-left: 98px;
}

html .W206 {
    width: 206px !important;
}

.greybtn {
    background: #e6e6e6;
    padding: 5px !important;
    border: 1px solid #cfcfcf;
    height: 15px;
    margin-top: 5px;
    width: 194px;
    text-align: center;
}

.dashboard-block {
    background: #fff;
    border: 1px solid #bebebe;
    width: 166px;
    height: 105px;
    margin: 8px 4px;
}

    .dashboard-block p {
        padding-left: 10px;
    }

.count {
    width: 32px;
    background: #ee3225;
    color: #fff;
    float: right;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: 6px;
}

.bggrey {
    background: #5d5d5d !important;
}

.MarTop60 {
    margin-top: 60px;
}

.MarTop90 {
    margin-top: 90px;
}

.MarL5 {
    margin-left: 5px;
}

.font16 {
    font-size: 16px !important;
}

.dashboard-block:hover {
    background: #0070af;
    color: #fff;
}


.acc {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    top: -8px;
}

.d-icon {
    display: inline-block;
    float: left;
    margin-top: 8px;
    padding-left: 10px;
    padding-bottom: 6px;
}

    .d-icon:hover {
        border-bottom: 3px solid #0a2c55;
    }

.scroll {
    height: 680px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: none;
}
/*height:380px*/
.username {
    left: 24px;
    position: relative;
    top: -22px;
}

.showme p:hover {
    background: #e5f4fb;
}

.font13 {
    font-size: 13px;
}

.tbl-Boq {
    border: 0;
}

    .tbl-Boq td {
        padding: 6px 4px;
    }

/*style changes for phase-2 */

.log-overlay {
    width: 500px !important;
}

.newboq-overlay {
    width: 675px !important;
}

.overlay-header {
    background: #f1f1f1;
    padding: 7px;
    width: 98%;
}

.overlay-close {
    background: url(../images/close.png) no-repeat;
    float: right;
    width: 41px;
    height: 41px;
    cursor: pointer;
}

    .overlay-close:hover {
        background: url(../images/close_hover.png) no-repeat;
        display: block;
    }

/*style changes for phase-2 */

.socialmedia-icons img {
    margin-right: 6px;
}

.socialmedia-icons a:last-child img {
    margin-right: 0;
}

#menu h3 {
    font-size: 16px;
    color: #666;
    font-weight: 600;
    margin-left: 10px;
    padding-top: 8px;
}

.pre-style {
    color: #666;
    width: 500px;
    margin: 24px 0 0 60px;
    padding: 40px 0 60px 30px;
    border-left: 2px solid #ccc;
}

.MarL88 {
    margin-left: 88px;
}

.MarL98 {
    margin-left: 98px;
}

html .W206 {
    width: 206px !important;
}

.greybtn {
    background: #e6e6e6;
    padding: 5px !important;
    border: 1px solid #cfcfcf;
    height: 15px;
    margin-left: 10px;
    width: 194px;
    text-align: center;
}

.dashboard-block {
    background: #fff;
    border: 1px solid #bebebe;
    width: 165px;
    height: 105px;
    margin: 8px 4px;
}

    .dashboard-block p {
        padding-left: 10px;
        width: 80%;
        word-wrap: break-word;
    }

.count {
    width: 32px;
    background: #ee3225;
    color: #fff;
    float: right;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: 6px;
}

.bggrey {
    background: #5d5d5d !important;
}

.MarTop60 {
    margin-top: 60px;
}

.MarL5 {
    margin-left: 5px;
}

.font16 {
    font-size: 16px !important;
}

.dashboard-block:hover {
    background: #0070af;
    color: #fff;
}
/*.sec-menu	{background:#f3f3f3; height:34px; width:903px; margin:0 auto; border:1px solid #cacaca; border-top:0}*/
.sec-menu {
    background: #fff;
    height: 39px;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid #0070af;
}

    .sec-menu li {
        list-style-type: none;
        float: left;
        height: 20px !important;
        font-size: 12px;
        margin-right: 14px;
    }

.acc {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    top: -8px;
}

.d-icon {
    display: inline-block;
    float: left;
    margin-top: 8px;
    padding-left: 10px;
    padding-bottom: 6px;
}

    .d-icon:hover {
        border-bottom: 3px solid #0a2c55;
    }

.scroll {
    height: 380px;
    overflow: auto;
    overflow-y: auto;
    overflow-x: none;
}

.showme p:hover {
    background: #e5f4fb;
}

.font13 {
    font-size: 13px;
}

.tbl-Boq {
    border: 0;
}

    .tbl-Boq td {
        padding: 6px 4px;
        vertical-align: middle;
    }

.ui-slider-tabs-list li.selected {
    border: 1px solid #0070af !important;
    border-bottom: 0 !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
/*.Boqtbl	td	{padding:6px 4px; border-bottom:1px solid #7d7d7d}*/
.Boqtbl td {
    padding: 6px 4px;
}

.qty {
    width: 70px;
    text-align: right;
    padding-right: 5px;
    border: 1px solid #cbccce;
}

input.qty:focus {
    outline: none !important;
    border: 1px solid #0097d7;
}

.MarR80 {
    margin-right: 73px;
}

.FltRgt {
    float: right;
}

.greynav {
    background: #f3f3f3;
    border: 1px solid #b3b3b3;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px;
    width: 92%;
    border-top: 0;
}
/* for slider tabs */
.wrapper {
    background: #ffffff;
    width: 905px;
    height: auto;
    margin: 0 auto;
}

.tabs {
    width: 1024px;
}

    .tabs div.slider {
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .tabs .slider > ul > li > a {
        text-decoration: none;
        color: #0070af;
        font-size: 13px;
        font-weight: bold;
    }

    .boqOverlay .slider > ul > li.active {
        border-right: 1px solid #0070af !important;
        border-top: 1px solid #0070af !important;
        border-left: 1px solid #0070af !important;
        border-bottom: 0 !important;
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important;
    }
    .boqOverlay ul li.active.warning {
        border-right: 1px solid #f60 !important;
        border-top: 1px solid #f60 !important;
        border-left: 1px solid #f60 !important;
    }
    .boqOverlay ul li.active.error {
        border-right: 1px solid #9b0000 !important;
        border-top: 1px solid #9b0000 !important;
        border-left: 1px solid #9b0000 !important;
    }

    .tabs .slider > ul > li.active {
        border-right: 1px solid #0070af;
        border-top: 1px solid #0070af;
        border-left: 1px solid #0070af;
        border-bottom: 0 !important;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .tabs ul li.warning a {
        color: #f60;
    }

    .tabs ul li.active.warning {
        border-right: 1px solid #f60;
        border-top: 1px solid #f60;
        border-left: 1px solid #f60;
    }

    .tabs ul li.error a {
        color: #9b0000;
    }

    .tabs ul li.active.error {
        border-right: 1px solid #9b0000;
        border-top: 1px solid #9b0000;
        border-left: 1px solid #9b0000;
    }

    .tabs ul li.inactive a {
        color: #b3b3b3;
    }

    .tabs ul li.active.inactive {
        border: 1px solid #b3b3b3;
        border-bottom: 0;
    }

    .tabs .block {
        display: block;
    }

.arrow {
    float: left;
    display: block;
    width: 14px;
    height: 14px;
    margin: 47px 6px;
    cursor: pointer;
}

.disabled {
    opacity: 0.2 !important;
}

.top12 {
    top: -12px;
}

.notecls {
    background: #f86819;
    color: #fff;
    font-size: 14px;
}

.tbl-Boq tr:last-child td {
    border-bottom: 1px solid #7d7d7d;
}

.bgorange {
    background: #f86819 !important;
}

.bggreen {
    background: #00a242 !important;
}

.MarR15 {
    margin-right: 15px;
}

.boqlink a {
    padding: 9px 10px;
    font-size: 14px;
    color: #1a3a60;
}

    .boqlink a:hover, .boqlink a.selected {
        background: #fff;
        border-bottom: 4px solid #0097d7;
    }

#fmenu .tabs ul li.active, .RadButton_Default.rbLinkButtonChecked {
    border-radius: 0;
    border: 0;
    background: url(/Assets/images/arwdb.png) no-repeat bottom;
}

    #fmenu .tabs ul li.active a {
        color: #333;
    }
/*.btnplc	{position: relative;right: -48px;top: 16px}*/
.btnplc {
    position: relative;
    right: -20px;
    top: 6px;
}
/*.sec-tab-content	{ left: -83px;position: relative;width: 890px}*/
.sec-tab-content {
    left: 0;
    position: relative;
    width: 960px;
}

.ord-tab-content {
    left: 3px;
    position: relative;
    width: 957px !important;
}
    /*5-7-2015*/
    .ord-tab-content .tab-content {
        width: 890px !important;
    }

.training-mod {
    background: none repeat scroll 0 0 #ececec;
    border: 1px solid #d8d8d8;
    float: left;
    height: 85px !important;
    margin: 10px 0 0 10px;
    padding: 10px;
    position: relative;
    width: 640px;
}

.notexpired {
    background: #fff !important;
}

    .notexpired:hover, .Inboxexpired:hover {
        background: #fff !important;
        border: 1px solid #0090cd !important;
    }

.expired {
    background: #f3f3f3 !important;
}

    .expired:hover {
        background: #f3f3f3 !important;
        border: 1px solid #0090cd !important;
    }

.Inboxnotexpired {
    background: #fff !important;
}

    .Inboxnotexpired:hover {
        border: 1px solid #0090cd !important;
    }

.Inboxexpired {
    background: #f3f3f3 !important;
}

.ui-slider-tabs-list li.selected {
    border: 1px solid #0070af !important;
    border-bottom: 0 !important;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

register_Rcolumn .pagination, .pagination {
    float: right;
    font-size: 12px;
    line-height: 25px;
    margin: 10px 0 0;
}

    .register_Rcolumn .pagination a.prev, .pagination a.prev {
        color: #ee3124;
        text-decoration: none;
    }

    .register_Rcolumn .pagination a.next, .pagination a.next {
        color: #ee3124;
        text-decoration: none;
    }

    .register_Rcolumn .pagination span.value, .pagination span.value {
        color: #5c5c5c;
        margin: 0 13px;
    }
/*1-3-2015*/
.training-overlay {
    width: 650px !important;
}

.w646 {
    width: 646px !important;
}

.noBold span {
    font-weight: normal !important;
}

#wrapper .W150 {
    width: 150px !important;
}

.username {
    left: 5px;
    position: relative;
    top: -25px;
}

.user-img {
    left: 2px;
    position: relative;
    top: -31px;
}


.borderRG {
    border-right: 3px solid #999;
}

.tbl-border thead tr:first-child td {
    border-bottom: 1px solid #7d7d7d;
    padding: 6px 0 5px 0;
}

.alternate_color_myboq tr:hover, .alternate_color_myboq tr.selectedrow {
    background: #cdf0ff !important;
    cursor: pointer;
}

.bordergrey {
    border: 1px solid #d4d4d1;
}

.wrappers {
    width: 904px !important;
}

.Padd10 {
    padding: 10px;
}

.bgDgrey {
    background: #f1f1f1 !important;
}

span.excelDown {
    float: right;
    background: #007332 url(../images/icon_excel_down.png) no-repeat 4px 2px;
    padding: 2px 15px 3px 30px;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 6px 0 0 0;
    height: 20px;
    line-height: 20px;
}

    span.excelDown a, span.removed a, span.addmem a {
        font-size: 12px;
        color: #fff;
        font-weight: normal;
        text-decoration: none;
    }

span.removed {
    float: left;
    background: #a2160c url(../images/icon_removed.jpg) no-repeat 4px 2px;
    padding: 2px 15px 3px 30px;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 6px 6px 0 0;
    height: 20px;
    line-height: 20px;
}

span.addmem {
    float: left;
    background: #00a242 url(../images/icon_addmem.jpg) no-repeat 4px 2px;
    padding: 2px 15px 3px 30px;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 6px 6px 0 0;
    height: 20px;
    line-height: 20px;
}

.myteam-blk p {
    line-height: 3px !important;
}

#tabs-container span.excelDown {
    margin-top: -22px;
}



/*2-5-2015*/
.Vcontent {
    width: 631px;
    padding: 0px 10px 10px 10px;
    max-height: 384px;
    overflow: auto;
}

.replyicon {
    background: url(/Assets/images/iconmail.png) no-repeat;
    display: block;
    width: 38px;
    height: 35px;
    margin-bottom: 20px;
}

    .replyicon:hover {
        background: url(/Assets/images/iconmail_hover.png) no-repeat;
    }

.thrashicon {
    background: url(/Assets/images/icontrash.png) no-repeat;
    display: block;
    width: 38px;
    height: 35px;
    margin-left: 0px;
}

    .thrashicon:hover {
        background: url(/Assets/images/icontrash_hover.png) no-repeat;
    }

.information {
    width: 400px;
}

.postime {
    position: relative;
    top: 83px;
    left: 30px;
}

.MarL18 {
    margin-left: 18px;
}

input.newBtn[type="submit"], input.newBtn[name="submit"] {
    width: 100px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #343434;
    height: auto !important;
}

input.newBtn:hover[type="submit"], input.newBtn:hover[name="submit"], .trashButton:hover {
    border: 1px solid #0090cd !important;
}


/* BoQ Styles*/
.EssPortal_RadGrid td {
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 300px;
}
#Reportcontainer .EssPortal_RadGrid {
    width:100%;
overflow:auto;
}
#Reportcontainer .EssPortal_RadGrid td {
max-width: 65px;
}

#Reportcontainer .EssPortal_RadGrid th {
 background-color: #0070af !important;
 color: #fff;
}

.EssPortal_RadGrid {
    border: none !important;
}

    .EssPortal_RadGrid tr.selectedrow-custom {
        background: #96ffc1 !important;
        cursor: pointer;
    }


    .EssPortal_RadGrid tr.licenserow-optional-custom {
        background: #e6f4fa !important;
    }
    
    .EssPortal_RadGrid tr.licenserow-mandatory-custom {
        /*background: #fcefe8 !important;*/
        background: #e6f4fa !important;
    }
    
    #checkboxHolder input {
    display: none;
}

#checkboxHolder span {
    background: none;
    display: inline-block;
    width: 18px;
    height: 18px;
    pointer-events: none;
}

#checkboxHolder input:checked + span {
    background: url(/Assets/images/mandit.png) no-repeat -47px 0; 
    width: 18px;
    height: 18px;
    pointer-events: none;
}

   /* .EssPortal_RadGrid input[type="checkbox"] {
    display:none;
.EssPortal_RadGrid input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(/Assets/images/Blue-dot-empty.png);
    cursor:pointer;
}
.EssPortal_RadGrid input[type="checkbox"]:checked + label span {
    background:url(/Assets/images/Blue-dot.png); 
}*/

/*2-6-2015*/
#reply p {
    padding: 4px !important;
}

    #reply p input[type="text"], #reply p input[type="tel"], #reply p input[type="email"], #reply p textarea {
        border: 1px solid #e1e6e9;
        color: #333;
        font-size: 12px;
        padding: 3px 6px;
        width: 470px;
        font-family: Arial, sans-serif;
    }

    #reply p label {
        display: inline-block;
        width: 26px;
    }

.replystyle {
    background: #fff;
    border: 2px solid #ddd;
    padding: 12px 4px;
}

    .replystyle:hover {
        border: 2px solid #0090cd !important;
    }

.mailReq {
    position: absolute;
    right: 86px;
    top: 18px;
}

#Tabholder .tabcontent {
    height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    margin-top: 36px;
}

.W420 {
    width: 420px;
}

.CInput {
    border-radius: 4px 4px;
    border: 1px solid #ccc;
    width: 120px;
    height: 22px;
}

.positionTb {
    position: relative;
    top: 2px;
}

input.CBBtn {
    border-radius: 4px 4px !important;
    width: 120px !important;
}

.custom-radio {
		width: 24px !important;
		height: 24px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 0;
		background: url("/Assets/images/radio-btn.png") no-repeat;
    margin-right: 6px;
    vertical-align: middle;
    border: 0;
    width: auto;
    margin-top: 0;
	}

    .custom-radio:hover {
		background: url("/Assets/images/radio-hover.png") no-repeat;
	}

    .custom-radio.selected {
        background: url("/Assets/images/radio-selected.png") no-repeat;
        width: 24px !important;
        border: 0 !important;
        height: 24px;
        padding: 0 !important;
        margin-right: 6px;
        margin-top: 0;
	}

.rgMasterTable .custom-radio.selected {
    margin-top: -3px !important;
}
		
.custom-radio input[type="radio"] {
		position: absolute;
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}

.downloadDoc a {
    clear: both;
    color: #212121;
    display: inline;
    padding: 8px 0;
}

.downloadDoc p {
    padding: 10px 0;
}

.titleS {
    margin: 12px 0 0 8px;
}

.w100P {
    width: 100% !important;
}

.W97p {
    width: 97%;
}

.W94p {
    width: 94%;
}

.w95P {
    width: 95% !important;
}

.w5P {
    width: 5% !important;
}

.icon-active-custom {
    position: relative;
top: -41px;
  left: -17px;
}

.icon-notactive-custom {
    position: absolute;
top: 0;
left: -16px;
z-index: 1;
}

.icon-holder-custom {
 float: right;
  width: 0;
   text-align: center;
  position: relative;
  right: 42%;
}

.popup_gridLayout {
    position: fixed !important;
}

#TrainingLink .icons {
    position: absolute;
    top: 13px;
    right: 10px;
}

.MarRN95 {
    margin-right: -95px;
}

.MarL94 {
    margin-left: 94px !important;
}

.MarTop25 {
    margin-top: 25px !important;
}

.Emailalert {
    display: block;
}

.MarRN14 {
    margin-right: 0px;
}

#emailreplypopupDivMail input[type=submit] {
    background: none;
    color: #212121;
}

html .W700 {
    width: 700px !important;
}

html .W730 {
    width: 730px !important;
}

.register_cal_icon span.Ctxt {
    top: -5px;
    position: relative;
    display: inline-block;
    left: 10px;
    color: #212121;
}

#overlay_POPUP, #overlay_VideoPOPUP {
    overflow-y: hidden;
    height: 600px;
    overflow-x: hidden;
}

    #overlay_VideoPOPUP .Vcontent {
        overflow-y: hidden !important;
        overflow-x: hidden !important;
    }

    #overlay_VideoPOPUP .trainingVideo iframe {
        overflow: hidden !important;
        height: 400px !important;
    }

.Inboxbg-white {
    margin: 0 !important;
    padding: 0 !important;
}

.W99p {
    width: 99%;
}

.reWrapper ul, #composepage li, .reToolbarWrapper ul, #overlay_EmailPOPUP li {
    width: auto !important;
}

.information .desc {
    width: 500px;
}

.information p {
    margin: 4px 0;
}

.columnpro-p p {
    margin: 0;
    padding: 4px 0 0 4px;
}

.draftimg {
    background: url(/Assets/Images/draft.png) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    color: #f56618;
}

.doneimg {
    background: url(/Assets/Images/done.png) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    color: #009e3f;
}

/*tool tip morley*/
.morley a.tooltip {
    outline: none;
}

    .morley a.tooltip strong {
        line-height: 30px;
    }

    .morley a.tooltip:hover {
        text-decoration: none;
        background: none !important;
    }

    .morley a.tooltip span {
        z-index: 10;
        display: none;
        padding: 10px;
        margin-top: 30px;
        margin-left: -218px;
        width: 200px;
        line-height: 16px;
    }

    .morley a.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #517cc6;
        background: #fff;
    }

.morley .callout {
    z-index: 20;
    position: absolute;
    top: -11px;
    border: 0;
    left: 197px;
}
/*CSS3 extras*/
.morley a.tooltip span {
    border-radius: 0;
    box-shadow: none;
}

.downloadDoc a {
    clear: both;
    color: #212121;
    display: block;
    padding: 8px 0;
}

.titleS {
    margin: 12px 0 0 8px;
}


/*custom select style*/
div.selectBox {
    position: relative;
    display: inline-block;
    cursor: default;
    text-align: left;
    line-height: 20px;
    clear: both;
    color: #0070af;
}

span.selected {
    width: 48px;
    border: 1px solid #0070af;
    background: #fff;
    overflow: hidden;
}

span.selectArrow {
    width: 10px;
    border: 1px solid #0070af;
    border-left: 0;
    text-align: center;
    font-size: 11px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #fff;
    padding: 0 6px;
}

span.selectArrow, span.selected {
    position: relative;
    float: left;
    height: 23px;
    z-index: 1;
    padding: 0 6px;
}

div.selectOptions {
    position: absolute;
    top: 27px;
    left: 0;
    width: 98px;
    border: 1px solid #0070af;
    overflow: hidden;
    background: #fff;
    padding-top: 2px;
    display: none;
    cursor: pointer;
    z-index: 99;
}

span.selectOption {
    display: block;
    width: 80%;
    line-height: 20px;
    padding: 5px 10%;
}

    span.selectOption:hover {
        color: #1a3a60;
        background: #e5f4fb;
    }

span.selected-small {
    width: 30px;
}

div.selectOptions-small {
    width: 64px;
}

span.selected-medium {
    width: 52px;
}

div.selectOptions-small {
    width: 65px;
}

.speaker {
}

.loop-panels {
}
                          




/*custom select style*/
div.selectBox {
    position: relative;
    display: inline-block;
    cursor: default;
    text-align: left;
    line-height: 20px;
    clear: both;
    color: #0070af;
}

.selectBox span.selected {
    width: 64px;
    border: 1px solid #0070af;
    border-right: 0;
    background: #fff;
    overflow: hidden;
}

.selectBox span.selectArrow {
    width: 10px;
    border: 1px solid #0070af;
    border-left: 0;
    text-align: center;
    font-size: 11px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #fff;
    padding: 0 6px;
}

.selectBox span.selectArrow, .selectBox span.selected {
    position: relative;
    float: left;
    height: 23px;
    z-index: 1;
    padding: 0 6px;
}

.selectBox div.selectOptions {
    position: absolute;
    top: 27px;
    left: 0;
    width: 98px;
    border: 1px solid #0070af;
    overflow: hidden;
    background: #fff;
    padding-top: 2px;
    display: none;
    cursor: pointer;
    z-index: 99;
}

span.selectOption {
    display: block;
    width: 80%;
    line-height: 20px;
    padding: 5px 10%;
}

    span.selectOption:hover {
        color: #1a3a60;
        background: #e5f4fb;
    }

.selectBox span.selected-small {
    width: 30px;
}

.selectOptions-small {
    width: 64px !important;
}

.selectBox span.selected-medium {
    width: 52px;
}

.align-ver {
    vertical-align: middle;
}

.fieldcontent {
    display: none;
}

.header-background {
    background-color: #fff;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
/*.fixed-table-container-inner {height: 100%;overflow-x: hidden;overflow-y: auto}
.fixed-table-container {background-color: white;height: 200px;margin: 10px auto;padding-top: 30px;position: relative;
width: 100%}*/
.fixed-table-container-inner {
    height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 15px;
}

.fixed-table-container {
    background-color: white;
    height: 60%;
    margin: 0 auto;
    padding-top: 30px;
    position: absolute;
    width: 100%;
}

.gg .th-inner {
    top: 5px;
    position: absolute;
    width: auto;
    min-width: 18%;
    text-align: right;
}

#invoice1 .gg .th-inner, #invoice4 .gg .th-inner {
    min-width: 10%;
}

#invoice2 .gg .th-inner, #invoice3 .gg .th-inner {
    min-width: 0;
}

#invoice2 .fixed-table-container-wod th:nth-child(5) div {
    min-width: 12% !important;
}

#invoice4 .fixed-table-container-wod td:nth-child(4) div, #invoice4 .fixed-table-container-wod td:nth-child(5) div {
    min-width: 13% !important;
}

.lableWidth {
    width: 490px;
    display: inline-block;
}

.EssPortal_RadGrid {
    position: relative;
}

    .EssPortal_RadGrid table .th-inner {
        top: 4px;
        position: absolute;
        margin-left: -28px;
    }

img.portrait {
    width: 20px;
}

#Tabholder img.portrait {
    width: 28px;
}

#Tabholder .tabcontent, #Tabholder .tabcontent .tabcontent {
    min-height: 400px;
}

.Notifier input::-webkit-outer-spin-button,
.Notifier input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.loop-panels td {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    padding: 8px 0px;
}

.loop-panels tr:nth-child(even) {
    background-color: rgb(243, 243, 243) !important;
}

.loop-panels thead tr:first-child {
    background-color: #0097d7 !important;
    color: #ffffff;
}

.loop-panels tr.selectedrow-custom {
        background: #96ffc1 !important;
        cursor: pointer;
    }

.loop-panels .disable {
    pointer-events: none;
    opacity: 0.5;
}

.post-Rel .OverlayCH {
    overflow-y: auto;
    max-height: 415px;
    overflow-x: hidden;
    width: 100%;
}

.tabDescriptionHolder {
    overflow-y: auto;
    max-height: 380px;
    overflow-x: hidden;
    width: 100%;
}

#overlay_POPUP a.socialShareLink img {
    margin-bottom: 6px;
}

.padd10 {
    padding: 10px 10px;
}

.favpos {
    top: 124px;
    left: 39px;
    z-index: 9999;
}

#productZoomImage img {
    border: 2px solid red;
}

.socialBT {
    position: fixed;
    margin: 10px 0 0 600px;
}

    .socialBT a, .social a {
        display: block;
        margin-bottom: 2px;
    }

.social {
    position: fixed;
    margin: 226px 0 0 638px;
}

.padL12 {
    padding-left: 12px;
}

.marTN1 {
    margin-top: -1px;
}

ul.ULstyle li {
    padding-left: 20px !important;
}

ul#listlefts li a:hover {
    font-weight: bold !important;
}

.cmpsM {
    margin: 0 20px 0 0;
    height: auto !important;
}

.font15 {
    font-size: 15px !important;
}

#tabs-container .W680 {
    width: 680px !important;
}

.inboxCont .mainCont .left ul li a:hover {
    font-weight: bold !important;
}


.fixed {
    position: fixed;
    /*top:0; left:0;
    width: 100%;*/
}

.EssPortal_RadGrid .rgDataDiv {
    width: inherit !important;
    max-height: inherit !important;
    height: auto !important;
    overflow-y: auto !important;
}

.EssPortal_RadGrid .rgHeaderDiv {
    width: 100% !important;
    background: #fff !important;
}

.EssPortal_RadGrid {
    margin-bottom: 25px;
    min-height: 50px !important;
    float: left;
}

.Notifier #tab4 {
    overflow: hidden;
}


tabs div.sliderinner {
float: left;
/*width: 970px;*/
overflow: hidden;
}

.rowDisable {
    filter: alpha(opacity=20);
    opacity: 0.2;
    -moz-opacity: 0.2;
}

.tabs ul {
    width: 100%;
}

.invoiceContainer #invoice-tab-values li {
    float: none !important;
    border: 0 !important;
    width: auto !important;
    padding: 0 !important;
}

.alert-message {
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 101;
    position: fixed;
    top: 40%;
    padding: 15px;
    padding-bottom: 10px;
    text-align: center;
    left: 0%;
}

.alert-error-message {
    font-weight: bold;
    color: #333;
}

.track-inputs .select-cust {
    width: auto !important;
}

#traindocspopupDiv .downloadDoc a {
    display: inline;
}

.tabs ul {
   /* width: 1500px;*/
}
/*This LIne of CSS effecting all the list elements of the full site.*/
.spanWs {
    width: 80px;
    display: inline-block;
    float: left;
    margin-top: 8px;
}

    .spanWs label {
        line-height: 21px;
    }

#wrapper #dashboardTabContents ul { /*width:819px !important*/
}
/*This LIne of CSS effecting all the list elements of the full site.*/

.seconMenu .icon-active-custom {
    position: relative;
top: -41px;
  left: -17px;
}

.seconMenu .icon-notactive-custom {
    position: relative;
    top: -5px;
    left: -16px;
    z-index: 1;
}

    
.Analog .tabs ul {
    border-bottom: 1px solid #517CC6;
    height: 35px;
}


.Analog input::-webkit-outer-spin-button, .Analog input::-webkit-inner-spin-button, .WinPak input::-webkit-outer-spin-button, .WinPak input::-webkit-inner-spin-button,
.Firelite input::-webkit-outer-spin-button, .Firelite input::-webkit-inner-spin-button, .Intrusion input::-webkit-outer-spin-button, .Intrusion input::-webkit-inner-spin-button,
.VDP input::-webkit-outer-spin-button, .VDP input::-webkit-inner-spin-button, .Morley input::-webkit-outer-spin-button, .Morley input::-webkit-inner-spin-button,
 .Evac-Lite input::-webkit-outer-spin-button, .Evac-Lite input::-webkit-inner-spin-button, .X-618 input::-webkit-outer-spin-button, .X-618 input::-webkit-inner-spin-button,
.Variodyn input::-webkit-outer-spin-button, .Variodyn input::-webkit-inner-spin-button, .Alerton input::-webkit-outer-spin-button, .Alerton input::-webkit-inner-spin-button,
.Esser input::-webkit-outer-spin-button, .Esser input::-webkit-inner-spin-button, .Prowatch input::-webkit-outer-spin-button, .Prowatch input::-webkit-inner-spin-button,
.PerformanceIP input::-webkit-outer-spin-button, .PerformanceIP input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.Pad9 {
    padding: 9px;
}

.colorwhite {
    color: #fff;
}

#container .Analog span.arrow {
    display: none !important;
}

#Tabholder .tabcontent .tabcontent {
    overflow: hidden;
}

.noteclsB {
    background: #e5f4fb;
    color: #1a3a60;
    font-size: 14px;
}

/*basic boq overlay style starts here - phase18*/
.borderTop {
    border-top: 1px solid #517CC6;
}

/*.tbl-Boq tr:last-child td	{border-bottom: 1px solid #7d7d7d}*/ /*commented*/

.boqBS {
    width: 95% !important;
    height: 90%;
}

#boqBSpopup {
    position: fixed;
    z-index: 9002;
    background: #fff;
    top: 0px;
    left: 0px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
}

.boqoverlay-close {
    background: url("/Assets/images/close_boq.png") no-repeat;
    float: right;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

    .boqoverlay-close:hover {
        background: url("/Assets/images/close_boqhover.png") no-repeat;
        display: block;
    }

.mandit-wb {
    background: url("/Assets/images/mandit-wb.png") no-repeat 0 0;
    display: inline-block;
    width: 21px;
    height: 16px;
    vertical-align: top;
}

.borderstyle {
    width: 100%;
    border-top: 1px solid #555;
}

.ulBclass {
    border-bottom: 1px solid #0070AF;
    height: 35px;
    padding-left: 15px;
}

    .ulBclass li.active {
        background: #fff !important;
    }
/*for error tr style*/
.color_error tr.selectedrow {
    background: #fef0e8 !important;
    cursor: pointer;
    color: #a2160c;
}

/*for secondary tabs style*/
.tabbs {
    display: none;
}

#tab-boq1, #tab-boq11 {
    display: block;
}

.seconMenu {
    background: #e5f4fb;
    padding-top: 14px;
}

    .seconMenu ul li {
        width: auto !important;
        padding: 0 28px !important;
        font-size: 15px;
        height: 35px !important;
        background: #e5f4fb !important;
    }

    .seconMenu li.active {
        border-right: 1px solid #a2160c;
        border-top: 1px solid #a2160c;
        border-left: 1px solid #a2160c;
        border-bottom: 0 !important;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #a2160c;
        background: #fff;
    }

#Tabholder .ulBclass li {
    border-bottom: 0 !important;
    height: 35px;
    padding: 0 6px !important;
    width: auto !important;
}

    #Tabholder .ulBclass li:first-child {
        margin-left: 20px;
    }

#Tabholder .boqBS .slider ul li a {
    font-size: 15px !important;
}

.boqBS .slider ul, .boqBS .Sectab ul, #Reportcontainer .Sectab ul {
    border-bottom: 1px solid #0070AF;
    height: 35px;
    padding-left: 0;
    width: 100% !important;
    background: #e5f4fb;
}

    .boqBS .slider ul li {
        border-bottom: 0 !important;
        background: #fff;
        width: auto;
        padding: 0 12px;
    }

.closed {
    display: none !important;
}

.displays {
    display: block !important;
}

.Boqtbl tr:first-child td {
    padding: 0 0 0 5px;
}

.btnbtm {
    margin: 0 9px 0 0;
}

.fixed-table-container-wos {
    background-color: white;
    height: 383px;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
    width: 100%;
}
/*this if for the table height which doesnt have a secondary tab*/
.Pad9 {
    padding: 9px;
}

.colorwhite {
    color: #fff;
}

.alternate_color_green tr:hover, .alternate_color_green tr.selectedrow {
    background: #b6fdd3 !important;
    cursor: pointer;
}

.txtDisable {
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
}

input.qtyG:focus {
    outline: none !important;
    border: 1px solid #00a242;
}

/*changes 4-6-2015*/
.ui-widget-content {
    background: #f3f3f3 !important;
}

    .ui-widget-content li a:hover {
        background: #e5f4fb !important;
        border: 0 !important;
    }

.LiPos {
    position: absolute;
    margin-bottom: 0;
}

.PosMyBoq {
    width: 40px;
    padding: 4px 0 0 28px;
}

.ViewGrid .rgMasterTable thead th.rgHeader {
    background: #0097d7 !important;
    color: #fff;
}

.ViewGrid .rgDataDiv {
    height: auto !important;
}

#boqTableSection {
    overflow-y: hidden;
    overflow-x: hidden;
    min-height: 240px;
}

input.hw-mnu-search-box {
    padding: 0 0 0 6px;
    /*width: 176px;*/
    width: 161px;
    height: 20px !important;
    outline: none;
    margin-top: 2px;
}

#NewBtn input.Nbbtn[type="submit"] {
    width: 132px !important;
    height: 32px !important;
    border-radius: 3px !important;
    background: #0070af;
    font-size: 16px;
}

#NewBtn a.Nbbtn {
    width: 132px !important;
    height: 32px !important;
    border-radius: 3px !important;
    background: #0070af;
    font-size: 16px;
    display: inline-block;
    color: #fff;
}

.lineH30 {
    line-height: 30px;
}

#NewBtn input.Nbbtn:hover[type="submit"], #NewBtn a.Nbbtn:hover {
    background: #0097d7;
}

.closegrey {
    background: url(/Assets/images/close-new.png) no-repeat;
    width: 24px;
    height: 24px;
}

    .closegrey:hover {
        background: url(/Assets/images/close-over.png) no-repeat;
    }


/*sprint19 - Become a Partner Styles - START*/
.newtitle {
    background: #68737a;
    height: 67px;
}
 
.newtitletxt {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
    font-size: 20px;
    color: #fff;
}

.padl20 {
    padding-left: 20px;
}

#wrapper .divInputstyle input[type=text], #wrapper .divInputstyle input[type=password] {
    border: 1px solid #0070af;
    border-radius: 2px;
    padding: 3px 4px;
    width: 190px;
    margin: 2px 0;
}

.divInputstyle p {
    margin: 10px 10px 0px 10px;
}

#wrapper .divInputstyle p select {
    border: 1px solid #0070af;
    font-size: 13px;
    padding: 4px 2px;
    width: 200px;
    color: #0070af;
}

.colorDred {
    color: #a2160c;
}

.divInputstyle input.errorI[type=text] {
    border: 1px solid #a2160c;
}

.selectBox span.selected-VL {
    width: 158px;
}

.selectBox div.selectOptions-VL {
    width: 252px;
}

.divInputstyle span.selectOption {
    display: block;
    width: 100%;
    line-height: 10px;
    padding: 5px 2%;
}

.MarL32px {
    margin-left: 32px !important;
}

.Padt3 {
    padding-top: 3px;
}

#NewBtn input.Nbbtn[type="submit"] {
    width: 132px !important;
    height: 32px !important;
    border-radius: 3px !important;
    background: #0070af;
    font-size: 16px;
}

#NewBtn input.Nbbtn-ns[type="submit"] {
    width: 132px !important;
    height: 32px !important;
    border-radius: 3px !important;
    background: #f3f3f3;
    border: 1px solid #0070af !important;
    font-size: 16px;
    color: #0070af !important;
}

#NewBtn input.Conbtn-ns[type="submit"] {
    width: 180px !important;
    height: 32px !important;
    border-radius: 3px !important;
    background: #f3f3f3;
    border: 1px solid #0070af !important;
    font-size: 16px;
    color: #0070af !important;
}

#NewBtn input.Conbtn[type="submit"] {
    width: 180px !important;
    height: 32px !important;
    border-radius: 3px !important;
    background: #0070af;
    font-size: 16px;
}

.validation {
    border: solid 2px red;
}
/*sprint19 - Become a Partner Styles - END*/
/*hack used for ie9 & ie10 */
@media screen and (min-width:0\0) {
    .icon-notactive-custom {
        position: absolute;
        top: 28px;
        left: -16px;
        z-index: 1;
}

    .icon-active-custom {
        top: -11px;
    }
}

.loginPop-div {
    position: relative;
    top: 10px;
    padding-bottom: 4px;
    margin-left: 5%;
    margin-right: auto;
    width: 306px;
    font-size: 11px;
}

/*for training video*/
.trainingVideo iframe {
    width: 622px;
}

ul.fixmainav {
    position: absolute;
    background: #fff;
    height: 35px;
    padding: 0;
    margin: 0;
}

.fixsecnav {
    position: relative;
    top: 0;
    height: 35px;
    display: block;
    width: 100%;
    margin-bottom: -36px;
}

#Tabholder .tabcontent {
    margin-top: 36px !important;
}

/* Filter */
#wrapper .filter {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

    #wrapper .filter table {
        width: 170px;
        border: 1px solid #cbccce;
        margin: 0;
        padding: 0;
        background: #fff;
        -webkit-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
        box-shadow: 10px 10px 10px -5px rgba(0,0,0,0.75);
    }

    #wrapper .filter tr {
        display: block;
        width: auto !important;
        background: #fff;
        margin-left: 6px;
        text-align: left;
    }

#wrapper .filter {
    position: relative;
    z-index: 999;
    top: -7px;
}

.filtertxt {
    display: inline-block;
    top: -10px;
    position: relative;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
    padding-bottom: 7px !important;
}

/*:indeterminate, :indeterminate + label {
    background: url(/Assets/images/indeterminate-checkbox.png) no-repeat 0px 0; 
      width: 0px; padding-left: 18px; position: relative; background-size: 15px 15px; left: -4px;}*/

/*Phase-IV:Commented the Above because: Its conflicting with the all the checkbox of the pages.*/
.boq-invoice-tab-values li {
    margin-top: -10px;
}

input[type=submit] {
    border-radius: 0px !important;
    height: 24px !important;
    width: auto !important;
    border: none !important;
    outline-width: 0 !important;
    outline: none !important;
    padding: 4px 20px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    background-position: 0 -338px;
    background-color: #0070AF;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

.colorNB {
    color: #0070AF !important;
}

.MarLft84 {
    margin-left: 84px !important;
}
/*fix for the filter image*/
table.rgMasterTable {
    border-top: 1px solid #fff;
}

.PosRelative {
    position: relative;
}


/*hack used for ie9 & ie10 */
@media screen and (min-width:0\0) {
    .icon-notactive-custom {
        position: absolute;
        top: 28px;
        left: -16px;
        z-index: 1;
    }

    .icon-active-custom {
        top: -11px;
    }
}

.loginPop-div {
    position: relative;
    top: 10px;
    padding-bottom: 4px;
    margin-left: 5%;
    margin-right: auto;
    width: 306px;
    font-size: 11px;
}

/*for training video*/
.trainingVideo iframe {
    width: 622px;
}

ul.fixmainav {
    position: absolute;
    background: #fff;
    height: 35px;
    padding: 0;
    margin: 0;
}

.fixsecnav {
    position: relative;
    top: 0;
    height: 35px;
    display: block;
    width: 100%;
    margin-bottom: -36px;
}

#Tabholder .tabcontent {
    margin-top: 36px !important;
}


.boq-invoice-tab-values li {
    margin-top: -10px;
}

tr.highlightedrow {
    background: #b6fdd3 !important;
}
/* for the user registration*/
.PswrdRules, .UserRules {
    position: absolute;
    z-index: 1000;
    visibility: hidden;
    right: 20px;
    top: 223px;
    height: 207px;
    width: 440px;
}

.mandateStar {
    font-size: large;
    font-weight: bold;
}

.training-overlay .OverlayCH {
    overflow-y: auto;
    height: 370px;
    overflow-x: hidden;
}


/*for invoice and orders*/

.w960 {
    width: 960px !important;
}

html #ivo .seconMenu {
    background: #e5f4fb;
    padding-top: 6px;
}

    html #ivo .seconMenu li.active {
        border: 1px solid #0070af;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        color: #a2160c;
        background: #fff !important;
        height: 28px !important;
    }

    html #ivo .seconMenu ul li {
        border-bottom: 0 none;
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 28px !important;
        line-height: 20px;
        padding: 4px 10px !important;
        text-align: center;
        width: auto;
    }

.MarTop1 {
    margin-top: 1px !important;
}

.new-search {
    border: 1px solid #0070af;
    color: #333;
    font-size: 14px;
    padding: 5px 6px;
    height: 18px;
    -webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.headernw-background {
    background: #0070af;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.text-right {
    text-align: right !important;
}

span.expexcel {
    background: #00a242 url(/Assets/Images/expexcel.jpg) no-repeat 4px 2px;
    padding: 2px 15px 14px 30px;
    border-radius: 4px;
    margin: 6px 0 0 0;
    height: 20px;
    line-height: 20px;
    width: 80px;
}

.padd20 {
    padding: 0 20px;
}

.PadT15 {
    padding-top: 15px;
}

.colorgreen {
    color: #00a242;
}

.colorskyblue {
    color: #110a8e;
}

.colorviolet {
    color: #6e5167;
}

#report {
    border-collapse: collapse;
}

.bordercolp {
    border-collapse: collapse;
}

.tst {
    display: none;
    border-top: 2px solid #68737a;
    border-bottom: 2px solid #68737a;
}

    .tst table tr {
        border-bottom: 1px solid #e0e0e0;
    }

    .tst td {
        padding: 0 !important;
    }

    .tst table tr td {
        padding: 6px 4px !important;
    }

.bg {
    background-color: #c7ecff !important;
}

/*for invoice and orders*/
/*this if for the table height which doesnt have a secondary tab and also status*/
.fixed-table-container-wod {
    background-color: white;
    height: 90%;
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
    width: 100%;
}
/*this if for the table height which doesnt have a secondary tab and no status*/
#ivo ul li a {
    text-decoration: none !important;
    color: #0070af !important;
}

.RadButton_Default.rbLinkButton, .RadButton_Default.rbLinkButton:hover {
    color: #0070af !important;
    border: 0 !important;
    background: #fff !important;
    width: 30%;
    text-align: center;
    font-size: 13px;
    padding: 5px 0;
}

    .RadButton_Default.rbLinkButton.rbDisabled, .RadButton_Default.rbLinkButton.rbDisabled:hover {
        border: none;
    }

        .RadButton_Default.rbLinkButton.rbDisabled [id^='buCount'] {
            display: none;
        }

.RadButton_Default.rbLinkButtonChecked, .RadButton_Default.rbLinkButtonChecked:hover {
    background: url(/Assets/images/arwdb.png) no-repeat bottom !important;
}

.MarL20 {
    margin-left: 20px;
}

.nwf {
    width: 920px;
    margin: 10px 0;
}

.greytxt {
    color: #808080;
}

.billingTotal {
    text-align: center;
}

    .fixed-table-container-inner th {
    text-align: left;
    }

.fixed-table-container-inner .th-inner .th-inner {
    margin-left: -25px;
    top: 0px;
    color: #333;
    font-weight: normal;
}

.fixed-table-container-inner td {
    border: none;
}

.no-records-template {
    padding-left: 30px;
}

.RadGrid {
    height: auto !important;
    outline: none !important;
}

*:focus {
    outline: none;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 9000;
    background-color: #000;
    display: none;
}

.popup {
    position: absolute;
    display: none;
    z-index: 9999;
}

.popup-small {
    background: #fff;
    border: 1px solid #0070af;
    border-radius: 5px 5px;
    width: 322px;
    height: 122px;
    padding: 20px;
}

#NewBtn input.Nbbtn-ns-wauto[type="submit"], #NewBtn input.Nbbtn-wauto[type="submit"] {
    width: auto !important;
}

.padding24 {
    padding: 0 24px !important;
}

.toggle1 {
    display: none;
    background-color: #fff;
    width: 362px;
    max-height: 334px;
    border: 1px solid #2b5f9b;
    border-radius: 5px 5px;
    position: absolute;
    top: 83px;
    left: 57.9%;
    z-index: 2;
}

.alert-block ul {
    width: 100%;
    overflow-y: auto;
    max-height: 334px;
    overflow-x: hidden;
}

    .alert-block ul p {
        margin: 0;
        font-size: 14px;
    }

    .alert-block ul li {
        width: 342px;
        padding: 10px;
        float: left;
    }

        .alert-block ul li div {
            width: 90%;
        }

.bgalgrey {
    background: #f3f3f3;
}

.warning {
    color: #f60;
}

.errorred {
    color: #9b0000;
}

.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {
    margin-left: 4px !important;
    padding: 0 !important;
}

.NBlue {
    color: #0070AF;
}

.toggle1:after, .toggle1:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.toggle1:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 23px;
    margin-left: -43px;
}

.toggle1:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #0070Af;
    border-width: 25px;
    margin-left: -45px;
}

.minheight {
    height: 200px;
    overflow-y: auto;
}

html .tabcontent .invoiceTabs li {
    padding: 0px !important;
}

    html .tabcontent .invoiceTabs li div {
    padding: 0px !important;
    height: 100%;
}

    html .tabcontent .invoiceTabs li a {
    padding: 4px 10px !important;
    height: 100%;
    vertical-align: sub !important;
}

.chart-empty-message-custom {
    padding: 10px;
}

#poGraphContent ul {
    height: auto;
}

.fixed-table-container-wod th {
    padding-left: 10px;
}

.selposmar {
    margin: 12px 20px;
}

html .productright ul li, html ul.tabs-container li {
    margin-right: -12px !important;
}

html .productright ul.tabs-menu li a, html .productright ul.tabs-container li a {
    color: #2a2a2a;
}

.txtin {
    text-indent: 21px;
}

.txtindn {
    text-indent: -58px;
}

.txtind18 {
    text-indent: -18px;
}

.companyNameDropDown {
    margin: 10px;
}

.maxht {
    max-height: 400px !important;
}

.zone {
      position: relative;
  top: 4px;
  left: 5px;
  float: right;
}

.browseright {
    border-left: 1px solid #ddd;
    float: right;
    width: 564px;
    min-height: 710px;
    background: #e6e6e6;
}

html .browseright ul li, html ul.tabs-container li {
    margin-right: -12px !important;
}

html .browseright ul.tabs-menu li a, html .browseright ul.tabs-container li a {
    color: #2a2a2a;
}

.hide-zone-input {
    display: none;
}

.maxht {
    max-height: 400px !important;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 9000;
    background-color: #000;
    display: none;
}

.popup {
    position: absolute;
    display: none;
    z-index: 9999;
}

.popup-small {
    background: #fff;
    border: 1px solid #0070af;
    border-radius: 5px 5px;
    width: 322px;
    height: 122px;
    padding: 20px;
}

#NewBtn input.Nbbtn-ns-wauto[type="submit"], #NewBtn input.Nbbtn-wauto[type="submit"] {
    width: auto !important;
}

.btnxs {
    width: 110px;
}

.btnevac {
    color: #000 !important;
    background: #fff;
    border-radius: 6px 6px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 8px 14px;
    line-height: 30px;
}

    .btnevac:hover {
        border: 1px solid #2a8be8;
    }

.btnxm {
    width: 180px;
}

.PosRelative .review {
    background: url(/Assets/images/review32.png) no-repeat !important;
}

.PosRelative .btnevac:hover .review {
    background: url(/Assets/images/review32-b.png) no-repeat !important;
}

.PosRelative .xport {
    background: url(/Assets/images/xcel32.png) no-repeat !important;
}

.PosRelative .btnevac:hover .xport {
    background: url(/Assets/images/xcel32-b.png) no-repeat !important;
}

.PosRelative .saveb {
    background: url(/Assets/images/save32.png) no-repeat !important;
}

.PosRelative .btnevac:hover .saveb {
    background: url(/Assets/images/save32-b.png) no-repeat !important;
}

.btnevac input {
    background: none !important;
    padding: 0 !important;
    color: #2a2a2a !important;
    padding: 8px 0 !important;
}

.W80 {
    width: 80px;
}

.bdrgrey {
    border-color: #acacac !important;
}

.colorbro {
    color: #acacac;
}

.padRL {
    padding-right: 20px;
}

.MarT9 {
    margin-top: 9px;
}

.MarL9 {
    margin-left: 9px;
}

.Ht80 {
    height: 80px;
}

.circuits {
    width: auto;
    display: inline-block;
    float: right;
    font-size: 73%;
    font-weight: bold;
    margin: 0 1%;
}

.total {
    position: relative;
    top: -58px;
}

*:focus {
    outline: none;
}

html .pop111 {
    width: 100%;
    top: -2px;
    background: #f1f1f1 !important;
    padding-bottom: 8px !important;
}

#Tabholder .totalclass {
    width: 100%;
    position: absolute;
    bottom: 10px;
    font-size: 100%;
    margin: 6px 0;
}

.EssPortal_RadGrid .rgDataDiv table, .EssPortal_RadGrid .rgHeaderDiv table {
    width: 100%;
}

.PosRelative .boq-review {
      padding-left: 35px !important;
      padding-bottom: 25px !important;
      margin: 8px 14px !important;
}

.PosRelative .btnevac {
    padding: 0px !important;
}
/*.slider li a    {font-size:99% !important}*/
.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgMasterTable thead th.rgHeader {
    padding-left: 14px;
    width: auto !important;
}
.BoQRadGrid .rgMasterTable thead th.rgHeader{
    padding-left: 4px !important;
    text-align: center;
}

.RadGrid {
    outline: 0;
}

#fmenu .left ul li.active, #fmenu .left ul li:hover {
    background: none !important;
}

.minHH {
    min-height: 572px;
}

.bgwhte {
    background: #fff !important;
}

.hide-slider {
    display: none;
}

.seconMenu-custom {
    padding-top: 14px !important;
    background: #e5f4fb;
    height: auto;
    margin-bottom: -36px;
    border-bottom: 1px solid #0070af;
    float: none !important;
}

.arrow-custom {
    margin: 0px !important;
    padding: 10.5px 6px !important;
    background-color: #e5f4fb;
}
.arrow.arrow-custom {
    padding: 10.5px 3px !important;
}
.disableinput {
    pointer-events: none;
    opacity: 0.5;
}

.PadB10 {
      padding-bottom: 10px;
}

.Martop15 {
    margin-top: 15px;
}

.dataButton {
    width: inherit !important;
}

#Reportcontainer ul.tree li {
    width: inherit !important;
      padding: 0px !important;
}

#Reportcontainer .RadButton_Default.rbLinkButtonChecked, #Reportcontainer .RadButton_Default.rbLinkButtonChecked:hover {
    background: #e5f4fb !important;
}

#Reportcontainer .RadButton_Default.rbLinkButton, #Reportcontainer .RadButton_Default.rbLinkButton:hover {
    text-align: left !important;
}

#Reportcontainer .seconMenu li.active {
    border: 1px solid #0070af !important;
    border-bottom: 0px solid !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    color: #0070af !important;
    background: #fff !important;
    height: 36px !important;
}

#Reportcontainer .filterHeader {
      color: #0070AF;
  font-size: 14px;
  float: left;
  width: 15%;
  padding: 10px;
}

#Reportcontainer .selectBox {
    clear: initial !important;
    float: left;
      font-size: 13px;
  font-weight: bold;
  z-index: 2;
}

#Reportcontainer .selected, #Reportcontainer .selectArrow {
    background-color: #e5f4fb !important;
    border: 0px !important;
}

#Reportcontainer .selected {
    width: 170px;
}

#Reportcontainer .selectOptions {
    width: 200px;
}

#Reportcontainer .selectOption {
    padding: 0px !important;
    width: 100%;
}

    #Reportcontainer .selectOption a {
    padding: 5px 10% !important;
    display: block;
    text-decoration: none;
        color: #0070af;
}

#dashboardTabs li.active a, #Reportcontainer .seconMenu li.active a {
    color: #0070af !important;
}

#dashboardTabContents {
    border-top: 1px solid #0070af;
}

#dashboardTabs li {
    height: 28px !important;
}

.sec-menu-custom {
    background: #fff;
    height: 28px;
    margin: 0 auto;
    width: 100%;
}

    .sec-menu-custom > li {
        list-style-type: none;
        float: left;
        height: 20px !important;
        font-size: 12px;
        margin-right: 14px;
    }

.paging-list .RadButton_Default.rbSkinnedButton {
  background: none;
}

[data-role='chart'] {
  top: 15px;
}

#Reportcontainer .k-chart {
    position: static !important;
    top: 300px;
    z-index: 1 !important;
}

.report-excel {
    background: url("/Assets/images/export-to-excel-image.png") no-repeat;
    float: left;
  width: 35px;
  height: 35px;
  padding-right: 20px;
  margin-top: -3px;
}

.ViewGrid .rgPager .rgAdvPart {
    display: none;
}

.ReviewGrid .rgMasterTable thead th.rgHeader {
    width: 100%;
    overflow-x: hidden;
}

.ReviewGrid .rgHeaderWrapper {
    width: 100%;
}

.ReviewGrid .rgDataDiv {
    height: 53vh !important;
}

#ulId {
    height: 34px !important;
}

.nestedCheckboxes li.rmItem {
    padding: 7px 14px !important;
    margin: 0 !important;
}

li.rmItem .rmText, .RadMenu .rmLink {
    padding: 0 !important;
}

li.rmItem .rmText {
    left: 0 !important;
}

li.rmFirst a.rmSelected {
    left: -5px;
   }  

li.rmItem, ul.reToolbar li, #container #composepage ul.reToolbar {
    width: auto !important;
    min-width: 0 !important;
}

#tabred .billedTab.current {
    background: url(/Assets/images/arwdb.png) no-repeat bottom !important;
}

#tabred .billedTab {
    color: #0070af !important;
    font-weight: normal !important;
    font-size: 13px !important;
    box-shadow: none !important;
    border: none !important;
}

.hide-path {
    display: none !important;
} 

.otherOption {
    width: 100% !important;
}

li .selectOptions {
    overflow: auto !important;
    max-height: 200px;
}

.otherOption a.aspNetDisabled {
    opacity: 0.4;
}

    .otherOption a.aspNetDisabled span {
        background-color: grey !important;
}

.marlft250 {
    margin-left: -250px;
}

div#tabs-container .RadGrid tr .boq-first-column {
    width: 8% !important;
    float: left;
}

div#tabs-container .RadGrid tr .boq-last-column {
    width: 18% !important;
    float: left;
}

div#tabs-container .RadGrid tr .boq-status-column {
    width: 9% !important;
    float: left;
}

div#tabs-container .RadGrid tr .boq-actions-column {
    width: 33% !important;
    float: left;
}

div#tabs-container .RadGrid tr .boq-bidding-column {
    width: 11% !important;
    float: left;
}
 
div#tabs-container .RadGrid tr .boq-userid-column {
    width: 10% !important;
    float: left;
}

div#tabs-container .RadGrid tr td.boq-first-column span, div#tabs-container .RadGrid tr td.boq-last-column span,
div#tabs-container .RadGrid tr td.boq-first-column a, div#tabs-container .RadGrid tr td.boq-last-column a {
    float: left;
    width: 100%;
}

div#tabs-container .RadGrid tr td.boq-first-column span, div#tabs-container .RadGrid tr td.boq-last-column span {
    padding-top: 5px;
    height: 26px;
}

.BoQRadGrid thead tr:last-child {
    background: #0097d7 !important;
}

.BoQRadGrid tr.rgPager {
    background: none !important;
}

.downloadDoc p {
    text-align: justify;
}

.webchatHolder {
    position: fixed;
    /*right: 0px;*/
    bottom: 0px;
    width: 300px;
    border: #c4c4c4 1px solid;
}

.webchatHeader {
    color: #ffffff;
    height: 40px;
    background-color: #0070af;
    cursor: pointer;
}

.rotated {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -moz-transform: rotate(180deg); /* Firefox */
  -webkit-transform: rotate(180deg); /* Safari and Chrome */
  -o-transform: rotate(180deg); /* Opera */
}

.webchatTitle {
    padding: 11.5px;
    font-size: 15px;
}

.chatContainer {
    padding-top: 30px;
    background-color: #f2f2f2;
    height: 200px;
}

.chatContainer div {
    text-align: center;
    font-size: 14px;
}

.chatTypeArea {
    background-color: #ffffff;
    border-top: #c4c4c4 1px solid;
    border-bottom: #c4c4c4 1px solid;
    height: 90px;
    position: relative;
}

.webchatImage {
    padding: 7.5px;
    padding-left: 20px;
    width: 30px;
    float: left;
}

.chatWatermark {
    position: absolute;
    opacity: 0.25;
    font-size: 1em;
    width: 100%;
    font-style: italic;
    z-index: 1000;
}

.chatTypeArea textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #a3a3a3;
    font-style: italic;
}

.chatTypeArea textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a3a3a3;
    opacity: 1;
   font-style: italic;
}

.chatTypeArea textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a3a3a3;
    opacity: 1;
   font-style: italic;
}

.chatTypeArea textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a3a3a3;
   font-style: italic;
}

.chatTypeArea textarea {
    resize: none;
    height: 80%;
    width: 90%;
    border: none;
}


.RadForm_Default.rfdRadio input[type="radio"], .RadForm_Default.rfdRadio input[type="radio"]:hover {
    background-image: url("/Assets/images/radio-hover.png") !important;
    background-position: 0px 0px;
    background-size: 20px;
    padding-right: 25px;
}

    .RadForm_Default.rfdRadio input[type="radio"]:checked, .RadForm_Default.rfdRadio input[type="radio"]:checked:hover {
    background-image: url("/Assets/images/radio-selected.png") !important;
    background-position: 0px 0px;
}

.type-radio {
    padding: 7px;
}

.type-holder {
    width: 100%;
    border-bottom: #a8a8a8 1px solid;
    font-size: 13px;
}

.report-title {
    color: #0070af;
    font-weight: bold;
    font-size: 13px;
    padding: 20px;
}

.individual-filter-holder {
    width: 300px;
    height: 175px;
    position: relative;
    margin: 5px;
}

[id*='siFilterChartHolder' ] .individual-filter-holder {
    float: left;
}

.filter-chart-align {
    margin: 0 auto;
}

.filter-bg-color {
    background-color: #ebebeb;
}

.si-individual-filter-holder {
    width: 300px;
    height: 175px;
    position: relative;
    float: left;
}

.si-filter-holder {
    border-top: 1px solid #a8a8a8;
        float: left;
    width: 100%;
}

#Reportcontainer .hide {
    display: none;
}

#Reportcontainer [id*='GridContainer'] {
    float: left;
}

.combo-report-holder {
    padding: 5px;
}
.combo-report-holder .red-text{
    width: auto;
}
#Reportcontainer .k-tooltip {
    box-shadow: #d4d4d1 2px 2px;
    font-weight: bold !important;
    padding: 2px !important;
}

#Reportcontainer g text, #Reportcontainer text {
    font-size: 11px !important;
}

#Reportcontainer svg > text:first-of-type {
    font-size: 13px !important;
    font-weight: bold !important;
}

#Reportcontainer [id='filterBarChart'] svg > text:last-of-type,
#Reportcontainer [id='siFilterBarChart'] svg > text:last-of-type {
    display: none;
}

.si-org-title {
    font-size: 14px !important;
    font-weight: bold !important;
    padding-right: 10px;
}

.si-filter-container {
    width: 100%;
    float: left;
    padding: 10px;
}

.sbu-note {
    font-size: 10px;
}

.summary-holder {
     float: left;
 }

.summary-grid .rgExpandCol {
    display: none !important;
}

.summary-grid {
    border: none;
    background: #e5f4fb;
}

    .summary-grid tr, .summary-grid tr:hover {
    background: none !important;
}

    .summary-grid .rgRow td, .summary-grid .rgAltRow td {
    border: white 1px solid !important;
    color: #0070af;
    font-weight: bold;
}

.summary-grid .rgRow td:last-of-type {
    text-align: right;
}
        .trackLead a.aspNetDisabled{
    cursor: default !important;
    -webkit-filter: grayscale(1); /* Old WebKit */
  filter: gray;
}

        .no-records-container, .leadList .no-records-template{
            margin: 10px;
        }
        .create-bidding-link{
                float: right;
    font-size: 12px;
    padding-right: 30px;
        }
        .tool input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;

}
.form-group input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;

}
/*****Change in Padding for the Menu Items for product page*********/
.menu li {padding:0;}

#menu .menu li {
    height:32px;
    padding:0;
}
#menu .menu li:hover {
    height:32px;
}

#menu .menu li a {
    padding: 6px 12px;
    display: inline-block;
}

#menu .menu li.active a {
    padding: 6px 20px;
    display: inline-block;
}
 .product-submenu .submenuCol ul li {
                height: auto!important;
            }
  .product-submenu .submenuCol ul li a {
                    padding: 0px!important;
                }

  .showme {
    width: 118px;
    right: 10px;
    height: 68px;
}
.showme p {
    padding: 8px;
    width: 100px;
    text-align: left;
}
#SATpopUpDiv p .red-text, #overlay_POPUP p .red-text{
    width:auto!important;
}
.tabs .slider > ul > li {
    min-width: 0;
    padding: 0 6px;
}
.footer-copyright {
    float:right;
}
.popup_gridLayout .Padd10  img{
    max-height: 360px !important;
    width: auto !important;
}

.session-popup .ui-dialog-titlebar {
    background: #ccc;
    border-radius: 0;
    border: none;
    color:#333;
    padding: 10px;
}

.session-popup .ui-widget-content {
    background: #fff!important;
    background-color: #fff !important;
}
.session-popup {
    padding: 0;
    background: #fff!important;
}

.session-popup .ui-dialog-content {
  
}
.session-popup .ui-dialog-buttonpane button {
    background: #0070AF;
    color: #fff;
}
.boqBS {
 overflow: auto;
}