/**********************************************************
/* Accordion */

.accordionHeader {
    background-image: url(images/GridHeaderBackground.jpg);
    background-repeat: repeat-x;
    text-align: left;
    letter-spacing: .12em;
    padding: 6px 5px 6px 8px;
    border: 1px solid #2F4F4F;
    color: black;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    cursor: pointer;
}

    .accordionHeader .accordionLink a {
        background: transparent url(images/app/icons/arrow_right.png) no-repeat scroll 0%;
        padding-left: 20px;
        text-decoration: none;
        color: #000000;
    }

        .accordionHeader .accordionLink a:hover {
            color: #000000;
            text-decoration: underline;
        }

#master_content .accordionHeader a {
    color: #000000;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeader a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionHeaderSelected {
    background-image: url(images/GridPagerBackground.jpg);
    background-repeat: repeat-x;
    text-align: left;
    letter-spacing: .12em;
    border: 1px solid #2F4F4F;
    color: black;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 5px 8px 8px;
    margin-top: 5px;
    cursor: pointer;
}

    .accordionHeaderSelected .accordionLink a {
        background: transparent url(images/app/icons/arrow_down.png) no-repeat scroll 0%;
        padding-left: 20px;
        text-decoration: none;
        color: #000000;
    }

        .accordionHeaderSelected .accordionLink a:hover {
            color: #000000;
            text-decoration: underline;
        }

#master_content .accordionHeaderSelected a {
    color: black;
    background: none;
    text-decoration: none;
}

    #master_content .accordionHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionContent {
    /*background-image:url(images/GridAltRowBackground.jpg);
	background-repeat:repeat;*/

    background-color: #F2F2F2;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/**********************************************************
/* Box */

#box a {
    color: #666666;
    text-decoration: none;
}

#box h2 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0.6em;
    text-align: center;
}

#box ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}

#box #content h2, #box #content h2 a {
    color: #000000;
    text-indent: 0pt;
}

#box #content .sidebox h2, #box #content .sidebox h2 a, #box #content .entrybox h2, #box #content .entrybox h2 a {
    margin: 0pt -12px;
}

#box .sidebox, #box .entrybox {
    color: #76797C;
    font-size: 11px;
    line-height: 1.3em;
    margin: 0pt 0px 15px 0px;
    padding: 0pt 12px;
}

    #box .sidebox h2, #box .sidebox h2 a, #box .entrybox h2, #box .entrybox h2 a {
        background: transparent none no-repeat scroll 0pt;
        display: block;
        height: 25px;
        margin: 0pt -12px;
        padding: 0pt 12px;
        text-indent: -9999px;
    }

/**********************************************************
/* Button */

#button-container {
    background-color: #B2CAEE;
    /*border-top:solid 1px #D8DDE1;*/
    height: 24px;
    margin-top: 20px;
    padding-bottom: 2px; /*3px*/
    padding-top: 2px; /*1px*/
    text-align: center;
}

    /*#button-container input.cancelbutton, input.deletebutton, input.submitbutton
	{
		cursor:pointer;	
		font-size:11px;
		font-family: Arial, Verdana, Helvetica, Sans-Serif;
		font-weight:normal;
		margin-left:4px;
		margin-right:4px;
		padding:3px 10px 3px 10px;
	}*/

    #button-container input.cancelbutton {
        border-bottom: solid 1px #AFB0B2;
        border-left: solid 1px #AFB0B2;
        border-right: solid 1px #AFB0B2;
        border-top: solid 1px #AFB0B2;
        background: #FFFFFF url(images/btn_bg_submit_blue.gif) repeat-x scroll left center;
        color: #666666;
        cursor: pointer;
        font-size: 11px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-weight: bold;
        margin-left: 4px;
        margin-right: 4px;
        padding: 3px 10px 3px 10px;
        width: 100px;
    }

    #button-container input.deletebutton {
        border-bottom: solid 1px #AFB0B2;
        border-left: solid 1px #AFB0B2;
        border-right: solid 1px #AFB0B2;
        border-top: solid 1px #AFB0B2;
        background: #FFFFFF url(images/btn_bg_submit_red.gif) repeat-x scroll left center;
        color: #666666;
        cursor: pointer;
        font-size: 11px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-weight: bold;
        margin-left: 4px;
        margin-right: 4px;
        padding: 3px 6px 3px 6px;
        width: 100px;
    }

    #button-container input.submitbutton {
        border-bottom: solid 1px #AFB0B2;
        border-left: solid 1px #AFB0B2;
        border-right: solid 1px #AFB0B2;
        border-top: solid 1px #AFB0B2;
        background: #FFFFFF url(images/btn_bg_submit_blue.gif) repeat-x scroll left center;
        color: #666666;
        cursor: pointer;
        font-size: 11px;
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-weight: bold;
        margin-left: 4px;
        margin-right: 4px;
        padding: 3px 6px 3px 6px;
        width: 100px;
    }

/**********************************************************
/* Content */

/* Memorized IconList */

#iconlistMemorized #iconlist li a {
    background: transparent url(images/app/icons/list_memorized.gif) no-repeat scroll 0%;
    color: #0088CC;
    display: block;
    padding-left: 50px;
    padding-right: 13px;
    text-decoration: none;
}

    #iconlistMemorized #iconlist li a:hover {
        background-color: #F0F8FF; /*F0F4FB*/
        color: #0088CC;
        text-decoration: underline;
    }

/* Process IconList */

#iconlistProcess #iconlist li a {
    background: transparent url(images/app/icons/list_process.gif) no-repeat scroll 0%;
    color: #0088CC;
    display: block;
    padding-left: 50px;
    padding-right: 13px;
    text-decoration: none;
}

    #iconlistProcess #iconlist li a:hover {
        background-color: #F0F8FF; /*F0F4FB*/
        color: #0088CC;
        text-decoration: underline;
    }

/* CREATEMEMORIZED.ASPX && LOGIN.ASPX */
/* checkaccountbox */
/* LoginBox */

#box #content .entrybox h2 {
    background: transparent url(images/common/login/box/box_captop.gif) no-repeat scroll 0pt;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    text-indent: 10px;
}

#box .entrybox {
    background: transparent url(images/common/login/box/box_bg.gif) repeat-y scroll 0pt;
}

    #box .entrybox .clearer {
        background: transparent url(images/common/login/box/box_capbottom.gif) no-repeat scroll left bottom;
        height: 6px;
        margin: 0pt -12px;
    }


/* QUICK FIND */
.quickfind {
    /*border:solid 1px #B3CAEE;*/
    vertical-align: top;
}

#quickFind {
    background-color: #F5F5F5;
    border-bottom: solid 1px #CDCDCD; /*A5ACB2*/
    padding-bottom: 5px;
    width: 263px;
}

    #quickFind #findSection {
        padding: 5px;
    }

    #quickFind h2.head-first {
        margin: 0px;
    }

#cssform #quickFind input[type="text"] {
    background-color: #FFFFFF;
    border: 0px solid #A5ACB2;
    height: 18px;
    padding: 2px 5px 0px 5px;
    width: 180px;
}

#cssform #quickFind select {
    width: 250px;
}

#quickFind .dhx_combo_box {
    border: 1px solid #7F9DB9;
}

/* GENERIC AUTOCOMPLETE */
#cssform .autocomplete input[type="text"] {
    background-color: #FFFFFF;
    border: 0px solid #A5ACB2;
    height: 18px;
    padding: 2px 5px 0px 5px;
    width: 180px;
}

#cssform .autocomplete select {
    width: 250px;
}

#cssform .autocomplete .dhx_combo_box {
    border: 1px solid #7F9DB9;
}

/* accountTree */

#accountTree .AccountType {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    padding-left: 5px;
}

#accountTree .Level1 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 25px;
}

#accountTree .Level2 {
    font-size: 14px;
    font-weight: bold;
    padding-left: 45px;
}

#accountTree .Level3 {
    font-size: 13px;
    font-weight: bold;
    padding-left: 65px;
}

#accountTree .Level4 {
    font-size: 12px;
    font-weight: bold;
    padding-left: 85px;
}

#accountTree .Level5 {
    font-size: 11px;
    font-weight: bold;
    padding-left: 105px;
}

#accountTree .Account {
    line-height: 20px;
    padding-left: 125px;
}

/**********************************************************
/* CSTK */

.myDatagrid_Column {
    color: #555555;
    line-height: 25px;
    padding-left: 4px;
    padding-right: 4px;
}

    .myDatagrid_Column .Edit {
        width: 50px;
    }

.myDatagrid_EvenRowTr {
    background-color: #E0ECFF;
}

.myDatagrid_HeaderTd {
    color: #555555;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}

.myDatagrid_HeaderTr {
    background-color: #DDDDDD;
    border-bottom: solid 1px #AFB0B2;
    line-height: 25px;
}

.myDatagrid_OddRowTr {
}

.myDatagrid_Table {
    border-bottom: solid 1px #AFB0B2;
    border-left: solid 1px #AFB0B2;
    border-right: solid 1px #AFB0B2;
    border-top: solid 1px #AFB0B2;
    width: 100%;
}

.myDatagrid_TitleTd {
    color: #555555;
    font-weight: bold;
    line-height: 25px;
}

/**********************************************************
/* Dashboard */

#dash-container img {
    border: 0;
}

#dash-container {
    background-color: transparent;
    background-image: url("images/common/master/dashboard/background-ribbon.png");
    background-repeat: no-repeat;
    color: #000000;
    font-family: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 89px; /*94px;*/
    padding: 4px 6px 10px 5px; /*padding:4px 6px 10px 5px;*/
    width: 938px;
}

    #dash-container .group {
        height: 94px;
        float: left;
        margin-left: 5px;
    }

    #dash-container .first {
        height: 94px;
        float: left;
        margin-left: 0;
    }

    #dash-container .group-left {
        width: 6px;
        height: 94px;
        background-image: url("images/common/master/dashboard/group-left.png");
        float: left;
    }

    #dash-container .group-right {
        width: 6px;
        height: 94px;
        background-image: url("images/common/master/dashboard/group-right.png");
        float: left;
    }

    #dash-container .group-mid {
        height: 94px;
        float: left;
        background-image: url("images/common/master/dashboard/group-mid.png");
        vertical-align: bottom;
    }

    #dash-container td.label {
        height: 20px;
        background-image: url("images/common/master/dashboard/group-label.png");
        background-repeat: repeat-x;
        text-align: center;
        cursor: default !important;
    }

    #dash-container .separator {
        background-image: url("images/common/master/dashboard/contents-separator.png");
        background-position: center top;
        background-repeat: no-repeat;
        margin-left: 3px;
        margin-right: 3px;
        padding-right: 1px;
        padding-top: 74px;
    }

#dash-links {
}

    #dash-links ul {
        margin: 0px;
        padding: 0px 10px 0px 10px;
        line-height: 18px;
        list-style-type: none;
        text-align: left;
    }

        #dash-links ul li {
            display: inline;
            margin: 0px 1px 0px 1px;
            padding: 0px;
        }

    #dash-links a.linkOn {
        border: solid 2px #FFFFFF;
        margin: 0;
        padding: 0px 20px 0px 20px;
        text-decoration: none;
    }

    #dash-links a.linkOff {
        border: solid 2px #EDEFF3;
        margin: 0;
        padding: 0px 20px 0px 20px;
        text-decoration: none;
    }

    #dash-links a:hover {
        background-color: #FFFFFF;
        border: solid 2px #FFFFFF;
        margin: 0;
        padding: 0px 20px 0px 20px;
        text-decoration: underline;
    }

#ribbon-container td.branding {
}

#ribbon-container img.branding {
    margin-left: 0px;
    margin-right: 3px;
    border: 0;
}

#ribbon-container .links {
    height: 36px;
    margin-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    line-height: 36px;
    background-image: url("/common/images/ribbon/products/background-links.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: left bottom;
    font-size: 11px;
    cursor: default;
    color: #999999;
}

    #ribbon-container .links a:link {
        color: #dd3409;
        text-decoration: none;
        padding-right: 5px;
        padding-left: 5px;
    }

    #ribbon-container .links a:visited {
        color: #dd3409;
        text-decoration: none;
        padding-right: 5px;
        padding-left: 5px;
    }

    #ribbon-container .links a:hover {
        color: #dd3409;
        text-decoration: underline;
        padding-right: 5px;
        padding-left: 5px;
    }

    #ribbon-container .links a:active {
        color: #dd3409;
        text-decoration: none;
        padding-right: 5px;
        padding-left: 5px;
    }

#ribbon-container .dropdown {
    width: 250px;
    height: 27px;
    background-image: url("/common/images/ribbon/products/background-dropdown.png");
    background-repeat: no-repeat;
    background-color: #ffffff;
    padding-top: 9px;
    cursor: default;
}

    #ribbon-container .dropdown .textbox {
        width: 225px;
        height: 18px;
        background-image: url("/common/images/ribbon/products/background-textbox.png");
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: center center;
        text-align: left !important;
    }

        #ribbon-container .dropdown .textbox span {
            color: #dd3409;
            font-size: 10px;
            line-height: 17px;
            padding-left: 24px;
        }


#ribbon-container td.contents {
    height: 74px;
    cursor: pointer;
}


    #ribbon-container td.contents .narrow {
        width: 76px;
        height: 74px;
        background-color: transparent;
    }

    #ribbon-container td.contents .narrow-hover {
        width: 76px;
        height: 74px;
        background-image: url("/common/images/ribbon/contents-narrow-hover.png");
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    #ribbon-container td.contents .medium {
        width: 152px;
        height: 74px;
        background-color: transparent;
    }

    #ribbon-container td.contents .medium-hover {
        width: 152px;
        height: 74px;
        background-image: url("/common/images/ribbon/contents-medium-hover.png");
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    #ribbon-container td.contents .wide {
        width: 216px;
        height: 74px;
        background-color: transparent;
    }

    #ribbon-container td.contents .wide-hover {
        width: 216px;
        height: 74px;
        background-image: url("/common/images/ribbon/contents-wide-hover.png");
        background-position: center bottom;
        background-repeat: no-repeat;
    }

#ribbon-container .title {
    padding-top: 12px;
}

    #ribbon-container .title img {
        vertical-align: middle;
    }


#ribbon-container .medium .title h2, #ribbon-container .medium-hover .title h2 {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    display: inline;
    margin: 0;
}

#ribbon-container .narrow .title img, #ribbon-container .narrow-hover .title img {
    vertical-align: top;
}

#ribbon-container .narrow .title h2, #ribbon-container .narrow-hover .title h2, #ribbon-container .narrow .title p, #ribbon-container .narrow-hover .title p {
}

#ribbon-container .caption {
    color: #666666;
    font-size: 10px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 6px;
}

#ribbon-container table.download {
    cursor: pointer;
}

#ribbon-container .details {
    text-align: left !important;
    padding: 2px 12px 0 3px;
    font-size: 11px;
}

    #ribbon-container .details span.title {
        color: #666666;
        font-weight: bold;
        display: block;
    }

    #ribbon-container .details span.build, #ribbon-container .details span.date {
        color: #666666;
        font-weight: normal;
        display: block;
    }



#ribbon-container .right {
    margin-left: 539px;
}


/******** Dropdown styles ********/
#dropdown-webui {
    width: 225px;
    height: 184px;
    background-image: url("/common/images/ribbon/products/background-dropdown-webui.png");
    background-repeat: no-repeat;
    padding: 6px 0 0 0;
    margin: 0;
    z-index: 11000 !important;
}

    #dropdown-webui .left {
        float: left;
        margin: 0 0 0 10px;
        padding: 0;
        width: 93px;
    }

    #dropdown-webui .right {
        float: left;
        margin-left: 0;
    }

#dropdown-charting {
    width: 225px;
    height: 75px;
    background-image: url("/common/images/ribbon/products/background-dropdown-charting.png");
    background-repeat: no-repeat;
    padding: 6px 0 0 0;
    margin: 0;
    z-index: 11001;
}

    #dropdown-charting .left {
        float: left;
        margin: 0 0 0 10px;
        padding: 0;
    }

    #dropdown-webui .item, #dropdown-charting .item {
        font-size: 10px;
        display: block;
        margin-top: 2px;
        margin-left: 10px;
    }

        #dropdown-webui .item img, #dropdown-charting .item img {
            vertical-align: middle;
            padding: 0 6px 0 10px;
            border: 0;
        }

        #dropdown-webui .item a:link, #dropdown-charting .item a:link {
            color: #dd3409;
            text-decoration: none;
        }

        #dropdown-webui .item a:hover, #dropdown-charting .item a:hover {
            color: #dd3409;
            text-decoration: underline;
        }

        #dropdown-webui .item a:active, #dropdown-charting .item a:active {
            color: #dd3409;
            text-decoration: none;
        }

        #dropdown-webui .item a:visited, #dropdown-charting .item a:visited {
            color: #dd3409;
            text-decoration: none;
        }

/**********************************************************
/* Form */

/* CSS Form */
/*http://www.dynamicdrive.com/style/csslibrary/item/css-tableless-form/P10/*/

#cssform {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 13px;
}

    #cssform .form {
        background-color: #F5F5F5;
    }

    #cssform br {
        clear: left;
    }

    #cssform p {
        /*width: 500px;*/
        clear: left;
        color: #000000;
        margin: 0;
        padding: 5px 0 5px 0;
        padding-left: 255px; /*width of left column containing the label elements 125px*/
        /*border-top: 1px dashed gray;*/
        height: 1%;
    }

    #cssform h2 {
        background-color: #B2CAEE; /*#F0F4FB #BFDCF3*/
        /*border-bottom: solid 1px #A5ACB2;*/
        color: #000000; /*#4D5F82 #0075CE*/
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 6px 4px 6px 4px;
        text-align: center;
    }

        #cssform h2.head-first {
            margin-top: 0px;
        }

        #cssform h2.head-box {
            background-color: #E0ECFF;
            border-bottom: none 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
        }

        #cssform h2.head-column {
            background-color: #E0ECFF;
            border-bottom: none 0px;
            margin-bottom: 0px;
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 0px;
        }

        #cssform h2.head-tabs {
            /*border-bottom: solid 1px #FFFFFF;*/
            margin-top: 0px;
            margin-bottom: 0px;
        }

        #cssform h2.head-title {
            background-color: #E0ECFF;
            border-bottom: solid 1px #B2CAEE;
            /*border-left: solid 1px #B2CAEE;
		border-right: solid 1px #B2CAEE;*/
            margin-top: 0px;
            margin-bottom: 0px;
        }

    #cssform h3 {
        background-color: #F5F5F5;
        border-bottom: solid 1px #CDCDCD; /*A5ACB2*/
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 6px 4px 6px 4px;
        text-align: center;
    }

    #cssform h4 {
        border-bottom: dotted 1px #CDCDCD; /*A5ACB2*/
        color: #000000;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 6px 4px 6px 4px;
        text-align: center;
    }

    #cssform h6 {
        /*border-bottom: dotted 1px #CDCDCD; A5ACB2*/
        color: #009900;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 6px 4px 6px 4px;
        text-align: left;
    }

    #cssform label {
        /*original #cssform p padding-left: 155px; margin-left: -155px; width: 150px;*/
        float: left;
        /*font-weight: bold;*/
        margin-left: -255px; /*width of left column -125px */
        padding: 4px 4px 0px 0px;
        text-align: right;
        width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin 120px*/
    }

        #cssform label.boxlabel {
            float: none;
            font-weight: normal;
            margin-left: 4px; /*width of left column*/
            text-align: left;
            width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin 120px*/
        }

        #cssform label.generic {
            /*original #cssform p padding-left: 155px; margin-left: -155px; width: 150px;*/
            float: none;
            font-weight: bold;
            margin-left: 0px; /*width of left column -125px*/
            padding: 4px 4px 0px 0px;
            text-align: left;
            /*width: 150px; width of labels. Should be smaller than left column (155px) to create some right margin 120px*/
        }

    /*.cssform input[type="text"]{ width of text boxes. IE6 does not understand this attribute*/
    #cssform input[type="text"] {
        border: 1px solid #A5ACB2;
        height: 18px;
        padding: 2px 5px 0px 5px;
        width: 180px;
    }

        #cssform input[type="text"]:hover {
            background-color: #FFFFCC;
        }

        #cssform input[type="text"]:focus {
            background: #FFFFCC;
        }

        #cssform input[type="text"].disabled {
            background-color: #F5F5F5;
            color: #000000;
        }

    #cssform select {
        padding: 0px 0px 0px 0px;
        width: 210px;
    }

    #cssform textarea {
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 14px;
        height: 150px;
        padding: 2px 5px 0px 5px;
        width: 250px;
    }

    /* CSS Form Item Box */
    #cssform .itembox {
        background-color: #B2CAEE;
        border: solid 1px #A5ACB2;
        margin-bottom: 10px;
        padding: 5px;
    }

    /* CSS Form Item Grid */
    #cssform #itemgrid {
    }

        #cssform #itemgrid input[type="text"] {
            background: transparent;
            border: 0px solid #A5ACB2;
            height: 18px;
            padding: 2px 5px 0px 5px;
            width: 180px;
        }

            #cssform #itemgrid input[type="text"]:hover {
                background-color: #FFFFCC;
            }

            #cssform #itemgrid input[type="text"]:focus {
                background: #FFFFCC;
            }

            /*#cssform #itemgrid input[type="text"].disabled
	{		
		background-color: #EEEEEE;		 
	}*/

            #cssform #itemgrid input[type="text"].readonly {
                background-color: #F5F5F5; /*#F0F8FF*/
                color: #000000;
            }

            #cssform #itemgrid input[type="text"].readonlyeven {
                background-color: #F5F5F5; /*#EFEFEF FFFBE6*/
                color: #000000;
            }

            #cssform #itemgrid input[type="text"].readonlyodd {
                background-color: #F5F5F5; /*#F5F5F5 FFFBE6*/
                color: #000000;
            }

        /*#cssform #itemgrid input[type="text"].readonlyeven
	{		
		background-color: #E0ECFF;
			 
	}
	
		#cssform #itemgrid input[type="text"].readonlyodd
	{		
		background-color: #FFFFE1;
			 
	}

	#cssform #itemgrid input[type="text"].readonlysubeven
	{		
		background-color: #F5F9FF;
			 
	}
	
		#cssform #itemgrid input[type="text"].readonlysubodd
	{		
		background-color: #FFFFF5;
			 
	}*/

        #cssform #itemgrid .title {
            background-color: #DDDDDD;
            border-bottom: 1px solid #A5ACB2;
            border-left: 1px solid #FFFFFF;
            border-right: 1px solid #A5ACB2;
            font-weight: bold;
            line-height: 20px;
            margin-bottom: 1px;
            text-align: center;
        }

        #cssform #itemgrid .header {
            background-color: #DDDDDD;
            border-bottom: 1px solid #A5ACB2;
            border-left: 1px solid #FFFFFF;
            border-right: 1px solid #A5ACB2;
            line-height: 20px;
            text-align: center;
        }

        #cssform #itemgrid .spacer {
            line-height: 10px;
            padding-top: 10px;
        }

        #cssform #itemgrid .subheader {
            background-color: #E0ECFF;
            border-bottom: 1px solid #A5ACB2;
            border-left: 1px solid #FFFFFF;
            border-right: 1px solid #A5ACB2;
            line-height: 20px;
            text-align: center;
        }

        /*#cssform #itemgrid .subheadereven
	{
		background-color:#E0ECFF;
		border-bottom:1px solid #A5ACB2;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #A5ACB2;
		line-height:20px;
		text-align:center;
	}	
	
	#cssform #itemgrid .subheaderodd
	{
		background-color:#FFFFE1;
		border-bottom:1px solid #A5ACB2;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #A5ACB2;
		line-height:20px;
		text-align:center;
	}*/

        #cssform #itemgrid select {
            background: transparent;
            padding: 0px 0px 0px 0px;
            width: 210px;
        }

        #cssform #itemgrid td {
        }

            #cssform #itemgrid td.column {
                border-bottom: solid 1px #A5ACB2;
                border-right: solid 1px #DDDDDD;
            }

            #cssform #itemgrid td.delete {
                background-color: #DDDDDD;
                border-bottom: solid 1px #A5ACB2;
                border-left: 1px solid #FFFFFF;
                border-right: solid 1px #DDDDDD;
                border-top: solid 1px #FFFFFF;
                text-align: center;
                width: 36px;
            }

            #cssform #itemgrid td.number {
                background-color: #DDDDDD;
                border-bottom: solid 1px #A5ACB2;
                border-left: 1px solid #FFFFFF;
                border-right: solid 1px #DDDDDD;
                border-top: solid 1px #FFFFFF;
                text-align: center;
                width: 27px;
            }

            #cssform #itemgrid td.viewonlyevencolumn {
                background-color: #F5F5F5;
                border-bottom: solid 1px #A5ACB2;
                border-right: solid 1px #DDDDDD;
            }

            #cssform #itemgrid td.viewonlyoddcolumn {
                background-color: #F5F5F5;
                border-bottom: solid 1px #A5ACB2;
                border-right: solid 1px #DDDDDD;
            }

        #cssform #itemgrid tr.blank {
            visibility: hidden;
            /*visibility:collapse;*/
        }

        #cssform #itemgrid tr.collapsed {
            visibility: hidden;
            /*visibility:collapse;*/
        }

        #cssform #itemgrid tr.odd {
            background-color: #FFFFFF;
        }

        #cssform #itemgrid tr.even {
            background-color: #E0ECFF; /*F0F8FF*/
        }

/*.threepxfix class below:
	Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
	to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
	*/

* html .threepxfix {
    margin-left: 3px;
}

/* Extra Classes */


.cssformSpanLabel {
    font-weight: bold;
    padding: 4px 0px 0px 10px;
    text-align: right;
}

/**********************************************************
/* FormatStyles */

.ButtonTbl {
    margin-top: 20px;
}

.ButtonTd {
    border-top: solid 1px #D8DDE1;
    padding: 10px;
    text-align: center;
}

.HeaderTd {
    background-color: #C4CDD6;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 4px 4px 4px;
    text-align: center;
}

.ReqTd {
    text-align: center;
    vertical-align: middle;
}

.SubHeaderTbl {
    margin-bottom: 10px;
}

.SubHeaderTd {
    background-color: #F0F4FB;
    border-bottom: solid 1px #A5ACB2;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 4px 4px 4px;
    text-align: center;
}

/**********************************************************
/* FormStyles */

input.CancelButton, input.cancelbutton {
    border-bottom: solid 1px #AFB0B2;
    border-left: solid 1px #AFB0B2;
    border-right: solid 1px #AFB0B2;
    border-top: solid 1px #AFB0B2;
    background: #FFFFFF url(images/btn_bg_submit_blue.gif) repeat-x scroll left center;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 4px;
    padding: 3px 10px 3px 10px;
    width: 100px;
}

input.DeleteButton, input.deletebutton {
    border-bottom: solid 1px #AFB0B2;
    border-left: solid 1px #AFB0B2;
    border-right: solid 1px #AFB0B2;
    border-top: solid 1px #AFB0B2;
    background: #FFFFFF url(images/btn_bg_submit_red.gif) repeat-x scroll left center;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 4px;
    padding: 3px 6px 3px 6px;
    width: 100px;
}

input.SubmitButton, input.submitbutton {
    border-bottom: solid 1px #AFB0B2;
    border-left: solid 1px #AFB0B2;
    border-right: solid 1px #AFB0B2;
    border-top: solid 1px #AFB0B2;
    background: #FFFFFF url(images/btn_bg_submit_blue.gif) repeat-x scroll left center;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
    margin-left: 4px;
    margin-right: 4px;
    padding: 3px 6px 3px 6px;
    width: 100px;
}

input.TextBox {
    font-size: 13px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    border: 1px solid #A5ACB2;
    padding: 2px 2px 1px 2px;
    height: 17px;
    color: #4C596C;
}

    input.TextBox:hover {
        background-image: none;
        background-color: #FFFFCC;
        border: 1px solid #A5ACB2;
        color: #222;
    }

    input.TextBox:focus {
        background: #FFFFCC;
        border: 1px solid #A5ACB2;
        color: #222;
    }

input.LineTextBox {
    border: 0;
    border-bottom: solid 1px #A5ACB2;
    width: 55px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    color: #003366;
}

input.ViewOnlyTextBox {
    border: 0;
    width: 55px;
    font-size: 13px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    color: #003366;
    padding: 2px 2px 1px 2px;
}

input.LargeTextBox {
    background-image: url(images/TextBoxBackground.jpg);
    background-repeat: repeat-x;
    font-size: 18px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    border: 1px solid #A5ABB4;
    padding: 3px 3px 2px 3px;
    color: #4C596C;
}

input.RequiredTextBoxOn {
    background-color: #f0f8ff;
    border: #FF6600 1px solid;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    padding: 2px 2px 1px 2px;
    height: 15px;
    width: 250px;
}

input.RequiredTextBoxOff {
    background-color: #f0f8ff;
    border: #6F8FC5 1px solid;
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    padding: 3px 2px 2px 0px;
    height: 15px;
    width: 250px;
}

.RequiredTextBoxError {
    background-color: #FFE4E4;
    border: #CC0000 1px solid;
}

input.RequiredLargeTextBoxOn {
    background-color: #f0f8ff;
    font-size: 18px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    border: 1px solid #FF6600;
    padding: 3px 3px 2px 3px;
    color: #4C596C;
}

input.RequiredLargeTextBoxOff {
    background-color: #f0f8ff;
    font-size: 18px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    border: 1px solid #6F8FC5;
    padding: 3px 3px 2px 3px;
    color: #4C596C;
}

.Label {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 4px 5px 4px;
    text-align: right;
    vertical-align: top;
}

.RequiredLabel {
    color: #000000;
    font-weight: bold;
    padding: 8px 4px 5px 4px;
    text-align: right;
    vertical-align: top;
}
/*textarea
{
	background-image:url(images/TextBoxBackground.jpg);
	background-repeat:repeat-x;

	font-size:11px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;

	border:1px solid #A5ABB4;

	padding:2px 2px 1px 2px;

	color:#4C596C;
}
textarea:hover
{
  background:#FFFFCC;
	border:1px solid #999;
	color:#222;
}
textarea:focus
{
  background:#FFFFCC;
	border:1px solid #999;
	color:#222;
}*/

select {
    font-size: 13px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

/*select
{
	font-size:11px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color:#4C596C;
	height:20px;
	width:204px;
}

select:hover
{
  background-color:#FFFFCC;
}*/

.InfoSummary {
    background-color: #FFFFFF;
    border: solid 2px #007700;
    color: #007700;
    /*font-size:12px;*/
    margin-bottom: 20px;
    padding: 5px;
}

.PaddingTd {
    background-image: url(images/pixel.gif);
    background-repeat: repeat-x;
    background-position: left 22px;
    width: 100%;
}

.StarterLabelTd {
    padding-left: 200px;
}

.ValidationSummary {
    background-color: #F3DEDE;
    border: solid 2px #990000;
    color: #990000;
    margin-bottom: 20px;
    padding: 5px;
}

/**********************************************************
/* GridStyles */

#grid {
    background-color: #FFFFFF;
    border-spacing: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    /*width:100%;*/
}

    #grid .captionLeft {
        background: #FFFFFF url(images/CaptionLeft.gif) no-repeat scroll left top;
        padding: 27px 6px 0px 0px;
    }

    #grid .captionMiddle {
        background: url(images/CaptionBg.gif) #fff top left repeat-x;
        background-color: #4B90CD;
        border: none 0px #FFFFFF;
        font-size: 12px;
        font-weight: bold;
        height: 27px;
        margin: 4px 0px 4px 0px;
        text-align: center;
        width: 100%;
    }

    #grid .captionRight {
        background: #FFFFFF url(images/CaptionRight.gif) no-repeat scroll right top;
        padding: 27px 6px 0px 0px;
    }

    #grid .title {
        background-color: #4C6FA5;
        color: #FFFFFF;
        font-weight: bold;
        line-height: 24px;
        text-align: center;
        vertical-align: middle;
    }

    #grid .containerTable {
        background-color: #FFFFFF;
        border: solid 1px #4C6FA5;
        border-collapse: separate;
        /*border-spacing: 1px; */
    }

    #grid .header {
        background-color: #DADFE6;
        font-weight: bold;
        line-height: 26px;
        padding: 0px 5px 0px 5px;
        text-align: center;
    }

    #grid .column {
        border-top: solid 1px #DADFE6; /*#D9E8F6 #E5E5E5*/
        line-height: 26px;
        padding: 0px 4px 0px 4px;
        text-align: left;
        white-space: normal;
    }

        #grid .column.amount {
            text-align: right;
        }

        #grid .column.alert {
            color: Red;
        }

        #grid .column.edit {
            text-align: center;
            padding: 0px 10px 0px 10px;
        }

        #grid .column.first {
            border-top: solid 0px #E5E5E5;
        }


/*
  This file contains styles specific to the GridView.
  These styles are used from within the Default.skin file.
*/
.Grid {
}

    /* set default color for all text within the grid */
    .Grid td, .Grid tr, .Grid div, .Grid span, .Grid th {
        color: #555;
    }

    /* disables the borders since .net wont listen */
    .Grid th, tr, td {
        border: 0;
    }

.HeaderStyle {
    /*background-image:url(images/GridHeaderBackground.jpg);*/
    background-repeat: repeat-x;
    height: 20px;
    text-align: left;
    padding: 5px;
}

.RowStyle {
    background-image: url(images/GridRowBackground.jpg);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #F3F3F3;
    height: 15px;
    text-transform: capitalize;
    padding: 3px 3px 3px 5px;
}

.AlternatingRowStyle {
    background-image: url(images/GridAltRowBackground.jpg);
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #FAFAFA;
    height: 15px;
    text-transform: capitalize;
    padding: 3px 3px 3px 5px;
}

.PagerStyle {
    background-image: url(images/GridPagerBackground.jpg);
    background-repeat: repeat-x;
    padding: 3px;
}

.FooterStyle {
}

.Grid a:link, .Grid a:visited, .Grid a:active {
    color: #555;
}

.Grid a:hover {
    text-decoration: none;
}

/* Misc */
.DescImg {
    position: relative;
    top: 2px;
    left: 5px;
}

.AscImg {
    position: relative;
    top: 2px;
    left: 5px;
}

/* Az Table Styles */
.AzTable {
    background-image: url(images/GridHeaderBackground.jpg);
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    border-bottom: 0;
}

.AzTd {
    /*background-image:url(images/AzBg.gif);
  background-repeat:no-repeat;*/
    text-align: center;
}

.AzTdSelected {
    color: White;
    background-color: White;
    text-align: center;
}

a.AZ:link, a.AZ:visited, a.AZ:active {
    font-size: 10px;
    color: Black;
}

a.AZ:hover {
    background-color: White;
    text-decoration: underlne;
}

.hiddencol {
    display: none;
}

.viscol {
    display: block;
}

/**********************************************************
/* IconList */

#iconlist li {
    border-bottom: 1px solid #E5E5E5;
    line-height: 30px;
    padding: 4px 0pt;
}

    #iconlist li.last {
        border: 0pt none;
    }

    #iconlist li a {
        background: transparent url(images/app/icons/list_memorized.gif) no-repeat scroll 0%;
        color: #0088CC;
        display: block;
        padding-left: 50px;
        padding-right: 13px;
        text-decoration: none;
    }

        #iconlist li a:hover {
            background-color: #F0F8FF; /*F0F4FB*/
            color: #0088CC;
            text-decoration: underline;
        }

#iconlist ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}

/**********************************************************
/* Management */

#menuList {
    background-color: #DDDDDD;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

    #menuList ul {
        margin: 0px;
        padding: 0px 0px 0px 20px;
        line-height: 18px;
        list-style-type: none;
        text-align: left;
    }

        #menuList ul li {
            display: inline;
            margin: 0px 1px 0px 1px;
            padding: 0px;
            padding-bottom: 4px;
        }

    #menuList a.menuOn {
        background-color: #FFFFFF;
        border: solid 2px #FFFFFF;
        margin: 0;
        padding: 0px 20px 0px 20px;
        text-decoration: none;
    }

    #menuList a.menuOff {
        border: solid 2px #DDDDDD;
        margin: 0;
        padding: 0px 20px 0px 20px;
        text-decoration: none;
    }

    #menuList a:hover {
        background-color: #FFFFFF;
        border: solid 2px #FFFFFF;
        margin: 0;
        padding: 0px 20px 0px 20px;
    }

#menuOptionList {
    background-color: #FFFFFF;
    padding: 4px;
}

    #menuOptionList ul {
        margin: 0px;
        padding: 0px 0px 0px 20px;
        line-height: 18px;
        list-style-type: none;
        text-align: left;
    }

        #menuOptionList ul li {
            display: inline;
            margin: 0px 1px 0px 1px;
            padding: 0px;
        }

    #menuOptionList a.menuOn {
        background-color: #FFFFFF;
        border: solid 2px #DDDDDD;
        margin: 0;
        padding: 0px 20px 0px 20px;
        text-decoration: none;
    }

    #menuOptionList a.menuOff {
        background-color: #FFFFFF;
        border: solid 2px #FFFFFF;
        margin: 0;
        padding: 0px 20px 0px 20px;
        text-decoration: none;
    }

    #menuOptionList a:hover {
        background-color: #FFFFFF;
        border: solid 2px #DDDDDD;
        margin: 0;
        padding: 0px 20px 0px 20px;
    }

.sprite-Password {
    background: #fff url(images/Password.png) no-repeat top left;
    background-position: -0px -0px;
    width: 75px;
    height: 20px;
}

/**********************************************************
/* MasterPage */

/* Border */

.pageborder-left {
    background-image: url("images/common/master/border-left.jpg");
    padding-left: 9px;
}

.pageborder-right {
    background-image: url("images/common/master/border-right.jpg");
    padding-right: 9px;
}

/* Header */

.HeaderContainer {
    background-color: transparent;
    background-image: url("images/common/master/headerConnectNow.gif");
    /*background-image:url("images/common/master/headerCnParishSoft.gif");*/ /*url("images/common/master/header.jpg")*/
    background-repeat: no-repeat;
    color: #000000;
    font-family: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 74px; /*Oca 64px ConnectNow 80px*/
    /*padding:4px 6px 10px 5px;*/
    width: 967px;
}

.HeaderContainerCMS {
    background-color: transparent;
    background-image: url("images/common/master/headerConnectNowCMS.gif");
    /*background-image:url("images/common/master/headerCnParishSoft.gif");*/ /*url("images/common/master/header.jpg")*/
    background-repeat: no-repeat;
    color: #000000;
    font-family: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 74px; /*Oca 64px ConnectNow 80px*/
    /*padding:4px 6px 10px 5px;*/
    width: 967px;
}

.HeaderContainerPS {
    background-color: transparent;
    background-image: url("images/common/master/headerConnectNowPS.gif");
    /*background-image:url("images/common/master/headerCnParishSoft.gif");*/ /*url("images/common/master/header.jpg")*/
    background-repeat: no-repeat;
    color: #000000;
    font-family: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 74px; /*Oca 64px ConnectNow 80px*/
    /*padding:4px 6px 10px 5px;*/
    width: 967px;
}

.HeaderContainerLOGOS {
    background-color: transparent;
    background-image: url("images/common/master/headerConnectNowLOGOS.gif");
    background-repeat: no-repeat;
    color: #000000;
    font-family: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 74px; /*Oca 64px ConnectNow 80px*/
    /*padding:4px 6px 10px 5px;*/
    width: 967px;
}


/* SideBox */

#box #content .sidebox {
    color: #76797C;
    font-size: 11px;
    line-height: 1.3em;
    margin: 0pt 0px 15px 11px;
    padding: 0pt 12px;
}

    /* ...pagenav */

    #box #content .sidebox.pagenav h2 {
        background: transparent url(images/common/master/box/box_captop.gif) no-repeat scroll 0pt;
        height: 25px;
        line-height: 25px;
        text-indent: 0pt;
    }

#box .sidebox.pagenav {
    background: transparent url(images/common/master/box/box_bg.gif) repeat-y scroll 0pt;
}

    #box .sidebox.pagenav .clearer {
        background: transparent url(images/common/master/box/box_capbottom.gif) no-repeat scroll left bottom;
        height: 6px;
        margin: 0pt -12px;
    }

#boxpagenav li {
    border-bottom: 1px solid #E5E5E5;
    line-height: 20px;
    padding: 4px 0pt;
}

    #boxpagenav li.last {
        border: 0pt none;
    }

    #boxpagenav li a {
        background: transparent url(images/common/master/box/box_arrows.png) no-repeat scroll 0%;
        color: #0088CC;
        display: block;
        padding-right: 13px;
    }

        #boxpagenav li a:hover {
            background-position: -142px;
            color: #0088CC;
            text-decoration: underline;
        }

#boxpagenav ul {
    margin: 0pt;
    padding: 0pt;
}

/* ...pagereports */

#box #content .sidebox.pagereports h2 {
    background: transparent url(images/common/master/box/box_captop.gif) no-repeat scroll 0pt;
    height: 25px;
    line-height: 25px;
    text-indent: 0pt;
}

#box .sidebox.pagereports {
    background: transparent url(images/common/master/box/box_bg.gif) repeat-y scroll 0pt;
}

    #box .sidebox.pagereports .clearer {
        background: transparent url(images/common/master/box/box_capbottom.gif) no-repeat scroll left bottom;
        height: 6px;
        margin: 0pt -12px;
    }

#boxpagereports li {
    border-bottom: 1px solid #E5E5E5;
    line-height: 20px;
    padding: 4px 0pt;
}

    #boxpagereports li.last {
        border: 0pt none;
    }

    #boxpagereports li a {
        background: transparent url(images/common/master/box/box_arrows.png) no-repeat scroll 0%;
        color: #666666;
        display: block;
        padding-right: 13px;
    }

        #boxpagereports li a:hover {
            background-position: -142px;
            color: #0088CC;
            text-decoration: underline;
        }

#boxpagereports ul {
    margin: 0pt;
    padding: 0pt;
}

/* Tabs */

#tab-container {
    background-color: #B3CAEE; /*#60708A #6E99CB*/
    border-bottom: solid 1px #686868;
    font-family: Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 30px;
    /*padding:4px 6px 10px 5px;*/
    width: 949px;
}

    #tab-container ul {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0pt;
        padding: 7px 0px;
    }

    #tab-container li {
        display: inline;
        margin: 0pt;
        padding: 0pt;
    }

    #tab-container a {
        background: transparent url(images/common/master/tabs/left_both.gif) no-repeat scroll left top;
        float: left;
        margin: 0pt;
        padding: 0pt 0pt 0pt 9px;
        text-decoration: none;
        /*border-bottom:solid 1px #000000;*/
    }

        #tab-container a.selected {
            background-position: 0% -300px;
        }

        #tab-container a span {
            background: transparent url(images/common/master/tabs/right_both.gif) no-repeat scroll right top;
            color: black;
            display: block;
            float: left;
            padding: 4px 15px 5px 6px;
            font-size: 12px;
        }

            #tab-container a span.selected {
                background-position: 100% -300px;
            }

        #tab-container a span {
            float: none;
        }

        #tab-container a:hover span {
            background-color: inherit;
            color: #333333;
        }

        #tab-container a:hover {
            background-position: 0% -150px;
        }

            #tab-container a:hover span {
                background-position: 100% -150px;
            }

/**********************************************************
/* MenuStyles */

/* Top Level Menu Styles */
.MenuOff {
    background-image: url(images/MenuItem.jpg);
    background-repeat: no-repeat;
    background-position: 0px -31px;
    width: 144px;
    height: 30px;
    color: #3B4963;
    padding: 7px 0 9px 19px
}

.MenuOn {
    background-image: url(images/MenuItem.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 144px;
    height: 30px;
    color: #5B5656;
    padding: 7px 0 9px 19px
}

a.MenuOff:link, a.MenuOff:visited, a.MenuOff:active, a.MenuOff:hover {
    background-image: none;
    padding: 0;
    color: #3B4963;
}

/* Sub Menu Styles */
.SubMenuOff {
    width: 180px; /*140*/
    height: 23px;
    color: #3B4963;
    padding: 0 0 0 7px;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    z-index: 9000;
}

.SubMenuOn {
    color: #5B5656;
    width: 180px; /*140*/
    height: 23px;
    padding: 0 0 0 7px;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    background-color: #F0F4FB;
    color: #5B5656;
    z-index: 9000;
}

a.SubMenuOff:link, a.SubMenuOff:visited, a.SubMenuOff:active {
    background-image: none;
    padding: 0;
    color: #3B4963;
    text-decoration: underline;
}

a.SubMenuOff:hover {
    text-decoration: none;
}

/* Second Level Menu Styles */
.SubMenuContainerL1 {
    border: 1px solid #ddd;
    margin-left: 5px;
    z-index: 9000;
}

/* Third Level Menu Styles */
.SubMenuContainerL2 {
    border: 1px solid #ddd;
    margin-top: 4px;
    margin-left: -3px;
    z-index: 9000;
}

/**********************************************************
/* PageStyles */

/* Body Elements */
body {
    background-color: #E2E9EF;
    margin: 0px;
}

body, table, tr, td, div, span, p, ol, ul, li {
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    color: #555;
}

html {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}

.hr {
    height: 0;
    font-size: 0;
    line-height: 0;
    width: 100%;
    margin-bottom: 10px;
}

.dotted {
    border-bottom: dotted 1px #A5ACB2;
}

.dashed {
    border-bottom: dashed 1px #A5ACB2;
}

/* MasterPage Elements */
.pTable {
    width: 968px;
}

.pHeader {
    background-image: url(images/Header.jpg);
    background-repeat: no-repeat;
    height: 100px;
}

.pHeaderTable {
    width: 954px;
}

.TopMenu {
    margin-top: 20px;
    margin-right: 16px;
    margin-left: 10px;
    margin-bottom: 8px;
}

.TopMenuItem {
    display: inline;
}

.pBody {
    background-image: url(images/Background.jpg);
    background-repeat: repeat-y;
    padding: 0 8px 0 6px;
}

.pFooter {
    background-image: url(images/Footer.jpg);
    background-repeat: no-repeat;
    height: 30px;
}

.pCopyright {
    background-image: url(images/Copyright.jpg);
    background-repeat: no-repeat;
    background-position: 7px 0px;
    height: 25px;
}


/* Containers */
.MenuContainer {
    margin: 1px 0 0 0;
}

.TabContainer {
    margin: 5px 0 0 15px;
}

.ContentContainer {
    background-color: #FFFFFF;
    /*margin:0px 7px 0px 7px;*/

    border: 1px solid #FFFFFF;
}

.LabelContainer {
    color: #4F5560;
}

.ControlContainer {
}

.SupportedBrowsers {
    border-top: 1px solid #eee;
    padding: 5px 5px 0 5px;
    font-size: 10px;
    color: #bbb;
    margin-top: 10px;
}

.LoadingContainer {
    border: solid 1px black;
    background-color: white;
    margin: 0px;
    position: fixed;
    top: 240px /*40%*/;
    left: 33%;
    width: 400px;
    height: 80px;
    /*filter:alpha(opacity=90);*/
}

/* User Content Panels */
.UserContentContainer {
    margin: 3px 8px 7px 3px;
}

.UserContentPanelHeader {
    padding: 4px;
    background-image: url(images/TabOn.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #C5CED7;
    border-top: 1px solid #D6DDE6;
    color: #003366;
}

.UserContentPanel {
    border: 1px solid #C5CED7;
    border-top: 0;
    background-color: #FAFAFA;
    height: 85px;
    padding: 2px;
    background-image: url(images/ContentBottom.jpg);
    background-repeat: repeat-x;
    background-position: bottom center;
    overflow: auto;
    scrollbar-arrow-color: #6B7887;
    scrollbar-face-color: #FFFFFF;
    scrollbar-3dlight-color: white;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: #EFEFEF;
    scrollbar-darkshadow-color: white;
    scrollbar-track-color: #F4F4F4;
}

.UserContentItem {
    background-image: url(images/Bullet.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
    border-bottom: 0px solid #EFEFEF;
    padding: 3px;
    padding-left: 12px;
}

/* Modal Popup */
.ModalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPanel {
    border: 1px solid #CCA0D4;
    background-color: #F4F4F4;
    padding: 8px;
    background-image: url(images/ContentBottom.jpg);
    background-repeat: repeat-x;
    background-position: bottom center;
}

/* Popup */
.PopupControl {
    position: absolute;
    visibility: hidden;
}

/* Headers */
h1 {
    font-size: 16px;
    font-weight: bold;
    color: #4D5F82;
    margin: 0;
}

    h1.Success {
        color: #009900;
    }

    h1.Warning {
        color: #ff6600;
    }

    h1.Error {
        color: #ff0000;
    }

    h1.Loading {
        color: #333;
        font-size: 15px;
        margin: 0;
    }

h2 {
    font-size: 15px;
    font-weight: bold;
    color: #4D5F82;
    margin: 0;
}

    h2.Success {
        color: #009900;
    }

    h2.Warning {
        color: #ff6600;
    }

    h2.Error {
        color: #ff0000;
    }

h3 {
    font-size: 14px;
    font-weight: bold;
    color: #4D5F82;
    margin: 0;
}

    h3.Success {
        color: #009900;
    }

    h3.Warning {
        color: #ff6600;
    }

    h3.Error {
        color: #ff0000;
    }

hr {
    border: 1px solid #eee;
    height: 1px;
}

/* Links */
a:link, a:visited, a:active {
    color: #336699; /* FF6600 */
}

a:hover {
    text-decoration: none;
}

/* Misc */
.EMailAddressDisplay {
    color: #0000CC;
}

table.WesternDocumentConent {
    text-align: left;
    vertical-align: top;
}

td.WesternDocumentConent {
    text-align: left;
    vertical-align: top;
}

.OrganizationBanner {
    width: 715px;
    height: 130px;
    position: relative;
    top: 4px;
    left: 13px;
}

.collapsepanelErrorHeader {
    width: 640px;
    height: 30px;
    cursor: pointer;
    background-color: #E2F0FE;
}

.collapsepanelErrorContent {
    width: 640px;
}

.collapsepanelErrorContentTable {
    border: solid 1px red;
}

/**********************************************************
/* PageTabs */

#pagetabs {
    /*border-bottom: solid 1px #B3CAEE;
	border-left: solid 1px #B3CAEE;
	border-right: solid 1px #B3CAEE;
	line-height: 24px;*/
    background-color: #EDEDED; /*F5F5F5*/
    border-bottom: solid 1px #CDCDCD; /*A5ACB2*/
    line-height: 28px;
}

    #pagetabs td {
        padding: 5px 5px 5px 5px;
        text-align: center;
    }


    #pagetabs a {
        color: #0088CC;
        text-decoration: none;
    }

    #pagetabs td:hover {
        background-color: #FFE4AF;
    }

    #pagetabs .disabled {
        color: #A5ACB2;
    }

    #pagetabs .selected {
        /*background-color: #FFFFFF; #FFFFFF*/
        font-weight: bold;
        text-decoration: none;
    }

        #pagetabs .selected input {
            font-weight: bold;
        }

/**********************************************************
/* Permissions */

#Permissions {
    background-color: #CDCDCD;
}

    #Permissions .H1-td {
        background-color: #F5F5F5;
        line-height: 24px;
        text-align: center;
    }

    #Permissions .H1-span {
        font-size: 14px;
        font-weight: bold;
    }

    #Permissions .Header-text {
        background-color: #F5F5F5;
        line-height: 20px;
        padding-left: 5px;
    }

        #Permissions .Header-text Span {
            font-weight: bold;
        }

    #Permissions .Header-check {
        background-color: #F5F5F5;
        line-height: 20px;
        text-align: center;
        width: 100px;
    }

        #Permissions .Header-check Span {
            font-weight: bold;
        }

    #Permissions .Column-text {
        background-color: #F5F5F5;
        padding-left: 5px;
    }

        #Permissions .Column-text Span {
            font-weight: bold;
        }

    #Permissions .Column-check {
        background-color: #FFFFFF;
        text-align: center;
        width: 100px;
    }

/**********************************************************
/* Popup */

.popupContent {
    background-color: #FFFFFF;
    border: solid 1px #CBCBCB;
    margin-left: 10px;
    padding: 0px;
}

/* popupBox */
.popupBoxContent {
    width: 100%;
    overflow: hidden;
    background: url(images/popup/shdw_center.png);
}

.popupBoxHeader {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 9px;
    background: transparent;
}

    .popupBoxHeader .popupBoxHeaderTL {
        margin-right: 9px;
        height: 9px;
        background: transparent url(images/popup/shdw_TL.png) 0 0 no-repeat;
    }

    .popupBoxHeader .popupBoxHeaderTR {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 9px;
        height: 9px;
        background: transparent url(images/popup/shdw_TR.png) 0 0 no-repeat;
    }

.popupBoxFooter {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 9px;
    background: transparent;
}

    .popupBoxFooter .popupBoxFooterBL {
        margin-right: 9px;
        height: 9px;
        background: transparent url(images/popup/shdw_BL.png) 0 0 no-repeat;
    }

    .popupBoxFooter .popupBoxFooterBR {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 9px;
        height: 9px;
        background: transparent url(images/popup/shdw_BR.png) 0 0 no-repeat;
    }

/**********************************************************
/* Reports */

/* Various Report Styles */
/* TCK .. 4-18-2008 */

/* Report IconList */

#iconlistReport #iconlist li a {
    background: transparent url(images/app/icons/list_report_graph.png) no-repeat scroll 0%;
    color: #0088CC;
    display: block;
    margin-left: 5px;
    padding-left: 45px;
    padding-right: 13px;
    text-decoration: none;
}

    #iconlistReport #iconlist li a:hover {
        background-color: #BFDCF3; /*F0F4FB*/
        color: #0088CC;
        text-decoration: underline;
    }


/* Report Criteria Page Controls */

fieldset {
    padding: 4px 2px 5px 9px;
    margin: 10px 0px 6px 0px;
}

    fieldset legend {
        font-size: 1.1em;
        font-weight: bold;
        color: #4863A0;
        padding: 0 8px;
        margin-bottom: 5px;
    }

    fieldset select {
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 12px;
    }

    fieldset input {
        font-family: Arial, Verdana, Helvetica, Sans-Serif;
        font-size: 12px;
    }

.ListBoxTitle {
    font-weight: bold;
}

div.ListBoxTitleDiv {
    float: left;
}

div.ListBoxOptionDiv {
    float: right;
}

div.ListBoxDiv {
    clear: both;
}

.ReportTitle {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #4D5F82;
    padding: 10px 0 0px 42px;
    margin-bottom: 15px;
    background: transparent url(images/app/icons/list_report_graph.png) no-repeat scroll 0%;
}

td.PadLeft {
    padding-left: 8px;
}

#accountSelect .dhx_combo_box {
    border: 1px solid #7F9DB9;
}


/* Setup Check Page ... this could (should) be moved to another file */

td.GreyBorder {
    border-bottom: solid 1px LightGray;
    padding: 5px 0px 10px 10px;
}

    td.GreyBorder input[type="text"] {
        width: 30px;
        border: solid 1px DarkGray;
        text-align: center;
        padding: 1px 1px 1px 1px;
        margin-bottom: 3px;
    }

    td.GreyBorder input[type="image"] {
        /*vertical-align:middle;*/
    }

td.GreyHeader {
    border-bottom: solid 1px DarkGray;
    padding: 5px 0px 5px 10px;
    font-size: 12px;
    font-weight: bold;
}

.bdc-details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

    .bdc-details * {
        max-width: 50%;
        flex: 0 1 50%;
        text-align: center;
    }

    .bdc-details label {
        font-weight: bold;
    }