html {
    overflow-y: scroll;
}

body {
    margin: 0;
    padding: 0;
    background: url(../images/portal-bg.gif) repeat;

}

body, input {
    font: 13px/22px HelveticaNeue,Helvetica,Arial,sans-serif;
    color: #333333;
}
/*
body, input {font: 13px/22px HelveticaNeue,Helvetica,Arial,sans-serif; color: #606060;}
*/

h1 {
    font-size: 37px;
    line-height: 37px;
    font-weight: normal;
}

h2, h2 a {
    font-size: 30px;
    line-height: 34px;
    font-weight: normal;
    color: #2c2c2c;
    margin: 40px 0 0.6em;
}

    h2.itemTitle {
        margin-bottom: 1em;
    }

h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: normal;
    margin: 2em 0 0.4em;
    color: #2c2c2c;
}

h4 {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    margin: 1.5em 0 0.75em;
}

h5 {
    font-size: 15px;
    line-height: 19px;
    margin: 2em 0 0.25em;
}

h6 {
}

p {
    margin: 0 0 1em;
}

a {
    color: #e27000;
    text-decoration: none;
}

    a:hover {
        color: #eb8c2e;
    }
    /*
a {color: #eb8c2e; text-decoration: none;}
a:hover {color: #e27000;}
*/
    a img {
        border: none;
    }

a, input {
    outline: none;
}

strong {
    color: #4c4c4c;
}

ul {
    margin: 0 0 1em;
    padding: 0 0 0 15px;
}

li {
    line-height: 18px;
    margin: 0 0 5px;
}

.link-list {
    color: #eb8c2e;
}

li p {
    margin: 0 0 0.5em;
}

table {
    width: 100%;
    margin: 0 0 0;
}

td {
    vertical-align: top;
}

hr {
    background: none;
    border: none;
    border-bottom: 1px solid #cacaca;
    margin: 1em 0;
}

label {
    color: #333333;
    font-weight: normal;
}
/*
label {color: #868686; font-weight: normal;}
*/

/* clear-fix */
.cf:before, #homeshouts:before, #rotatingnews:before, #component-inner:before, #footerlogos:before, #footer:before, #subnav:before, #breadcrumb:before, #bottom-shout:before, .threecol:before, .bfform .selectlist:before,
.cf:after, #homeshouts:after, #rotatingnews:after, #component-inner:after, #footerlogos:after, #footer:after, #subnav:after, #breadcrumb:after, #bottom-shout:after, .threecol:after, .bfform .selectlist:after {
    content: "";
    display: table;
}

.cf:after, #homeshouts:after, #rotatingnews:after, #component-inner:after, #footerlogos:after, #footer:after, #subnav:after, #breadcrumb:after, #bottom-shout:after, .threecol:after, .bfform .selectlist:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf, #homeshouts, #rotatingnews, #component-inner, #footerlogos, #footer, #subnav, #breadcrumb, #bottom-shout, .threecol, .bfform .selectlist {
    zoom: 1;
}


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

    ul.menu li {
        line-height: 22px;
        margin: 0;
        list-style: none;
        float: left;
        z-index: 1000;
    }


.twoCol td {
    padding: 0 20px;
    width: 50%;
}

.threeCol td {
    padding: 0 15px;
    width: 32%;
}

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

.testimonial td {
    padding: 0 20px 0 0;
}

td.oneThird {
    padding-right: 35px;
}

p.shadow-top, p.shadow-bottom {
    height: 10px;
    width: 962px;
    position: relative;
    left: -35px;
    padding: 0;
}

p.shadow-top {
    background: url(../images/bg_hr-top.png) no-repeat; /* margin: 0 0 -10px; */
}

p.shadow-bottom {
    background: url(../images/bg_hr-bottom.png) no-repeat;
    margin: -20px 0 20px;
}

p.customize {
    background: url(/images/stories/misc/customize-your-server-bg.gif) no-repeat;
    padding: 11px 0 11px 37px;
    font-size: 11pt;
}

    p.customize a {
        color: #fff;
    }

.clr {
    clear: both;
    height: 0px;
}

ul.list_orange-check {
    padding: 0;
}

    ul.list_orange-check li {
        list-style: none;
        padding: 0 0 0 20px;
        background: url(../images/bg_orange-check.png) no-repeat left 4px;
    }

    ul.list_orange-check ul li {
        list-style: disc;
        background: none;
    }


.heading-tagline {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 0 1.75em;
}

.button_orange, .submitbuttonrow {
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    padding: 12px 17px;
    width: 210px;
    height: 25px;
    color: #fff;
    border-right: 1px solid #a06020;
    border-bottom: 1px solid #a06020;
}

    .button_orange a {
        display: block;
        background: url(../images/bg_right-arrow-circled.png) no-repeat right center;
        color: #fff;
    }

/* from otc on joomla 1.5 */
.imgleft {
    float: left;
    margin: 0 25px 15px 0;
}

.imgright {
    float: right;
}

.imgborder, .avPlayerWrapper, .latestItemImageBlock img {
    border: 5px solid #fff;
}

.quotee {
    text-align: left;
    font-size: 12px;
    font-style: italic;
}


/*** border-radius - 2px ***/
.button_orange {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}



/*** border-radius - 4px ***/
#nav, #nav .menu ul, #homeshouts, #rotatingnews, #component, #subnav, .submitbuttonrow {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


/*** drop shadow ***/
#nav, #homeshouts, #rotatingnews, #component, #subnav, .imgborder, .avPlayerWrapper, .latestItemImageBlock img, .threecol li, .bfform .twocol li, .bfform .selectlist, #livechat a {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.40);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.40);
}


/*** slight gradient - #fff to #f0f0f0 ***/
#homeshouts, #rotatingnews, #component, #subnav, .threecol li, .bfform .twocol li, .itemContainer.shadowbottom, .bfform .selectlist, #homeshouts, #rotatingnews {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}




    .threecol li li, .bfform .twocol li li {
        filter: none;
    }

/*** orange gradient ***/
.button_orange, .submitbuttonrow {
    background: #ff9933;
    background: -moz-linear-gradient(top, #ff9933 0%, #e98b2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9933), color-stop(100%,#e98b2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff9933 0%,#e98b2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff9933 0%,#e98b2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff9933 0%,#e98b2e 100%); /* IE10+ */
    background: linear-gradient(top, #ff9933 0%,#e98b2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9933', endColorstr='#e98b2e',GradientType=0 ); /* IE6-9 */
}




#header, #top, #container, #footer {
    width: 1180px;
    margin: 0 auto;
}

#dialog-header, #dialog-top, #dialog-container, #dialog-footer {
    width: 950px;
    margin: 0 auto;
}

#header-wrapper, #banner-wrapper, .banner-image, #banner-pager-wrapper, #footer-wrapper {
    min-width: 962px;
}

#homeshouts, #rotatingnews, #component, #subnav {
    margin: 0 0 18px;
}

body.latest #component {
    background: #fff;
    filter: none;
}



#header {
    position: relative;
}

#header-wrapper {
    position: relative;
    z-index: 20;
}

#top-wrapper {
    background: url(../Images/bg_fff-75.png) repeat;
    height: 44px;
    border-bottom: 1px solid #ededed;
}

#top, #top input, #top a {
    font-size: 12px;
    color: #2c2c2c;
}

#top {
    padding: 0px 0 0;
}

#top-left {
    float: left;
    padding: 10px 0 0;
}

#top-right {
    float: right;
    padding: 10px 0 0;
}

#top-left-logo {
    float: left;
    padding: 5px 15px 0 0;
    margin: 0px;
}

#top-right-quicksearchtarget {
    float: right;
    margin: 0px;
}

#top-right .moduletable {
    float: left;
    margin-left: 22px;
}

#top-right .menu li {
    margin: 1px 0;
}

    #top-right .menu li a {
        padding: 0 10px;
    }

        #top-right .menu li a:hover {
            color: #e27000;
        }

        #top-right .menu li a.twitter {
            padding: 0 0 0 10px;
        }

    #top-right .menu li.active a {
        color: #eb8c2e;
    }

    #top-right .menu li a.icon {
        padding: 0 5px;
    }

#top-right .menu img {
    padding-top: 3px;
}

#top-right .search {
    background: url(../images/bg_search.png) no-repeat;
    width: 117px;
    height: 24px;
    padding: 0 10px;
}

    #top-right .search label {
        display: none;
    }

    #top-right .search input {
        border: none;
        background: none;
        float: left;
        color: #4c4c4c;
        padding: 4px 0;
    }

        #top-right .search input.inputbox {
            width: 100px;
            line-height: 12px;
        }

/* image replacement for logo */
#logo {
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
}

    #logo h2, #logo span {
        margin: 0;
        position: absolute;
        width: 317px;
        height: 119px;
        display: block;
        top: 0;
        left: 0;
        text-indent: -99999px;
    }

    #logo span {
        background: url(../images/logo.png) no-repeat;
    }





/******* Main Menu *******/
/*** drop down ESSENTIAL STYLES ***/
#nav {
    position: relative;
}

    #nav .menu li ul {
        position: absolute;
        top: -9999px;
        left: 0;
    }

    #nav .menu li:hover ul {
        top: 49px;
    }

/* skin */
#nav {
    float: right;
    margin: 5px 5px 5px 0;
    background: #fff;
}

    #nav .menu li {
        padding-right: 8px;
        position: relative;
    }
        /*#nav .menu li:hover {background: #ef8826; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.40); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.40); -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.40);}*/
        #nav .menu li:hover {
            background: #fcecdd;
            box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.40);
            -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.40);
            -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.40);
        }

            #nav .menu li:hover a, #nav .menu li.active:hover a {
                color: #000;
                background-position: right center;
            }

        #nav .menu li a {
            color: #924d0d;
            background: url(../images/bg_nav-menu.png) no-repeat right top;
            display: block;
            padding: 14px 11px 15px;
        }

        #nav .menu li.active a {
            color: #ef8826;
            background-position: right bottom;
        }
        /*
#nav .menu li:hover a, #nav .menu li.active:hover a  {color: #924d0d; background-position: right center;}
#nav .menu li a {color: #0c0c0c; background: url(../images/bg_nav-menu.png) no-repeat right top; display: block; padding: 14px 11px 15px;}
#nav .menu li.active a {color: #ef8826; background-position: right bottom;}*/

        /* home icon */
        #nav .menu li.item-500 {
            padding: 0;
        }

            #nav .menu li.item-500 a {
                background: none;
                padding: 18px 20px;
            }

        /* second level */
        #nav .menu li ul {
            background: #fcecdd;
            width: 250px;
            margin: 0;
            padding: 0;
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40);
            -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40);
            -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.40);
        }

            #nav .menu li ul li {
                float: none;
                padding: 0;
            }

                #nav .menu li ul li a {
                    padding: 8px 20px;
                }

                #nav .menu li ul li:hover, #nav .menu li.item-500:hover {
                    box-shadow: none;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                }

        #nav .menu li:hover ul li a, #nav .menu li.active:hover ul li a {
            background: none;
        }

        #nav .menu li ul li a:hover, #nav .menu li.active ul li a:hover {
            color: #924d0d;
            background: #fffff1;
        }

        #nav .menu li ul li.active a, #nav .menu li.active ul li.active a {
            background: #ff9c3f;
        }

        #nav .menu li ul li hr {
            margin: 4px 40px 4px 10px;
            padding: 0px;
            line-height: 2px;
        }
        /* last item */
        #nav .menu li:last-child ul, #nav .menu li.item-572 ul {
            left: auto;
            right: 0;
        }

#subnav {
    position: relative;
}

    #subnav .moduletable {
        float: left;
    }

        #subnav .moduletable.number {
            width: 275px;
            padding-top: 30px;
            float: right;
            text-align: center;
        }

            #subnav .moduletable.number p, #subnav .moduletable.number h4 {
                margin: 0;
            }

    #subnav .menu {
        font-size: 12px;
    }

        #subnav .menu li {
            line-height: 15px;
            height: 105px;
            overflow: hidden;
        }

            #subnav .menu li a {
                color: #555353;
                display: block;
                width: 137px;
                height: 59px;
                padding: 26px 0 20px;
                text-align: center;
            }

            #subnav .menu li .menu-image {
                display: block;
                height: 32px;
                width: 32px;
                margin: 0 auto;
                overflow: hidden;
                position: relative;
                padding-bottom: 5px;
            }

                #subnav .menu li .menu-image img {
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            #subnav .menu li a:hover {
                background: #eee;
            }

            #subnav .menu li.active .menu-image img {
                left: -32px;
            }

            #subnav .menu li.active {
                background: #ef8826;
            }

                #subnav .menu li.active a {
                    background: #ef8826;
                    color: #fff;
                }

#banners, #banners .banner {
    position: static !important;
}
/* override for the cycle plugin */
.banner-content, .banner-image, .banner-inner, .banner-content-wrapper {
    filter: inherit;
}

#banners {
    height: 170px;
}

#home #banners {
    height: 240px;
}

.banner {
}

.banner-content-wrapper {
    left: 0;
    position: absolute;
    top: 170px;
    width: 100%;
}

#home .banner-content-wrapper {
    top: 170px;
}

.banner-image {
    height: 396px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#home .banner-image {
    height: 525px;
}

.banner-content {
    height: 128px;
    margin: 0 auto;
    position: relative;
    width: 962px;
    color: #fff;
    text-shadow: 1px 1px 3px #333;
    font-size: 15px;
    line-height: 22px;
}

#home .banner-content {
    height: 196px;
}

.banner-content h1 {
    margin: 10px 0;
    font-size: 44px;
    line-height: 46px;
}

.banner-content p {
    margin: 0;
}

.banner-content img {
    position: absolute;
    top: 30px;
    left: 0;
}

.banner-inner {
    margin-left: -118px;
    padding: 0px 0px 0px 118px;
    float: left;
    max-width: 605px;
    color: #fff;
    text-shadow: 1px 1px 3px #333;
}

#home .banner-inner {
    padding: 15px 20px 25px 420px;
}

.banner .end-cap {
    width: 5px;
    height: 128px;
    float: left;
    background: #fff;
}

#home .banner .end-cap {
    height: 196px;
}

#banner-pager-wrapper {
    width: 962px;
    margin: 0 auto;
    position: relative;
    z-index: 20;
}

#banner-pager {
    position: absolute;
    top: -27px;
    right: 24px;
}

    #banner-pager a {
        display: block;
        height: 15px;
        width: 15px;
        float: left;
        background: url(../images/bg_banner-pager.png) no-repeat left top;
        font-size: 0px;
        margin-left: 4px;
    }

        #banner-pager a.activeSlide {
            background-position: right top;
        }




#container {
    position: relative;
}

#breadcrumb, #breadcrumb a {
    font-size: 12px;
    color: #6f6f6f;
}

#homeshouts {
    font-size: 13px;
    line-height: 17px;
}

    #homeshouts .moduletable {
        width: 250px;
        float: left;
        padding: 30px 35px 19px;
        text-align: center;
        background-position: center 29px;
    }

    #homeshouts h3 {
        margin: 13px 0 9px;
    }

        #homeshouts h3 a {
            color: #2c2c2c;
        }

#rotatingnews {
    padding: 0px 0px 0px 5px;
}

.rotatingnews p.modulePretext, .feed .modulePretext {
    float: left;
    margin: 0 5px 0 0;
    font-weight: bold;
}

ul#rotatingnewscontainer, ul#rotatingblogcontainer {
    float: left;
    margin: 0;
    padding: 0;
    width: 350px;
    height: 22px;
    position: relative;
}

ul#rotatingblogcontainer {
    width: 350px;
}

    ul#rotatingnewscontainer li, ul#rotatingblogcontainer li {
        list-style: none;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 22px;
        /*background: none !important;*/
    }

        ul#rotatingnewscontainer li a, ul#rotatingblogcontainer li a {
            color: #5a5757;
        }

#component {
    padding: 0 35px;
}

#bottom-shout {
    color: #4c4c4c;
    margin-top: 35px;
    width: 962px;
    padding-top: 8px;
    position: relative;
    left: -35px;
    background: url(../images/bg_hr-bottom.png) no-repeat;
    font-size: 13px;
}

    #bottom-shout strong {
        color: #2c2c2c;
    }

#bottom-shout-inner {
    background: url(../images/bg_2x1_fff.gif) repeat-y 660px 0 #f0f0f0;
    padding: 30px 25px 15px 35px;
}

#bottom-shout-left {
    width: 610px;
    float: left;
}

#bottom-shout-right {
    width: 250px;
    float: right;
}

#bottom-shout h4 {
    margin-top: 4px;
    font-weight: normal;
    font-size: 16px;
}


#footerlogos {
    margin: 45px 0;
    width: 100%;
    text-align: center;
}

    #footerlogos ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #footerlogos li {
        display: inline;
        list-style: none;
        margin-right: 30px;
    }

#footer-wrapper {
    background: #005095;
    background: -moz-linear-gradient(top, #005095 0%, #005fa8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005095), color-stop(100%,#005fa8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #005095 0%,#005fa8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #005095 0%,#005fa8 100%);
    background: -ms-linear-gradient(top, #005095 0%,#005fa8 100%); /* IE10+ */
    background: linear-gradient(top, #005095 0%,#005fa8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005095', endColorstr='#005fa8',GradientType=0 ); /* IE6-8 */
}

#footer {
    padding: 30px 0;
}

    #footer, #footer a {
        color: #fff;
    }

        #footer a:hover {
        }

        #footer .menu li.item-500 {
            display: none;
        }
        /* hide 'home' item */
        #footer .menu li.item-612 {
            margin-right: 0;
        }

        #footer .menu {
            font-size: 16px;
            line-height: 16px;
        }

            #footer .menu li {
                float: left;
                margin-right: 49px;
            }

                #footer .menu li ul {
                    margin: 15px 0;
                    padding: 0;
                    max-width: 115px;
                }

                    #footer .menu li ul li {
                        font-size: 12px;
                        line-height: 14px;
                        float: none;
                        margin: 0 0 6px;
                    }

#copyright {
    clear: both;
    text-align: center;
    padding: 40px 0;
}

#livechat a {
    display: block;
    background: url(../images/bg_livechatbutton.jpg) no-repeat;
    width: 39px;
    height: 117px;
    border: 3px solid #fff;
    border-right: none;
    position: fixed;
    top: 169px;
    right: 0;
    text-indent: -9999px;
}

#home #livechat {
    top: 200px;
}

/**********************************/
/*** Page type specific styles ****/
/**********************************/
body.packages #component {
    padding: 0;
}

body.packages #k2Container {
    padding-right: 35px;
}

body.packages p.shadow-top,
body.packages p.shadow-bottom {
    left: 0;
}

body.packages #bottom-shout {
    left: 0px;
    margin-top: 0;
}


/*** right column layout ***/
body.rightcol #contentarea {
    width: 650px;
    float: left;
}

body.rightcol #right {
    width: 205px;
    float: right;
    margin-top: 65px;
}

body.rightcol .itemHeader .itemTitle {
    max-width: 667px;
}

#right h3 { /*color: #eb8c2e;*/
    font-size: 15px;
    line-height: 20px;
}

#right .moduletable {
    border-bottom: 1px solid #dadada;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
}

    #right .moduletable.noborder {
        border-bottom: none;
        padding-bottom: 0;
    }


#right .submenu {
    font-size: 15px;
}

    #right .submenu li {
        float: none;
    }

    #right .submenu a {
        color: #4c4c4c;
    }
    /* second level */
    #right .submenu ul {
        padding: 0;
        margin-top: 5px;
    }

        #right .submenu ul li {
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 7px;
        }

        #right .submenu ul a {
            color: #eb8c2e;
        }

            #right .submenu ul a:hover {
                color: #e27000;
            }

        #right .submenu ul li.current a {
            color: #e27000;
            text-decoration: underline;
        }
        /* third level */
        #right .submenu ul ul {
            padding: 0 0 0 10px;
        }

        #right .submenu ul li.current ul a {
            color: #eb8c2e;
            text-decoration: none;
        }



/*** form page layout ***/
body.formpage #component {
    padding: 0 0 1px 0;
    position: relative;
}

body.formpage #component-inner {
    background: url(../images/bg_shadow-right.png) repeat-y 737px top;
}

body.formpage #contentarea {
    width: 650px;
    float: left;
    padding: 0 45px 40px 45px;
    position: relative;
    z-index: 200;
}

body.formpage #form-right { /*width: 198px; float: right; padding-left: 10px;*/
}

    body.formpage #form-right h3 {
        background: url(../images/bg_header-blue_arrow-left.png) no-repeat;
        padding: 15px 0 14px 45px;
        height: 25px;
        margin: 0 0 10px -36px;
        color: #fff;
    }

    body.formpage #form-right.fixed {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 50;
    }

        body.formpage #form-right.fixed #form-right-inner {
            width: 962px;
            margin: 0 auto;
        }

body.formpage #form-right-content {
    width: 200px;
    float: right;
}

body.formpage #form-right.pinbottom {
    position: absolute;
    right: 0;
    bottom: 0;
}


/*** sitemap ***/
.sitemap .menu {
}

    .sitemap .menu li {
        display: block;
        float: none;
    }

    .sitemap .menu ul {
    }

        .sitemap .menu ul li {
        }

        .sitemap .menu ul ul {
        }

            .sitemap .menu ul ul li {
            }




/**************************/
/*** K2 Specific Styles ***/

/* RSS feed icon */
.k2FeedIcon {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 10px;
    background: #fff;
}

    .k2FeedIcon a {
        display: block;
        width: 32px;
        height: 32px;
        background: url(../images/bg_icon-rss.png) no-repeat;
        text-indent: -9999px;
    }


/* clearing list item */
li.clearList {
    clear: both;
    list-style: none;
    height: 0px;
    float: none !important;
}

/* item titles */
.itemHeader, .latestItemsCategory, .componentheading, .itemListCategory {
    margin: 40px 0 30px;
    background: url(../images/bg_1x1-dadada.gif) repeat-x 0 18px;
    position: relative;
    width: 1080px;
}

    .itemHeader .itemTitle, .latestItemsCategory h2, .componentheading h2, .itemListCategory h2 {
        background: #fff;
        display: inline-block;
        margin: 0;
        padding-right: 20px;
    }

.boxheading {
    color: #00569B;
    margin: 0;
    background: url(../images/bg_1x1-dadada.gif) repeat-x 0 18px;
    position: relative;
    width: 1080px;
    font-size: 15px;
    line-height: 19px;
    font-weight: bold;
}
/*background: #fff; display: inline-block; margin: 0; padding-right: 20px; margin: 2em 0 0.25em;}*/

.Tab {
    color: #00569B;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    padding-top: 8px;
}

.TabBox {
    border-bottom: #5991BE 1pt solid;
    border-left: #5991BE 1pt solid;
    border-top: #5991BE 1pt solid;
    border-right: #5991BE 1pt solid;
    padding: 8px 5px 8px 5px;
    width: 100%;
}
/*
#5991BE is 65% opacity for #00569B
*/

/* pagination */
.k2Pagination {
    text-align: center;
    margin-top: 30px;
}

    .k2Pagination ul {
        margin: 0;
    }

    .k2Pagination li {
        list-style: none;
        display: inline;
        padding: 0 8px;
    }


/* managed servies - category layout with shadows */
.itemContainer.shadowbottom {
    padding: 0 0 10px;
    margin: 0 0 12px;
}

    .itemContainer.shadowbottom .k2ReadMore {
        color: #eb8c2e;
        float: right;
    }

body.packages #k2Container.managed_services .itemContainer.shadowbottom {
    padding-right: 35px;
}

/* newsletter feed - k2 content module */
.newsletter-feed.k2ItemsBlock ul {
    margin: 0;
    padding: 0;
}

.newsletter-feed.k2ItemsBlock li {
    list-style: none;
    float: left;
    font-size: 18px;
    line-height: 25px;
    width: 18%;
    margin: 0 2% 0.75em 0;
}


/* other */
h3.latestItemTitle, h3.catItemTitle {
    margin: 1.5em 0 0;
    font-size: 19px;
}

.itemDateCreated {
    margin-bottom: 0.5em;
}

.latestItemIntroText p.last, .catItemIntroText p.last {
    display: inline;
}

.k2ReadMoreContainer {
    display: inline;
}

.k2ReadMore {
    color: #000;
}

.latestItemView.right, .itemContainer.right {
    float: right;
    width: 428px;
}

.latestItemView.left, .itemContainer.left {
    float: left;
    width: 428px; /*margin-right: 35px;*/
    clear: both;
}

.categoryReadMore {
    text-align: right;
    color: #3d3d3d;
}

    .categoryReadMore a {
        color: #3d3d3d;
    }

.latestItemImageBlock, .catItemImageBlock {
    float: left;
    margin: 0 40px 20px 0;
}

    .latestItemImageBlock img {
    }





/************************/
/*** Forms ***/

/* Old border color: #d7d7d7, replaced with #bcbcbc */

fieldset {
    border: none;
}

input[type=radio], input[type=checkbox] {
    border: none !important;
    padding: 0 !important;
    background: none;
}

input {
    border: 1px solid #bcbcbc;
    padding: 0px 5px;
}

select {
    border: 1px solid #bcbcbc;
    padding: 2px 5px;
    color: #333333;
}

input[type=submit], input[type=button] {
    background: #eee;
    padding-left: 15px;
    padding-right: 15px;
    color: #5e5e5e;
    font-weight: bold;
}

    input[type=submit]:hover, input[type=button]:hover {
        cursor: pointer;
        color: #000;
        font-weight: bold;
    }

    input[type=submit]:disabled, input[type=button]:disabled {
        cursor: default;
        color: #999;
        font-weight: normal;
    }

input[type=text] {
    height: 20px;
}

textarea {
    border: 1px solid #bcbcbc;
    font: 13px/22px HelveticaNeue,Helvetica,Arial,sans-serif;
    color: #000;
}

/** bff overrides **/
form.bfform div label {
    float: none;
    padding: 3px 5px 3px 0;
    width: auto;
}

form.bfform input {
    padding: 0;
}

form div fieldset {
    margin: 0;
    padding: 0;
}

form.bf textarea {
    border: 1px solid #bcbcbc;
    font: 13px/22px HelveticaNeue,Helvetica,Arial,sans-serif;
    color: #000;
}

t-border-radius: 4px; width: 97%;
}

#right form.bfform .inputbox {
    width: 185px;
}

form.bfform .inputbox[type=radio], form.bfform .inputbox[type=checkbox] {
    background: none;
    padding: 0;
}

form div {
    clear: none;
    padding: 0;
    margin: 0 0 0px;
}

span.bf_layout_checkbox_horizontal, span.bf_layout_html_horizontal {
    float: none;
    padding: 0;
}


div#bf_failvalidation_messages {
    border: none;
    margin: 0;
    padding: 0;
}

    div#bf_failvalidation_messages h1 {
        margin: 1em 0 0.5em;
        color: #ed5c2f;
        font-weight: normal;
        text-align: left;
    }

    div#bf_failvalidation_messages p {
        color: #ed5c2f;
        font-weight: normal;
        text-align: left;
    }

input.bf_pass_validation, select.bf_pass_validation, textarea.bf_pass_validation {
    background-color: #fff;
}

input.bf_fail_validation, select.bf_fail_validation, textarea.bf_fail_validation,
form.bfform .inputbox.bf_fail_validation {
    background-color: #fff;
    border-color: #ed5c2f;
}

/** default bff styles **/
.submitbuttonrow {
    float: right;
    width: 150px;
    height: 21px;
}

#right .submitbuttonrow {
    width: 169px;
}

.submitbuttonrow:hover, .submitbutton:hover {
    cursor: pointer;
}

input.submitbutton {
    font-size: 18px;
    font-weight: normal;
    width: 100%;
    height: 100%;
    color: #fff;
    border: none;
    text-align: left;
    background: url(../images/bg_right-arrow-circled.png) no-repeat right center;
}

    input.submitbutton, input.submitbutton:focus {
        outline: none;
    }


/** standard two column form **/
#two-col-form .col1, #two-col-form .col2 {
    width: 380px;
    margin-right: 75px;
    float: left;
}

#two-col-form .col2 {
    margin-right: 0;
}

#two-col-form .inputbox {
    width: 357px;
}

#two-col-form .bf_layout_checkbox input {
    width: 10px;
}

#two-col-form .bf_form_row.submitbuttonrow {
    margin: 1em 0;
}

#two-col-form .twocol li {
    width: 375px;
}




/*** three column ***/
form.bfform div h3 label {
    width: 100%;
    color: #2c2c2c;
    padding: 0;
    margin: 0;
}

.bfform .threecol, .threecol {
    margin: 0;
    padding: 0;
}

    .bfform .threecol li, .threecol li {
        float: left;
        width: 200px;
        margin-right: 20px;
        list-style: none;
        border: 1px solid #fff;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        .bfform .threecol li.last, .threecol li.last {
            margin-right: 0;
        }

        .bfform .threecol li label, .threecol li a {
            display: block;
            width: auto;
            text-align: center;
            padding: 40px 10px 15px;
            position: relative;
            overflow: hidden;
        }

        .bfform .threecol li:hover, .threecol li:hover {
            border-color: #999;
        }

        .bfform .threecol li.selected {
            border-color: #90b5d2;
        }

        .bfform .threecol li:hover, .bfform .threecol li.selected, .threecol li:hover {
            background: #fff;
            filter: none;
        }

        .bfform .threecol li label input {
            width: 10px;
            position: absolute;
            top: 14px;
            left: 10px;
        }

        .bfform .threecol li label:hover {
            cursor: pointer;
        }

    .bfform .threecol img {
    }

    .bfform .threecol hr {
        margin: 0;
    }

    .bfform .threecol .title, .threecol .title {
        display: block;
        font-size: 18px;
        color: #2c2c2c;
        margin: 10px 0 5px 0;
    }

    .bfform .threecol .subtitle, .threecol .subtitle {
        display: block;
        color: #5f5f5f;
        line-height: 130%;
        font-size: 12px;
    }

    .bfform .threecol.tworow label {
        padding: 40px 15px 20px;
    }

    .bfform .threecol ul.list_orange-check {
        margin: 20px 10px 20px 20px;
    }

        .bfform .threecol ul.list_orange-check li {
            padding: 0 0 0 20px;
            background: url(../images/bg_orange-check.png) no-repeat left 4px;
            float: none;
            width: auto;
            border: none;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
        }

        .bfform .threecol ul.list_orange-check ul li {
            list-style: disc;
            background: none;
        }


.bfform .twocol {
    margin: 0;
    padding: 0;
}

    .bfform .twocol li {
        width: 300px;
        margin: 0 20px 15px 0;
        float: left;
        list-style: none;
        border: 1px solid #fff;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        .bfform .twocol li.last {
        }

        .bfform .twocol li label {
            width: auto;
            padding: 11px 20px;
            margin: 0;
        }

        .bfform .twocol li:hover {
            border-color: #999;
        }

        .bfform .twocol li.selected {
            border-color: #90b5d2;
        }

        .bfform .twocol li:hover, .bfform .twocol li.selected {
            background: #fff;
            filter: none;
        }

        .bfform .twocol li label:hover {
            cursor: pointer;
        }

        .bfform .twocol li label input {
            width: 10px;
            margin-right: 20px;
            position: relative;
            top: 3px;
        }

        .bfform .twocol li label sup {
            vertical-align: top;
        }

    .bfform .twocol .title {
        font-size: 16px;
        color: #2c2c2c;
    }

    .bfform .twocol .subtitle {
    }




.bfform .selectlist {
    padding: 30px 20px 10px;
}

    .bfform .selectlist li {
        float: left;
        list-style: none outside none;
        width: 265px;
        margin-bottom: 15px;
    }

    .bfform .selectlist label {
        float: left;
        width: 85px;
    }

    .bfform .selectlist select {
        width: auto;
        float: right;
        padding: 2px;
    }

    .bfform .selectlist .last {
        float: right;
        width: 295px;
    }

        .bfform .selectlist .last label {
            width: 110px;
        }

.asterisk {
    color: red;
}

/*** cloud hosting ***/
#com_form6, #com_form8, #com_form15 {
    display: none;
}

    #com_form6.active, #com_form8.active, #com_form15.active {
        display: block;
    }

#forms {
    position: relative;
}

    #forms #com_form6, #forms #com_form8, #forms #com_form15 {
        position: absolute;
        top: 0;
        left: 0;
    }



/*** Joomla specific ***/
/*** Search Results ***/
#searchForm fieldset {
    border: none;
}

    #searchForm fieldset label {
        float: left;
        font-weight: bold;
        margin-right: 8px;
    }

    #searchForm fieldset.phrases {
        padding: 10px;
        border: 1px solid #ddd;
    }

    #searchForm fieldset.word {
        padding: 10px 0 0;
    }

        #searchForm fieldset.word label, #searchForm label.radiobtn {
            float: none;
            font-weight: normal;
        }

    #searchForm fieldset .phrases-box {
        border-bottom: 1px solid #ddd;
        margin: 0 0 10px;
        padding: 0 0 5px;
    }

#searchForm input#search-searchword {
    width: 250px;
}

#searchForm .button {
    padding: 5px 15px;
    border: none;
}

    #searchForm .button:hover {
        cursor: pointer;
    }

/*** pagination ***/
.pagination {
    text-align: center;
}

    .pagination ul {
        padding: 0;
    }

        .pagination ul li {
            display: inline;
            list-style: none;
            margin: 0 5px;
        }

.avPlayerWrapper .avPlayerContainer {
    background-clip: none;
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    display: block;
    margin: 0;
    padding: 0;
}

.CoolGrid {
    color: #606060;
    font-size: 12px;
    padding: 5px 5px 5px 5px;
}

    .CoolGrid tr.GridHeader a:hover {
        color: #000000;
    }

    .CoolGrid tr.GridHeader, .CoolGrid tr.GridHeader a {
        color: #565656;
        background: #D9D9D9;
        font-weight: bold;
        text-decoration: none;
    }
    /*
.CoolGrid tr.GridHeader a:hover {color: #e27000;}
.CoolGrid tr.GridHeader, .CoolGrid tr.GridHeader a { color: #eb8c2e;  background: #c5d8e7; font-weight: bold; text-decoration: none;} 
*/
    .CoolGrid tr.GridRowOriginal {
        cursor: default;
        background: #fff;
    }

        .CoolGrid tr.GridRowOriginal a {
            cursor: pointer;
        }

    /*.CoolGrid tr.GridRowAlternate  { cursor: pointer; background: #f7f7f7;} Need to darken this up a bit for low-contrast screens. */
    .CoolGrid tr.GridRowAlternate {
        cursor: default;
        background: #dddddd;
    }

        .CoolGrid tr.GridRowAlternate a {
            cursor: pointer;
            background: #dddddd;
        }

        .CoolGrid tr.GridRowOriginal:hover, .CoolGrid tr.GridRowAlternate:hover {
            color: #00569B;
        }

    .CoolGrid tr.GridRowContractHighlight {
        cursor: pointer;
        font-weight: bold;
        background: #E9E9E9;
    }

        .CoolGrid tr.GridRowContractHighlight:hover, .CoolGrid tr.ContractHighlight:hover {
            color: #00569B;
        }

    .CoolGrid tr.GridRowHighlight {
        cursor: pointer;
        background: #ff9999;
    }

        .CoolGrid tr.GridRowHighlight:hover {
            color: #00569B;
        }

.RedLabel, .CoolLabelRed, .CoolLabelValue {
    color: #800a0a;
}

.CoolLabelLeft {
    text-align: left;
}

.hidden, .hideColumn {
    display: none;
}

.clear {
    clear: both;
    height: .001em;
    font-size: .001em;
    margin-bottom: 5px;
}

.ErrorText {
    color: Red;
}

.ImportantText {
    color: Red;
    font-weight: bold;
}

    .ImportantText a {
        color: Red;
        font-weight: bold;
    }

        .ImportantText a:hover {
            color: Red;
            font-weight: bold;
        }

.BandwidthBilling_Highlight {
    background: #ffcccc;
}

.CoolLabel {
    font-weight: bold;
    text-align: right;
}

.CoolLabelBlue {
    font-weight: bold;
    text-align: right;
    color: #003162;
}

.CoolLabelCenter {
    font-weight: bold;
    text-align: right;
    color: #003162;
}

.MoreCoolLabel {
    font-weight: bold;
    text-align: left;
}

.IncidentEditConflict {
    font-weight: bold;
    text-align: left;
    color: #003162;
}

.CoolInputPwd {
    font-family: Lucida Console;
}

.ajax__calendar_container div {
    margin: 0px;
}

.SmallImageButton {
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #D7D7D7;
    width: 17px;
    height: 17px;
    cursor: pointer;
    float: left;
    position: relative;
}

.SmallButton {
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

    .SmallButton:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }

.SavePDFButton {
    width: 35px;
    height: 35px;
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    filter: alpha(opacity=100);
    opacity: 1;
}

    .SavePDFButton:hover {
        filter: alpha(opacity=70);
        -ms-transform: rotate(-210deg); /* IE 9 */
        -webkit-transform: rotate(-210deg); /* Chrome, Safari, Opera */
        transform: rotate(-210deg);
        opacity: 0.7;
    }

.hr {
    height: 1px;
    background-color: #CCC;
    color: #CCC;
    border: none;
    width: 90%;
}

.pnlService {
    border-top: .1em solid gray;
    border-bottom: .1em solid gray;
}

.StaffNote {
    color: #0079c2;
    font-weight: normal;
}

.ClientNote {
    color: #317f31;
    font-weight: normal;
}

/*  Please make sure when you change these color change it in the DB : tTicketPriority as well.  */
.UnknownPriority {
    color: #848484;
}

.CriticalPriority {
    color: #FE2E2E;
    font-weight: bold;
}

.CriticalPriority_background {
    color: #FE2E2E;
    font-weight: bold;
    background-image: url(../../Assets/Images/icon_error.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}

.HighPriority {
    color: #DF7401;
    font-weight: bold;
}

.HighPriority_background {
    color: #DF7401;
    font-weight: bold;
    background-image: url(../../Assets/Images/icon_warn.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}

.ModeratePriority {
    color: #FFBF00;
    font-weight: bold;
}

.ModeratePriority_background {
    color: #FFBF00;
    font-weight: bold;
    background-image: url(../../Assets/Images/icon_info.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}

.LowPriority {
    color: #01DF01;
    font-weight: bold;
}

.LowPriority_background {
    color: #01DF01;
    font-weight: bold;
    background-image: url(../../Assets/Images/icon_low.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}

.PlanningPriority {
    color: #2ECCFA;
    font-weight: bold;
}

.PlanningPriority_background {
    color: #2ECCFA;
    font-weight: bold;
    background-image: url(../../Assets/Images/icon_planning.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
}

.Clear_BoxInsidGrid {
    padding: 2px;
    margin: 2px;
    border: 1px solid #959595;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

#dvMainOptions {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* ====== Popup extender ======= */

.modalBackground {
    background-color: #2A2A2A;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.modalPopup {
    background-color: transparent;
    width: 600px;
    height: auto;
}

.Clear_BlockWithShadow {
    padding: 5px;
    margin: 2px;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
}

.PopupBlock {
    padding: 5px;
    margin: 2px;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #FeFeFe;
    min-height: 85px;
    height: auto;
}

.RightButton {
    position: relative;
    float: right;
}

.PopupTitle {
    color: #000;
    background-color: #CECECE;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    text-shadow: 0 1px 0 #f4f4f4;
    font-size: 150%;
    padding: 10px;
}

.NoResize {
    resize: none;
}


.Clear_Box {
    padding: 7px;
    margin: 10px 2px 2px 2px;
    border: 1px solid #959595;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.Blue_Legend {
    color: #00569B;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.Blue_Box {
    padding: 7px;
    margin: 10px 2px 2px 2px;
    border: 1px solid #5991BE;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.Clear_BoxAmber {
    margin: 2px;
    padding: 3px;
    border: 1px solid #959595;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.SquareBoxWithShadow {
    margin: 2px;
    padding: 3px;
    border: 1px solid #5991BE;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-box-shadow: 0px 1px 2px 0px #90b5d2;
    -moz-box-shadow: 0px 1px 2px 0px #90b5d2;
    box-shadow: 0px 1px 2px 0px #90b5d2;
    background-color: #fafafa;
}

.PassQuoteNewVersion {
    border: 2px solid #005B00;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin: 5px;
    width: 735px;
    min-height: 55px;
    height: auto;
    background: #fff url('../../Assets/Images/QuotePass.png') no-repeat;
    background-position: left;
    padding: 10px 10px 10px 40px;
}

.SuccessfulMessage {
    color: #005B00;
    font-family: Verdana,Tahoma, 'Dejavu Sans',sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: bolder;
    float: left;
    padding-left: 20px;
    padding-top: 15px;
    position: relative;
}

.FailedQuoteNewVersion {
    border: 2px solid #FFCC00;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin: 5px;
    width: 735px;
    min-height: 40px;
    height: auto;
    background: #fff url('../../Assets/Images/btnWarning48.png') no-repeat;
    background-position: left;
    padding: 10px 10px 10px 40px;
}

.FailedMessage {
    color: #2A2A2A;
    font-family: Verdana,Tahoma, 'Dejavu Sans',sans-serif;
    font-size: 14px;
    text-align: left;
    font-weight: bolder;
    float: left;
    padding-left: 20px;
    padding-top: 10px;
    position: relative;
}

.PopUpGrid {
    overflow-y: auto;
    padding: 20px;
    max-height: 300px;
}

.btnGraph {
    padding: 3px 15px 3px 15px;
    background-color: #D4D4D4;
    border: 1px solid #333333;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    color: #333333;
    font-size: 11pt;
    font-weight: bold;
    cursor: pointer;
}

    .btnGraph:hover {
        color: #7E7E7E;
    }

.btnGraphActive, .btnGraphActive:hover {
    background-color: #444444;
    border: 1px solid #2A2A2A;
    color: #FFFFFF;
    cursor: text;
}

.txtPassword {
    border-style: none;
}

.TicketQueueColors {
    border: 1px solid #787878;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    width: 14px;
    max-width: 14px;
    min-width: 14px;
    height: 14px;
    max-height: 14px;
    min-height: 14px;
}

.TicketQueueRed {
    margin: 2px 5px 0px 5px;
    background-color: #F00;
}

.TicketQueueYellow {
    margin: 2px 5px 0px 5px;
    background-color: #FFBF00;
}

.TicketQueueGreen {
    background-color: #4cff00;
    margin: 2px 5px 0px 5px;
}

.TicketQueueBlue {
    background-color: #5991BE;
    margin: 2px 5px 0px 5px;
}


.QueueGridBody {
    padding: 0px;
    /*min-height:530px;
    height:530px;*/
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    .QueueGridBody td.Header {
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #bcbcbc;
    }

.QueueScrollFlow {
    padding: 0px;
    overflow-y: auto;
    /*max-height: 510px;
    min-height:510px;
    height:510px;*/
}

.QueueButton {
    background-color: #eee;
    border: 1px solid #333333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    color: #5e5e5e;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    filter: alpha(opacity=85);
    opacity: 0.85;
    padding: 0px;
}

.QueueScrollFlowAlwaysOn {
    padding: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #FeFeFe;
}

.QueueXScrollFlow {
    position: relative;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.QueueBox {
    margin: 7px 10px 7px 0px;
    border: 1px solid #4c4c4c;
    padding-bottom: 3px;
}


.Succeed {
    color: #317f31;
}

.QueueHeader {
    color: #5991BE;
}

.WhiteContainer {
    background-color: white;
    padding: 10px;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);
}

.Version {
    padding-left: 7px;
    float: left;
}

.HighlightRow {
    background-color: #FFF8CC;
}

.OrderListTable {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #999;
    margin-bottom: 4px;
}

.IncidentLog {
    /*border: 1px solid #666666;*/
    overflow-y: auto;
    padding-left: 5px;
    margin-top: 10px;
    max-height: 350px;
}

.IncidentGrid {
    overflow-y: auto;
    padding-left: 5px;
    margin-top: 10px;
    max-height: 200px;
}

.IncidentChat {
    overflow-y: auto;
    padding-left: 5px;
    margin-top: 10px;
    max-height: 600px;
}

.IncidentMsgBox {
    margin: 1px;
    padding: 4px;
    border: 1px solid #959595;
    /*border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;*/
    background-color: #EEFFEE;
}

.IncidentChatBox {
    margin: 1px;
    padding: 3px;
    border: 1px solid #3333CC;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #FFFFE1;
}

.ChatTime {
    display: inline-block;
    float: left;
    font-weight: bold;
    padding-left: 2px;
    vertical-align: top;
    color: #D19E5A;
}


.Chatter {
    display: inline-block;
    float: right;
    font-weight: bold;
    padding-right: 2px;
    vertical-align: top;
    color: #3399FF;
    position:relative;
    top:0;
}

.ChatMessage {
    display: inline-block;
    padding-left: 7px;
    word-wrap: break-word;
    max-width: 160px;
    
}


.LogMessage {
    display: inline-block;
    padding-left: 7px;
    word-wrap: break-word;
    max-width: 480px;
    min-height:20px;
}


.LogTime {
    display: inline-block;
    float: left;
    font-weight: bold;
    padding-left: 2px;
    vertical-align: top;
    color: #9D6D2D;
}


.LogPostBy {
    display: inline-block;
    float: right;
    font-weight: bold;
    padding-right: 2px;
    color: #008400;
    vertical-align: top;
    position:relative;
    top:0;
}

.IncidentGridHeader {
    font-weight: bold;
    background-color: #dddddd; /*#B5B5B5;*/
    color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    text-decoration: none;

}

.OTEBSAlarmSection {
    border: 2px solid #6699FF;
    padding: 10px;
    /*background: #FFFFaa;
    background: -webkit-linear-gradient(top, #FFFFaa 0%, #FFFFFF 100%);
    background: -moz-linear-gradient(top, #FFFFaa 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #FFFFaa 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #FFFFaa 0%, #FFFFFF 100%);
    background: linear-gradient(top, #FFFFaa 0%, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFaa', endColorstr='#FFFFFF',GradientType=0 );*/
}

input[type="image"] {
    border: none;
}

.QuoteGridRow {
    border: 2px solid #888888;
    width: 99%;
    margin-top: 2px;
    padding:5px;
        
}

.QuoteGridRowAlt {
    background-color: #eefcff;
}

.QuoteItemNote {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #BFBFBF;
    padding: 4px;
}