html {
    color: #543767;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    margin: 0px;
    padding: 0px
}


body {
    background: #f1cf6e url('../images/bg.jpg') no-repeat center top;
    margin: 0px;
    padding: 0px;
}

.sunlife {
    background: #f1cf6e url('../images/sunlife_bk.png') center top;
}

h1, h2, h3, h4, h5, h6 {
    text-align: center;
}

#wrapper {
    margin: 0px auto;
    width: 872px;
    min-height: 600px;
    height: auto !important; /* IE FIX FIX FOR MIN-HEIGHT */
    height: 600px;
}

#custAccessContainer {
    background-color: white;
    background-position: center top;
    padding-bottom: 10px;
    width: 872px;
}

    #custAccessContainer a {
        color: #543767;
    }

    #custAccessContainer p {
        margin-left: 10px;
        margin-right: 10px;
    }

#purpleContainerUnder {
    background-color: #543767;
    background-position: center top;
    width: 872px;
    text-align: center;
}

    #purpleContainerUnder a {
        color: white;
    }

    #purpleContainerUnder .links {
        float: right;
        margin: 10px 10px 0px 0px;
    }

#body {
    margin: 10px 10px 10px 10px;
}

#footer {
    background-position: center top;
    border-top: 2px #543767 solid;
    color: #543767;
    clear: both;
    font-size: .7em;
    height: 20px;
    margin: 0px auto;
    text-align: center;
    width: 800px;
}

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

    p.indent {
        padding-left: 18px;
        padding-bottom: 18px;
    }

input {
    border-width: 1px;
    border-style: solid;
    border-color: Black;
}

textarea {
    border-width: 1px;
    border-style: Solid;
}

table.reports {
    padding: 10;
    border: 1px solid #789DB3;
    border-collapse: collapse;
}

    table.reports td {
        font-size: 11px;
        border: none;
        background-color: #F4F4F4;
        vertical-align: middle;
        padding: 7px;
        font-weight: bold;
    }

.results {
    background-color: #F4F4F4;
    border: medium none;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0;
    vertical-align: middle;
    width: 100%;
}

.reminderResults {
    background-color: #F4F4F4;
    border: none;
    border-collapse: collapse;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0;
    vertical-align: middle;
    width: 100%;
}

    .reminderResults tr.rowheader td {
        border-bottom: 1px solid #000000;
        font-weight: bold;
        background-color: #543767;
        color: #FFFFFF;
    }

table.reminderResults td {
    font-size: 11px;
    border: none;
    background-color: #ffffff;
    vertical-align: middle;
    padding: 7px;
    font-weight: bold;
}

table.results, table.userListing {
    border: 1px solid #789DB3;
    border-collapse: collapse;
}

#custAccessContainer table.results td {
    font-size: 11px;
    border: none;
    background-color: #ffffff;
    vertical-align: middle;
    padding: 7px;
    font-weight: bold;
}

#custAccessContainer .adminMenu td,
#custAccessContainer .staffMenu td {
    background-color: #FFFFFF;
    font-size: 10pt;
    font-family: verdana;
    vertical-align: top;
    line-height: 15pt;
}

#custAccessContainer tr.rowheader th {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    background-color: #543767;
    color: #FFFFFF;
    font-size: 11px;
}

#custAccessContainer tr.rowheader td {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    background-color: #543767;
    color: #FFFFFF;
}

    #custAccessContainer tr.rowheader td a {
        color: #FFFFFF;
        text-decoration: none;
    }

#custAccessContainer a.RowHeaderA {
    border-bottom: none;
    font-weight: bold;
    background-color: #543767;
    color: #FFFFFF;
}

#custAccessContainer tr.RowI td {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    background-color: #B37EE0;
    vertical-align: top;
}

#custAccessContainer tr.RowA td {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    background-color: #FFFFFF;
    vertical-align: top;
}

#custAccessContainer table.statusSearch {
    border-width: thin;
    border-style: solid;
    border-collapse: collapse;
    margin: auto;
}

    #custAccessContainer table.statusSearch td {
        /*background-color:#FFFFFF;*/
        font-size: 12pt;
        vertical-align: top;
    }

#custAccessContainer p.statusSearchindent {
    padding-left: 18px;
    padding-bottom: 18px;
    font-size: 11pt;
    font-weight: normal;
}

#custAccessContainer ul.statusSearch, ol.statusSearch {
    list-style-type: none;
}

.titles {
    font-size: .75em;
}

.cssPI {
    width: 175px;
    float: left;
}

.cssFI {
    width: 100px;
    float: left;
}

.cssAdminRIHeader {
    width: 150px;
    float: left;
    height: 18px;
}


.cssUser {
    width: 200px;
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px -2px 0px;
    float: left;
}

.cssSearch {
    width: 150px;
    float: left;
}

.cssSearchInput {
    width: 250px;
}

.cssPopSearch {
    width: 100px;
    float: left;
}

.cssMessage {
    width: 200px;
    float: left;
}

.cssPrint {
    width: 180px;
    height: 15px;
    padding: 0px 0px 0px 0px;
    float: left;
}

.cssPrintFacility {
    /*padding:  0px 0px 60px 0px; */
    height: 175px;
}

.cssPrintOffset {
    width: 10px;
    height: 125px;
    float: left;
}

.cssContact {
    width: 200px;
    float: left;
}

#PopSearch {
    border-style: groove;
    border-color: #789456;
    color: black;
    background-color: White;
    z-index: 201;
    left: 8px;
    position: absolute;
    top: 5px;
    Width: 325px;
}

.resultMag {
    display: none;
    visibility: hidden;
    clear: both;
    height: 45px;
}

.cssAdminDeleteLeftTop {
    width: 100px;
    float: left;
}

.cssAdminDeleteRightTop {
    width: 100px;
    float: left;
}

.cssAdminDeleteLeft {
    width: 85px;
    float: left;
}

.cssAdminDeleteRight {
    /*border: solid 1px purple;
 	border-left: none;
 	border-top: none;
 	padding-left:5px; */
}

/*Calendar Control*/
.cpYearNavigation, .cpMonthNavigation {
    background-color: #C0C0C0;
    text-align: center;
    vertical-align: center;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText {
    font-family: arial;
    font-size: 8pt;
}

TD.cpDayColumnHeader {
    text-align: right;
    border: solid thin #C0C0C0;
    border-width: 0px 0px 1px 0px;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
    text-align: right;
    text-decoration: none;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
    color: #D0D0D0;
    text-align: right;
    text-decoration: line-through;
}

.cpCurrentMonthDate, .cpCurrentDate {
    color: #000000;
}

.cpOtherMonthDate {
    color: #808080;
}

TD.cpCurrentDate {
    color: white;
    background-color: #C0C0C0;
    border-width: 1px;
    border: solid thin #800000;
}

TD.cpCurrentDateDisabled {
    border-width: 1px;
    border: solid thin #FFAAAA;
}

TD.cpTodayText, TD.cpTodayTextDisabled {
    border: solid thin #C0C0C0;
    border-width: 1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled {
    height: 20px;
}

A.cpTodayText {
    color: black;
}

.cpTodayTextDisabled {
    color: #D0D0D0;
}

.cpBorder {
    border: solid thin #808080;
}


@media print {
    #body {
        font-family: Verdana;
        font-size: 12px;
        color: #000000;
    }

    #header {
        display: none;
    }

    input {
        border-width: 0px;
        border-style: none;
    }

    html {
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12pt;
        margin: 0px;
        padding: 0px
    }


    #footer {
        display: none;
    }

    option {
        border-style: none;
        border-width: 0px;
    }


    .noPrint {
        display: none;
    }


    textarea {
        border-width: 0px;
        border-style: none;
        overflow: hidden;
    }

    .rrHeader {
        border-width: 0px;
        border-style: none;
        display: none;
    }

    .resultMag {
        border-width: 10px;
        border-style: none;
        display: none;
    }

    #purpleContainerUnder {
        border-width: 0px;
        border-style: none;
        display: none;
    }
}


/*form dispay*/
#body fieldset.Generic {
    margin: 0 auto 10px auto;
    padding-bottom: 10px;
    width: 25em;
}

    #body fieldset.Generic legend {
        padding: 0 2px;
    }

    #body fieldset.Generic label {
        display: block;
        float: left;
        line-height: 1.8;
        vertical-align: top;
        width: 10em;
    }

    #body fieldset.Generic ol {
        margin: 0;
        padding: 0;
    }

        #body fieldset.Generic ol li {
            clear: both;
        }

    #body fieldset.Generic li {
        list-style: none;
        padding: 5px;
        margin: 0;
    }

input.AutoFollowUp {
    width: 500px;
}

.customerRequestFacility {
}

.fiRowItem {
    /*line-height:30px;*/
    padding-top: 10px;
}

.piRowItem {
    /*line-height:30px;*/
    padding-top: 10px;
}

.printLetterHead {
    font-family: Verdana;
    width: 732px;
}

.printLetterHead .center {
    width: 350px;
    text-align: center;
    font-size: medium;
}

.printLetterHead .right {
    text-align: left;
    font-weight: bold;
    font-size: large;
}

.printLetterHead .left {
    text-align: right;
    width: 136px;
}

.printLetterHead .companyName {
    font-weight: bold;
}

.printLetterHead .phone {
    font-size: small;
}

.printLetterHead .replyTo {
    text-align: right;
    font-size: large;
    font-weight: bold;
}

.printLetterHead .recordType {
    font-size: small;
    font-weight: bold;
}

.printLetterHead .previousRecord {
    font-size: smaller;
}

.printLetterHead .attachment {
    font-size: smaller;
}

.wrapword {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

.drop-zone {
    clear:both;
    float: left;
    padding: 10px;
    margin-top: 20px;
    border: black dashed 1px;
    width: 75%;
    display:flex;
}