﻿/* DEFAULTS
----------------------------------------------------------*/

body {
    /*font-size: .80em;     font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;     margin: 0px;     padding: 0px;     color: #696969;*/
}



a:link, a:visited {
    color: #034af3;
}

a:hover {
    color: #f60;
}

a:active {
    color: #034af3;
}

/*p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}
*/

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/*
.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

*/
/* TAB MENU   
----------------------------------------------------------*/
/*
div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}
*/
/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

.labelCaption {
    font-family: Tahoma;
    font-weight: normal;
    color: Black;
    font-size: 8.5pt;
    text-align: left;
}

.labelContentCaption {
    font-family: Tahoma;
    font-size: 10pt;
    text-align: left;
}

/* MENU STYLE
----------------------------------------------------------*/
.staticMenuItemStyle {
    text-align: center;
    display: inline-table;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0;
    height: 15px; /*background-color: #E2EFFF;*/
    background-image: url(../images/Menu/Menu_N.gif);
    background-repeat: repeat-x;
    border-right: inset 1px;
    border-right-color: #CCCCCC;
}

.staticMenuItemSelectedStyle {
    /*For selected style*/
    font: Tahoma;
    font-weight: normal; /*background-color: #73A1DD;*/
    background-image: url(../images/Menu/Menu_H.gif);
    background-repeat: repeat-x;
}

.staticHoverStyle {
    /*for hover style*/ /*background-color: #FFE290;*/
    background-image: url(../images/Menu/Menu_R.gif);
    background-repeat: repeat-x;
}

.menuItem {
    display: block;
}

.dynamicmenuItem {
    z-index: 1000;
}

.dynamicMenuItemStyle {
    border: solid 1px #000;
    background-color: Silver;
    color: Red; /*z-index: 1000;*/ /*position: relative;*/
}

.background {
    height: 20px;
}

.NavigationMenu {
    font-family: Tahoma;
    font-size: 8pt;
    color: #fff;
    font-weight: normal;
    z-index: 0;
    margin: 0px;
    padding: 0px; /*height: 20px;*/
}

.menuItemMouseOver, .menuItemSelected {
    border: solid 1px #fff;
    background-image: url(../Images/UI/menu/bg-black.gif);
}

.NavigationMenu A:link, .NavigationMenu A:visited, .NavigationMenu A:active {
    text-decoration: none;
    padding-top: 3px;
    color: Navy;
    display: block;
}
/* End for Menu Style */

#h {
    background: #CCCFFF;
    padding: 0px 0 0px 0px;
}

.currentNodeStyle, .nodeStyle, .rootNodeStyle, a.siteMapPath {
    text-decoration: none;
    font-family: Tahoma;
    font-size: 10pt;
    color: #fff;
}

.topPanel {
    background-image: url(../images/TopPanel_Bg.gif); /*background-color: #B0CEEB;*/
}

.topPanelStrip {
    background-image: url(../images/ui/TopPanel_Strip.gif);
    background-repeat: repeat-x;
    height: 10px;
}
/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.0em;
    color: Red;
}

.LoginFailureNotification {
    font-family: Tahoma;
    font-size: 10pt;
    color: Red;
}



.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.PortfolioMenu {
    font-family: Tahoma;
    font-size: 8.5pt;
    color: Black;
    font-weight: normal;
    z-index: 100;
    height: 30px;
}

.staticPortfolioItemStyle {
    text-align: left;
    display: block;
    padding-left: 5px;
    padding-right: 10px;
    color: Black;
    margin-left: 0;
    height: 20px; /*background-color: #E2EFFF;*/
    background-color: #FFFFFF; /*background-image: url(../Images/Menu_N.gif);*/ /*background-repeat: repeat-x;*/
    border-bottom: solid 1px #87B2EA;
    border-left: solid 1px #87B2EA;
    border-right: solid 1px #87B2EA;
}

.staticPortfolioHoverStyle {
    /*for hover style*/
    background-color: #87B2EA; /*background-image:url(../Images/Menu_R.gif);*/ /*background-repeat:repeat-x;*/
}

.dynamicPortfolioItemStyle {
    border: solid 1px #000;
    background-color: Silver;
    color: Red;
    z-index: 200;
    position: relative;
}

.PortfolioItemMouseOver, .PortfolioItemSelected {
    border: solid 1px #000;
}

.PortfolioMenu A:link, .PortfolioMenu A:visited, .PortfolioMenu A:active {
    text-decoration: none;
    padding-top: 3px;
    color: Navy;
    display: block;
}

.pageHeader {
    width: 100%;
    height: 40px;
    background-color: #77A8EE;
}

.pageHeaderBreadcrumb {
    width: 100%;
}

.pageHeaderContent {
    color: White;
    padding-left: 10px;
    vertical-align: text-top;
    font-family: Tahoma;
    font-size: 15pt;
}

.hrTopBorder {
    display: none;
}

.loginHeader {
    background-image: url(../images/Login_page_header.gif);
    background-repeat: repeat-x;
    height: 10px;
}

.loginPanelHeader {
    background-image: url(../images/Login_panel_header.gif);
    background-repeat: repeat-x;
    height: 26px;
}

.loginPanelFooter {
    background-image: url(../images/Login_panel_footer.gif);
    background-repeat: no-repeat;
    height: 26px;
}

.loginTitleClass {
    font-family: Tahoma;
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #424242;
}

.loginLabelClass {
    font-family: Tahoma;
    font-size: 9.5pt;
    font-style: normal;
    font-weight: bold;
    color: #595959;
    vertical-align: top;
    background-color: #ffffff;
    text-align: right;
}

.loginTextClass {
    font-family: Tahoma;
    font-style: normal;
    font-size: 10pt;
    border: solid 1px #EEEEEE;
    background-color: #FAFAFA; /*bordercolor: "#EEEEEE";*/
}

.loginhyperlinkClass {
    font-family: Tahoma;
    font-size: 8.5pt;
    font-style: normal;
}

.copyright {
    font-family: Tahoma;
    font-style: normal;
    font-size: 7pt;
}

.textClass, .ClientSearch {
    font-family: Tahoma;
    font-style: normal;
    font-size: 8.5pt;
}

.labelClass {
    font-family: Tahoma;
    font-size: 8.5pt;
    font-style: normal;
}

.labelMsg {
    font-family: Tahoma;
    font-weight: bold;
    color: #FF0000;
    font-size: 10pt;
    text-align: center;
}

.loginrightpanel {
    background-image: url(../images/Login_panel_right.gif);
    background-repeat: repeat-y;
    width: 10px;
    height: 1px;
}

.loginleftpanel {
    background-image: url(../images/Login_panel_left.gif);
    background-repeat: repeat-y;
    width: 10px;
    height: 1px;
}

.logincopyrightinfo {
    font-family: Tahoma;
    font-size: 9pt;
    color: #9B9B9B;
}

.errMsg {
    font-family: Tahoma;
    color: #FF0000;
    font-size: 8pt;
}

/* For JQuery Slider control in Home Page */
div#header div.wrap {
    height: 299px;
    background: url(images/header-bg.png) no-repeat 50% 0;
}

div#header div#slide-holder {
    z-index: 40;
    width: 660px;
    padding: 0 0 0 5px; /*height: 220px;*/
    height: 270px;
    position: absolute;
}

    div#header div#slide-holder div#slide-runner {
        top: 9px;
        left: 15px;
        padding: 0 0 0 5px;
        width: 100%; /*width: 660px; /*height: 220px;*/
        height: 270px; /*height: 100%;*/
        overflow: hidden;
        position: absolute;
    }

    div#header div#slide-holder img {
        margin: 0;
        display: none;
        position: absolute;
    }

    div#header div#slide-holder div#slide-controls {
        left: 0;
        bottom: 0px; /*width: 973px;*/
        width: 670px;
        height: 46px;
        display: none;
        position: relative;
        background: url(images/slide-bg.png) 0 0;
    }

        div#header div#slide-holder div#slide-controls p.text {
            float: left;
            color: #fff;
            display: inline;
            font-size: 10px;
            line-height: 16px;
            margin: 15px 0 0 20px;
            text-transform: uppercase;
        }

        div#header div#slide-holder div#slide-controls p#slide-nav {
            float: right;
            height: 24px;
            display: inline;
            margin: 11px 15px 0 0;
        }

            div#header div#slide-holder div#slide-controls p#slide-nav a {
                float: left;
                width: 24px;
                height: 24px;
                display: inline;
                font-size: 11px;
                margin: 0 5px 0 0;
                line-height: 24px;
                font-weight: bold;
                text-align: center;
                text-decoration: none;
                background-position: 0 0;
                background-repeat: no-repeat;
            }

                div#header div#slide-holder div#slide-controls p#slide-nav a.on {
                    background-position: 0 -24px;
                }

            div#header div#slide-holder div#slide-controls p#slide-nav a {
                background-image: url(../images/silde-nav.png);
            }

div#nav ul li a {
    background: url(../images/nav.png) no-repeat;
}
/* End -- For JQuery Slider control in Home Page */

/*For Rounded Panels*/
.panel {
    width: 100%;
    font-family: Tahoma;
    font-size: 8pt;
    color: #000000;
    line-height: normal; /*vertical-align:text-top;*/
}

.panelTopLeft {
    width: 23px;
    background-image: url(../Images/PanelTopLeft.png);
    background-repeat: no-repeat; /*background-position: center;*/
}

.spacer {
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.panelTopClientChart {
    /*padding: 4px 6px 5px 6px;*/
    border-top: none 0px #8B8B8B;
    border-bottom: none 0px #C6C6C6; /*background-color: #DEDEDE; /*background-image: url(images/Reportstop.png);     background-repeat: repeat-x;*/
    background-image: url(../Images/PanelTop.png);
    background-repeat: repeat-x; /*width: 86%;*/ /*height: auto;*/
    font-weight: bold;
    white-space: nowrap;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: bold;
    height: 23px;
    vertical-align: middle;
}

.panelTop {
    /*padding: 4px 6px 5px 6px;*/
    border-top: none 0px #8B8B8B;
    border-bottom: none 0px #C6C6C6; /*background-color: #DEDEDE; /*background-image: url(images/Reportstop.png);     background-repeat: repeat-x;*/
    background-image: url(../Images/PanelTop.png);
    background-repeat: repeat-x; /*width: 86%;*/ /*height: auto;*/
    font-weight: bold;
    white-space: nowrap;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: bold;
    height: 23px;
    vertical-align: middle;
}

.panelTopCenter {
    /*padding: 4px 6px 5px 6px;*/
    border-top: none 0px #8B8B8B;
    border-bottom: none 0px #C6C6C6; /*background-color: #DEDEDE; /*background-image: url(images/Reportstop.png);     background-repeat: repeat-x;*/
    background-image: url(../Images/PanelTop.png);
    background-repeat: repeat-x; /*width: 86%;*/ /*height: auto;*/
    font-weight: bold;
    white-space: nowrap;
    font-family: Tahoma;
    font-size: 9pt;
    font-weight: bold;
    height: 23px;
    vertical-align: middle;
}

.panelTopRight {
    width: 23px;
    background-image: url(../Images/PanelTopRight.png);
    background-repeat: no-repeat; /*	background-position:center;*/ /*height: 27px; 	width: 23px;*/
}

.panelLeft {
    width: 23px;
    background-image: url(../images/PanelLeft.png); /*background-repeat:repeat-y;*/ /*border-left: none 0px #8B8B8B;*/ /*width: 23px; 	height: 4px;*/
}

.panelMiddle {
    padding: 0px 0px 0px 0px; /*background-color: #F7F7F7;*/
    background-image: url(../images/PanelMiddle.png);
    overflow: auto; /*width: 86%;*/
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    height: 1px; /*line-height:1.5;*/
}

.panelRight {
    /*width: 2%;*/
    width: 23px;
    background-image: url(../images/PanelRight.png);
}

.panelBottomLeft {
    /*width: 7%;*/
    width: 23px;
    height: 23px;
    background-image: url(../images/PanelBottomLeft.png); /*width: 23px; 	height: 23px;*/
}

.panelBottom {
    /*width: 86%;*/ /*height: 23px;*/
    background-image: url(../images/PanelBottom.png);
    background-repeat: repeat-x;
}

.panelBottomRight {
    width: 23px;
    background-image: url(../images/PanelBottomRight.png);
}
/*End for Rounded Panel */

.dropDownClass {
    font-family: Tahoma;
    font-size: 8.5pt;
}

.breadcrumbs {
    font-family: Tahoma;
    font-size: 8.5pt;
    font-weight: normal;
    text-decoration: none;
}

.RSSFeed {
    font-family: Tahoma;
    font-size: 8.5pt;
    background-color: #E0EDFF; /*color:#828282;*/
}

.SearchPanel {
    /*background-color: #C0C0C0;*/
    background-image: url(../images/Searchpanel_bg.gif);
    background-repeat: repeat-y;
    background-position: center;
}

.SearchPanelMCI {
    background-color: #ffb95f;
}

.gridFont {
    font-family: Tahoma;
    font-style: normal;
    font-size: 8.5pt;
    width: 100%;
    border-right: none;
    left: 10px;
    border-style: dotted;
    border-color: transparent;
}

.gridRow {
    background-color: transparent;
    border-bottom: dotted 2px #666666;
}

.gridClientName {
    font-family: Tahoma;
    font-size: 8pt;
    font-style: normal;
    color: Navy;
    font-weight: bold;
}

.labelCaptionBold {
    font-family: Tahoma;
    font-weight: bold;
    color: Black;
    font-size: 10pt;
    text-align: left;
}

.labelSearchClient {
    padding: 0 5px 0 5px;
    color: White;
    font-family: Tahoma;
    font-size: 9pt;
}

.SelectedRowStyle {
    background-color: transparent;
    color: #333333;
    font-weight: bold;
}

.HeaderStyle {
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}

.EditRowStyle {
    background-color: #2461BF;
}

.AlternatingRowStyle {
    background-color: transparent;
}

.gridtd {
    padding-left: 5px;
    width: 50px;
}

.pagerStyle {
    padding-left: 4px;
    padding-right: 4px;
    color: Black;
    border-collapse: separate;
}

.gridPager td {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.gridPager {
    font-size: 80%;
}

    .gridPager a {
        text-decoration: none;
        border: solid 1px #AAE;
        color: #15B;
    }

    .gridPager a, .gridPager span {
        display: block;
        float: left;
        padding: 0.3em 0.5em;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .gridPager .current {
        background: #26B;
        color: #fff;
        border: solid 1px #AAE;
    }

        .gridPager .current.prev, .gridPager .current.next {
            color: #999;
            border-color: #999;
            background: #fff;
        }

.help {
    border-right: solid 1px;
    border-right-color: #C0C0C0;
    vertical-align: middle;
}
/*----------Client Summary---------------------*/
gridMedication {
    font-family: Tahoma;
    font-style: normal;
    font-size: 8.5pt;
    width: 100%;
    padding-right: 2px;
}

.ClientPalleteTable {
    width: 100%;
    border-left: solid 1px #0E68D6;
    border-right: solid 1px #0E68D6;
    border-bottom: solid 1px #ADD2FE;
    border-top: solid 1px #ADD2FE;
}

.ClientPalleteTableHeaderData {
    font-family: Tahoma;
    font-size: 8.5pt;
    background-color: White;
    padding-left: 5px;
    border-bottom: solid 1px #AED3FF;
}

.ClientPalleteTableHeader {
    font-family: Tahoma;
    font-size: 8.5pt;
    color: #032E9E;
    background-color: #D6EBFF;
    border: solid 1px #AED3FF;
    padding-left: 5px;
    border-left: solid 1px White;
    border-top: solid 1px White;
    border-right: none;
    vertical-align: middle;
}

.ClientPalleteGridData {
    font-family: Tahoma;
    font-size: 8.5pt;
    background-color: White;
    padding-left: 3px;
    padding-right: 3px;
}

.Clientmainname {
    font-family: Tahoma;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
}
/*----------End Client Summary---------------------*/
.accheader {
    width: 100%;
    height: 25px;
    cursor: pointer;
    background-image: url(../Images/client_pallet_bg.gif);
    background-repeat: repeat-x;
    background-position: left;
    vertical-align: middle;
    text-align: left;
}

.accordionFont {
    font-family: Tahoma;
    font-style: normal;
    font-size: 10pt;
    width: 100%;
}

.ClientgridFont {
    font-family: Tahoma;
    font-style: normal;
    font-size: 8.5pt;
}


/*----------End Client Summary---------------------*/
/*------------Slider-------------------------------*/
#jFlowSlide {
    /*background: #DBF3FD;*/
    font-family: Tahoma;
}

#myController {
    font-family: Tahoma;
    padding: 5px 0px;
    width: 915px;
    left: 15px;
    position: static; /*background: #3AB7FF;*/
    vertical-align: middle;
    text-align: center;
}

    #myController span.jFlowSelected {
        /*background: #43A0D5;*/
        margin-right: 0px;
    }

.slide-wrapper {
    padding: 5px;
}

.slide-thumbnail {
    width: 300px;
    float: left;
}

    .slide-thumbnail img {
        max-width: 300px;
    }

.slide-details {
    width: 250px;
    float: left;
    margin-left: 10px;
}

    .slide-details h2 {
        font-size: 1.5em;
        font-style: italic;
        font-weight: normal;
        line-height: 1;
        margin: 0;
    }

    .slide-details .description {
        margin-top: 10px;
    }

.jFlowControl, .jFlowPrev, .jFlowNext {
    color: #FFF;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px; /*background: #43A0D5;*/
}

    .jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
        /*background: #43A0D5;*/
    }
/*------------End Slider-------------------------------*/
/*------------Client Location Map-------------------------------*/
.map_page_filter {
    background-color: White;
    position: absolute;
    left: 30%;
    top: 30%;
    z-index: 1000;
    display: none;
    width: 480px;
    background-image: url(../images/bg_page_white.gif);
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    width: 500px;
}
/*------------Client Location Map-------------------------------*/
/*------------Start - Report Designer-------------------*/
.ReportStep {
    font-family: Tahoma;
    font-size: x-small;
    width: 50%;
    color: Gray;
}

.OriginalReportName {
    font-family: Tahoma;
    font-size: 10pt;
    color: Gray;
    width: 50%;
    background-color: White;
}

.GridFooter {
    background-color: #99CCCC;
    font-family: Tahoma;
    font-size: 8.5pt;
}

.GridSelectedItem {
    background-color: #009999;
    font-family: Tahoma;
    font-size: 8.5pt;
    font-weight: bold;
}

.GridPager {
    font-family: Tahoma;
    font-size: 8.5pt;
    color: #003399;
}

.GridAlternativeItem {
    background-color: #F5F5F5;
    font-family: Tahoma;
    font-size: 8.5pt;
}

.GridItemStyle {
    background-color: White;
    font-family: Tahoma;
    font-size: 8.5pt;
}

.GridItemMouseover {
    background-color: #FFE6A0;
}

.GridItemMouseOut {
    background-color: white;
}

.GridAlternateItemMouseOut {
    background-color: #F5F5F5;
}

.Reportorder {
    font-family: Tahoma;
    font-size: 8.5pt;
    width: 120px;
    color: #383838;
    height: 22px;
}

.listbox {
    font-family: Tahoma;
    font-size: 8.5pt;
    width: 76px;
}

.ReportPreview {
    font-family: Tahoma;
    font-size: 8.5pt;
    background-color: White;
    border-color: #3366CC;
}

.ReportButton {
    font-family: Tahoma;
    font-size: small;
    width: 75px;
}

.GridHeader {
    background-image: url(../images/repeat-x.png);
    background-repeat: repeat-x;
    font-family: Tahoma;
    color: #003399;
    font-size: 8.5pt;
    height: 23px;
}

.ReportListHeader {
    background-color: #F5F5F5;
    color: #003399;
    font-family: Tahoma;
    font-size: 8.5pt;
}

.NewReportButton {
    font-family: Tahoma;
    font-size: 8.5pt;
    text-align: center;
    height: 18px;
    text-decoration: none;
    display: block;
    background-position: center center;
    padding-left: 2px;
    border-style: none;
}

.NewReportButtonMouseOver {
    font-family: Tahoma;
    font-size: 8.5pt;
    text-align: center;
    height: 22px;
    text-decoration: none;
    display: block;
    padding-left: 2px;
    cursor: hand;
    background-image: url(../../images/TabsActiveTab.gif);
    border-top: #C2A770 1px solid;
    border-right: #C2A770 1px solid;
    background-position: left center;
}

.NewReportButtonMouseOut {
    font-family: Tahoma;
    font-size: 8.5pt;
    text-align: center;
    height: 18px;
    text-decoration: none;
    display: block;
    background-position: center center;
    padding-left: 2px;
    cursor: hand;
    background-image: none;
    background-color: Transparent;
    border-style: none;
}

.ReportGrid {
    width: 100%;
    height: 100%;
    background-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal;
    border-style: none;
    border-width: 0px;
}

.GridPager TD {
    border-top: #6f9dd9 1px solid;
    border-bottom: #6f9dd9 1px solid;
    border-left: #6f9dd9 1px solid;
    border-right: #6f9dd9 1px solid;
}
/*------------End - Report Designer--------------------*/
/*------------Start - Find First Controller --------------------*/
.gridheaderStyle {
    background-image: url(../Images/client_pallet_bg.gif);
    background-repeat: repeat-x;
    font-family: Tahoma;
    font-style: normal;
    font-size: 11px;
    height: 15px;
    text-align: left;
    color: Black;
    font-weight: bold;
}

.gridAlternateRow {
    background-color: #EBF3FF;
    border-bottom: dotted 1px black;
}
/*------------End - Find First Controller --------------------*/
/*------------Start - User Availability Wizard --------------------*/
.WizardHeading {
    font-family: Tahoma;
    color: Gray;
    font-size: 10pt;
}

.WizardSideHeading {
    font-family: Tahoma;
    font-size: 10pt;
    color: Gray;
    font-weight: bold;
}

.labelBoldClass {
    font-family: Tahoma;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: bold;
    color: Gray;
}

.tabClass {
    width: 100%;
    background-color: #EBF3FD;
    border: 1px Solid #759DD9;
}

.buttonStyle {
    font-family: Tahoma;
    font-size: small;
    width: 75px;
}

.EducationalResourcesbuttonStyle {
    font-family: Tahoma;
    font-size: small;
    width: 85px;
}

.UserAvailabilityGridRowStyle {
    border-color: #507DC2;
    font-size: 8pt;
    cursor: hand;
}

.modalBackground {
    background-color: #070707;
    filter: alpha(opacity=35);
    opacity: 0.5;
}

.heading {
    border-bottom: solid 2px #336699;
    background-color: #507CD1;
    padding: 4px;
    color: White;
    font-weight: bold;
}

.UserAvailabilityHeaderStyle {
    background-color: #507DC2;
    color: White;
    font-size: 8pt;
}

.ModalWindow {
    border: solid1px#c0c0c0;
    background: White;
    padding: 0px10px10px10px;
    position: absolute;
    top: -1000px;
}

.PanelListSchedule {
    background-color: #EBF3FD;
    border: 1px Solid #507DC2;
    width: 50%;
}

.GridUserAvailability {
    background-color: White;
    border-color: #507DC2;
    font-size: 10pt;
}

.Label {
    font-family: Tahoma;
    font-style: normal;
    font-size: 1.0em;
    line-height: 1.1em;
}
/*------------End - User Availability Wizard --------------------*/
.Breadcrums {
    font-family: Tahoma;
    font-size: 8.5pt;
    font-weight: normal;
    text-decoration: none;
    padding-left: 6px;
}

    .Breadcrums:hover {
        font-family: Tahoma;
        font-size: 8.5pt;
        font-weight: normal;
        color: Red;
        text-decoration: none;
    }
/*------------Start - Block Time --------------------*/
.cpFind {
    border: 1px Solid #759DD9;
    background: White;
    width: 750px;
}

.cpClose {
    display: none;
    border-style: none;
    background: #EBF3FD;
}

/*------------End - Block Time --------------------*/

/*------------Start - base carousel --------------------*/
.carousel ul {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.no-js .carousel ul {
    position: static;
}

.carousel .mask {
    position: relative;
    overflow: hidden;
    border: 0px solid #444;
}

.carousel ul li {
    float: left;
    width: 335px;
    height: 234px;
    color: black;
    text-align: center;
    margin: 0;
    border: 0px solid #444;
}

.carousel .pagination-links {
    list-style: none;
    margin: 0;
    padding-left: 495px;
}

    .carousel .pagination-links li {
        display: inline;
    }

        .carousel .pagination-links li label {
            padding: 2px 6px;
            background: transparent url(../images/grey_dot.gif) no-repeat 0 0;
        }

            .carousel .pagination-links li label:hover {
                text-decoration: none;
                cursor: hand;
            }

        .carousel .pagination-links li.current label {
            background: transparent url(../images/black_dot.gif) no-repeat 0 0;
            /*background:#444;
			 color:#fff; */
        }

.carousel .disabled {
    /*
            background:transparent url(../images/grey_dot.gif) no-repeat 0 0;
		    color:gray;
		    cursor:default;
            */
}

#dashboard .mask {
    width: 97%;
    padding-top: 25px;
}
/*------------End - base carousel --------------------*/
.hyperClass {
    font-family: Tahoma;
    font-size: 8.5pt;
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;
}

.Configaration {
    font-family: Tahoma;
    font-size: 9pt;
    color: #000000;
    line-height: normal;
}

.UserDetails {
    background-color: #EBF3FF;
    height: -15px;
    text-align: left;
    border: 1px solid #3366CC;
}

.UserWizards {
    background-color: #EBF3FF;
    height: -15px;
    width: 900px;
    padding-left: 10px;
    text-align: left;
    border: 1px solid #3366CC;
}

.pagePadding {
    padding-left: 5px;
}

.RoleDetailCSS {
    background-color: #EBF3FF;
    height: -15px;
    text-align: left;
    border: 1px solid #3366CC;
    width: 99%;
}

.ThemeSelectorCSS {
    height: 400px;
    background-color: #EBF3FF;
    text-align: left;
    border: 1px solid #3366CC;
    width: 99%;
}

.gcContainer {
    margin: 2px;
    padding: 4px;
    border: 1px solid #999;
    background: #fff;
}

.hidden {
    display: none;
}

.gridheaderStyleGroupClient {
    background-image: url('../Images/client_pallet_bg.gif');
    background-repeat: repeat-x;
    font-family: Tahoma;
    font-size: 9pt;
    color: Black;
    font-weight: Bold;
}

.labelMandatory {
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
}

.ScrollingGrid {
    width: 100%;
    background-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal;
    border-style: none;
    border-width: 0px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 10px;
    text-align: center;
}

.cursor-hover {
    cursor: pointer;
}

label.error {
    float: none;
    color: red;
    padding-left: .3em;
    vertical-align: top;
}

.DataGrid {
    width: 100%;
    height: 100%;
    background-color: White;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal;
    border-style: none;
    border-width: 0px;
}

    .DataGrid th {
        text-align: center;
    }

.AccordionHeader {
    font-family: Tahoma;
    font-size: 8.5pt;
    font-style: normal;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 10px;
}

.jqDialogDiv {
    background-color: White;
    position: absolute;
    left: 30%;
    top: 30%;
    z-index: 1000;
    display: none;
    margin-left: -120px;
    width: 480px;
}

.jqDialogTable {
    margin: 2px;
    background-color: #EBF3FF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    height: -15px;
    text-align: left;
    border: 1px solid #3366CC;
    width: 99%;
}

.HeaderMenuTable {
    text-align: center;
    display: inline-table;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0;
    height: 15px; /*background-color: #E2EFFF;*/
    background-image: url(../images/Menu/Menu_N.gif);
    background-repeat: repeat-x;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    position: absolute;
    width: 700px;
}

.pagebutton {
    border: 1px solid #6599cd;
    background-color: #eeeeee;
    text-align: center;
    text-decoration: none;
    padding: 3px 5px 3px 5px;
    display: block;
    color: #000000;
    font-family: tahoma,verdana,helvetica,arial;
    font-size: 11px;
    font-weight: bold;
}

    .pagebutton:hover {
        border: 1px solid #c2ccd6;
        background-color: #eeeeee;
        text-align: center;
        text-decoration: none;
        padding: 3px 5px 3px 5px;
        display: block;
        color: #000000;
        font-family: tahoma,verdana,helvetica,arial;
        font-size: 11px;
        font-weight: bold;
    }

.EAccescls {
    background-color: #EBF3FF;
    height: -15px;
    width: 500px;
    padding-left: 10px;
    text-align: left;
    border: 1px solid #3366CC;
}
/*User Account*/
.UserAccountHeading {
    font-family: Tahoma;
    font-size: 13px;
    font-weight: normal;
    color: white;
    background-color: #5d7b9d;
}

.CxGridView td {
    padding-left: 5px;
    padding-right: 5px;
}

.CxGridView th {
    padding-left: 5px;
    padding-right: 5px;
}

.imgClientChart {
    visibility: visible;
}
