﻿/* 
*   Main css 
*/

.StandardPage {
    padding: 10px;
}

a {
    color: #3091A8;
    text-decoration: none;
}

    a:hover {
        color: #C12554;
        text-decoration: underline;
    }

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

body {
    position: relative;
    background-color: #FFFFFF;
    font-size: 12px;
    font-family: Verdana;
    margin: 0;
    color: #696969;
    overflow-x: auto;
    overflow-y: scroll;
}

.ActionAdviceBanner {
    float: left;
    width: 650px;
    border: 1px solid gray;
    border-radius: 4px;
    background: floralwhite;
    margin: 0 0 10px 5px;
    padding: 6px 0 3px 6px;
}

.MainBanner {
    width: 785px;
    border: 1px solid gray;
    border-radius: 4px;
    background: floralwhite;
    margin: 10px 0 5px 5px;
    padding: 6px 0 3px 6px;
}

.NoSubscriptionBanner {
    border: 1px solid gray;
    border-radius: 4px;
    background: floralwhite;
    padding: 6px 0 3px 6px;
}

.Banner {
    display: block;
    width: 99%;
    border: 1px solid gray;
    border-radius: 4px;
    background: floralwhite;
    padding: 6px 0 3px 6px;
}

.BannerImage {
    margin-right: 5px;
}

.BannerText {
    vertical-align: top;
}

.DomainMessage {
    width: 98%;
    border: 1px solid gray;
    border-radius: 4px;
    background: floralwhite;
    margin: 10px 0;
    padding: 5px;
    overflow: hidden;
}

.DomainMessageImage {
    margin: 0 5px 0 0;
    float: left;
}

.DomainMessageImageText {
    vertical-align: top;
    float: left;
    font-size: 10px;
    max-width: 96%;
    margin-top: 2px;
}

.link2Standard {
    float: right;
    margin: 0 0 0 3px;
}

.PageContent {
    padding: 10px;
    margin-top: 35px;
    margin-left: 10px;
}

.TabContent {
    list-style: disc;
    list-style-position: outside;
    border: solid 1px gray;
    padding: 7px 7px;
    margin: 10px 0 0 5px;
    overflow: hidden;
    border-radius: 5px;
}

.AlertTabContent {
    list-style: disc;
    list-style-position: outside;
    border: solid 1px gray;
    padding: 5px 7px;
    margin: 0 0 0 5px;
    overflow: hidden;
    border-radius: 5px;
    border-top-left-radius: 0;
}

.SubscriptionImg {
    position: relative;
    padding: 10px 0 0 10px;
    border-radius: 5px;
    height: 60px;
    margin: 5px 0 0 5px;
    width: 785px;
}

.AlertViewerImg {
    position: relative;
    background-color: #f0f0f0;
    padding: 10px 0 0 10px;
    border-radius: 5px;
    height: 60px;
    margin: 5px 0 0 5px;
    width: 785px;
}

.ValidationError {
    color: red;
    font-size: 100%;
    font-weight: bold;
}

.ErrorPanel {
    width: 600px;
}

.Error {
    color: red;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    width: 600px;
}

.ErrorDetails {
    color: red;
    font-size: 100%;
    font-weight: normal;
    text-transform: none;
}

.ErrorBlack {
    font-size: 100%;
    font-weight: bold;
    width: 600px;
}

.FeedbackFooter {
    font-size: 12px;
    margin-top: 10px;
}

.HeaderTitle {
    display: block;
    font-size: 13px;
    color: #5E607A;
    margin: 5px 0 5px 0;
    font-weight: bold;
}

.HeaderTitleDisabled {
    font-size: 13px;
    color: #5E607A;
    margin-left: 0;
    font-weight: bold;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.RazorPanel {
    clear: both;
}

.AboutDiv {
    clear: both;
    padding: 0 0 20px 10px;
}

.AboutText {
    color: #b2b2b2;
    font-size: 10px;
}

.MultilineTooltip {
    position: absolute;
    float: left;
    display: none;
    margin-top: -70px;
    margin-left: -18px;
    padding: 10px;
    font-size: 0.8em;
    background-color: white;
    border: 1px solid #a6c9e2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 10;
}

.MultiLineTooltipArrow {
    position: absolute;
    margin-top: 34px;
}

.DateTimeAlertGenerated {
    margin-left: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.DateTimeAlertGeneratedInfo {
    position: absolute;
    z-index: 9999;
    background-color: floralwhite;
    left: 10px;
    top: 70px;
    width: 780px;
    border: 1px solid grey;
    padding: 5px;
    border-radius: 5px;
    display: none;
}

.DateTimeAlertGeneratedCloseImage {
    position: absolute;
    right: -8px;
    top: -8px;
    cursor: pointer;
}

/*
*   Alert
*/
.AlertFooterTexts {
    clear:both;
    border-top: solid 1px #b2b2b2;
    color: #b2b2b2;
    font-size: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    margin-top: 10px;
    position: relative;
}

.FooterMessage {
    color: #3091A8;
    font-size: 10px;
    position: absolute;
    top: 0px;
    right: 10px;
    margin-top: 10px;
}

.categoryItem {
    margin: 10px 0 0 0;
    padding-left: 0;
    list-style: disc;
}

.categoryList {
    list-style: disc;
    padding-top: 5px;
    margin: 0;
}

.categoryListHidden {
    margin-top: 0;
    list-style: disc;
    padding-top: 10px;
    display: none;
}

.KD_headerTitle {
    font-size: 13px;
    color: #5E607A;
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .KD_headerTitle:hover {
        color: #5E607A !important;
    }

.KD_headerDiv {
    margin-left: 15px;
    display: table;
    width: 800px;
}

.KD_header {
    display: block;
    margin: 5px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    color: #555;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.KD_container {
    width: 95%;
    margin: 10px 0 0 0;
}

.KD_panel {
    width: 95%;
    margin-top: 10px;
}

.KD_table {
    margin: 0 10px 10px 20px;
    font-size: 11px;
    color: #555;
    display: block;
    width: 750px;
}

.KD_headerRow {
    text-decoration: underline;
    font-size: 12px;
}

.KD_omschrijving {
    margin: 0;
    padding: 0 0 0 15px;
}

.KD_imgHighlight {
    margin: 2px 2px 0 -13px;
    width: 14px;
    height: 12px;
    float: left;
}

.KD_imgHighlightTable {
    margin: 5px 5px 0 0;
    width: 14px;
    height: 12px;
    float: left;
}

.KD_imgHighlightRow {
    width: 14px;
    height: 12px;
    float: left;
}

.KD_toggleButton {
    margin-left: 5px;
    font-size: 11px;
    text-decoration: underline;
}

    .KD_toggleButton:hover {
        color: #C12554;
    }

.ARVTooltip {
    position: absolute;
    float: left;
    display: none;
    margin-top: -60px;
    margin-left: -18px;
    padding: 10px;
    font-size: 0.8em;
    background-color: white;
    border: 1px solid #a6c9e2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 9999;
}

    .ARVTooltip #TooltipArrow {
        position: absolute;
        bottom: -10px;
    }

.ApproveBetaDomain {
    height: 59px;
    border: 1px solid grey;
    float: right;
    padding: 10px;
}

.ApproveBetaDiv {
    display: block;
    margin-top: 5px;
}

.ApproveBetaDomainButton {
    margin-left: 10px;
    vertical-align: top;
}

.KNMPText {
    padding-left: 10px;
}

.GStandaardTextPanel {
    margin-top: 5px;
    width: 700px;
}

.GStandaard_collapseDiv {
    padding: 10px;
    display: none;
    border: 1px solid grey;
}

.MainTabMenu {
    clear: both;
    float: right !important;
    margin-top: -38px;
    margin-right: 10px;
}

    .MainTabMenu a.static.selected {
        outline: 0;
        border-bottom: 4px orange solid !important;
        background-image: none;
        height: 36px;
        position: relative;
        z-index: 5;
        float: left;
        margin: 0;
        padding: 0px 10px !important;
        color: rgb(2, 118, 159);
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    }

        .MainTabMenu a.static.selected:hover {
            text-decoration: none;
            cursor: pointer;
            border-bottom: 4px orange solid !important;
        }

    .MainTabMenu a.static {
        outline: 0;
        background-color: #f0f0f0 !important;
        height: 36px;
        float: left;
        margin: 0;
        padding: 0 10px !important;
        color: rgb(2, 118, 159);
        font-size: 15px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-weight: normal;
    }

        .MainTabMenu a.static:hover {
            text-decoration: none;
            border-bottom: 4px rgb(255, 223, 164) solid !important;
        }

    .MainTabMenu a.aspNetDisabled {
        color: darkGray !important;
    }


        .MainTabMenu a.aspNetDisabled:hover {
            text-decoration: none;
            cursor: default;
            border-bottom: 4px #f0f0f0 solid !important;
        }


.TabMenu {
    clear: both;
    margin: 0 0 -1px 5px;
    width: 795px;
    outline: none;
}

    .TabMenu ul li a img {
        width: 10px;
        margin-top: 8px;
        margin-left: -7px;
        margin-right: 3px;
        float: left;
    }

    .TabMenu ul {
        outline: none;
    }

    .TabMenu a.static[onclick*=disabledDomain] {
        outline: 0;
        border: 1px solid grey !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: lightgrey !important;
        background-image: none;
        height: 23px;
        float: left;
        margin: 2px 0 0 0;
        padding: 0 10px !important;
        color: white;
        font: 12px/26px "Segoe UI", Arial, sans-serif;
    }

    .TabMenu a.static.selected[onclick*=disabledDomain] {
        outline: 0;
        border-top: 4px orange solid !important;
        border-right: 1px gray solid !important;
        border-bottom: 1px hidden !important;
        border-left: 1px gray solid !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: lightgrey !important;
        background-image: none;
        height: 24px;
        position: relative;
        z-index: 5;
        float: left;
        margin: -1px 0 0 0;
        padding: 0 10px !important;
        color: white;
        font: 12px/26px "Segoe UI", Arial, sans-serif;
    }

    .TabMenu a.static.selected {
        outline: 0;
        border-top: 4px orange solid !important;
        border-right: 1px gray solid !important;
        border-bottom: 1px hidden !important;
        border-left: 1px gray solid !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: white !important;
        background-image: none;
        height: 24px;
        position: relative;
        z-index: 5;
        float: left;
        margin: -1px 0 0 0;
        padding: 0 10px !important;
        color: black;
        font: 12px/26px "Segoe UI", Arial, sans-serif;
    }

        .TabMenu a.static.selected:hover {
            text-decoration: none;
            color: black;
            cursor: pointer;
        }

    .TabMenu a.static {
        outline: 0;
        border: 1px solid grey !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background-color: #EEEEEE;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#EEEEEE));
        background-image: -webkit-linear-gradient(top, #ffffff, #EEEEEE);
        background-image: -moz-linear-gradient(top, #ffffff, #EEEEEE);
        background-image: -o-linear-gradient(top, #ffffff, #EEEEEE);
        background-image: linear-gradient(to bottom, #ffffff, #EEEEEE);
        height: 23px;
        float: left;
        margin: 2px 0 0 0;
        padding: 0 10px !important;
        color: black;
        font: 12px/26px "Segoe UI", Arial, sans-serif;
    }

        .TabMenu a.static:hover {
            text-decoration: none;
            color: lightskyblue;
        }

.HeaderTitleDossierInfo {
    display: block;
    font-style: italic;
    line-height: 0;
    margin-left: -40px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.HeaderTitleMedicationInfo {
    margin: 0;
}

.PrintPosition {
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: relative;
    float: right;
    right: 10px;
    margin-top: -10px;
}

    .PrintPosition:focus {
        outline: 0;
    }

.alertQuickSettingsImageButton {
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: -10px;
}

.GoToSettingsPanel {
    width: 100%;
    text-align: center;
}

.RapportagePopupPanel {
    padding: 10px;
    margin-top: 20px;
    height: 95px;
    border: 1px solid grey;
    background-color: floralwhite;
    border-radius: 5px;
}

.RapportagePopupButton {
    display: block;
    margin-top: 10px;
}

/*
*   Mijn NHGDoc 
*/

.alertSettingFrame {
    line-height: 20px;
    list-style: none !important;
}

.MijnNhgdocMenu {
    vertical-align: top;
    text-align: left;
    padding-right: 5px;
}

.SettingsButton {
    color: #3091A8;
    text-decoration: none;
    width: 155px;
    cursor: pointer;
    display: block;
    padding: 3px 0px 3px 0px;
    margin-bottom: 3px;
}

    .SettingsButton:hover {
        text-align: left;
        color: #C12554;
        width: 155px;
        cursor: pointer;
    }

.SettingsButtonSelected, SettingsButtonSelected:hover {
    text-align: left;
    color: #C12554;
    text-decoration: underline;
    width: 155px;
    cursor: pointer;
    display: block;
    padding: 3px 0px 3px 0px;
    margin-bottom: 3px;
}

.SettingsButtonDisabled, SettingsButtonDisabled:hover {
    color: gray !important;
    text-decoration: none !important;
    width: 155px;
    cursor: pointer;
    display: block;
    padding: 3px 0px 3px 0px;
    margin-bottom: 3px;
}

.text {
    float: left;
    color: white;
    padding: 4px 5px 5px 5px;
}

.BtnReadMore {
    display: block;
    width: 75px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.HeaderInsurer {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 5px 0 5px 0;
    cursor: pointer;
    display: block;
}

.MainDivInsurerArrangements {
    margin-bottom: 20px;
    vertical-align: top;
    width: 570px;
}

.InsurerWarningDiv {
    display: none;
    background-color: floralwhite;
    border: solid 1px dimgray;
    margin: 0 0 20px 0;
    padding: 5px;
}

.InsurerSeparator {
    color: gray;
    background-color: gray;
    height: 1px;
}

/*
*   Notification
*/

.Notification {
    font-size: larger;
    color: #5E607A;
    margin-left: 0px;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

/*
*   Help
*/

.HelpPageContent {
    background-color: #FFFFFF;
    position: relative;
    padding: 10px;
    margin: 10px;
    width: 910px;
    overflow: hidden;
}

.HelpPageNavigationDiv {
    display: block;
    margin-bottom: 5px;
}

.HelpPageNavigationButton {
    display: block;
}

.HelpPageNavigationButtonSelected {
    display: block;
    margin-bottom: 5px;
    color: #C12554;
    text-decoration: underline;
}

.HelpTabContent {
    list-style: disc;
    list-style-position: outside;
    border: solid 1px gray;
    padding: 5px 15px;
    margin: 0 0 0 5px;
    overflow: hidden;
    border-radius: 5px;
    border-top-left-radius: 0;
}

.Manufacturer {
    font-size: 10px;
}

/* 
*   Action Advice css 
*/

.AdviceText {
    line-height: 1.5em;
    width: 610px;
}

.ExplanationButton {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 4px;
    height: 19px;
}

.BottomLine {
    clear: both;
    width: 100%;
}

.Explanation {
    display: none;
    margin: 10px 0;
}

.ExplanationPanel {
    display: table-cell;
    width: 630px;
}

    .ExplanationPanel ul {
        margin: 0;
    }

.ExplanationHeader {
    font-weight: bold;
    display: block;
    margin: 0 0 2px 0;
}

.ExplanationText {
    margin-bottom: 10px;
    line-height: 1.5em;
    float: left;
}

.FoundInFileHeader {
    font-weight: bold;
    display: block;
    margin: 10px 0 2px 0;
    float: left;
    clear: both;
}

.ReasonToggleButton {
    float: left;
    margin-left: 7px;
    margin-top: 11px;
    width: 15px;
    height: 15px;
    font-size: 8pt;
    cursor: pointer;
}

.FoundInFileText {
    line-height: 1.5em;
    float: left;
    clear: both;
    width: 100%;
}

.GuidelineReferencerPanel {
    display: table-cell;
}

.GuidelineReferencerButton:focus {
    outline: 0;
}

.AttachmentList {
    margin-top: 0;
    margin-bottom: 0;
    list-style: square;
    list-style-position: outside;
}

.pnlMain {
    height: 100%;
}

.ActionSelection {
    float: left;
    width: 36px;
    margin: 0 0 0 82px;
}

.Priority {
    margin-top: 2px;
    float: left;
}

.UserPriority {
    margin-top: 2px;
    float: left;
}

.ActionSelectionCB {
    float: right;
}

.ActionSelectionHidden {
    float: left;
    margin: 0;
    visibility: hidden;
}

.Toolbar {
    margin: 3px 4px 0 0;
}

.ButtonRow {
    margin: 3px 10px 0 95px;
    display: none;
    float: left;
}

.ButtonRow2 {
    float: right;
    *float: none;
}

.Button {
    height: 25px;
    width: 150px;
    margin: 0 0 10px 10px;
    cursor: pointer;
    border: 1px solid lightgrey;
    color: #696969;
    background-color: whitesmoke;
}

    .Button:hover {
        border: 1px solid grey;
    }

    .Button:focus {
        outline: 0;
    }

.ActionsHeader {
    float: left;
    font-weight: bold;
    font-size: 15px;
    color: black;
    margin: 5px 0 10px 5px;
}

.CategoryAdvicePanel {
    position: relative;
    clear: both;
    display: table;
    margin: 0 0 15px 0;
    height: 100%;
}

.CategoryPanel {
    position: absolute;
    background-color: #f0f0f0;
    width: 75px;
    margin: 0 5px;
    min-height: 100%;
    height: 100%;
    text-align: center;
    left: 0;
}

.SubCategoryPanel {
    width: 679px;
    height: 17px;
    background-color: #f0f0f0;
    margin: 0 0 5px 90px;
    padding: 3px;
}

.Advice {
    position: relative;
    width: 651px;
    margin-left: 115px;
    padding: 0 5px;
}

    .Advice:hover {
        background-color: #f0f0f0;
    }

.AlertReportDomainCategoryText {
    text-align: center;
    vertical-align: top;
}

.ConfirmAlertSettingsButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 25px;
    line-height: 25px;
    margin: 0 10px;
    padding: 0 10px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
    cursor: pointer;
}

    .ConfirmAlertSettingsButton:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
        text-decoration: none;
        color: #777777;
    }


.DeviatedAdvicesHeader {
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.DeviatedAdvices {
    margin: 10px 0;
}

.IgnoredAdvicesHeader {
    display: block;
    clear: both;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.IgnoredAdvices {
    margin: 10px 0;
}

.AlertQuickSettingsPanel {
    position: absolute;
    display: none;
    padding: 10px;
    left: 190px;
    margin: 20px 0 0 0;
    width: 370px;
    border: 1px solid grey;
    background-color: floralwhite;
    z-index: 502;
}

.AlertQuickSettingsImageButton {
    margin-left: 5px;
    margin-top:3px;
    float: right;
}

    .AlertQuickSettingsImageButton:focus {
        outline: 0;
    }

.PrintAlertImageButton {
    margin-left: 5px;
    margin-top:3px;
    float: right;
    cursor:pointer;
}

    .PrintAlertImageButton:focus {
        outline: 0;
    }

.ExpandAllImageButton {
    float: right;
    margin-top:3px;
}

    .ExpandAllImageButton:focus {
        outline: 0;
    }

.ExpandAllSubCategoryButton {
    float: right;
}

    .ExpandAllSubCategoryButton:focus {
        outline: 0;
    }

.KenmerkenDossierLoadingTxt {
    padding-left: 10px;
    visibility: hidden;
}

.KenmerkenDossierClickableHeader {
    margin-left: 5px;
    text-decoration: none;
    font-weight: bold;
    color: #5e607a;
    font-size: 13px;
}

.imgHighlightCssClass {
    height: 9px;
    width: 9px;
}

#mask {
    z-index: 500;
    position: fixed;
    display: none;
    background: transparent;
    background-color: #ccc;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.4;
}

#pop {
    z-index: 502;
    position: absolute;
    border: 1px solid grey;
    text-align: center;
    background: floralwhite;
}

#close {
    float: right;
    margin-right: 5px;
    cursor: pointer;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: floralwhite;
    background-color: #666666;
    width: 12px;
    position: relative;
    margin-top: -1px;
    text-align: center;
}

#qsmask {
    z-index: 500;
    position: fixed;
    display: none;
    background: transparent;
    background-color: #ccc;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#contentPop div {
    display: none;
    width: 300px;
    background-color: floralwhite;
    padding: 10px 15px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    *border: 1px solid grey;
}

.ActionAdvicePopupCloseImage {
    position: absolute;
    top: -7px;
    cursor: pointer;
}

.DomainSetting {
    padding: 10px 10px 5px 10px;
    margin: 5px 0;
    border: 1px solid grey;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    min-height: 20px;
    width: 550px;
}

.DomainQuickSetting {
    padding: 10px 10px 5px 10px;
    margin: 5px 0;
    border: 1px solid grey;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    min-height: 20px;
    width: 350px;
}

.CategorySettingsButton {
    float: left;
    width: 15px;
    cursor: pointer;
}

.CategorySettings {
    display: none;
    min-height: 100px;
}

.CategorySetting {
    clear: both;
    margin-left: 30px;
}

.DomainName {
    float: left;
    margin-top: -2px;
    margin-left: 15px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.DomainToggle {
    float: right;
    margin-top: -3px;
    margin-right: 30px;
    padding-bottom: 10px;
}

.DomainQuickToggle {
    float: right;
    margin-top: -3px;
    margin-right: 43px;
    padding-bottom: 10px;
}

.DomainResetButton {
    float: right;
    margin-top: -3px;
    margin-right: 10px;
}

.CategoryName {
    float: left;
    margin-top: -8px;
    margin-left: 15px;
}

.CategoryToggle {
    float: right;
    margin-top: -8px;
    margin-right: 155px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.CategoryQuickToggle {
    float: right;
    margin-top: -8px;
    margin-right: 89px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.ApplySettings {
    margin: 10px 0 10px 0;
}

.ApplyQuickSettings {
    position: absolute;
    margin: 132px 0 0 0;
}

.ApplySettingsButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 25px;
    width: 170px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #ffffff;
    cursor: pointer;
}

    .ApplySettingsButton:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
        background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
        background-color: #dfdfdf;
        text-decoration: none;
        color: #777777;
    }

    .ApplySettingsButton:active {
        position: relative;
        top: 1px;
    }

    .ApplySettingsButton[disabled='disabled'] {
        color: lightgray;
        cursor: default;
    }

        .ApplySettingsButton[disabled='disabled']:hover {
            color: lightgray;
            background-color: #ededed;
            cursor: default;
        }

.SettingsContainer {
    width: 360px;
    margin: 0 0 10px 0;
}

.SettingCancelWrapper {
    margin-left: 200px;
    margin-top: 5px;
}

.ConfirmPopupDescription {
    display: block;
    margin-bottom: 15px;
}

.QuickSettingsNoMyNhgDoc {
    display: block;
}

.AdviceCategoryDisabledPanel {
    opacity: 1;
    font-weight: normal;
    font-size: 10px;
    padding: 0 0 2px 0;
    display: none;
    margin-top: 2px;
}

.ResetDomainAndUserSettingsConfirmationPanel {
    padding: 10px;
    margin-bottom: 5px;
    background-color: floralwhite;
}

.ResetDomainAndUserSettingsPopup {
    display: none;
}
