﻿/*
Main 
-------------------------------------
These classes are the main classes for the html.
-------------------------------------
*/
html {
    height: 100%;
    margin: 0px;
    padding: 0px; /*    overflow: hidden; */
}

body {
    height: 100%;
    min-width: 1024px;
    margin: 0px;
    padding: 0px;
    font: normal 10px "Droid Sans", Verdana, Arial, Sans;
    color: #484848;
}

form {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

a {
    color: #e46c0a;
}

.orangefont {
    color: #e46c0a;
}

input, select, textarea {
    font-family: inherit;
}

.watermarked {
    color: #787777 !important;
}

label {
    /*vertical-align:middle; */
    line-height: 20px;
    padding-right: 20px;
    display: inline-block;
}

div.image {
    border-color: #000000 #e3e3e3 #e3e3e3 #000000;
    border-color: rgba(142,142,142,0.38) rgba(204,204,204,0.55) rgba(204,204,204,0.55) rgba(142,142,142,0.38);
    background: url('Common/TransContent_42.png');
    border-width: 1px;
    border-style: solid;
}

br {
    line-height: 20px;
}

.listboxscrollfix {
    position: relative;
}

.clear {
    clear: both;
}

.indent1 {
    padding-left: 20px;
}

.indent2 {
    padding-left: 40px;
}

.noscroll {
    overflow: hidden;
}

.print {
    display: none;
}

.breakafter {
    margin-bottom: 20px;
}

.nospace {
    padding-right: 0px;
}

    .nospace label {
        padding-right: 0px;
    }

.spacer_quarter {
    display: inline;
    padding-right: 5px;
    float: none;
}

.spacer {
    display: inline;
    padding-right: 20px;
    float: none;
}

.spacer_2 {
    display: inline;
    padding-right: 40px;
    float: none;
}

.row {
    float: left;
    width: 100%;
    display: table-row;
    margin-bottom: 5px;
    margin-top: 5px;
    clear: both;
    font-size: 12px;
}

    .row table {
        border-collapse: collapse;
        border-spacing: 0;
        padding: 0;
    }

    .row td {
        padding-bottom: 5px;
        padding-top: 5px;
    }

.cell1 {
    width: 80px;
    float: left;
}


.wide {
    width: 824px;
}

/* right is to be used in a div with row class */
.right {
    float: right;
}

.modalDialog_transparentDivs {
    background-color: #AAAAAA;
    opacity: 0.4;
    filter: alpha(opacity = 50);
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    display: none;
    /*
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	*/
    min-width: 100%;
    width: 1024px;
    min-height: 100%;
    height: 10000px;
}

.modalDialog_contentDiv {
    background-color: #FFFFFF;
    border: 3px solid #e46c0a;
    padding: 2px;
    position: fixed;
    z-index: 500;
    display: none;
    font-size: 16px;
    padding-left: 15px;
}


.modalDialog_contentDiv_tr {
    background: url('../Dialog/portal-pop-up_tr.png');
    background-repeat: no-repeat;
    position: absolute;
    top: -15px;
    right: -3px;
    background-position: top right;
    width: 22px;
    height: 35px;
}

.modalDialog_contentDiv_tl {
    background: url('../Dialog/portal-pop-up_tl.png');
    position: absolute;
    background-repeat: no-repeat;
    top: -15px;
    left: -11px;
    background-position: top left;
    width: 20px;
    height: 40px;
}

.modalDialog_contentDiv_t {
    background: url('../Dialog/portal-pop-up_t.png') repeat-x;
    position: absolute;
    top: -15px;
    left: 0;
    background-position: top left;
    width: 100%;
    height: 20px;
}

.modalDialog_contentDiv_l {
    background: url('../Dialog/portal-pop-up_l.png') repeat-y;
    position: absolute;
    top: 0px;
    left: -11px;
    background-position: top left;
    width: 20px;
    height: 100%;
}

.modalDialog_contentDiv_r {
    background: url(../Dialog/portal-pop-up_r.png) repeat-y;
    position: absolute;
    top: 0;
    right: -3px;
    background-position: top right;
    width: 20px;
    height: 100%;
}

.modalDialog_contentDiv_b1 {
    background: none;
    position: absolute;
    bottom: -40px;
    left: 130px;
    width: 100%;
}

.modalDialog_contentDiv_b2 {
    background-image: url('../Dialog/portal-pop-up_b.png');
    background-repeat: repeat-x;
    position: absolute;
    bottom: -3px;
    left: -3px;
    background-position: bottom left;
    width: 100%;
    height: 65px;
}


.modalDialog_contentDiv_br {
    background: url('../Dialog/portal-pop-up_br.png');
    background-position: right bottom;
    position: absolute;
    bottom: -3px;
    right: -3px;
    background-position: bottom right;
    width: 170px;
    height: 75px;
    background-repeat: no-repeat;
}

.modalDialog_contentDiv_bl {
    background: url(../Dialog/portal-pop-up_bl.png);
    position: absolute;
    bottom: -3px;
    left: -11px;
    background-position: bottom left;
    width: 170px;
    height: 68px;
    background-repeat: no-repeat;
}

.modalDialog_contentDiv_closeButton {
    background-repeat: no-repeat;
    position: absolute;
    top: -38px;
    right: -27px;
    background-position: top right;
    width: 55px;
    height: 55px;
    float: right;
}

.modalDialog_contentDiv .rfdSkinnedButton {
    float: right;
}

.modalMessage_transparentDivs {
    background-color: White;
    opacity: 0.4;
    filter: alpha(opacity = 50);
    z-index: 501; /* This needs to be 1 more than modalDialog_content */
    left: 0px;
    top: 0px;
    display: none;
}

.modalMessage_contentDiv {
    background-color: #FFFFFF;
    border: 3px solid #e46c0a;
    padding: 2px;
    position: fixed;
    z-index: 502;
    display: none;
    width: 400px;
    height: 195px;
}

#dvCloseMessageButton {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

#pnlMessages {
    overflow: auto;
    height: 90px;
    width: 370px;
    font-size: medium;
    margin-left: 20px;
    float: left;
}

#dvMessageTitle {
    float: left;
    font-size: medium;
    margin-left: 5px;
}

#dvCloseMessageButton {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

#messagePnlFooter {
    padding-top: 10px;
    padding-left: 180px;
}

#dvMessageCloseButton {
    float: right;
}

.modalError_transparentDivs {
    background-color: White;
    opacity: 0.4;
    filter: alpha(opacity = 50);
    z-index: 501; /* This needs to be 1 more than modalDialog_content */
    left: 0px;
    top: 0px;
    display: none;
}

#errorPnlFooter {
    padding-top: 10px;
    padding-left: 180px;
}

.modalError_contentDiv {
    background-color: #FFFFFF;
    border: 3px solid #e46c0a;
    padding: 2px;
    position: fixed;
    z-index: 502;
    display: none;
    width: 410px;
    height: 195px;
}

#pnlErrorMessages {
    overflow: auto;
    height: 95px;
    width: 390px;
    font-size: medium;
    margin-left: 7px;
}

#dvErrorTitle {
    float: left;
    font-size: medium;
    margin-left: 5px;
}

#dvErrorCloseButton {
    float: right;
}

.modalConfirm_transparentDivs {
    background-color: White;
    opacity: 0.4;
    filter: alpha(opacity = 50);
    z-index: 501; /* This needs to be 1 more than modalDialog_content */
    left: 0px;
    top: 0px;
    display: none;
}

#confirmPnlFooter {
    padding-top: 10px;
    padding-left: 180px;
}

    #confirmPnlFooter button {
        width: 60px;
        margin-left: 10px;
    }

.modalConfirm_contentDiv {
    background-color: #FFFFFF;
    border: 3px solid #e46c0a;
    padding: 2px;
    position: fixed;
    z-index: 502;
    display: none;
    width: 400px;
    height: 215px;
}

#pnlConfirmations {
    overflow: auto;
    height: 120px;
    width: 380px;
    font-size: medium;
    margin-left: 6px;
}

#dvConfirmTitle {
    float: left;
    font-size: medium;
    margin-left: 7px;
}

#dvConfirmCloseButton {
    float: right;
}

.db-login {
    background-image: url('../Background/main.jpg');
    background-repeat: repeat;
    min-width: 1024px;
}

.forgotLinkStyle {
    color: red !important;
}

/*
Top bar 
-------------------------------------
These classes are used for global links on the master page.
-------------------------------------
*/
.db-globalLinks {
    padding-top: 10px;
    float: right;
    color: #fff;
    font-size: 10pt;
    /*font-weight: bold;*/
    background-color: Transparent;
}

    .db-globalLinks A:link {
        padding-top: 10px;
        color: #fff;
        font-size: 10pt;
        /*font-weight: bold;*/
        text-decoration: none;
    }

    .db-globalLinks A:visited {
        padding-top: 10px;
        color: #fff;
        font-size: 10pt;
        /*font-weight: bold;*/
        text-decoration: none;
    }

    .db-globalLinks A:active {
        padding-top: 10px;
        color: #fff;
        font-size: 10pt;
        /*font-weight: bold;*/
        text-decoration: none;
    }

    .db-globalLinks A:hover {
        padding-top: 10px;
        color: #fff;
        font-size: 10pt;
        /*font-weight: bold;*/
        text-decoration: underline;
    }
/*
End Top bar 
*/

/*
Page Header 
-------------------------------------
These classes are used for page header on the master page.
-------------------------------------
*/
.db-pageHeader {
    background-color: black;
    background-image: url('../Background/pagehdr.png');
    background-position: left;
    background-repeat: repeat;
    overflow: visible !important;
}

.db-pageHeader-text {
    color: #fff;
    font-weight: bold;
    font-size: 32pt;
}
/* End Page Header */

/*
Bread Crumb 
-------------------------------------
These classes are used for the bread crumb styles, 
e.g - hover, click, visited etc..
-------------------------------------
*/
.db-pageHeader-breadCrumb {
    color: #484848;
    text-decoration: none;
    padding-left: 5em;
    margin-bottom: 5px;
}

    .db-pageHeader-breadCrumb A:link {
        color: #484848;
        text-decoration: underline;
    }

    .db-pageHeader-breadCrumb A:visited {
        color: #484848;
        text-decoration: underline;
    }

    .db-pageHeader-breadCrumb A:active {
        color: #484848;
        text-decoration: none;
    }

    .db-pageHeader-breadCrumb A:hover {
        color: #484848;
        text-decoration: underline;
    }
/*
End Bread Crumb 
*/

/*
Main Navigation 
-------------------------------------
These classes are used to decorate the main navigation
content menu on the Master page.
-------------------------------------
*/
.db-mainNavBar {
    z-index: 3000;
    background-image: url('../Background/mainnav.png');
    background-repeat: repeat-x;
}

    .db-mainNavBar .db-tabparent {
        width: 160px;
        position: relative;
        height: 31px;
        padding: 0px 0px 0px 0px;
        border: 0 none;
        background: none;
    }

    .db-mainNavBar .db-tabtext {
        position: absolute;
        top: 0;
        left: 0;
        line-height: 31px;
        /*line-height:100%; height: 100%; display: table-cell;*/
        width: 100%;
        text-align: center;
        vertical-align: middle;
        background: none;
        color: #f78e1e;
        font-weight: normal;
        font-size: 12pt;
        margin: 1px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: 0 none;
    }

    .db-mainNavBar A:link {
        text-decoration: none;
        color: #b3b3b3;
    }

    .db-mainNavBar A:visited {
        text-decoration: none;
        color: #b3b3b3;
    }

    .db-mainNavBar A:active {
        text-decoration: none;
        color: #b3b3b3;
    }

    .db-mainNavBar A:hover {
        text-decoration: underline;
        color: #b3b3b3;
    }

    .db-mainNavBar .db-tab {
        height: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .db-mainNavBar .db-tabselected {
        height: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

.db-tableft {
    width: 17px;
    float: left;
}

.db-tabmid {
    width: 126px;
    float: left;
    overflow: hidden;
}

.db-tabright {
    width: 17px;
    float: right;
}

.db-tableft.db-tab {
    background-position: 0px 35px;
    background-image: url(../Tab/main-left-inactive.png);
}

.db-tabmid.db-tab {
    background-position: 0px 35px;
    background-image: url(../Tab/main-mid-inactive.png);
}

.db-tabright.db-tab {
    background-position: 0px 35px;
    background-image: url(../Tab/main-right-inactive.png);
}

.db-tableft.db-tabselected {
    background-position: 0px 32px;
    background-image: url(../Tab/main-left-active.png);
}

.db-tabmid.db-tabselected {
    background-position: 0px 32px;
    background-image: url(../Tab/main-mid-active.png);
}

.db-tabright.db-tabselected {
    background-position: 0px 32px;
    background-image: url(../Tab/main-right-active.png);
}

.db-widgetTabSelectedBackground {
    background-position: 0px -2px;
    background-image: url('../Tab/SelectedTabBackground.gif') !important;
    background-repeat: no-repeat !important;
    background-color: White !important;
}
/*
End Main Nav 
*/

.db-dashboardedit-tab .db-tabparent {
    width: 160px;
    position: relative;
    height: 31px;
    padding: 0px 0px 0px 0px;
    border: 0 none;
    background: none;
}

.db-dashboardedit-tab .db-tabtext {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 31px;
    /*line-height:100%; height: 100%; display: table-cell;*/
    width: 100%;
    text-align: center;
    vertical-align: middle;
    background: none;
    color: #f78e1e;
    font-weight: normal;
    font-size: 12pt;
    margin: 1px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0 none;
}

.db-dashboardedit-tab A.db-tabtext {
    text-decoration: none;
    color: #A6A6A6;
}

.db-dashboardedit-tab A:link, .db-dashboardedit-tab A:visited, .db-dashboardedit-tab A:active, .db-dashboardedit-tab A:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #A6A6A6;
}

.db-dashboardedit-tab .db-tab, .db-dashboardedit-tab .db-tabselected {
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.db-dashboardedit-tab .db-tableft.db-tab {
    background-position: 0px 35px;
    background-image: url(../Tab/subpanel-left-inactive.png);
}

.db-dashboardedit-tab .db-tabmid.db-tab {
    background-position: 0px 35px;
    background-image: url(../Tab/subpanel-mid-inactive.png);
}

.db-dashboardedit-tab .db-tabright.db-tab {
    background-position: 0px 35px;
    background-image: url(../Tab/subpanel-right-inactive.png);
}

.db-dashboardedit-tab .db-tableft.db-tabselected {
    background-position: 0px 32px;
    background-image: url(../Tab/subpanel-left-active.png);
}

.db-dashboardedit-tab .db-tabmid.db-tabselected {
    background-position: 0px 32px;
    background-image: url(../Tab/subpanel-mid-active.png);
}

.db-dashboardedit-tab .db-tabright.db-tabselected {
    background-position: 0px 32px;
    background-image: url(../Tab/subpanel-right-active.png);
}

.db-rightpane {
    background-image: url('../Background/main.jpg');
    background-repeat: repeat;
    min-width: 1024px;
}

/*
Side Navigation 
-------------------------------------
These classes are used to decorate the side navigation
content on the Master page.
-------------------------------------
*/
.db-sideNavBar {
    float: left;
    color: #fff;
    font-weight: normal;
    background-color: #efefef;
    margin-left: 3px;
    width: 160px !important;
}

    .db-sideNavBar .db-sideNavHdr {
        text-align: left;
        /* •	Header row: border-top: 1px, solid, #fff; shadow-right: 1px, 3px spread, 15% opacity; */
        font-size: 14pt;
        background-color: #E7864A;
        border-top: 1px solid #fff;
        box-shadow: 1px 0 0 3px;
        opacity: 15;
        width: 195px;
        height: 40px;
    }

        .db-sideNavBar .db-sideNavHdr label {
            margin: 0 0 0 5px;
        }

    .db-sideNavBar .db-sideNavItem {
        /*•	White row: color: #fff; border-bottom: 1px, solid, #e6e6e6; shadow-right: 1px, 3px spread, 15% opacity;*/
        font-size: 12pt;
        /* color: #e46c0a; */
        text-align: left;
        background-color: #fff;
        border-bottom: 1px solid #e6e6e6;
        box-shadow: 1px 0 0 3px;
        opacity: 15;
        height: 40px;
    }

        .db-sideNavBar .db-sideNavItem label {
            margin: 0 0 0 5px;
            padding: 0;
            color: #e46c0a;
            text-align: left;
            display: inline-block;
        }

    .db-sideNavBar .db-sideNavAlt {
        background-color: #fff7e3;
    }

    .db-sideNavBar A {
        margin: 0 0 0 5px;
        display: inline-block;
    }

        .db-sideNavBar A:link {
            text-decoration: none;
            color: #484848;
        }

        .db-sideNavBar A:visited {
            text-decoration: none;
            color: #484848;
        }

        .db-sideNavBar A:active {
            text-decoration: none;
            color: #484848;
        }

        .db-sideNavBar A:hover {
            text-decoration: underline;
            color: #484848;
        }

/*
End Side Nav 
*/

/*
Main Content 
-------------------------------------
These classes are used to decorate the main
content pane on the Master page.
-------------------------------------
*/
.db-mainContentPane {
    /*background-color: black;*/
    /*min-width: 820px;
	margin: 205px;
	float:left;*/
}
/*
End Main Content 
*/

/*
Panel Box's
-------------------------------------
These classes are used to decorate the dashboard 
panel box controls.
-------------------------------------
*/
.db-infoPanel {
    border-left: #ffe58a 1px solid;
    border-top: #ffe58a 1px solid;
    border-bottom: #ffe58a 1px solid;
    border-right: #ffe58a 1px solid;
    background-image: url('../Images/info_panel_bg.gif');
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0px;
    padding-right: 3em;
    color: #484848;
    margin: 1.6em 0px;
}

    .db-infoPanel .title {
        font-size: 1.2em;
        display: block;
        margin: 0px 0px 1.4em;
        padding-top: 6px;
    }

.db-infoPanel-inner {
    min-height: 40px;
    padding-left: 66px;
    margin-left: 15px;
    background-image: url('../Images/info_panel_icon_32x32.png');
    background-repeat: no-repeat;
}

.db-errorPanel {
    border-left: #ffe58a 1px solid;
    border-top: #ffe58a 1px solid;
    border-bottom: #ffe58a 1px solid;
    border-right: #ffe58a 1px solid;
    background-image: url('../Images/info_panel_bg.gif');
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0px;
    padding-right: 3em;
    color: #484848;
    margin: 1.6em 0px;
}

    .db-errorPanel .title {
        font-size: 1.2em;
        display: block;
        margin: 0px 0px 1.4em;
        padding-top: 6px;
    }

.db-errorPanel-inner {
    min-height: 40px;
    padding-left: 66px;
    margin-left: 15px;
    background-image: url('../Images/error_panel_icon_32x32.png');
    background-repeat: no-repeat;
}
/*
End Panel Box 
*/

/*
Style for the Dashboard widgets.
*/

.db-widgetZone {
    background-color: #efefef;
}

/*
End Dashboard widgets 
*/

/*
Form controls
-------------------------------------
These classes are used to decorate certain controls 
within a form.
-------------------------------------
*/
.db-formLabel-header {
    font-size: large;
}

.db-formLabel-header-medium {
    font-size: medium;
}

.db-formLabel-description {
    font-weight: bold;
}

.db-formLabel {
}

/*
Page Footer 
-------------------------------------
These classes are used to decorate the footer
content on the Master page.
-------------------------------------
*/
.db-footer {
    border-top: solid 1px black;
    background-color: #ffffff;
}

.db-footerContent {
    vertical-align: middle;
    text-align: center;
}
/*
End Footer 
*/

/*
Style for the Dashboard shared pages.
*/
.db-spPage {
    background-image: url('../Background/main.jpg');
    background-repeat: repeat;
    min-width: 1024px;
}

.db-spHeader {
    margin-top: 60px;
    height: 100%;
    padding: 0;
}

    .db-spHeader input {
        width: 218px;
        height: 148px;
        /*width:377px;
   height:44px;*/
    }

.db-spMain {
    border: 0;
    width: 340px;
    height: 240px;
    text-align: left;
}

.db-spFooter {
}

.db-spPageIcon {
    display: block;
}

.db-errorLabel {
    color: Red;
    position: absolute;
}




.normalData {
    text-align: left;
}


a.helpbutton span {
    display: none;
}

a.helpbutton:hover {
    position: relative;
}

    a.helpbutton:hover span {
        display: block;
        position: absolute;
        border: thin solid black;
        background-color: #e2e2e2;
        padding: 5px;
        width: 200px;
    }

/*
End Style for the Dashboard shared pages.
*/


.navItem {
    width: 300px;
    float: left;
    font-size: large;
}

.leftPane {
    float: left;
    /*
    border-bottom-color: #4c607a;
    border-width: 1px;
    border-bottom-style: solid;
    */
}

.currentPageDescription {
    font-size: large;
}

.currentNav {
    float: right;
}

.messageHeader {
    font-weight: bold;
    font-size: medium;
}

.fixwidth2 label {
    width: 45%;
}

.fixwidth3 label {
    width: 30%;
}

.smallHeader {
    font-size: large;
}

.bigHeader {
    font-size: larger;
}

#messagePanel {
    display: none;
    color: Green;
    clear: both;
}

    #messagePanel button {
        float: right;
        font-size: x-large;
    }

#messageContainer {
    color: Green;
}

#errorMessagePanel {
    display: none;
    color: Red;
    clear: both;
}

    #errorMessagePanel button {
        float: right;
        font-size: x-large;
    }


#errorMessageContainer {
    color: Red;
}

#allMessages {
    margin: 5px;
}





/*RadAjaxLoadingPanel MySkin Skin*/

/*loading image - do not specify background-position or background-repeat*/
.RadAjax_VIBE_1_0 .raDiv {
    background-image: url(../Common/loading.gif);
}

/*loading panel background color*/
.RadAjax_VIBE_1_0 .raColor {
    background-color: #fb5;
}

/*skin transparency level - the smaller the number, the more the transparency*/
.RadAjax_VIBE_1_0 .raTransp {
    opacity: 0.3; /*non-IE browsers, 0-1*/
    -moz-opacity: 0.3; /*old Mozilla browsers, 0-1*/
    filter: alpha(opacity=30); /*IE, 0-100*/
}

ul.menu_body, menu_body.li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu_body {
    display: none;
    width: 100%;
    line-height: 25px;
    font-size: 22px;
}

    .menu_body li {
        background: #313537;
        opacity: 0.9; /*non-IE browsers, 0-1*/
        -moz-opacity: 0.9; /*old Mozilla browsers, 0-1*/
        filter: alpha(opacity=90); /*IE, 0-100*/
    }

        .menu_body li a {
            color: #FFFFFF;
            font-weight: normal;
            text-decoration: none;
            padding: 10px 20px 10px 15px;
            display: block;
            outline: none;
        }

        .menu_body li.alt {
            background: #666A6D;
        }

        .menu_body li.first {
            line-height: 30px
        }

.rtop, .rbottom {
    display: block
}

    .rtop *, .rbottom * {
        display: block;
        height: 1px;
        overflow: hidden
    }

.r1 {
    margin: 0 5px
}

.r2 {
    margin: 0 3px
}

.r3 {
    margin: 0 2px
}

.r4 {
    margin: 0 1px;
    height: 2px
}

.rs1 {
    margin: 0 2px
}

.rs2 {
    margin: 0 1px
}

.MenuButtonParent {
    position: relative;
    height: 60px;
    padding: 0px 0px 0px 0px;
    border: 0 none;
    background-repeat: no-repeat;
    clear: both;
    color: #ffffff;
    font-size: 25px;
}

.MenuButton {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-repeat: repeat;
}

.MenuButtonLeft {
    background-image: url(../Images/portal_01.png);
}

.MenuButtonMiddle {
    background-image: url(../Images/portal_03.png);
}

.MenuButtonRight {
    background-image: url(../Images/portal_05.png);
}

.MenuButtonRightDropDownClose {
    background-image: url(../Images/drop-down-closed.png);
}

.MenuButtonText {
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 100%;
    vertical-align: middle;
    background: none;
    margin: 15px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    border: 0 none;
    text-decoration: none;
    padding-left: 10px;
}

a.MenuButtonText {
    color: #FFFFFF;
    text-decoration: none;
}

div.fixpager table.rgMasterTable tr.rgPager div.rgWrap {
    float: left;
    margin-left: 5px;
    line-height: 22px;
}



/*fix for Bug 1431*/
input.rfdRealInput {
    display: block\9;
    position: static !important;
    float: right;
    outline: 0;
    width: 0;
    height: 0;
    margin-top: -5px;
    FILTER: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.report-limit-reached {
    padding: 15px;
    background: #f2dede;
    margin: 5px 0;
}

/*Go To Enterprise Modal*/
.terms-of-service-extender {
    background-color: rgba(0, 0, 0, 0.6);
}

.terms-of-service-panel {
    background-color: #ffffff;
    width: 750px;
    box-sizing: border-box;
    padding: 0;
    border: solid 5px #A09F9F;
    border-radius: 3px;
}

#tabsHeader {
    padding: 20px 20px 0 20px;
    border-bottom: solid 1px #292929;
}

    #tabsHeader > a {
        border-radius: 3px 3px 0 0;
        display: inline-block;
        padding: 10px;
        margin-bottom: -1px;
        text-decoration: none;
        text-align: center;
        width: 100px;
        background-color: #292929;
        font-size: small;
        color: #FFFFFF;
    }

        #tabsHeader > a:hover {
            text-decoration: underline;
        }

        #tabsHeader > a.active {
            background-color: #FFFFFF;
            color: #292929;
            border: solid 1px #292929;
            border-bottom: none;
        }

#tabsContent {
    padding: 0;
}

#tabsContent > div {
    padding: 20px 40px 0 40px;
    font-size: small;
    line-height: 2em;
    box-sizing: border-box;
}

    #tabsContent > div > div.content {
        height: 250px;
    }

#tabsContent > div > div.header {
    text-align: center;
}

    #tabsContent > div > div.footer > div {
        display: inline-block;
    }

#tabsFooter {
    padding: 20px;
}

#tabsFooter > div {
    display: inline-block;
    width: 345px;
    box-sizing: border-box;
}

    #tabsFooter > div.proceed {
        text-align: right;
        box-sizing: border-box;
    }

        #tabsFooter > div.proceed > input[type=button] {
            line-height: 100%;
            width: 100px;
            height: 32px;
            text-align: center;
            color: #ffffff;
            font-weight: bold;
            font-size: 14px;
            border: 0 none;
            border-radius: 4px;
            background-color: #292929;
        }

    #tabsFooter > div.cancel > input[type=button] {
        line-height: 100%;
        height: 32px;
        text-align: center;
        color: #8F8F8F;
        font-size: 14px;
        border: 0 none;
        border-radius: 4px;
        background-color: transparent;
        cursor: pointer;
    }

        #tabsFooter > div.cancel > input[type=button]:hover {
            text-decoration: underline;
        }

.hidden {
    display: none;
}

.terms-accepted {
    cursor: pointer;
}
