/* Minification failed. Returning unminified contents.
(1390,23): run-time error CSS1038: Expected hex color, found '#fffff'
(1391,5): run-time error CSS1035: Expected colon, found 'margin'
 */
.formLayout {
}

    .formLayout h3 {
        color: #373737;
        font-size: 2.4em !important;
        font-family: 'Helvetica', sans-serif;
        margin: 0px;
        padding: 15px 0px 15px 15px;
        font-weight: normal;
    }

    .formLayout fieldset {
        border: none;
        margin-top: 30px;
        padding: 0px 0px 10px 15px;
    }

    .formLayout label {
        display: block;
        float: left;
        margin-bottom: 10px;
        padding: 10px;
    }

    .formLayout input, .formLayout select {
        display: block;
        padding: 2px;
        float: left;
        margin: 5px 30px 10px -10px;
    }



    .formLayout label {
        text-align: left;
        padding-right: 20px;
    }

        .formLayout label#name {
            padding-bottom: 15px;
        }

    .formLayout input#name {
        margin-right: 32px;
    }

br {
    clear: left;
}
/*-------table sorter------*/
table.tablesorter {

}

    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        padding: 5px;
        text-align: center;
    }

    table.tablesorter thead tr .header {
        cursor: pointer;
    }

    table.tablesorter tbody td {
        padding: 4px;
        text-align: left;
        vertical-align: top;
    }

table#divMySubscription.tablesorter td {
    color: #3D3D3D;
    padding: 4px;
    /*font-size: .7em;*/
    text-align: left;
    vertical-align: top;
    border: 1px solid #c8c8c8;
}

table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../Images/asc.gif);
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right center;
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../Images/desc.gif);
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: right center;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}

table.tablesorter td a {
    text-decoration: none;
    /*color: #006edb;*/
    font-weight: bold;
}

tr.tableHeader th {
    background-color: #FFF;
}

/*-------end table sorter------*/
/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 100%;
    height: 100%;
}

#body {
    background-color: #efeeef;
    clear: both;
    padding-bottom: 35px;
}

.main-content {
    background: url("../Images/accent.png") no-repeat;
}

.featured + .main-content {
    background: url("../Images/heroAccent.png") no-repeat;
}

header .content-wrapper {
}

footer {
    clear: both;
    font-size: .8em;
    height: 25px;
    width: 100%;
    margin-top: -25px;
    background-color: #dedede;
}

.push {
    height: 25px;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}


#vwLogin_wrapper {
  position: absolute; 
  top: 0px; 
  left: 0px; 
  width: 100%; 
  height: 100%;
  background: url('../Images/login_background.png') repeat;
}

#vwLogin_logo {
    margin-top: 150px;

    width: 244px;
    height: 200px;

    margin-left: auto;
    margin-right: auto;
}

#vwLogin_loginFrame {
    height: 175px;
    width: 400px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px;
    border-radius: 5px;

background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}


#vwTopBar_buttonSearch {
background: rgb(48,48,48); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(48,48,48,1) 0%, rgba(84,84,84,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,48,48,1)), color-stop(50%,rgba(84,84,84,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(48,48,48,1) 0%,rgba(84,84,84,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(48,48,48,1) 0%,rgba(84,84,84,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(48,48,48,1) 0%,rgba(84,84,84,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(48,48,48,1) 0%,rgba(84,84,84,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */



border-radius: 2px;
color: #FFFFFF;
text-shadow: none;
}


#vwAdvancedSearch_SearchFrame {


}




/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
    width: 90%;
    max-width: 1260px; /* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    /*min-width: 780px;  a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

/* ~~ This is the layout information. ~~ 
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
*/
.content {
    padding: 20px 25px 25px 20px;
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
}

    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
    }

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}


/* site title
----------------------------------------------------------*/
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }
        
/*a.Logo, a.Logo:hover {
    background: url(../Images/belairinternet.jpg) no-repeat top left;
    display: block;
    width: 285px;
    height: 86px;
    text-indent: -9999px;*/ /* hides the link text */
/*}*/


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: .9em;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover {
                color: #333;
                text-decoration: none;
            }




ul#childmenu {
    margin: 8px 0 0px 0px;
}

    ul#childmenu li {
        display: inline;
        list-style: none outside none;
        text-align: center;
        margin: 0px 0px 0 0px;
        font-family: 'Helvetica' sans-serif;
        font-size: 1em;
    }

        ul#childmenu li a {
            color: #ffffff;
            text-decoration: none;
            padding: 3px 15px 2px 15px;
            font-weight: 400;
            background-color: #002E7F;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-top: 1px solid #002e7f;
            border-left: 1px solid #002e7f;
            border-right: 1px solid #002e7f;
        }

            ul#childmenu li a:hover {
                color: #ffffff;
                text-decoration: none;
                background-color: #7ac0da;
                border-top: 1px solid #002151;
                border-left: 1px solid #002151;
                border-right: 1px solid #002151;
            }


            ul#childmenu li a:active {
                width: 100%;
                color: #333;
                text-decoration: none;
                background-color: #e80c4d;
                border-top: 1px solid #0079af;
            }


/*Tab Menu (Project)
----------------------------------------------------------*/

.childmenu2 {
    margin: 20px 0 0px 0px;
}

    .childmenu2 li a {
        color: #ffffff;
        text-decoration: none;
        padding: 5px 20px 5px 20px;
        background-color: #004a7a;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        margin-top: -5px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: .9em;
    }


    .childmenu2 li {
        display: inline;
        list-style: none outside none;
    }

        .childmenu2 li a:hover {
            color: #ffffff;
            text-decoration: none;
            background-color: #004266;
        }

.selectedmenuitem {
    width: 100%;
    color: #005787 !important;
    text-decoration: none;
    background-color: #e8e8e8 !important;
    font-weight: bold;
    padding: 0px 14px 0px 0px;
}




/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
    background-color: #fff;
    margin-top: 40px;
    margin-top: 1px 0px 10px;
    background-color: #fff;
    border-radius: 5px;
}

    .featured .content-wrapper {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2 {
        color: #fff;
    }

    .featured p {
        font-size: 1.1em;
    }

/* page titles
    ----------------------------------------------------------*/
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

/* features
----------------------------------------------------------*/
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}
/*Error layout */

.layoutAlert {
    position: fixed;
    display: none;
    vertical-align: middle;
    z-index: 1000010; /*needs to be the topmost element*/
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    width: 100%;
}

.errorAlert {
    background-color: #ff0000;
    border: 3px solid #CC0000;
    vertical-align: middle;
}

    .errorAlert div.bgImgAlertMessage {
        background-image: url(/images/error.png);
        background-repeat: no-repeat;
        background-position: center center;
        width: 32px;
        height: 32px;
        float: left;
        padding-left: 10px;
    }

.successAlert {
    background-color: #29A329;
    border: 2px solid #218221;
    vertical-align: middle;
}

    .successAlert div.bgImgAlertMessage {
        background-image: url(/images/success.png);
        background-repeat: no-repeat;
        background-position: center center;
        width: 32px;
        height: 32px;
        float: left;
        padding-left: 10px;
    }


/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* table html */
.tableProjects:hover {
    background-color: #FFFAF0; color: #000;
    cursor: pointer;
}

/* login page */
#loginForm {
    width: 450px;
    height: 230px;
    
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -225px; /*(half of width)*/
    margin-top: -115px;  /*(half of height)*/
}

    #loginForm p {
        font-size: .8em;
        font-weight: bold;
    }

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-notes ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm .validation-summary-notes li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 280px;
    }


.loginLabel {
    display: inline;
}

.loginError {
    margin-top:-10px;
    margin-bottom: -10px;
    display: block;
}

#remember {
    font-size: .8em;
    font-weight: bold;

}

#signin {
    border: none;
    margin: 0 auto;
    margin-top: 20px;
    margin-left: 30px;
}

    #signin input#submit {
        background: rgb(155,203,74); /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliY2I0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzliY2I0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg4YzgxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OGM4MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(155,203,74,1) 0%, rgba(155,203,74,1) 50%, rgba(136,200,24,1) 51%, rgba(136,200,24,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,203,74,1)), color-stop(50%,rgba(155,203,74,1)), color-stop(51%,rgba(136,200,24,1)), color-stop(100%,rgba(136,200,24,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcb4a', endColorstr='#88c818',GradientType=0 ); /* IE6-8 */
        color: #fff;
        padding: 2px 8px 2px 8px;
        border-radius: 2px;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: 1px 1px #80b50b;
        border: 1px solid #9bcb4a;
        font-size: .8em;
    }

        #signin input#submit:hover {
            background: #88C818;
            border: 1px solid #72a641;
        }



#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button {
    width: auto;
}

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

/* contact */
.contact h3 {
    font-size: 1.2em !important;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
/*fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }*/

fieldset ol {
    padding: 0;
    list-style: none;
}

    fieldset ol li {
        padding-bottom: 5px;
    }

label {

}

    label.checkbox {
        display: inline;
    }

/*input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}*/

textarea {
    font-family: inherit;
    width: 500px;
    padding: 0 2px 0 2px;
}



input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}



.buttons input {
    -webkit-appearance: none;
    -webkit-user-select: none;
    background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
    color: #444;
    font: inherit;
    margin: 0 1px 0 0;
    text-shadow: 0 1px 0 rgb(240, 240, 240);
    float: right;
    text-transform: capitalize;
    margin-left: 10px;
    min-height: 1em;
    min-width: 4em;
    padding-bottom: 1px;
    -webkit-padding-end: 10px;
    -webkit-padding-start: 10px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 75%;
}

    .buttons input:hover {
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
    }




.buttons a {
    -webkit-appearance: none;
    -webkit-user-select: none;
    background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
    color: #444;
    font: inherit;
    margin: 0 1px 0 0;
    text-shadow: 0 1px 0 rgb(240, 240, 240);
    float: right;
    text-transform: capitalize;
    margin-left: 10px;
    min-height: 2em;
    min-width: 4em;
    padding-bottom: 1px;
    -webkit-padding-end: 10px;
    -webkit-padding-start: 10px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 75%;
    text-decoration: none;
    padding: 7px 7px 0px 7px;
}

    .buttons a:hover {
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
    }

.buttons2 {
    margin-top: 5px;
}

    .buttons2 a {
        -webkit-appearance: none;
        -webkit-user-select: none;
        background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 2px;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
        color: #444;
        font: inherit;
        margin: 0 1px 0 0;
        text-shadow: 0 1px 0 rgb(240, 240, 240);
        text-transform: capitalize;
        min-height: 2em;
        min-width: 4em;
        padding-bottom: 1px;
        -webkit-padding-end: 10px;
        -webkit-padding-start: 10px;
        font-family: 'Segoe UI', Tahoma, sans-serif;
        font-size: 75%;
        text-decoration: none;
        padding: 5px;
    }

        .buttons2 a:hover {
            background-color: #ddd;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
            background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
            background-image: -moz-linear-gradient(top, #fafafa, #ddd);
            background-image: -ms-linear-gradient(top, #fafafa, #ddd);
            background-image: -o-linear-gradient(top, #fafafa, #ddd);
            background-image: linear-gradient(top, #fafafa, #ddd);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
        }




#saveit input {
    -webkit-appearance: none;
    -webkit-user-select: none;
    background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
    color: #444;
    font: inherit;
    margin: 0 1px 0 0;
    text-shadow: 0 1px 0 rgb(240, 240, 240);
    text-transform: capitalize;
    margin-left: 10px;
    min-height: 2em;
    min-width: 4em;
    padding-bottom: 1px;
    -webkit-padding-end: 10px;
    -webkit-padding-start: 10px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 75%;
}

    #saveit input:hover {
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
    }


.search {
    background: #e4f5fc; /* Old browsers */
    background: -moz-linear-gradient(top,  #e4f5fc 0%, #bfe8f9 79%, #9fd8ef 80%, #2ab0ed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(79%,#bfe8f9), color-stop(80%,#9fd8ef), color-stop(100%,#2ab0ed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 79%,#9fd8ef 80%,#2ab0ed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 79%,#9fd8ef 80%,#2ab0ed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 79%,#9fd8ef 80%,#2ab0ed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e4f5fc 0%,#bfe8f9 79%,#9fd8ef 80%,#2ab0ed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */

    border-radius: 10px;
    width: 1100px;
    margin-left: auto;
    margin-right: auto ;
}

td input[type="submit"],
td input[type="button"],
td button {
    padding: 4px;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    font-size: .8em;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-notes {
    color: #F5F378;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0 none;
}

th {
    font-size: .9em;
    text-align: left;
    border: none 0px;
    padding-right: 5px;
    font-family: arial;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

td {
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: rgb(155,203,74); /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliY2I0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzliY2I0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg4YzgxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OGM4MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, rgba(155,203,74,1) 0%, rgba(155,203,74,1) 50%, rgba(136,200,24,1) 51%, rgba(136,200,24,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,203,74,1)), color-stop(50%,rgba(155,203,74,1)), color-stop(51%,rgba(136,200,24,1)), color-stop(100%,rgba(136,200,24,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcb4a', endColorstr='#88c818',GradientType=0 ); /* IE6-8 */
            color: #fff;
            padding: 2px 8px 2px 8px;
            border-radius: 2px;
            font-weight: bold;
            text-transform: uppercase;
            text-shadow: 1px 1px #80b50b;
            border: 1px solid #9bcb4a;
            font-size: .8em;
            text-decoration: none;
            margin: 2px 5px;
        }

            #login a:hover {
                background: #88C818;
                border: 1px solid #72a641;
            }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }



    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
        background-color: #dedede;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

    /* features */
    section.feature {
        float: none;
        padding: 10px;
        width: auto;
    }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /* footer
    ----------------------------------------------------------*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}
/* AMANDA CSS CODE*/
/******SHARED******/

/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    text-align: right;
    color: #ffffff;
}

    #login a {
        background: rgb(155,203,74);
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(155,203,74,1) 0%, rgba(155,203,74,1) 50%, rgba(136,200,24,1) 51%, rgba(136,200,24,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,203,74,1)), color-stop(50%,rgba(155,203,74,1)), color-stop(51%,rgba(136,200,24,1)), color-stop(100%,rgba(136,200,24,1)));
        background: -webkit-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%);
        background: -o-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%);
        background: -ms-linear-gradient(top, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%);
        background: linear-gradient(to bottom, rgba(155,203,74,1) 0%,rgba(155,203,74,1) 50%,rgba(136,200,24,1) 51%,rgba(136,200,24,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bcb4a', endColorstr='#88c818',GradientType=0 );
        color: #fff;
        padding: 2px 8px 2px 8px;
        border-radius: 2px;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: 1px 1px #80b50b;
        border: 1px solid #9bcb4a;
        font-size: .8em;
        text-decoration: none;
        margin: 2px 5px;
    }

        #login a.username {
            background: none;
            margin: 0;
            padding: 0;
            border: none;
            text-shadow: none;
            font-size: .9em;
            text-transform: capitalize;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }






#vwSettings_LeftNavi {
    position: absolute;
    left: 0px;
    width: 305px;
    background: linear-gradient(to bottom, #E2E2E2 0%, #DBDBDB 64%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#vwSettings_Content {
    position: absolute;
    left: 305px;

}


#vwSupport_LeftNavi {
  position: absolute;
  left: 0px;
  width: 250px;
  height: 100%;
  background: #adadad; /* Old browsers */
  background: -moz-linear-gradient(top,  #adadad 0%, #919191 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(100%,#919191)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #adadad 0%,#919191 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #adadad 0%,#919191 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #adadad 0%,#919191 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #adadad 0%,#919191 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#919191',GradientType=0 ); /* IE6-9 */


}

#vwSupport_Content {
  position: absolute;
  left: 255px;
}

/*Notes & History
----------------------------------------------------------*/
#history {
    font-size: 1em;
    padding: 0 0px 0 5px;
}

#show {
    color: #0B61DD;
    font-weight: bold;
    font-size: 0.8em;
    margin-top: 0px;
    text-decoration: underline;
}

#nh {
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: .8em;
    text-decoration: underline;
    padding-left: 20px;
}

#notes {
    border: #e7edf2 1px solid;
    background-color: #fffff;f
    margin: 10px;
    padding: 5px 10px;
    font-size: .8em;
}

    #notes table {
        max-width: 1000px;
    }

#history2 {
    padding: 5px 10px;
    font-size: .8em;
}

/*LAYOUT HEADER BAR
----------------------------------------------------------*/

#bar td {
    background-color: #474747;
}

#tbUpGlobalMenu {
    position: relative;
    height: 40px; /* set to the height you want your menu to be */
    margin: 0px 0 0px; /* just to give some spacing */
    text-transform: uppercase;
    background-color: #474747;
    background-repeat: repeat-x;
    border-radius: 2px;
    border: -moz-bg-inset;
    z-index: 1;
}

    #tbUpGlobalMenu ul {
        margin: 0;
    }

        #tbUpGlobalMenu ul li {
            display: block;
            float: right;
            line-height: 40px; /* this should be the same as your #main-nav height */
            height: 40px; /* this should be the same as your #main-nav height */
            margin: 0;
            padding: 0; /* only needed if you don't have a reset */
            position: relative; /* this is needed in order to position sub menus */
            border-right: 1px solid #6c6c6c;
        }

            #tbUpGlobalMenu ul li a {
                color: #FFFFFF;
                display: block;
                text-decoration: none;
                line-height: 40px;
                font-size: .9em;
                text-align: center;
                font-family: 'Segoe UI', Tahoma, sans-serif;
                text-shadow: #505050 0.1em 0.1em 0.2em;
                padding: 0 40px 0 40px;
                text-transform: capitalize;
            }

                #tbUpGlobalMenu ul li.current-menu-item a, #tbUpGlobalMenu ul li.current-menu-parent a, #tbUpGlobalMenu ul li a:hover {
                    color: #96c91f;
                    background-color: #5c5c5c;
                    text-shadow: #3e3e3e 0.1em 0.1em 0.2em;
                }


    #tbUpGlobalMenu li.current-menu-parent ul li a {
        color: #ffffff;
        background: #5c5c5c;
    }

    #tbUpGlobalMenu li.current-menu-item ul li a {
        color: #96c91f;
    }

    #tbUpGlobalMenu li:hover a {
        background-color: #5c5c5c;
        border: -moz-bg-inset;
        height: 40px;
    }

    #tbUpGlobalMenu ul ul { /* this targets all sub menus */
        display: none; /* hide all sub menus from view */
        position: absolute;
        top: 40px; /* this should be the same height as the top level menu -- height + padding + borders */
        z-index: 2;
        background-color: #5c5c5c;
        width: 100%;
    }

        #tbUpGlobalMenu ul ul li { /* this targets all submenu items */
            float: none; /* overwriting our float up above */
            background-color: #5c5c5c;
            display: block;
            width: 100%;
            text-align: center;
        }

    #tbUpGlobalMenu ul li#tools ul li {
        width: 125px;
    }

    #tbUpGlobalMenu ul ul li a { /* target all sub menu item links */
        padding: 0px; /* give our sub menu links a nice button feel */
        color: white;
        background-color: #5c5c5c;
        font-size: .7em;
        display: block;
        min-width: inherit;
        text-align: center;
    }

    #tbUpGlobalMenu ul li:hover > ul {
        display: block; /* show sub menus when hovering over a parent */
        background-color: #5c5c5c;
    }

    #tbUpGlobalMenu ul li:hover ul li a:hover,
    #tbUpGlobalMenu ul li a:hover ul li a:hover {
        background: #373737 !important;
        height: 40px;
        color: #96c91f;
    }

tbSearchSection {
    position: relative;
    height: 40px; /* set to the height you want your menu to be */
    margin: 0px 0 0px; /* just to give some spacing */
    text-transform: uppercase;
    background-color: #474747;
    background-repeat: repeat-x;
    border-radius: 2px;
    border: -moz-bg-inset;
    z-index: 1;
}

.content-wrapper nav {
}


input#Search {
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

    color: #fff;
    text-decoration: none;
    padding: 3px 20px 3px 20px;
    border-radius: 2px;
    text-align: right;
    font-size: .8em;
    font-weight: 900;
    border: solid 1px #0B61DD;
    text-transform: uppercase;
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}

    input#Search:hover {
        background: #86beef; /* Old browsers */
        background: -moz-linear-gradient(top,  #86beef 0%, #6dafed 51%, #4f9fef 52%, #3578dd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86beef), color-stop(51%,#6dafed), color-stop(52%,#4f9fef), color-stop(100%,#3578dd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #86beef 0%,#6dafed 51%,#4f9fef 52%,#3578dd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #86beef 0%,#6dafed 51%,#4f9fef 52%,#3578dd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #86beef 0%,#6dafed 51%,#4f9fef 52%,#3578dd 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #86beef 0%,#6dafed 51%,#4f9fef 52%,#3578dd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86beef', endColorstr='#3578dd',GradientType=0 ); /* IE6-9 */

    }

/*PROJECT*/
#content {
    width: 100%;
    margin: 0 auto 10px;
}

#logo {
    padding-top: 3px;
}

#tbSearchSection {
    margin: auto 10px auto;
}



#bottomcontent {
    background-color: #ffffff;
    border-top-right-radius: 5px;
    height: 100%;
    margin: 20px 20px 0px 20px;
}

#footer p {
    text-align: center;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    padding-top: 3px;
    font-size: 1em;
}

#info {
    float: left;
    padding: 0px 10px 0px 0px;
    vertical-align: top;
    font-size: 1em;
    color: #373737;
    line-height: 1.4em;
}

    #info h3 {
        font-family: 'Droid Sans', sans-serif;
        font-weight: 700;
        font-size: 1.3em;
        text-transform: capitalize;
    }

    #info span {
        font-size: .8em;
        font-family: "Helvetica" Verdana, Helvetica, Sans-Serif;
    }

    #info #projno {
        padding-top: 3px;
        font-size: .9em;
        font-weight: bold;
        font-family: "Helvetica" Verdana, Helvetica, Sans-Serif;
    }

#details {
    font-size: .7em;
    font-family: "Helvetica" Verdana, Helvetica, Sans-Serif;
    line-height: 1.2em;
}

#info2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

    #info2 td {
        font-size: .8em;
        line-height: 1.6em;
    }

#rightinfo {
    float: right;
    margin: 10px 10px 0px;
    font-size: 1em;
    color: #373737;
    line-height: 1.4em;
    text-align: right;
    font-size: .8em;
}

    #rightinfo a {
        color: #4b8df9;
    }

#drpOffice {
    z-index: 99999;
}

#drpOffice a {
    display: block;
    width: 150px;
    background-color: #dddddd;
    text-decoration: none;
    font-size: .8em;
    font-weight: bold;
    padding: 5px;
}


.projectgi {
}

    .projectgi fieldset {
        padding: 5px 10px 10px 10px;
        margin: 0px 0px 10px 10px;
        border: none;
        line-height: 1.5em;
        border: none;
    }

        .projectgi fieldset table {
            margin: 10px;
        }

    .projectgi td legend {
        font-size: 1.2em;
        font-weight: bold;
        font-family: 'Segoe UI', Tahoma, sans-serif;
        margin-bottom: 5px;
    }





/*LEFT SIDE PROJECTS*/

.LeftSideBar {
    font-size: 0.75em;
    width: 120px;
}

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

    .LeftSideBar li {
        color: #808080;
        display: block;
        font-family: 'Droid Sans', sans-serif;
        font-size: 1em;
        font-weight: 700;
        line-height: 2.5em;
    }

    .LeftSideBar a {
        color: #38404b;
        cursor: pointer;
        display: block;
        height: 25px;
        line-height: 25px;
        text-indent: 10px;
        text-decoration: none;
        width: 100%;
        font-weight: normal;
    }

        .LeftSideBar a:hover {
            background: #f1f1f1;
            position: relative;
            text-decoration: none;
        }



legend#phones {
    font-size: .75em;
    font-style: italic;
    text-decoration: underline;
}

.projectgi td {
    vertical-align: top;
}

.divServictInfoSection {
    font-size: .75em;
    line-height: 2em;
}

    .divServictInfoSection legend {
    }

#MustKnowNote, #MK01 {
    color: #f22800;
    font-weight: bold;
}



#unitgi {
    color: #23638d;
    padding: 20px 30px 10px 10px;
    margin: 0px 30px 10px 10px;
    font-size: 1.3em;
    font-weight: bold;
    font-family: 'Helvetica' sans-serif;
}

fieldset#notes {
    border: none;
}



#inner #tabs ul {
    margin-left: 15px;
}

/*DEACTIVATE*/
#deactivate a {
    background-color: #f22800;
    color: #111;
    font-size: .8em;
    font-weight: 900;
    border-radius: 5px;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 10px;
    margin-right: 10px;
    float: right;
    border: solid #f22800 1px;
}

    #deactivate a:hover {
        background-color: #ff2400;
    }

/*Penetration*/
#InternetUsagePie {
    margin-left: 10px;
    width: 300px;
}
/*SAVE*/
#save input[type="button"],
#save button {
    background-color: #0B61DD;
    color: #fff;
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    border-radius: 4px;
    text-align: right;
    font-size: .8em;
    font-weight: 900;
    border: solid 1px #0B61DD;
    text-transform: uppercase;
    margin: 0px 0px 5px 345px;
}

#save input:hover {
    background-color: #0074ff;
}

.jHtmlArea div iframe html body {
    background-color: #ffffff;
}

.jHtmlArea iframe {
    background-color: #fff;
    margin-top: 3px;
}

textarea#NoteTxt {
    min-width: 600px;
    min-height: 75px;
    margin-left: 10px;
    background-color: #fff;
}

#NoteHistory {
    overflow-x: none;
    overflow-y: scroll;
}

div#NoteHistory td {
    max-width: 1100px;
}

#NoteHistory.homepage {
    background-color: #ffffff;
    margin-top: 10px;
    border: 1px solid #dedede;
    font-size: .9em;
    font-family: Helvetica, sans-serif;
    margin-left: 10px;
    height: 300px;
    overflow-y: scroll;
}

    #NoteHistory.homepage #notes {
        background-color: #e1ebf7;
        margin: 0;
        padding: 0px;
    }



/*PROJECT MANANGEMENT*/


#Buildings {
    min-height: 200px;
    margin: 10px 10px 10px 10px;
    border: none;
    background-color: #ededed;
}

/*PROJECT-UNIT LABELING*/
#BldgTabs ul {
    margin-bottom: 5px;
    margin-top: 0px;
    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(234,234,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
    border-radius: 2px;
    padding-bottom: 5px;
}

    #BldgTabs ul li {
        border-radius: 5px;
    }

        #BldgTabs ul li a {
            font-size: .9em;
            font-family: "Segoe UI", Tahoma, sans-serif;
            border-radius: 5px;
            font-weight: bold;
            text-shadow: 0.1em 0.1em #fff;
        }

#BldgTabs {
    border: solid 1px #ededed;
}

#TaskTabs ul {
    margin-bottom: 5px;    
}




#tree ul li a {
    font-size: 1em;
    font-weight: normal;
    text-shadow: none;
    border-radius: 0;
    padding: 0px;
}

#tree ul li {
}

div#tab {
    font-weight: normal;
    color: #333;
    border: none;
    font-size: .8em;
}

    div#tab ul li a {
        color: #3b3b3b;
        text-decoration: none;
        padding: 1px 5px;
        background-color: none;
        font-size: .8em;
    }

    div#tab ul li {
        margin-left: 10px;
    }


    div#tab .ui-state-active a, ul#tab .ui-state-active a:link, ul#tab .ui-state-active a:visited {
        color: #3b3b3b;
        background-color: #ccff66;
        -webkit-box-shadow: inset 0px 2px 2px 0px #9a9a9a;
        box-shadow: inset 0px 2px 2px 0px #9a9a9a;
        margin-bottom: -1px;
        text-decoration: none;
        border: #9a9a9a solid 1px;
    }

div#projman {
    background-color: #fff;
    padding: 10px 0 10px 10px;
    border: 1px solid #dcdcdc;
    margin-top: -5px;
}


#buildinginfo {
    padding: 5px;
    margin-bottom: 5px;
    background-color: #efefef;
    border: #0079AF 1px solid;
    text-transform: capitalize;
    border-radius: 10px;
}


    #buildinginfo b {
        font-size: .7em;
    }

#tab_2 a, #tab_216 a, #tab_1053 a {
    font-size: .8em;
}

#bldg {
    padding: 5px;
    background-color: #eeeeee;
}


/*PROJECT-CONTRACT*/
#createcontract td {
    padding-top: 10px;
    margin: 10px 10px 5px 30px;
    float: left;
}



#createcontract a {
    -webkit-appearance: none;
    -webkit-user-select: none;
    background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
    color: #444;
    font: inherit;
    margin: 0 1px 0 0;
    text-shadow: 0 1px 0 rgb(240, 240, 240);
    float: right;
    text-transform: capitalize;
    margin-left: 10px;
    min-height: 2em;
    min-width: 4em;
    padding-bottom: 1px;
    -webkit-padding-end: 10px;
    -webkit-padding-start: 10px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 75%;
    padding: 7px 7px 0px 7px;
    vertical-align: middle;
    text-decoration: none;
    margin-bottom: 5px;
    text-align: center;
}

#createcontract td a:hover {
    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
    background-image: -moz-linear-gradient(top, #fafafa, #ddd);
    background-image: -ms-linear-gradient(top, #fafafa, #ddd);
    background-image: -o-linear-gradient(top, #fafafa, #ddd);
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

#createcontract td h3 {
    font-size: 1.2em;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
    text-transform: capitalize;
}

#contracttable {
    margin: 0px 20px 20px 30px;
    background-color: #ffffff;
    text-transform: capitalize;
}

    #contracttable table {
        border: solid 1px #99999A;
        width: 100%;
        border-collapse: collapse;
    }

    #contracttable th {
        font-size: .9em;
        font-weight: 700;
        padding: 10px 10px 5px 10px;
        border: solid 1px #99999A;
    }

    #contracttable td {
        padding: 10px;
        border: solid 1px #99999A;
    }

        #contracttable td .actions a {
            color: #0B61DD;
            text-transform: lowercase;
        }

/*********CREATE CONTRACT***********/
#General legend {
    font-size: 1.4em;
    font-family: 'Helvetica' sans-serif;
    color: #474747;
    font-style: normal;
    margin: 15px 0 0 15px;
}

#General fieldset {
    margin-top: 0px;
    line-height: 2em;
}

#General h2 {
    font-size: 1.4em;
    font-family: 'Helvetica' sans-serif;
    color: #474747;
    margin-left: 10px;
}

.contract_title h3 {
    font-style: normal;
}

.contract_title input {
    margin-right: 20px;
}

.contract_title fieldset {
    margin: 0px;
    padding: 0px;
}

.contract_title input {
    font-size: .8em;
}

#internet_tier input {
    margin: 0px;
}

#internet_tier td {
    padding-bottom: 5px;
}

#internet_tier {
    margin-top: 15px;
    margin-bottom: 10px;
}



    #internet_tier span {
        font-size: .8em;
        font-family: Helvetica, Arial, sans-serif;
    }

    #internet_tier fieldset {
        margin: 0px;
    }


#contractsgrid th {
    padding-left: 15px;
    font-size: .7em;
    font-family: 'Segoe UI', Tahoma, sans-serif;
}

#contractsgrid td {
    padding-left: 15px;
    font-size: .8em;
}

#contractsgrid table {
}

#contractsgrid {
    margin-top: 5px;
    background-color: #e1ebf7;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #ddd;
}

    #contractsgrid select {
        font-size: .8em;
    }

#props {
    background-color: #f1f8e3;
    border-radius: 5px;
    padding: 5px 10px 0 10px;
    border: 1px solid #ddd;
    margin: 5px 0 10px 0;
}

    #props table {
        margin: 0px;
    }


#InternetProperties {
    font-size: .8em;
    font-family: Helvetica, Arial, sans-serif;
    margin-top: 10px;
}

    #InternetProperties fieldset {
        margin: 0;
        padding: 0px;
    }

    #InternetProperties td {
        padding-right: 20px;
        padding-bottom: 10px;
    }

#Tiers label, #TVTiers label, #TVBulk1 label, #TVCarte1 label {
    font-family: Arial, sans-serif;
    font-size: .8em;
}

#Tiers h4, #TVTiers h4, #TVBulk1 h4, #TVCarte1 h4 {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: .8em;
}


#Tiers input, #TVTiers input, #TVBulk1 input, #TVCarte1 input {
    margin: 0px;
    font-size: .8em;
}

#Tiers {
}

    #Tiers table, #TVTiers table, #TVBulk1 table, #TVCarte1 table {
        margin: 0px;
    }

    #Tiers fieldset, #TVTiers fieldset, #TVBulk1 fieldset, #TVCarte1 fieldset {
        margin: 0;
        padding: 0px;
    }

    #Tiers legend, #TVTiers legend, #TVBulk1 legend, #TVCarte1 legend {
        font-size: .8em;
        font-family: 'Segoe UI', Tahoma, sans-serif;
        font-weight: bold;
    }

.bulk {
    padding: 10px 0 15px;
}

span.contractsdetails {
    font-size: .7em;
    font-weight: bold;
}

#PhonePlans h2 {
    font-size: .8em;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-weight: bold;
}

.PhoneOptions {
    font-family: Arial, sans-serif;
    font-size: .8em;
    background-color: #e1ebf7;
    border-radius: 5px;
    padding: 0px 5px;
    border: 1px solid #ddd;
    line-height: 12px;
    margin-top: 5px;
}

#PhoneProperties {
    font-family: Arial, sans-serif;
    font-size: .8em;
}

.interiorNav {
    margin-right: 30px;
    margin-left: 30px;
}


#accordin h2 {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 1em;
    border: none;
    border-radius: 0;
    color: #474747;
    font-weight: bold;
    margin: 0px;
}

    #accordin h2 a:hover {
        background-color: #8a8a8a;
    }

#accordin p {
    font-family: Arial, sans-serif;
    font-size: .9em;
    padding-bottom: 5px;
}

#accordin {
    border: 1px solid #dcdcdc;
}



contract_title {
    font-size: .8em;
    font-family: Helvetica, Arial, sans-serif;
}





#contracts2 select, #contracts3 select, #contracts4 select, #contracts5 select, #contracts6 select {
    font-size: .8em;
}

#contracts2, #contracts3, #contracts4, #contracts5, #contracts6, #TVProperties {
    font-size: .8em;
}

.contracts1 {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}
/*********Infastructure***********/

.eng_details {
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: .9em;
    line-height: 18px;
}




.clsDownstreamSection {
    font-family: Arial, sans-serif;
    font-size: .9em;
    border: #cdcdcd;
    margin: 30px 15px 30px 15px;
}

    .clsDownstreamSection td {
        font-family: Arial, sans-serif;
        vertical-align: top;
        font-size: .7em;
        text-transform: uppercase;
        font-weight: bold;
    }

#tblEndUsersOfProject th {
    width: 150px;
    padding: 5px;
    border: 1px #9a9a9a solid;
    text-align: center;
}

table #tblEndUsersOfProject {
    margin: 0 10px 10px 10px;
    border: 1px #9a9a9a solid;
    padding: 5px;
}

.connection {
    margin-left: 15px;
    font-family: 'Droid Sans', sans-serif;
}

/********** UNIT STYLE **********/

/** UNIT - Layout**/

#unitinfo {
    float: left;
    padding: 0px 10px 0px 0px;
    vertical-align: top;
    font-size: 1em;
    color: #373737;
    line-height: 1.4em;
}

    #unitinfo h3 {
        color: #00AEEF;
        font-family: 'Open-Sans', sans-serif;
        font-weight: bold;
        font-size: 1.3em;
        text-transform: capitalize;
    }

        #unitinfo h3 a {
            color: #0072bc;
            font-size: 1em;
        }

    #unitinfo #projno {
        padding-top: 3px;
        font-size: .9em;
        font-weight: bold;
        font-family: "Helvetica" Verdana, Helvetica, Sans-Serif;
    }

    #unitinfo span {
        font-size: .8em;
        font-family: "Helvetica" Verdana, Helvetica, Sans-Serif;
    }

#info2 fieldset {
    padding: 5px;
    margin: 5px 0px 5px 0px;
    background-color: #dedede;
    font-size: .9em;
    line-height: 1.5em;
    border: none;
}

    #info2 fieldset a {
        color: #004a7a;
        text-decoration: underline;
        font-weight: bold;
        font-size: 1.1em;
    }

#info2 h2 {
    font-size: 1em;
    color: #373737;
    padding-bottom: 2px;
}

#available {
    font-size: .9em;
    font-weight: bold;
    margin-top: 3px;
}

#services {
    font-size: .9em;
    padding: 1px 0px 0px 5px;
}

.unit-childmenu2 {
    margin: 20px 0 0px 0px;
}

    .unit-childmenu2 li a {
        color: #ffffff;
        text-decoration: none;
        padding: 5px 20px 5px 20px;
        background-color: #23638d;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 1em;
    }


    .unit-childmenu2 li {
        display: inline;
        list-style: none outside none;
        margin: 0px 0px 0 0px;
    }

        .unit-childmenu2 li a:hover {
            color: #ffffff;
            text-decoration: none;
            background-color: #225e7f;
        }




#blue input[type="button"], #blue {
    background-color: #0B61DD;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 15px 2px 15px;
    border-radius: 4px;
    text-align: right;
    float: left;
    font-size: .8em;
    border: solid 1px #0B61DD;
    text-transform: uppercase;
}

#addprospect input[type="button"] {
    background-color: #0B61DD;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 15px 2px 15px;
    border-radius: 4px;
    text-align: right;
    float: left;
    font-size: .8em;
    border: solid 1px #0B61DD;
    text-transform: uppercase;
    float: right;
    margin-right: 10px;
    margin-top: -15px;
}

#addprospect {
    margin-top: -35px;
    float: right;
}

/*dropdown*/
/*.newDropDown {
    margin: 0 10px 0 5px;
    padding: 0;
}

    .newDropDown li {
        list-style: none;
        float: left;
        font: .8em, Arial, Helvetica, sans-serif #808080;
    }

        .newDropDown li a:link, .newDropDown li a:visited {
            display: block;
            text-decoration: none;
            background-color: #fff;
            padding: 5px 5px 5px 5px;
            margin: 0 5px 0 5px;
            color: #333;
            font-size: .8em;
        }

        .newDropDown li a:hover {
            background-color: #eee9e9;
        }*/

        /*style the sub menu*/
        /*.newDropDown li ul {
            position: absolute;
            visibility: hidden;
            border-top: 1px solid #fff;
            margin: 0;
            padding: 0;
        }

            .newDropDown li ul li {
                display: inline;
                float: none;
            }

                .newDropDown li ul li a:link, .newDropDown li ul li a:visited {
                    background-color: #dcdcdc;
                    width: auto;
                    z-index: 1;
                    position: relative;
                    font-size: .8em;
                }

                .newDropDown li ul li a:hover {
                    background-color: #efefef;
                }*/

table#background {
    background-image: url(/images/png.png);
    background-repeat: repeat-x repeat-y;
}

.leftSideBar {
    font-size: 1em;
    width: 150px;
    padding: 10px 0px 10px 20px;
    background-repeat: repeat;
}

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

    .leftSideBar li {
        color: #666;
        display: block;
        font-family: Arial;
        font-size: .9em;
        font-weight: 700;
        line-height: 2em;
        margin-bottom: 5px;
    }

    .leftSideBar a {
        color: #888;
        cursor: pointer;
        display: block;
        height: 25px;
        line-height: 25px;
        text-indent: 10px;
        text-decoration: none;
        width: 100%;
        font-weight: normal;
    }

        .leftSideBar a:hover {
            background: #ffffff;
            position: relative;
            text-decoration: none;
            color: #333;
            width: 140px;
        }

td#boxshadow {
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    border: 1px solid #dcdcdc;
}

#divHeader {
    background-color: #ffffff;
}

/****SITE SURVEY***/

#basestation {
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
}

table.bs2 td {
    font-size: .8em;
    line-height: 40px;
    margin-right: 5px;
    padding-right: 15px;
}



table.try {
    line-height: 30px;
    margin-bottom: 10px;
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
    font-size: .8em;
}

    table.try td {
        padding-right: 20px;
    }


table#try2 td {
    text-align: left;
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
    ;
    font-size: .9em;
    line-height: 35px;
    color: #333;
    text-transform: none;
    font-weight: normal;
}

#blue {
    padding: 5px 10px 10px 10px;
    background-color: #e1ebf7;
    border: none;
    margin-top: 10px;
}

#bsitesurvey td {
    padding-right: 30px;
}




/*****ADD PROJECT*****/
.addproject {
    line-height: 30px;
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
    font-size: .8em;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .addproject table {
        border: none;
        background-color: #e1ebf7;
        padding: 2px 2px 2px 5px;
    }


    .addproject input {
        margin-top: 2px;
    }

.ptype {
    line-height: 30px;
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 15px;
}



.Address {
    line-height: 30px;
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
    font-size: .8em;
    margin-top: 15 px;
    background-color: #f1f8e4;
    border: solid 1px #dddddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px 10px;
}

    .Address fieldset {
        border: none;
    }



    .Address table {
        border: none;
        margin: 0px;
    }

.ProjectInfo {
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
    font-size: .8em;
    margin-top: 5px;
    border: none;
    background-color: #e1ebf7;
    padding: 2px 2px 2px 5px;
    border: solid 1px #dddddd;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .ProjectInfo fieldset {
        border: none;
        margin: 5px 2px 2px 5px;
        line-height: 30px;
    }

    .ProjectInfo td {
        padding-right: 3px;
    }


.BusinessUnit {
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
    font-size: .8em;
    margin-top: 5px;
    border: none;
    background-color: #e1ebf7;
    padding: 2px 2px 2px 5px;
    border: solid 1px #dddddd;
    border-radius: 5px;
    margin-bottom: 10px;
    line-height: 40px;
}

    .BusinessUnit fieldset {
        border: none;
        margin: 5px 2px 2px 5px;
        line-height: 30px;
    }

    .BusinessUnit td {
        padding-right: 3px;
    }



.content h1 {
    color: #99cc33;
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
    font-size: 2em;
    margin-top: 10px;
}

.divContactArea {
    line-height: 30px;
    font-family: "Helvetica" arial, Helvetica, Sans-Serif;
    font-size: .8em;
    margin-top: 5px;
    background-color: #f1f8e4;
    border: solid 1px #dddddd;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .divContactArea fieldset {
        border: none;
        margin: 5px 2px 2px 10px;
        line-height: 30px;
    }

    .divContactArea td {
        padding-right: 3px;
    }

/****COLORS***/
.business {
    color: #99cc33;
}

.residential {
    color: #0072bc;
}

.unit {
    color: #00aeef;
}

.business {
    color: #99cc33;
}

.hotel {
    color: #36cca8;
}

.studenthousing {
    color: #f7b31c;
}

.tempevent {
    color: #f7941e;
}

.commercial {
    color: #cc5037;
}


/*Home PAGE*/
#divUpCommingProjectManager table {
    background-color: #fff;
}

    #divUpCommingProjectManager table.tablesorter {
        width: 100%;
    }



div#divUserTaskDetail {
    line-height: 25px;
    padding: 5px;
}






    td#upcoming #header {
        background-color: #0072BC;
        border: 1px solid #006ca8;
        color: #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 8px;
        font-size: 1em;
        font-family: 'Droid Sans', sans-serif;
        font-weight: bold;
        text-transform: capitalize;
    }

td#hometask {
    border: solid 1px #d7d7d7;
    background-color: #ffffff;
    width: 35%;
    vertical-align: top;
    overflow: auto;
    border-radius: 5px;
    -webkit-box-shadow: -3px 4px 12px rgba(50, 50, 50, 0.26);
    -moz-box-shadow: -3px 4px 12px rgba(50, 50, 50, 0.26);
    box-shadow: -3px 4px 12px rgba(50, 50, 50, 0.26);
}

div#grade {
    background: rgb(246,246,246);
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(234,234,234,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(234,234,234,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(234,234,234,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(234,234,234,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(234,234,234,1) 100%);
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(234,234,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eaeaea',GradientType=0 );
}

.vwSupportTicketDetail_txtDescription {
    width: 100%;
    background-color: rgba(0,0,0,0);
    border: none;
    resize: none;
}

.vwSupportTicketDetail_txtDescriptionEdit {
    width: 100%;
    resize: none;
    padding-top:2px;
    padding-left:2px;
}

.vwSupportTicketDetail_descriptionActions {
    position: absolute;
    right: 9px;
    top: 31px;
}

.vwTroubleTickets_notificationBadge, .vwTroubleTickets_VoIpEscalations, .vwMaintenanceTickets_notificationBadge, .vwInfringementTickets_notificationBadge {
    position: absolute;
    top: 8px;
    right: 7px;
    background-color: #C0C0C0;
    border-radius: 0.25em;
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 0.5em 0.8em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.BAI_quoteTable {
    border: 1px solid #CCCCCC;
    width: 100%;
}

.BAI_quoteReceiptPlanHeader {
    font-weight: bold;
    font-size: 14px;
    background-color: #E0E0E0;
}
.BAI_quoteReceiptPlanHeader td{
}

.BAI_quoteReceiptItemTypeHeader {
   /* font-style: italic;*/
    font-size: 14px;
}

.BAI_quoteReceiptItemTypeHeader td{
    padding-top: 15px;
}

.BAI_quoteReceiptItem {
    font-size: 12px;


}

.BAI_quoteReceiptSubTotalHeader {
    font-size: 14px;
}

.BAI_quoteReceiptSubTotalHeader td {
    padding-top: 20px;
}

.BAI_quoteReceiptSubTotal {
    font-size: 14px;
}

.BAI_quoteReceiptItemIssue td {
  background-color: #dc706f;
}

.service-plan-field {
    padding: 5px;
    margin-bottom: 2px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}