input {
    cursor: pointer;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
}

    .inputTextbox, input[type="text"], input[type="password"] {
        background-color: #ffffff;
        border: 1px solid #7e9c5d;
        padding-left: 7px;
        height: 26px;
        vertical-align: middle;
        width: 208px;
    }

.ddl, select {
    /*width: 217px;*/
    width: 208px;
}

textarea {
    cursor: pointer;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    width: 208px;
    background-color: #ffffff;
    border: 1px solid #7e9c5d;
    padding: 6px 0 0 7px;
}

.scrollposition {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

h4 {
    margin-bottom: .3em;
}

a {
    color: #386603;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
    font-size: 16px;
}

/* Fix for IE table alignment */
table {
    text-align: left;
}

select {
    border: 1px solid #7e9c5d;
}

    select[multiple=multiple] option {
        padding: 8px 3px;
        white-space: pre-wrap;
    }

.disabled {
}
/*form{clear:both;}*/

.divCentered {
    margin-left: auto;
    margin-right: auto;
}

/*
.divMain {
    width: 1000px;
    background-color: #ffffff;
    position: relative;
    min-height: 100%;
}
*/

.fakeHeader {
    width: 100%;
    height: 132px;
    background: url('../Images/Header/Header.png');
}

/*************/
/* LEFT      */
/*************/

/*secondary, tertiary menus outer divs*/
.popupMenuDiv {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    display: none;
}

.leftColumn {
    float: left;
    width: 220px; /*background-color:#00ff00;*/
}




/* Quick Links > */
.divLeftColumnQuickLinksPadding {
    padding-left: 4px;
}

.divQuickLinksTopBottom {
    height: 5px;
    width: 206px;
}

.divQuickLinksContent {
    margin-top: 12px;
    margin-bottom: -13px;
    border-left: 1px solid #386603;
    border-right: 1px solid #386603;
    background-color: #ffffff;
    width: 204px;
    line-height: 35px;
    vertical-align: middle;
}

.divQuickLinksContentLinkPadding {
    padding-left: 10px;
}

.divQuickLinkSelected {
    background-color: #F4F4F4;
    color: #386603;
}


/* < Quick Links */

/* Client Feedback > */

.divClientFeedbackInfoIcon {
    position: absolute;
    left: 330px;
    top: 210px;
}

.divClientFeedbackCloseIcon {
    display: inline-block;
    cursor: pointer;
}

.divClientFeedbackHeader {
    font-weight: bold;
    text-align: center;
    background-color: #94c794;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
}

.divClientFeedbackMessage {
    padding: 5px 10px 5px 10px;
}

.divClientFeedback {
    position: absolute;
    top: 228px;
    width: 300px;
    border-left: 1px solid #509850;
    border-right: 1px solid #509850;
    border-bottom: 1px solid #509850;
    border-top: 1px solid #dae3d1;
    padding: 0px 0px 0px 0px;
    margin-left: 350px;
    text-align: left;
    background-color: #f1f5ed;
    font-size: smaller;
}

.divClientFeedbackPositive {
    color: #386603;
}

.divClientFeedbackNegative {
    color: #f8601d; /*border-top:1px solid #dae3d1;   border-left:1px solid #f8601d;   border-right:1px solid #f8601d;   border-bottom:1px solid #f8601d;   background-color:#f8e3da;*/
}
/* < Client Feedback */


.leftWidget, .leftWidgetHidden {
    width: 197px;
    max-width: 197px;
    min-width: 197px;
    border-left: solid 1px #386603;
    border-right: solid 1px #386603;
    padding-right: 3px;
    padding-left: 4px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #dee3d8;
}


.leftFullButton {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
    width: 196px;
    min-width: 196px;
    max-width: 196px;
    text-align: left;
    line-height: 42px;
    vertical-align: middle;
    font-size: 18px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.leftFullButtonWhite {
    background-image: url('../Images/leftColumn/Buttons/fullButtonWhite.jpg');
    height: 100%;
    width: 100%;
    color: #386603;
    text-indent: 10px;
    background-repeat: no-repeat;
}

    .leftFullButtonWhite span {
    }

.leftFullButtonGreen {
    background-image: url('../Images/leftColumn/Buttons/fullButtonGreen.jpg');
    height: 100%;
    width: 100%;
    color: #ffffff;
    text-indent: 10px;
    background-repeat: no-repeat;
}

.leftPartialButton {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
    width: 158px;
    min-width: 158px;
    max-width: 158px;
    line-height: 42px;
    vertical-align: middle;
}

.leftPartialButtonWhite {
    background-image: url('../Images/leftColumn/Buttons/partialButtonWhite.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    text-indent: 10px;
    color: #386603;
}

.leftPartialButtonGreen {
    background-image: url('../Images/leftColumn/Buttons/partialButtonGreen.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    text-indent: 10px;
    color: #ffffff;
}

.leftPartialArrow {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
    width: 38px;
    min-width: 38px;
    max-width: 38px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.leftPartialUpArrowWhite {
    background-image: url('../Images/leftColumn/Buttons/whiteUpArrow.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.leftPartialDownArrowWhite {
    background-image: url('../Images/leftColumn/Buttons/whiteDownArrow.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.leftPartialArrowWhite {
    background-image: url('../Images/leftColumn/Buttons/whiteArrow.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.leftPartialArrowGreen {
    background-image: url('../Images/leftColumn/Buttons/greenArrow.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

/*SECOND*/
.leftSecondWidget {
    width: 235px;
    max-width: 235px;
    min-width: 235px;
    border-left: solid 1px #97af7c;
    border-right: solid 1px #97af7c; /*padding-right:3px;   padding-left:2px;*/
    padding-left: 2px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background-color: #f2f7eb;
}

.leftSecondFullButton {
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    width: 233px;
    min-width: 233px;
    max-width: 233px;
    text-align: left;
    line-height: 40px;
    vertical-align: middle;
    font-size: 17px;
}

.leftSecondFullButtonWhite {
    background-image: url('../Images/leftColumn/Buttons/Second/secondFullButtonWhite.jpg');
    height: 100%;
    width: 100%;
    color: #386603;
    text-indent: 10px;
    background-repeat: no-repeat;
}

.leftSecondFullButtonGreen {
    background-image: url('../Images/leftColumn/Buttons/Second/secondFullButtonGreen.jpg');
    height: 100%;
    width: 100%;
    color: #ffffff;
    text-indent: 10px;
    background-repeat: no-repeat;
}

.leftSecondPartialButton {
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    width: 191px;
    min-width: 191px;
    max-width: 191px;
    line-height: 40px;
    vertical-align: middle;
}

.leftSecondPartialButtonWhite {
    background-image: url('../Images/leftColumn/Buttons/Second/secondPartialButtonWhite.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    text-indent: 10px;
    color: #386603;
}

.leftSecondPartialButtonGreen {
    background-image: url('../Images/leftColumn/Buttons/Second/secondPartialButtonGreen.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    text-indent: 10px;
    color: #ffffff;
}

.leftSecondPartialArrow {
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.leftSecondPartialArrowWhite {
    background-image: url('../Images/leftColumn/Buttons/Second/secondPartialArrowWhite.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.leftSecondPartialArrowGreen {
    background-image: url('../Images/leftColumn/Buttons/Second/secondPartialArrowGreen.jpg');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
/* SECOND - DYNAMIC WIDTH */
.menuUL {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/UL.png');
    height: 5px;
    width: 9px;
}

.menuUM {
    position: absolute;
    background-repeat: repeat-x;
    left: 9px;
    right: 9px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/UM.png');
    height: 5px;
}

.menuUR {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/UR.png');
    height: 5px;
    width: 9px;
}

.menuLL {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/LL2.png');
    height: 5px;
    width: 9px;
}

.menuLM {
    position: absolute;
    background-repeat: repeat-x;
    left: 9px;
    right: 9px;
    bottom: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/LM2.png');
    height: 5px;
}

.menuLR {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/LR2.png');
    height: 5px;
    width: 9px;
}

/*Condensed -->*/
.buttonContainer {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    border-left: solid 1px #97af7c;
    border-right: solid 1px #97af7c;
    background-color: #f2f7eb;
}
/*LABELS*/
.buttonLabel {
    line-height: 42px;
    vertical-align: middle;
    white-space: nowrap;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    background-repeat: repeat-y;
    left: 1;
    right: 1;
    cursor: pointer;
}

.buttonLabelWhite {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/WhiteButtonBack.jpg');
    color: #386603;
}

.buttonLabelGreen {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/GreenButtonBack.jpg');
    color: #ffffff;
}
/*ENDS*/
.buttonLeft {
    position: absolute;
    top: 0px;
    left: 1px;
    height: 42px;
    width: 5px;
}

.buttonRight {
    position: absolute;
    top: 0px;
    right: 1px;
    height: 42px;
    width: 5px;
}

.buttonArrow {
    position: absolute;
    top: 0px;
    right: 1px;
    height: 42px;
    width: 38px;
    cursor: pointer;
}

.buttonArrowGreenImage {
    background: url('../Images/leftColumn/Buttons/greenArrow.jpg');
}

.buttonArrowWhiteImage {
    background: url('../Images/leftColumn/Buttons/whiteArrow.jpg');
}

.buttonLeftWhiteImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/WhiteButtonLeft.jpg');
}

.buttonRightWhiteImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/WhiteButtonRight.jpg');
}

.buttonLeftGreenImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/GreenButtonLeft.jpg');
}

.buttonRightGreenImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/GreenButtonRight.jpg');
}

.buttonPartialLabel {
    line-height: 42px;
    vertical-align: middle;
    white-space: nowrap;
    height: 42px;
    padding-left: 10px;
    padding-right: 38px;
    background-repeat: repeat-x;
    left: 1;
    right: 38;
    cursor: pointer;
}


/***NEW SECOND***/

.secondMenuUL {
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/UL.png');
    height: 5px;
    width: 9px;
}

.secondMenuUM {
    position: absolute;
    background-repeat: repeat-x;
    left: 9px;
    right: 9px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/UM.png');
    height: 5px;
}

.secondMenuUR {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/UR.png');
    height: 5px;
    width: 9px;
}

.secondMenuLL {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/LL2.png');
    height: 5px;
    width: 9px;
}

.secondMenuLM {
    position: absolute;
    background-repeat: repeat-x;
    left: 9px;
    right: 9px;
    bottom: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/LM2.png');
    height: 5px;
}

.secondMenuLR {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url('../Images/leftColumn/Buttons/SecondDynamic/LR2.png');
    height: 5px;
    width: 9px;
}

.buttonSecondContainer {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    border-left: solid 1px #97af7c;
    border-right: solid 1px #97af7c;
    background-color: #f2f7eb;
}
/*LABELS*/
.buttonSecondLabel {
    line-height: 42px;
    vertical-align: middle;
    white-space: nowrap;
    height: 42px;
    padding-left: 10px;
    padding-right: 10px;
    background-repeat: repeat-y;
    left: 1;
    right: 1;
    cursor: pointer;
}

.buttonSecondLabelWhite {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/secondWhiteButtonMiddle.png');
    color: #386603;
}

.buttonSecondLabelGreen {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/secondGreenButtonMiddle.png');
    color: #ffffff;
}
/*ENDS*/
.buttonSecondLeft {
    position: absolute;
    top: 0px;
    left: 1px;
    height: 42px;
    width: 5px;
}

.buttonSecondRight {
    position: absolute;
    top: 0px;
    right: 1px;
    height: 42px;
    width: 5px;
}

.buttonSecondArrow {
    position: absolute;
    top: 0px;
    right: 1px;
    height: 42px;
    width: 40px;
    cursor: pointer;
}

.buttonSecondArrowGreenImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/secondGreenButtonArrow.png');
}

.buttonSecondArrowWhiteImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/secondWhiteButtonArrow.png');
}

.buttonSecondLeftWhiteImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/secondWhiteButtonLeft.png');
}

.buttonSecondRightWhiteImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/secondWhiteButtonRight.png');
}

.buttonSecondLeftGreenImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/secondGreenButtonLeft.png');
}

.buttonSecondRightGreenImage {
    background: url('../Images/leftColumn/Buttons/SecondDynamic/secondGreenButtonRight.png');
}

.buttonSecondPartialLabel {
    line-height: 42px;
    vertical-align: middle;
    white-space: nowrap;
    height: 42px;
    padding-left: 10px;
    padding-right: 40px;
    background-repeat: repeat-x;
    left: 1;
    right: 40;
    cursor: pointer;
}

/* HTML Helper Buttons > */
.htmlHelperButtonTopOuter {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: table;
    border: none;
    border-collapse: collapse;
   
}
.horizontalNav .htmlHelperButtonTopOuter {
    float: left;
}

    .htmlHelperButtonTopOuter, .htmlHelperButtonTopOuter * {
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        box-sizing: content-box !important;
    }

.htmlHelperButtonTopInner {
    height: 5px;
    min-height: 5px;
    max-height: 5px;
    background: transparent;
}

.htmlHelperButtonTopMiddleBackground {
    margin-left: 5px;
    margin-right: 5px;
    height: 5px;
}

.htmlHelperButtonClickText {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    white-space: nowrap;
}

.htmlHelperButtonClickTextSmall {
    max-height: 18px;
    line-height: 16px;
    font-size: small;
}

.htmlHelperButtonBackground {
    color: #386603;
    font-weight: bold;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #f2f4ef;
    margin: 0px 0px -2px 0px;
}

.htmlHelperButtonBackgroundSmall {
    max-height: 18px;
    padding-left: 10px;
    padding-right: 10px;
}

/* modal dialog is one single div */
.htmlHelperModalButtonSmall {
    color: #386603;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #f2f4ef;
    margin: 0px 0px 0px 0px;
    max-height: 18px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-top: 4px;
    vertical-align: middle;
    max-height: 18px;
    line-height: 8px;
    font-size: small;
}

.htmlHelperButtonLeftRight {
    height: 30px;
    width: 5px;
}

.htmlHelperButtonLeftRightSmall {
    max-height: 18px;
}

.htmlHelperButtonLeft {
    float: left;
}

.htmlHelperButtonRight {
    float: right;
}

.toggleButton {
    color: #386603;
    font-weight: bold;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #f2f4ef;
    margin: 0px 0px -2px 0px;
    background: url('../Images/buttonPartialView/buttonBackground.jpg');
}

.toggleButtonPressed {
    background: url('../Images/buttonPartialView/togglePressed.jpg');
    border: 1px solid #5b7647;
    color: #fffcdd;
}

.onOffLeft /* 'on' button override */ {
    display: inline-block;
    margin-right: -2px;
    border-right: none;
}

.onOffRight /* 'off' button override */ {
    display: inline-block;
    margin-left: -2px;
    border-left: 1px solid #737373;
    color: #646464;
}

.offButtonDown {
    background: url('../Images/OnOffButtons/offButtonBackgroundPressed.jpg');
    border-top: 1px solid #afafaf;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #c8c8c8;
    color: #949494;
}

.offButtonUp {
    background: url('../Images/OnOffButtons/noOnBackground.jpg');
    border-left: 1px solid #f2f4ef;
    cursor: pointer;
    color: #f6d3cc;
}

.onButtonUp {
    background: url('../Images/OnOffButtons/onButtonBackground.jpg');
    cursor: pointer;
    color: #fffcdd;
}

.htmlHelperButtonBackgroundOnUp {
    color: #fffcdd;
    font-weight: bold;
    cursor: pointer;
    padding-left: 14px;
    padding-right: 13px;
    border: 1px solid #8AC630;
    margin: 0px 0px -2px 0px;
}



.onButtonDown {
    background: url('../Images/OnOffButtons/offButtonBackgroundPressed.jpg');
    border-top: 1px solid #afafaf;
    border-left: 1px solid #aaaaaa;
    border-bottom: 1px solid #f2f4ef;
    color: #949494;
}

/* < HTML Helper Buttons */


/***NEW SECOND***/
/* <-- CONDENSED*/

.secondContent {
    /*margin-right:-1px;  margin-left:-1px;*/
    border-left: solid 1px #97af7c;
    border-right: solid 1px #97af7c;
    padding-right: 5px;
    padding-left: 5px;
    overflow: hidden;
    background-color: #f2f7eb;
    white-space: nowrap;
}
/*************/
/* CENTER    */
/*************/
.content {
    padding: 20px 0px 10px 0px;
    width: auto;
    /*text-align: justify;*/
    line-height: 25px;
}

.centerColumnOneColumn {
    margin: 0px 38px 0px 38px;
}

.centerColumnThreeColumn {
    margin-left: 240px;
    width: 473px;
}

.centerColumnTwoColumn {
    margin-left: 230px;
    padding: 0px 35px 0px 10px;
    width: auto;
}

/************/
/* Gray bar */
/************/
.horizontalNav {
    height: 38px;
    min-height: 38px;
    max-height: 38px; /*background-color: #dee3d8;*/
    background-color: #264403;
    line-height: 35px;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    border-bottom: 1px solid #264403;
    color: #ffffff;
}

.horizontalDividers {
    display: inline-table;
    background-color: #c7d2b9; /*height: 20px;*/
    height: 15px; /*width: 2px;*/
    width: 1px;
    border-right: solid 1px #eaf8dd;
    line-height: 45px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.horizontalWelcome {
    color: #ffffff;
}

.horizontalLink {
    text-decoration: none;
    color: #ffffff;
}

.horizontalLinkYellow {
    color: #F8D061;
}

.horizontalLinkYellow--NoLine {
    color: #F8D061;
    text-decoration: none;
}

#ShoppingCartTotal {
    font-size: 18px;
    font-weight: bold;
}

/***********/
/* RIGHT */
/***********/
.rightColumnThreeColumn {
    top: 0px;
    float: right;
    width: 267px; /*background-color:#ff0000;*/
}

.rightWidget {
    font-size: 14px;
    line-height: 25px;
    width: 219px;
    max-width: 219px;
    min-width: 219px;
    height: 231px;
    max-height: 231px;
    min-height: 231px;
    border-left: solid 1px #8c9483;
    border-right: solid 1px #8c9483;
    padding-right: 10px;
    padding-left: 10px;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

.NotificationWindow {
    float: right;
    background-image: url(../Images/NotificationWindow.png);
    height: 393px;
    width: 289px;
}

.NotificationWindowContent {
    height: 330px;
    margin: 45px 10px 20px 23px;
    overflow: auto;
    padding-right: 5px;
    text-align: left;
}

/* MISC*/
.WidgetImages {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* used to space out vertically stacked divs*/


.divLinkPaddedTopBottom {
    padding: 6px 0px 6px 10px;
}

.divLargeVerticalBottomSpacer {
    margin-bottom: 35px;
}

/**********************************************************************/
/* NOT RECOMMENDED FOR USE  -  4 column layout - .within .centerColumnOneColumn and it's padding! */
/**********************************************************************/
.divFourColumn {
    width: 210px;
}

.divLeftFourColumn {
    float: left;
}

.divLeftCenterFourColumn, .divRightCenterFourColumn {
    float: left;
    margin-left: 20px;
}

.divRightFourColumn {
    float: right;
}

/*****************************************************************/
/* different that 2 column above, these are designed to create
/* colored square block in which you put html
/* as oppsed to vertical lists!
/*left / right - within .centerColumnOneColumn and it's padding! */
/*****************************************************************/
.divBordered {
    border: 1px solid #cccccc;
}

.divColored {
    background-color: #F4F4F4;
}

.divPadded {
    padding: 10px 20px;
}

.divLeftTwoColumn {
    float: left;
    width: 385px;
    padding: 20px 20px 20px 20px;
    background-color: #F4F4F4;
}

.divRightTwoColumn {
    float: right;
    width: 385px;
    padding: 20px 20px 20px 20px;
    background-color: #F4F4F4;
}

.divTwoColumnTitleBlock /*title block for two column divs */ {
    position: absolute;
    top: -10px;
    left: 10px;
    background-color: #ffffff;
    padding: 0px 10px 0px 10px;
    border: 1px solid #7e9c5d;
    color: #386603;
}

.divTwoColumnTitleBlockMarginTop {
    margin-top: 10px;
}

.divLeft465 {
    float: left;
    width: 465px;
}

.divRight465 {
    float: right;
    width: 465px;
}
/*left / right */

.spanRightInlineBlock {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.spanSetWidth {
    display: inline-block; /*float: left;*/ /*line-height: 36px;*/
    vertical-align: middle;
    width: 47%; /*default width, overrride in view if a different width is needed*/
}

.spanSetWidthAlignRightPadded {
    text-align: right;
    margin-right: 10px;
}

.spanSetWidthAlignLeftPadded {
    text-align: left;
    margin-right: 10px;
}

.spanRightFootNote {
    display: inline-block;
    font-size: 0.7em;
    line-height: 12px;
    text-align: left;
    max-width: 202px;
    vertical-align: top;
}

.divAccordionContentHolder {
    padding: 15px 15px 15px 15px;
}

/* Telerik input (edit) buttons on grids */
td.t-last input[type="button"] {
    color: #386603;
    font-weight: bold;
    cursor: pointer;
    padding: 2px 8px 2px 8px;
    border: 1px solid #386603;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    background-color: #f0fce3;
    line-height: 24px;
    vertical-align: middle;
}

.t-grid-header .t-header .t-link {
    font-size: 16px;
}

/* Telerik grid button image */
.t-delete {
    background: url("../Images/ImageButtons/removeGridButton.png") no-repeat;
    height: 28px;
    width: 74px;
}

html body div.t-grid tbody .t-button-icon {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    min-width: 0;
    padding: 0;
}

.ddlDobMonth {
    width: 78px;
}

.ddlDobDay {
    width: 62px;
}

.ddlDobYear {
    width: 75px;
}

.inputButton {
    padding: 5px 10px 5px 10px;
    background-color: #ff0000; /*border:1px solid #ff0000;*/
    border: none;
}

.divCompassTitle {
    color: White;
    float: left;
    font-size: 1.20em; /*font-weight: bold;*/
    padding-left: 5px;
}

p {
    margin-top: 10px;
}

img {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.imgBorder {
    border: 1px solid #7e9c5d;
}

.divImageContainer {
    padding: 0px 0px 0px 0px;
    margin: 30px 30px 30px 30px;
}

.divImageFloatRight {
    float: right;
    margin-right: 0px;
}

/* CSS Helper*/
.Helperlink {
    cursor: pointer;
    font-size: 12px;
    color: #ff0000;
    text-decoration: underline;
}


/* Modal popup  > */
/* Z-index of #mask must lower than #boxes .window */
#mask {
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

#boxes .window {
    position: absolute;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
    width: 375px;
    height: 203px;
    background-color: #ffffff;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
}
/* <  Modal popup*/

/*MVC validation*/
.validation-summary-errors li {
    list-style-type: none;
}

.validation-summary-errors, field-validation-valid {
    color: #f62c24; /*font-weight:bold;*/
}

.field-validation-valid {
    font-size: 20px;
    padding-left: 5px;
    position: relative;
    top: 8px;
    vertical-align: top;
}

.field-validation-error {
    color: Red;
    font-size: 24px;
    padding-left: 5px;
    position: relative;
    top: 8px;
    vertical-align: top;
}

/* for "*" next to calendar icon*/
.calendar {
    left: 51px;
    display: inline-block;
}

/* Create User Steps > */

.divOneColumnWithQuickLinksHeaderText {
    position: relative;
    padding-left: 266px;
    margin: 5px 55px 15px 0px;
}

.divOneColumnWithQuickLinks {
    float: left;
    width: 640px;
    margin-left: 36px;
}

/* < Create User Steps */

/* Address Form > */

.addressDisplayLabel {
    text-align: right;
    padding-right: 10px;
    white-space: nowrap;
    vertical-align: top;
}

.addressFormLeft {
    float: left;
    border-right: 1px solid #9a9a9a;
    min-height: 180px;
}

.addressFormRight {
    float: right;
}
/* 1 wide as content area */
.addressFormOneWideLeft {
    min-width: 350px;
    min-height: 210px;
}

.addressFormOneWideRight {
    margin-left: 20px;
    margin-right: 15px;
}
/* 2 wide in content area */
.addressFormTwoWideLeft {
    min-width: 265px;
}

.addressFormTwoWideRight {
    /*margin-right: 15px;*/
}

/* < Address From */

/* Date Month Day Year Dropdowns */
.spanMonthDayYear {
    margin-left: 1px;
}

/* Height Feet Inches Dropdowns */
.spanFeetInches {
    margin-left: 10px;
}

/* Table as a Vertical Line */
.verticalLine {
    display: table;
    border-collapse: collapse;
    border: none; /*  background: black;     can be added at the element level for flexibility */
}

/* HOME Page  > */
.homePageMainSplashDiv {
    /*
    min-width: 1000px;
    min-height: 256px;
    background-image: url(../Images/Home/WelcomeGradient.jpg);
    */
}

.homePageMainSplashLightDiv {
    top: 15px;
    left: 290px;
    position: relative;
    max-width: 386px;
    min-height: 202px;
    padding: 14px 14px 14px 14px;
}

.homePageMainSplashButtonHolderDiv {
    position: absolute;
    bottom: 14px;
    min-width: 386px;
    text-align: center;
}

.homePageMainSplashButton {
    background-image: url(../Images/Home/buttonBackground.jpg);
    display: inline-block;
    max-width: 166px;
    width: 166px;
    min-height: 36px;
    line-height: 36px;
    vertical-align: middle;
    color: #ffffff;
    cursor: pointer;
}

.homePageWelcomeTitleText {
    font-family: Georgia;
    font-size: 1.7em;
    color: #000000;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}



.homePagePanelOuterDiv {
    padding: 15px 15px 0px 15px;
}

.homePagePaneldiv {
    width: 290px;
    background-color: #faf3f3;
    padding: 10px 10px 10px 10px;
    min-height: 220px;
}

.homePagePanelHeader {
    color: #42281b;
    font-size: 1.3em;
    border-bottom: 1px solid #a3938d;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.homePagePanelContent {
    text-align: left;
    display: inline-block;
    font-size: 1.1em;
    color: #42281b;
}
/* <  HOME Page */

.hidden {
    visibility: hidden;
}

/* standards document > */
.sectionTitles {
    font-weight: bold;
    font-size: 1em;
}

.verticalBorderLeft {
    border-left: 1px solid #9a9a9a;
}

.verticalBorderRight {
    border-right: 1px solid #9a9a9a;
}

/* < standards document */
/* Test Table mimics div's */

table.divTable td {
    vertical-align: top;
}

table.homePageWithNotifications {
    max-width: 580px;
}

/*********************/
/* Telerik Overrides */
/*********************/
.t-input {
    background-color: #ffffff;
    border: 1px solid #7e9c5d;
    padding: 5px 0px 5px 0px;
    margin-bottom: 2px;
    line-height: 25px;
    cursor: pointer;
    font-size: 18px;
    font-family: Arial;
    text-align: justify;
}

.t-grid td.t-group-cell, .t-grid td.t-hierarchy-cell {
    padding: 0.25em 0.4em;
}

/* grid background color */
.t-grid-content {
    background-color: #e9f2d5;
}

.t-picker-wrap .t-input, .t-input {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
    vertical-align: top;
}

.t-grid .t-group-col, .t-grid .t-hierarchy-col {
    width: 2.1em;
}

.catalogAltRow {
    background-color: #f0f2ed;
}

/*
label
{
  font-size:24px;
  cursor:text;
}
h2
{
  color:#ffffff;
  margin-left:15px;
}

input[type='checkbox']
{
 width:30px;
 height:30px;
}
*/

.catalogHeaderText {
    color: #ffffff;
    margin-left: 15px;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;
}

.catalogHeaderLeft {
    float: left;
    min-height: 63px;
    min-width: 69px;
    cursor: pointer;
    background-image: url('../Images/Catalog/Blank.png');
}

.SportFishing {
    background-image: url('../Images/Catalog/SportFishing.png');
}

.Pescadeportiva {
    background-image: url('../Images/Catalog/SportFishing.png');
}

.CommercialFishing {
    background-image: url('../Images/Catalog/CommercialFishing.png');
}

.Hunting {
    background-image: url('../Images/Catalog/HuntingDNR.png');
}

.Merchandise {
    background-image: url('../Images/Catalog/Merchandise.png');
}

.Mercancias {
    background-image: url('../Images/Catalog/Merchandise.png');
}

.FreeRegistration {
    background-image: url('../Images/Catalog/FreeRegistrations.png');
}

.Off-RoadVehicle {
    background-image: url('../Images/Catalog/OffRoadVehicle.png');
}

.Fee {
    background-image: url('../Images/Catalog/Fees.png');
}

.Cuota {
    background-image: url('../Images/Catalog/Fees.png');
}
/*

Hunting
SportFishing
CommercialFishing
Dealers(Boat)
Boating
Merchandise
FreeRegistration
Off-RoadVehicle
ParkReservation
CharterBoatPatrons
Special(LRSOnly)
ExpressSale
*/

.catalogButton {
    /*background: url('../Images/ImageButtons/inactive.png') no-repeat scroll 0 0 transparent;*/
    color: #FFFFFF;
    height: 45px;
    width: 294px;
    display: inline-block;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    cursor: default;
    background-color:#bbbbbb;
    border-radius:5px;
}

.catalogShoppingCartButtonActive {
    /*background: url('../Images/ImageButtons/active.png') no-repeat scroll 0 0 transparent;*/
    cursor: pointer;
    background-color: #fe3232;
    border-radius: 5px;
}

.catalogCheckoutButtonActive {
    /*background: url('../Images/ImageButtons/activeproceedtocheckout.png') no-repeat scroll 0 0 transparent;*/
    cursor: pointer;
    background-color: #fe3232;
    border-radius: 5px;
}

.catalogHeaderBackground {
    min-height: 63px;
    background-image: url('../Images/Catalog/HeaderBackground.png');
    margin-right: 12px;
    margin-left: 58px;
    line-height: 63px;
    vertical-align: middle;
    cursor: pointer;
}

.catalogHeaderRight {
    float: right;
    min-height: 63px;
    min-width: 12px;
    background-image: url('../Images/Catalog/HeaderRight.png');
    cursor: pointer;
}

.catalogHeaderArrow {
    float: right;
    background-image: url('../Images/Catalog/HeaderUpArrow.png');
    width: 28px;
    height: 17px;
    margin-top: 24px;
    cursor: pointer;
}

.catalogHeaderDownArrow {
    background-image: url('../Images/Catalog/HeaderDownArrow.png');
}

.catalogCheckboxCell {
    width: 5%;
    padding: 3px 3px 3px 3px;
    vertical-align: text-bottom;
}

.catalogNameCell {
    width: 70%;
    vertical-align: middle;
    padding: 3px 3px 3px 3px;
    vertical-align: text-bottom;
}

.catalogCostCell {
    width: 15%;
    padding: 3px 3px 3px 3px;
    vertical-align: text-bottom;
    text-align: right;
    padding-right: 10px;
}

.catalogTable {
    width: 95%;
    color: #404040;
    font-size: 18px;
    border-collapse: collapse;
}

.catalogCheckboxUnchecked {
    cursor: pointer;
    margin-left: 10px;
    width: 18px;
    height: 23px;
    background-image: url('../Images/Catalog/checkboxUnchecked.png');
    display: inline-block;
}

.catalogCheckboxChecked {
    background-image: url('../Images/Catalog/checkboxChecked.png');
}

.catalogHelpIcon {
    background-image: url('../Images/Catalog/helpIcon.png');
    height: 21px;
    width: 21px;
    display: inline-block;
    margin-bottom: -2px;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 5px;
}

.catalogItemTagline {
    padding: 5px;
    background-color: #e8f5ea;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #bcdfc2;
    margin: 5px auto 5px auto;
}
/* < accordion */

.searchHeader {
    font-weight: bold;
    padding-bottom: 5px;
    text-decoration: underline;
}


.disabledLink {
    color: #94949d;
    text-decoration: underline;
    cursor: text;
    font-size: 16px;
}

.intbox {
    width: 35px !important;
    height: 20px !important;
}

.text-box-long {
    width: 250px;
}

.focusField {
    border: 2px solid #006600 !important;
    background: #CCFFCC !important;
    color: #000 !important;
}

.required {
    background-color: #FFC0CB !important;
}

.negative {
    color: #FF0000;
}

.wizard-step {
    display: none;
}

.display-field {
    font-weight: bold;
}

.step-Active {
    color: #006699;
}


/* Funding Source Table like Grid > */
.FundingSourceTable {
    background-color: #e9f2d5;
    border: 1px solid #486b23;
    border-collapse: collapse;
    text-align: left;
    color: #171812;
}

    .FundingSourceTable th {
        border-right: 1px solid #486b23;
        border-bottom: 1px solid #486b23;
        background-image: url('../Images/FundingSource/headerBack.jpg');
        height: 29px;
        color: #ffffff;
        padding: 0px 0px 0px 0px;
        padding-left: 10px;
        text-align: left;
    }

    .FundingSourceTable td {
        padding: 3px 10px;
        text-align: left;
    }

    .FundingSourceTable input[type=text] {
        background-color: #f3f7e9;
        border: 1px solid #b7c59b;
    }

.FundingSourceTableAltRow {
    background-color: #c7d6a7;
}

.FundingSourceTable input[type=text] {
    background-color: #f3f7e9;
    border: 1px solid #b7c59b;
}

.FundingSourceTableAltRow {
    background-color: #c7d6a7;
}
/* < Funding Source Table like Grid */

.warningLink {
    color: Red;
}

.waterMarkInitialClass {
    color: #BBBBBB;
}

.waterMarkNormalClass {
    color: #000000;
}

.comment {
    line-height: 16px;
    text-align: left;
}

.tableRowHeight50 {
    height: 50px;
}

/* Help Page Styles */
.divHelpLinksContainer {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #DDDDDD;
}

.divHelpLinksContainerRoot {
    padding-right: 10px;
}

.fakeLink {
    color: #386603;
    text-decoration: underline;
}

.divHelpLink {
    text-align: left;
    padding-left: 5px;
}

    .divHelpLink:hover {
        background-color: #EEEEEE;
    }

.divHelpNavigation {
    cursor: pointer;
}

.divHelpNavigationLinkSelected {
    /*border: 1px solid #386603;*/
    background-color: #F1F5ED;
    cursor: default;
}

.divHelpLinkSelected:hover {
    background-color: #F1F5ED;
}

.helpContent {
    text-align: left;
}

.helpHeader {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #006600;
}

.helpHeaderSmall {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #006600;
}

.disabledButton {
    opacity: 0.6;
}

.CustomerRegistrationPreference {
    position: absolute;
    left: -999em
}