body {
    background-color: #f2eff1;
    font-size: 13px;
}

/* 
================================
Skin styles for DotNetNuke
================================
*/


.myRoundedCNR {
    /*border-radius: 5px !important;
    background: #ec704c !important;
    padding: 3px 7px 3px 7px !important;
    width: 10px !important;
    height: 10px !important;*/
    font-size: 14px !important;
    color: #ec704c;
    text-align: center;
}


/* unvisited link */
a:link {
    color: #EC704C;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #701a50;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #701a50;
    text-decoration: none;
}

/* selected link */
a:active {
    color: #701a50;
    text-decoration: none;
}

.ia-card.ia-mission-control-cards {
    padding: var(--fs-card-padding);
    margin-bottom: 20px;
    font-size: var(--fs-card-font-size);
    position: relative;
    max-width: calc(100% - var(--fs-scrollbar-width));
    height: calc(100% - 20px);
    overflow: auto;
    border-radius: var(--fs-large-radius);
    -webkit-box-shadow: var(--fs-card-shadow);
    box-shadow: var(--fs-card-shadow);
    border: 1px solid var(--fs-border-color);
}

h4 {
    color: #701a50;
}

.custom-button {
    background-color: #701A50; /* Your desired background color */
    color: #ffffff; /* Your desired text color */
    border-color: none !important;
}

.custom-buttonTwo {
    background-color: #EC704C; /* Your desired background color */
    color: #ffffff; /* Your desired text color */
    border-color: none !important;
}

.btn-square-sm {
    width: 50px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 25px !important;
    text-align: center;
    padding: 0px;
    font-size: 13px;
}

.btn-square-md {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 35px !important;
    text-align: center;
    padding: 7px 0px 0px 0px;
    margin: 7px 0px 0px 0px;
    font-size: 13px;
    background-color: #701850;
    color: #ffffff !important;
    border-color: none !important;
}

    .btn-square-md:hover {
        background-color: #999999;
        color: #ffffff !important;
        border-color: none !important;
    }

.btn-square-lg {
    width: 150px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 150px !important;
    text-align: center;
    padding: 0px;
    font-size: 13px;
}

.btn-square-xl {
    width: 200px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    height: 200px !important;
    text-align: center;
    padding: 0px;
    font-size: 13px;
}

.radioboxlist radioboxlistStyle {
    font-size: 13px;
    padding-right: 20px;
}

.radioboxlist label {
    color: #ffffff;
    background-color: #701a50;
    padding-left: 6px;
    padding-right: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #AAAAAA;
    white-space: nowrap;
    clear: left;
    margin-right: 10px;
    margin-left: 10px;
}

    .radioboxlist label:hover {
        color: #ffffff;
        background: #ec704c;
    }

input:checked + label {
    color: #ffffff;
    background: #ec704c;
}

.myRoundedContainer {
    border-radius: 25px;
    background: #701a50;
    padding: 20px;
    width: 150px;
    height: 150px;
}

.myImage {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    width: 150px;
}

.pagemaster {
    width: 85%;
    margin: auto;
    background-color: white; /* Set the background to white */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a drop shadow */
}

.myBorder {
    border-style: solid;
    border-color: #ec704c;
    border-width: thin;
}


leftSideFloat {
    background-image: url(LeftSide.gif);
    background-repeat: repeat-y;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.rightSideFloat {
    background-image: url(RightSide.gif);
    background-repeat: repeat-y;
}



.skinmaster {
    height: 100%;
    background-color: #ffffff;
    border-right: #5e676e 1px solid;
    border-top: #5e676e 1px solid;
    border-left: #5e676e 1px solid;
    border-bottom: #8f9092 0px solid;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

.skinheader {
}

.skingradient {
    background-image: url(gradient_DKGray.jpg);
}

.controlpanel {
    width: 100%;
    background-color: #ffffff;
}

.toppane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

.leftpane {
    width: 175px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

.contentpane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

.rightpane {
    width: 175px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

.bottompane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}

.main_dnnmenu_container {
    background-color: transparent;
}

.main_dnnmenu_bar {
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: Transparent;
}

.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
    cursor: pointer;
    cursor: hand;
    color: #000000;
    font-size: 13pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap; /*Word wrapping menu item now optional*/
    padding: 1px 5px 5px 1px;
}

.main_dnnmenu_rootitem { /*TD if menu option for using tables is on*/
    cursor: pointer;
    cursor: hand;
    color: #000000;
    font-size: 13pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    background-image: url(gradient_DKGray_link.jpg);
    background-repeat: no-repeat;
    background-position: right;
    height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap; /*Word wrapping menu item now optional*/
    padding: 8px 12px 0px 10px; /*explicitly set padding for root menu items*/
}


.main_dnnmenu_itemhover {
    /*background-color: #aaaaaa;*/
    text-decoration: underline;
}

    .main_dnnmenu_itemhover td {
        /*background-color: #aaaaaa;*/
        text-decoration: underline;
    }


.main_dnnmenu_icon {
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 100%;
}

.main_dnnmenu_submenu {
    background-color: #f8f8f8;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    padding: 1px 1px 1px 1px; /*explicitly set padding for sub-menus */
}

.main_dnnmenu_break {
    height: 1px;
    font-size: 13px;
}

.main_dnnmenu_arrow {
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-top: #cccccc 0px solid;
    font-family: webdings;
    font-size: 13pt;
    cursor: pointer;
    cursor: hand;
}

.main_dnnmenu_rootmenuarrow {
    font-family: webdings;
    font-size: 13pt;
    cursor: pointer;
    cursor: hand;
}

.StandardButton {
    color: #0f5fc2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 10px;
}

.TreeViewMenu {
    width: 175px;
    background-color: #dddddd;
    border-right: #8f9092 1px solid;
    border-top: #8f9092 1px solid;
    border-left: #8f9092 1px solid;
    border-bottom: #8f9092 1px solid;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

.TreeViewMenu_Header {
    background-image: url(gradient_LtGray.jpg);
}

.Head {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #1c6aa8;
}

.WeeklyMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    margin-left: 0px;
    margin-bottom: 0px;
}


.WeeklyMenuAlign {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    margin-left: 80px;
    margin-bottom: 0px;
    text-align: left;
}

.WeeklyUppercase {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    margin-left: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.WeeklySmallMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    margin-left: 0px;
    margin-bottom: 0px;
}

.WeeklyMediumMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    margin-left: 0px;
    margin-bottom: 0px;
}

.WeeklyAlertMenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: Red;
    margin-left: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}

.WeeklyMenuApp {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #3333CC;
}


.OccQuery {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

.navBar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-image: url(images/navBar.jpg);
    padding-left: 65px;
    color: #ffffff;
    background-repeat: no-repeat;
}



.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    background-image: url('images/footer.jpg');
    background-repeat: repeat-x;
}

.formView {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    padding-left: 8px;
}

.hrClass {
    color: #000000;
    height: 1px;
}

.controlBar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 15px;
    margin-right: 5px;
    color: #000000;
}

.printView {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    padding-left: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.myButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    background-color: #CCCCCC;
    text-align: center;
    border: thin outset #CCCCCC;
    padding: 5px;
}

.myFrame {
    background-image: url(images/myFrame.jpg);
    background-repeat: repeat-y;
}

.myFrameTwo {
    background-image: url(images/myFrameTwo.jpg);
    background-repeat: repeat-y;
}

.FrameTop {
    background-image: url(images/FrameTop.jpg);
    background-repeat: repeat-x;
}

.FrameBottom {
    background-image: url(images/FrameBottom.jpg);
    background-repeat: repeat-x;
}

.WeeklyFormHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding-top: 15px;
}

.ContentDiv {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    text-align: Left;
    padding: 0 25px 25px 25px;
    background-color: White;
}

.ContentCheckBoxDiv {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    text-align: Left;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 0px;
}

.LoginDiv {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    padding-left: 150px;
    padding-right: 100px;
    padding-top: 10px;
}

.MyTableBKD {
    background-color: White;
    /*border: thin solid #b9bcc2;*/
}

.MySide {
    background-image: url(images/Side.jpg);
    background-repeat: repeat-y;
}

.MyBottom {
    background-image: url(images/Btm.jpg);
    background-repeat: repeat-x;
}

.MyTop {
    background-image: url(images/Top.jpg);
    background-repeat: repeat-x;
}

.MyUpLeftCorner {
    background-image: url(images/LeftSide.jpg);
    background-repeat: no-repeat;
}

.MyUpRightCorner {
    background-image: url(images/RightSide.jpg);
    background-repeat: no-repeat;
}

.MyLowLeftCorner {
    background-image: url(images/BtmLeftSide.jpg);
    background-repeat: no-repeat;
}

.MyLowRightCorner {
    background-image: url(images/BtmRightSide.jpg);
    background-repeat: no-repeat;
}

.myMinorLinks {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    color: #000000;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 0px;
}

.MyHdrExtender {
    background-image: url(images/HdrExtender.jpg);
    background-repeat: repeat-x;
    margin-left: auto;
    margin-right: auto;
}

.MyFooterExtender {
    background-image: url(images/MyFooterExtender.jpg);
    background-repeat: repeat-x;
    margin-left: auto;
    margin-right: auto;
}

.MyHidingPlace {
    display: none;
}

.myExtendedPrompt {
    background-color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: White;
    padding-left: 10px;
    padding-top: 5px;
}

.myDefinition {
    /*background-color: #f4f5f6;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: Black;
}

.VertLine {
    background-image: url(images/VertLine.gif);
    background-repeat: no-repeat;
}

.LeftSide {
    background-image: url(images/LeftSide.jpg);
    background-repeat: repeat-y;
}

.RightSide {
    background-image: url(images/RightSide.jpg);
    background-repeat: repeat-y;
}

.HDRFiller {
    background-image: url(images/HDRFiller.jpg);
    background-repeat: repeat-x;
    /*height:102px;*/
}

.myFrame {
    border: thin solid #000000;
    background-color: #000000;
    color: White;
}

.myRadio input[type="radio"] {
    padding-left: 0px;
    margin-left: 10px !important;
    margin-right: 5px !important;
    font-size: 8px !important;
}

.myCheckBox input[type="checkbox"] {
    margin-left: 5px !important;
    margin-right: 5px !important;
}