/**Tags******************************/

body {
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    color: Black;
    text-align: left;
    margin: 0px 0px 0px 0px;
}


/**Controls**************************/

.button {
    font-size: 9pt;
    font-family: Open Sans;
    margin-top: 2px;
    padding: 3px 15px;
    color: white;
    background-color: #404040;
    border-style: none;
    border-radius: 10px;
    cursor: pointer;
}

    .button:hover {
        background-color: #606060;
    }

    .button:disabled {
        color: #707070;
    }

.textbox {
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    color: Black;
    width: 135px;
    border: 1px solid #c5c1be;
    padding: 1px 0px;
}

.textbox-cal {
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    color: Black;
    width: 115px;
    border: 1px solid #c5c1be;
}

.ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible;
    display: block;
    z-index: 10;
}

    .ajax__calendar iframe {
        left: 0px !important;
        top: 0px !important;
    }

.textbox-money {
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    color: Black;
    width: 135px;
    border: 1px solid #c5c1be;
}

.radiobutton {
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    color: Black;
}

.checkbox {
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    color: Black;
}

.dropdown {
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    width: 135px;
    border-style: solid;
    border-width: 1px;
    border-color: #c5c1be;
}

.datagrid {
    border-width: 0px;
}


/**Misc******************************/

.calign {
    text-align: center;
}

.RequiredField {
    text-align: right;
    font-weight: bold;
    font-size: 9pt;
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    color: Red;
    width: 10px;
}

.NoWrap {
    white-space: nowrap;
}

.WarningLabel {
    text-align: center;
    color: black;
    font-weight: bold;
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    background-color: #FFFFC0;
    border-style: none;
}


/**Master Page***********************/

.Main {
    width: 1020px;
    margin: 0px auto;
}


/*.Header
{
	height: 100px;
	background-image: url(Images/PageLayout/Header.png);
	background-repeat: no-repeat;
	text-align: right;
	position: relative;
}*/

.Header {
    margin-left: 85px;
}

/*.MainNav
{
	background-color:#000000;
    background-image: url(Images/Menu/TopLevel.gif);
    cursor:default;
    height: 22px;
    color: #FFFFFF;    
}*/

.MainNav {
    background-color: #585FAA;
    cursor: default;
    color: #FFFFFF;
    height: 41px;
}

/*.BodyBorder
{
	background-color:#c5c1be;
	padding: 5px 3px 20px 3px;
	text-align: center;
}*/

.BodyBorder {
    padding: 5px 3px 20px 3px;
    text-align: center;
}

.Footer {
    height: 45px;
    text-align: center;
    padding-top: 25px;
    padding-right: 70px;
}

.LoginMech {
    position: absolute;
    top: 6px;
    right: 8px;
}

.Inner {
    width: 1010px;
}


/** Help Tab **************************/

.help_tab_prod_background {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 37px;
    background-image: url('Images/HelpIcons/help_tab_background.png');
    z-index: 10;
}

.help_tab_background_3 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 170px;
    height: 37px;
    background-image: url('Images/HelpIcons/help_tab_background.png');
    z-index: 10;
}

.help_tab_background_2 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 120px;
    height: 37px;
    background-image: url('Images/HelpIcons/help_tab_background.png');
    z-index: 10;
}

.help_tab_background_1 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    height: 37px;
    background-image: url('Images/HelpIcons/help_tab_background.png');
    z-index: 10;
}

.help_tab_doc {
    position: absolute;
    height: 32px;
    width: 32px;
    top: 0px;
    right: 65px;
}

.help_tab_vid {
    position: absolute;
    height: 32px;
    width: 32px;
    top: 0px;
    right: 15px;
}

/** Content Page **********************/

/*.PageHeader
{
	background-color:#c5c1be;
	color:Black;
	font-size: 16px;
	font-weight: bold;
	font-family: Open Sans, Arial, Helvetica, Sans-Serif;
	text-align: left;
	padding: 16px 0px 10px 8px;
}*/

.PageHeader {
    background-color: #4C4C4C;
    color: white;
    font-size: 14pt;
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    text-align: left;
    padding: 10px 0px 11px 10px;
    margin: 25px 0 20px 0;
    height: 40px;
}

.PageBody {
    overflow: hidden;
    min-height: 350px;
}

.SectionTotal {
    text-align: left;
    width: 1006px;
    position: relative;
    margin: 0px auto 4px auto;
}

.SectionTitle {
    height: 21px;
    padding: 4px 0px 0px 4px;
    font-weight: bold;
    color: #FFFFFF;
}

.SectionBody {
    background-color: #FFFFFF;
    position: relative;
    border: solid 2px #FFFFFF;
    color: #000000;
}

.StatusDescription {
    position: absolute;
    top: 5px;
    left: 400px;
    width: 575px;
    height: 30px;
    text-align: center;
    color: red;
    font-weight: bold;
}

.ButtonPanel-BottomOfPage {
    text-align: right;
    padding: 8px 3px 0px 0px;
}

.DisableSection {
    background-color: #DDDDEE;
    -ms-filter: alpha (opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-opacity: 0.5;
    /*DON'T REMOVE THESE!!*/
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.InfoBox {
    font-weight: bold;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    background-color: #FFFFC0;
    padding: 2px 2px 5px 2px;
}

.RejectionBox {
    background-color: #FFCC99;
    border: 2px solid black;
}

.GridViewHead1 {
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
}

.tcEditValue {
    font-family: Open Sans, Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    color: Black;
    border: 1px solid #c5c1be;
}

.tcReadOnlyValue {
    font-weight: bold;
}

.AF2_lbl {
    text-align: right;
    vertical-align: middle;
}

.AF2_val {
    text-align: left;
    vertical-align: middle;
    padding-left: 4px;
}

.itbl {
    display: inline-table;
    border-collapse: collapse;
    border-style: none;
}

iblk {
    display: inline-block;
}

.ReadOnlyLabel {
    font-weight: bold;
}

.modalBackground {
    background-color: Gray;
    -ms-filter: alpha (opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-opacity: 0.5;
    /*DON'T REMOVE THESE!!*/
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.popupMenu {
    text-align: left;
    position: absolute;
    visibility: hidden;
    -ms-filter: alpha(opacity=90);
    -ms-opacity: 0.9;
    z-index: 1000px;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus {
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditMessage {
    color: #ff0000;
    font-weight: bold;
}

.MaskedEditError {
    background-color: #ffcccc;
}

.MaskedEditFocusNegative {
    background-color: #ffffcc;
    color: #ff0000;
}

.MaskedEditBlurNegative {
    color: #ff0000;
}


/************ Docs Library Styles ****************************/

.SiteMap {
    border: 1px solid black;
    background-color: white;
    font-family: Open Sans;
    font-size: 10px;
    padding-left: 15px;
}

.RootNode {
    color: black;
    font-family: Open Sans;
    font-size: 10px;
    font-weight: bold;
    padding: 7px;
    padding-top: 7px;
    padding-bottom: 1px;
}

    .RootNode a {
        color: black;
        text-decoration: none;
    }

        .RootNode a:hover {
            color: black;
            text-decoration: underline;
        }

.ParentNode {
    font-family: Open Sans;
    font-size: 10px;
}

    .ParentNode a {
        color: black;
        text-decoration: none;
    }

        .ParentNode a:hover {
            color: black;
            text-decoration: underline;
        }

.LeafNode {
    color: black;
    font-family: Open Sans;
    font-size: 10px;
}

    .LeafNode a {
        color: black;
        text-decoration: none;
    }

        .LeafNode a:hover {
            color: black;
            text-decoration: underline;
        }


/************ MaskedInput Related Styles ***********************/
.maskedInputField {
    width: 250px;
    height: 25px;
    margin: 0;
    z-index: 1px
}
    /*padding:10px 20px;*/
    .maskedInputField span.lbl {
        float: left;
        width: 160px;
        height: 25px;
        line-height: 24px;
        font-size: 12px;
        padding: 0 10px 0 0;
        text-align: right;
        cursor: default;
    }

    .maskedInputField span input {
        width: 190px;
        border: 1px solid #000;
        background: #fff;
        margin: 0;
        padding: 4px 4px 5px 4px;
        font: 12px Tahoma,Open Sans,Arial,Helvetica,sans-serif;
        border: 1px solid #666;
        border-color: #666 #999 #999 #666;
        position: absolute;
        top: 0;
    }

    .maskedInputField span.empty {
        float: left;
        width: 226px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right 0;
        margin: 0;
        position: relative;
    }

        .maskedInputField span.empty input {
            color: #b7b7b7;
            font-style: italic;
        }

    .maskedInputField span.focused {
        float: left;
        width: 226px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right 0;
        margin: 0;
        position: relative;
    }

        .maskedInputField span.focused input {
            color: #333;
            font-style: normal;
        }

    .maskedInputField span.valid {
        float: left;
        width: 226px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right -50px;
        margin: 0;
        position: relative;
    }

        .maskedInputField span.valid input {
            color: #333;
            font-style: normal;
        }

    .maskedInputField span.focused-valid {
        float: left;
        width: 226px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right -50px;
        margin: 0;
        position: relative;
    }

        .maskedInputField span.focused-valid input {
            color: #0a0;
            font-style: normal;
        }

    .maskedInputField span.invalid {
        float: left;
        width: 226px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right -75px;
        margin: 0;
        position: relative;
    }

        .maskedInputField span.invalid input {
            color: #d00;
            font-style: normal;
        }

    .maskedInputField span.disabled {
        float: left;
        width: 226px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right -75px;
        margin: 0;
        position: relative;
    }

        .maskedInputField span.disabled input {
            background: #f3f3f3;
            color: #bbb;
            font-style: normal;
            border-color: #bbb #ddd #ddd #bbb;
        }
/**/
.maskedInputLongField {
    width: 450px;
    height: 25px;
    margin: 0;
}
    /*padding:10px 20px;*/
    .maskedInputLongField span.lbl {
        float: left;
        width: 160px;
        height: 25px;
        line-height: 24px;
        font-size: 12px;
        padding: 0 10px 0 0;
        text-align: right;
        cursor: default;
    }

    .maskedInputLongField span input {
        width: 390px;
        border: 1px solid #000;
        background: #fff;
        margin: 0;
        padding: 4px 4px 5px 4px;
        font: 12px Tahoma,Open Sans,Arial,Helvetica,sans-serif;
        border: 1px solid #666;
        border-color: #666 #999 #999 #666;
        position: absolute;
        top: 0;
    }

    .maskedInputLongField span.empty {
        float: left;
        width: 426px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right 0;
        margin: 0;
        position: relative;
    }

        .maskedInputLongField span.empty input {
            color: #b7b7b7;
            font-style: italic;
        }

    .maskedInputLongField span.focused {
        float: left;
        width: 426px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right 0;
        margin: 0;
        position: relative;
    }

        .maskedInputLongField span.focused input {
            color: #333;
            font-style: normal;
        }

    .maskedInputLongField span.valid {
        float: left;
        width: 426px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right -50px;
        margin: 0;
        position: relative;
    }

        .maskedInputLongField span.valid input {
            color: #333;
            font-style: normal;
        }

    .maskedInputLongField span.focused-valid {
        float: left;
        width: 426px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right -50px;
        margin: 0;
        position: relative;
    }

        .maskedInputLongField span.focused-valid input {
            color: #0a0;
            font-style: normal;
        }

    .maskedInputLongField span.invalid {
        float: left;
        width: 426px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right -75px;
        margin: 0;
        position: relative;
    }

        .maskedInputLongField span.invalid input {
            color: #d00;
            font-style: normal;
        }

    .maskedInputLongField span.disabled {
        float: left;
        width: 426px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        background: transparent url("Images/caInput/static.png") no-repeat right -75px;
        margin: 0;
        position: relative;
    }

        .maskedInputLongField span.disabled input {
            background: #f3f3f3;
            color: #bbb;
            font-style: normal;
            border-color: #bbb #ddd #ddd #bbb;
        }


/************ Main Menu Related Styles ***********************/
td.MenuItem {
    font-family: tahoma;
    font-size: 11px;
    color: black;
}

table.MenuItem td {
    font-family: tahoma;
    font-size: 11px;
    color: black;
}

td.MenuItemHover {
    background: #b9b9b9 url("Images/Menu/HoverItem.gif");
    font-family: tahoma;
    font-size: 11px;
    color: black;
}

table.MenuItemHover td {
    background: #b9b9b9 url("Images/Menu/HoverItem.gif");
    font-family: tahoma;
    font-size: 11px;
    color: black;
}

td.MenuItemExpanded {
    font-family: tahoma;
    font-size: 11px;
    color: black;
}

table.MenuItemExpanded td {
    font-family: tahoma;
    font-size: 11px;
    color: black;
}

td.MenuItemActive {
    font-family: tahoma;
    font-size: 11px;
    color: black;
}

table.MenuItemActive td {
    font-family: tahoma;
    font-size: 11px;
    color: black;
}

.TopGroup {
    background-color: #000;
    background-image: url(Images/Menu/TopLevel.gif);
    cursor: default;
}

.MenuGroup {
    background-color: #f6f6f6;
    border: 1px solid #666;
    cursor: default;
}

.TopMenuItem {
    color: white;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 20px;
    cursor: default;
}

.TopMenuItemHover {
    color: white;
    background-image: url(Images/Menu/TopLevelHover.gif);
    background-color: #b9b9b9;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    cursor: default;
}

.MenuItem {
    border: 1px solid #f6f6f6;
    color: #666;
    font-family: tahoma;
    font-size: 11px;
    cursor: default;
}

.MenuItemHover {
    margin: 0;
    background: #fff url("Images/Menu/HoverItem.gif") repeat-x;
    color: #000;
    border: 1px solid #ccc;
    border-right-color: #b9b9b9;
    border-bottom-color: #b9b9b9;
    font-family: tahoma;
    font-size: 11px;
    cursor: default;
}

.MenuItemExpanded {
    margin: 0;
    background: #000 url("Images/Menu/HoverItem.gif") repeat-x;
    color: white;
    border: 1px solid #ccc;
    border-right-color: #b9b9b9;
    border-bottom-color: #b9b9b9;
    font-family: tahoma;
    font-size: 11px;
    cursor: default;
}

.MenuItemActive {
    margin: 0;
    background: #000 url("Images/Menu/ActiveItem.gif") repeat-x;
    color: white;
    border: 1px solid #ddd;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    font-family: tahoma;
    font-size: 11px;
    cursor: default;
}

.MenuBreak {
    background-color: silver;
    width: 100%;
    height: 2px;
}

.SetMarginsHover {
    margin: 0;
    background: #fff url("Images/setMarginsHoverBg.gif") repeat-x;
    color: #000;
    border: 1px solid #ccc;
    border-right-color: #b9b9b9;
    border-bottom-color: #b9b9b9;
    font-family: tahoma;
    font-size: 11px;
    cursor: default;
}

.SetMarginsActive {
    margin: 0;
    background: #fff url("Images/setMarginsActiveBg.gif") repeat-x;
    color: #454545;
    border: 1px solid #ddd;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    font-family: tahoma;
    font-size: 11px;
    cursor: default;
}

.ScrollItem {
    background-color: #eee;
    color: #666;
    border: 1px solid #ccc;
    text-align: center;
    cursor: default;
}

.ScrollItemH {
    background-color: #eee;
    color: #000;
    border: 1px solid #ccc;
    border-right-color: #b9b9b9;
    border-bottom-color: #b9b9b9;
    text-align: center;
    cursor: default;
}

.ScrollItemA {
    color: #454545;
    background-color: #fff;
    border: 1px solid #ddd;
    border-right-color: #ccc;
    border-bottom-color: #ccc;
    text-align: center;
    cursor: default;
}


/************ Modal EULA **************************************/

a.btn {
    margin: 4px 0 0 0;
    width: 70px;
    height: 25px;
    background: transparent url('Images/static.png') no-repeat -41px 0;
    display: block;
    padding: 0;
    text-decoration: none;
    cursor: default;
    float: right;
}

    a.btn span {
        width: 70px;
        text-align: center;
        display: block;
        background-color: transparent;
        color: #333;
        line-height: 24px;
        padding: 0;
    }

    a.btn:hover {
        background-position: -41px -25px;
    }

        a.btn:hover span {
            color: #000;
        }

    a.btn:active {
        outline: none;
    }

        a.btn:active span {
            padding-top: 1px;
        }

/* Dialogue titlebar */
.ttl {
    width: 100%;
    height: 38px;
    cursor: move;
}

    /* Close button */
    .ttl a {
        margin-top: 4px;
        display: block;
        float: right;
        width: 23px;
        height: 21px;
        background: transparent url('Images/static.png') no-repeat -18px 0;
        cursor: default;
    }

        .ttl a:hover {
            background-position: -18px -21px;
        }

        .ttl a:active {
            background-position: -18px -42px;
            outline: none;
        }

.ttlt {
    width: 100%;
    height: 30px;
}

.ttlt-l {
    width: 9px;
    height: 30px;
    background: transparent url('Images/static.png') no-repeat;
    float: left;
}

.ttlt-m {
    width: 622px;
    height: 30px;
    background: #000 url('Images/horizontal.png') repeat-x;
    float: left;
}

.ttlt-r {
    width: 9px;
    height: 30px;
    background: transparent url('Images/static.png') no-repeat -9px 0;
    float: left;
}

.ttlt span {
    cursor: inherit;
    margin-left: 4px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    font-family: Tahoma,'Lucida Grande',Open Sans,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.ttlb {
    width: 100%;
    height: 8px;
}

    .ttlb span {
        display: none;
    }

.ttlb-l {
    width: 9px;
    height: 8px;
    background: #000 url('Images/static.png') no-repeat 0 -30px;
    float: left;
}

.ttlb-m {
    width: 622px;
    height: 8px;
    background: #fff url('Images/horizontal.png') repeat-x 0 -67px;
    float: left;
}

.ttlb-r {
    width: 9px;
    height: 8px;
    background: #000 url('Images/static.png') no-repeat -9px -30px;
    float: left;
}

.tabbed .ttlb-l {
    background-position: 0 -38px;
}

.tabbed .ttlb-m {
    background-position: 0 -75px;
}

.tabbed .ttlb-r {
    background-position: -9px -38px;
}


/* Dialogue contents */

.con {
    width: 100%;
    height: 405px;
    background-color: #fff;
    font-family: Tahoma,'Lucida Grande',Open Sans,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.con-l {
    width: 9px;
    height: 405px;
    background: #000 url('Images/vertical.png') repeat-y;
    float: left;
}

.con-m {
    height: 405px;
    background-color: #fff;
    overflow-y: scroll;
    text-align: left;
}

    .con-m .top {
        margin-top: 2px;
    }

.con-r {
    width: 9px;
    height: 405px;
    background: #000 url('Images/vertical.png') repeat-y -9px 0;
    float: right;
}


/* Dialogue footer     */
.ftr {
    width: 100%;
    height: 37px;
    font-family: Tahoma,'Lucida Grande',Open Sans,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.ftr-l {
    width: 9px;
    height: 37px;
    background: transparent url('Images/static.png') no-repeat 0 -75px;
    float: left;
}

.ftr-m {
    width: 622px;
    height: 37px;
    background: #eee url('Images/horizontal.png') repeat-x 0 -30px;
    float: left;
}

.ftr-r {
    width: 9px;
    height: 37px;
    background: transparent url('Images/static.png') no-repeat -9px -75px;
    float: left;
}



/************ CompArt Grid ***************************************/

.grid {
    background: white;
    border-top: 0px;
}

.dataArea {
    height: 410px;
}

.dataAreaShort {
    height: 285px;
}

.hdr {
    height: 36px;
    background: transparent url('Images/Grid/header_bg.png');
    padding-left: 5px;
}

.grid .hdr .txt {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

.grid .hdr .grp {
    border: 1px solid #000;
    height: 25px;
    margin-left: 5px;
    cursor: default;
}

    .grid .hdr .grp .txt {
        border: 1px solid #a9a9a9;
        height: 23px;
        color: #fff;
        font-weight: bold;
        padding: 0 5px;
        background: #333 url('Images/Grid/grid_horizontal.png') repeat-x 0 -177px;
        border-right: none;
    }

    .grid .hdr .grp img {
        border: 1px solid #a9a9a9;
        border-left: none;
        display: block;
    }

.GridFooter {
    background-image: url(Images/Grid/grid_footer_bg.gif);
    cursor: default;
    padding: 5px;
    height: 40px;
    border: 0px;
}

.ftrtxt {
    color: #000000;
    font-family: Open Sans;
    font-size: 11px;
}

.ind, .grp-hd {
    height: 19px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b2b1b5;
    background: #efeff4;
    font: 12px Tahoma,Open Sans,Arial,Helvetica,sans-serif;
    line-height: 19px;
    color: #000;
}

.ind {
    padding-right: 1px;
}

tr.row .ind {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bfdbf5;
    border-right: 1px dotted #bfdbf5;
    padding: 0;
    background: #fff;
}

.row {
    border-color: #bfdbf5;
    background: #fff;
    font: 11px Tahoma,Open Sans,Arial,Helvetica,sans-serif;
    line-height: 23px;
    cursor: default;
}

.row-s {
    border-color: #bfdbf5;
    background: #fff;
    font: 11px Tahoma,Open Sans,Arial,Helvetica,sans-serif;
    line-height: 23px;
    background: #dceaf8;
    cursor: default;
}

    .row-s .txt {
        color: #000;
        padding: 0;
    }

    .row-s .ind, .row-s .dat, .row-s .dat-pri, .row-s .dat-eml, .row-s .dat-att {
        background: #e6eff7;
        border-top-color: #e6eff7;
        border-bottom: 1px solid #bfdbf5;
        border-right: 1px dotted #bfdbf5;
    }

.dat {
    font-size: 11px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bfdbf5;
    border-right: 1px dotted #bfdbf5;
    padding: 0px 0px 1px 3px;
    background: #fff;
    color: #000;
}

.ca_tb_txt {
    border: solid 1px #CCCCCC;
    padding: 1px 5px 1px 5px;
    cursor: pointer;
    margin: 0px 2px 0px 2px;
    color: #FFFFFF
}

.row-hd {
    height: 25px !important;
    cursor: default;
}

    .row-hd .ind {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #b2b1b5;
        border-right: 1px solid #b2b1b5;
        padding: 0;
        background: #eee url('Images/Grid/grid_horizontal.png') repeat-x 0 -35px;
    }

    .row-hd .cell {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #b2b1b5;
        border-right: 1px solid #b2b1b5;
        padding: 0;
        background: #eee url('Images/Grid/grid_horizontal.png') repeat-x 0 -35px;
        text-align: center;
    }

    .row-hd .cell-h {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #b2b1b5;
        border-right: 1px solid #b2b1b5;
        padding: 0;
        background: #eee url('Images/Grid/grid_horizontal.png') repeat-x 0 -60px;
    }

    .row-hd .cell-d {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        border-top: 1px solid #b2b1b5;
        border-left: 1px solid #b2b1b5;
        padding: 0;
        background: #eee url('Images/Grid/grid_horizontal.png') repeat-x 0 -85px;
    }

    .row-hd .txt {
        font: bold 11px Tahoma,Open Sans,Arial,Helvetica,sans-serif;
        color: #000;
        line-height: 25px;
        padding: 0 0 0 8px;
    }

.SliderPopup {
    background-color: #ffffff;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    font-size: 11px;
    font-family: Open Sans;
    color: #000000;
}

.LighterDataCell {
    background-color: #F8FDFF;
}

.DarkerDataCell {
    background-color: #E8F7FD;
}

.GridHeaderText {
    color: #FFFFFF;
    font-family: Open Sans;
    font-size: 10px;
    margin-right: 4px;
}

.GridSearchBox {
    user-select: all;
    -moz-user-select: text;
    -khtml-user-select: text;
}

/************ CompArt Grid - ToolBar *************************/

.tb {
    color: #FFFFFF;
    padding: 2px 2px 0px 2px;
    text-align: left;
    background-image: url('Images/Grid/toolbar30px.gif');
    height: 28px;
}

.tb_inner {
}

.grip {
    background: #f2f2f2 url('Images/_grip.png') no-repeat;
}

.itm {
    width: 23px;
    height: 23px;
    background-position: 0px 2px;
    background-repeat: no-repeat;
}

.drop {
    width: 32px;
    height: 23px;
    background-position: 0px 2px;
    background-repeat: no-repeat;
}

.itm .ca_tb_ddn {
    width: 12px;
    height: 23px;
    background: transparent url('Images/_dropdown.png') no-repeat 0px 1px;
}

.tb-font {
    padding-left: 2px;
    padding-right: 4px;
}

/************ CompArt Grid - ToolBar - Combo *****************/

/* Generic combobox */
table.cmb {
    position: relative;
    top: 4px;
    font-family: Tahoma,'Lucida Grande',Open Sans,Arial,Helvetica,sans-serif;
    font-size: 8px;
    padding-left: 4px;
    border: 1px solid #000;
    background-color: #fff;
}

table.cmb-h {
    position: relative;
    top: 4px;
    font-family: Tahoma,'Lucida Grande',Open Sans,Arial,Helvetica,sans-serif;
    font-size: 8px;
    padding-left: 4px;
    border: 1px solid #000;
    background-color: #fff;
}

.cmb-txt {
    font-family: Tahoma,'Lucida Grande',Open Sans,Arial,Helvetica,sans-serif;
    height: 12px;
    font-size: 11px;
    color: #000000;
    background-color: #fff;
    border: none;
    cursor: default !important;
    text-align: left !important;
}


/* Combobox dropdown styles */
.ddn {
    cursor: default;
    color: #666;
    background-color: transparent;
    font-family: Tahoma,'Lucida Grande',Open Sans,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.ddn-hdr {
    width: 190px;
    height: 2px !important;
    background: transparent url('Images/Grid/ActionDropDownList/ddn-header.gif') no-repeat;
    font-size: 1px;
}

.ddn-ftr {
    width: 190px;
    height: 10px;
    background: transparent url('Images/Grid/ActionDropDownList/ddn-footer.gif') no-repeat;
}

.ddn-con {
    width: 190px;
    height: auto;
    background-color: #FFFFFF;
    text-align: left;
}

.ddn-itm {
    padding-left: 5px;
    width: 190px;
    height: 22px;
}

.ddn-itm-h {
    padding-left: 5px;
    width: 190px;
    height: 22px;
    color: #333;
    background: transparent url('Images/Grid/ActionDropDownList/ddn-item-hover.gif') no-repeat;
}

.ico {
    width: 24px;
    height: 22px;
    float: left;
    padding-right: 16px;
}

/************ CompArt Grid - ToolBar - Button ****************/

.grid_tb_btn_green {
    position: relative; /*Required for UI.UIButton*/
    height: 24px;
    background-image: url('Images/Grid/Tabs/button-darkgreen.gif');
    background-repeat: repeat-x;
    border: solid 1px #000000;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    font-size: 10.5px;
    cursor: pointer;
}

.grid_tb_btn_green_l {
    width: 0px;
}

.grid_tb_btn_green_r {
    width: 0px;
}

.grid_tb_btn_green_c {
    text-align: center;
    margin-left: 0px; /*must match grid_tb_btn_l.width*/
    margin-right: 0px; /*must match grid_tb_btn_r.width*/
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    padding-top: 5px;
}

.grid_tb_btn_blue {
    position: relative; /*Required for UI.UIButton*/
    height: 24px;
    background-image: url('Images/Grid/Tabs/button-darkblue.gif');
    background-repeat: repeat-x;
    border: solid 1px #000000;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    font-size: 10.5px;
    cursor: pointer;
}

.grid_tb_btn_blue_l {
    width: 0px;
}

.grid_tb_btn_blue_r {
    width: 0px;
}

.grid_tb_btn_blue_c {
    text-align: center;
    margin-left: 0px; /*must match grid_tb_btn_l.width*/
    margin-right: 0px; /*must match grid_tb_btn_r.width*/
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    padding-top: 5px;
}

.grid_tb_btn_orange {
    position: relative; /*Required for UI.UIButton*/
    height: 24px;
    background-image: url('Images/Grid/Tabs/button-darkorange.gif');
    background-repeat: repeat-x;
    border: solid 1px #000000;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    font-size: 10.5px;
    cursor: pointer;
}

.grid_tb_btn_orange_l {
    width: 0px;
}

.grid_tb_btn_orange_r {
    width: 0px;
}

.grid_tb_btn_orange_c {
    text-align: center;
    margin-left: 0px; /*must match grid_tb_btn_l.width*/
    margin-right: 0px; /*must match grid_tb_btn_r.width*/
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    padding-top: 5px;
}


/***** CompArt ComboBox ************************/

.caComboBox {
    /*border: 1px solid #A6A7AA; 
  background-color: white; 
  */
    font-family: Tahoma,"Lucida Grande",Open Sans,Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding-left: 2px;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-right-color: #abacac;
    border-bottom-color: #abacac;
    text-align: left !important;
}

.caComboBoxHover {
    border: 1px solid #555555;
    background-color: white;
    font-family: Tahoma,"Lucida Grande",Open Sans,Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding-left: 2px;
}

.caComboDropDown {
    border: 1px solid #868686;
    background-color: white;
    padding-left: 2px;
    width: 500px;
    cursor: default;
    font-family: Tahoma,"Lucida Grande",Open Sans,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.caComboTextBox {
    border: 0px;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    font-family: Tahoma,"Lucida Grande",Open Sans,Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: left !important;
}

.caComboTextBoxHover {
    padding-left: 2px;
    padding-right: 2px;
    background-color: #B2B4BF;
}

.caComboItem {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Open Sans;
    font-size: 11px;
    border: 1px solid #FFFFFF;
    padding-left: 2px;
    padding-right: 2px;
    text-align: left !important;
    cursor: default;
}

.caComboItemHover {
    background-color: #3399FF;
    color: #000000;
    background-image: url(~/Images/caCombo/comboItemBg.gif);
    font-family: Open Sans;
    font-size: 11px;
    border: 1px solid #3399FF;
    padding-left: 2px;
    padding-right: 2px;
    cursor: default;
}

.caCboHeadingRow {
    background-color: #E2E2E2;
}

.caCboHeadingCell {
    background-color: #E2E2E2;
    border: 1px solid #FFFFFF;
    border-right-color: #B5B5B5;
    border-bottom-color: #B5B5B5;
    padding: 3px;
    font-family: Open Sans;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

.caCboDataRow {
    background-color: #FFFFFF;
}

.caCboDataCell {
    cursor: default;
    padding: 3px;
    border: 1px solid #ffffff;
    border-right-color: #EAE9E1;
    border-bottom-color: #EAE9E1;
    font-family: Open Sans;
    font-size: 10px;
    white-space: normal;
}


/**** CompArt Date Picker *********************/

.picker {
    background-color: #FFFFFF;
    border: 1px gray solid;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Bitstream Vera Sans Mono', 'Courier New', Monospace;
    padding: 2px;
    cursor: pointer;
}

.calendar_button {
    border: none;
    cursor: pointer;
}

.calendar td {
    font-size: 11px;
}

.title {
    font-weight: bold;
    background-color: #D7D7E5;
}

.day {
    width: 25px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayhover {
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayheader {
    width: 25px;
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    font-weight: bold;
    background-color: #FFFFFF;
}

.othermonthday {
    color: #999999;
}

.selectedday {
    width: 25px;
    background-color: #FBE694;
    color: #000000;
    border-width: 1px;
    border-color: #BB5503 !important;
    border-style: solid;
    font-weight: bold;
}

.calendar {
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}

.month {
    background-color: #F6F6F6;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.nextprev {
    cursor: pointer;
    height: 25px;
    vertical-align: center;
    padding: 0px 5px 0px 5px;
}




#updPanelWithProgress {
    width: 400px;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

#updProgressWithSpinner {
    width: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
}



/**** CompArt Action Bar *********************************/

.ActionBar-Main {
    height: 40px;
    background-image: url('Images/ActionBar/ActionBar.png');
    background-repeat: repeat-x;
    text-align: left;
}

.ActionBar-WM {
    height: 40px;
    width: 146px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -10px 0px;
}

.ActionBar-WM-Hover {
    height: 40px;
    width: 146px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -10px -40px;
}

.ActionBar-Divider {
    height: 40px;
    width: 10px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -0px -55px;
}

.ActionBar-Actions {
    height: 40px;
    width: 90px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -154px -0px;
}

.ActionBar-Actions-Hover {
    height: 40px;
    width: 90px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -154px -40px;
}

.ActionBar-Actions-Expanded {
    height: 40px;
    width: 90px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -154px -40px;
}

.ActionBar-Actions-Active {
    height: 40px;
    width: 90px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -154px -80px;
}

.ActionBar-Help {
    height: 40px;
    width: 113px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -598px -0px;
    cursor: pointer;
}

.ActionBar-Help-Hover {
    height: 40px;
    width: 113px;
    background: #000000 url('Images/ActionBar/ActionBar-Static.png') no-repeat -598px -40px;
    cursor: pointer;
}

.ActionBar-Actions-Head {
    width: 291px;
    height: 4px;
    background-image: url('Images/ActionBar/ActionBar-Action2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.ActionBar-Actions-Tail {
    width: 291px;
    height: 7px;
    background-image: url('Images/ActionBar/ActionBar-Action2.png');
    background-repeat: no-repeat;
    background-position: 0px -59px;
}

.ActionBar-Action-Item {
    width: 265px;
    height: 49px;
    background-image: url('Images/ActionBar/ActionBar-Action2.png');
    background-repeat: no-repeat;
    background-position: 0px -4px;
    padding: 3px 13px 3px 13px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
}

.ActionBar-Action-Selected {
    width: 265px;
    height: 49px;
    background-image: url('Images/ActionBar/ActionBar-Action2.png');
    background-repeat: no-repeat;
    background-position: 0px -71px;
    padding: 3px 13px 3px 13px;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
}

.ActionBar-Actions-B {
    height: 40px;
    width: 90px;
    background: #000000 url('Images/ActionBar/ActionBar-StaticB.png') no-repeat -154px -0px;
}

.ActionBar-Actions-Expanded-B {
    height: 40px;
    width: 90px;
    background: #000000 url('Images/ActionBar/ActionBar-StaticB.png') no-repeat -154px -40px;
}

.ActionBar-Actions-Head-B {
    width: 291px;
    height: 4px;
    background-image: url('Images/ActionBar/ActionBar-ActionB2.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.ActionBar-Actions-Tail-B {
    width: 291px;
    height: 7px;
    background-image: url('Images/ActionBar/ActionBar-ActionB2.png');
    background-repeat: no-repeat;
    background-position: 0px -59px;
}


/** Navigation *************************/

.Nav {
    color: #FFFFFF;
    font-size: 8pt;
    font-weight: bold;
    padding-right: 13px;
    height: 25px;
}

    .Nav a:link {
        color: #E0E0E0;
        text-decoration: none;
    }

    .Nav a:visited {
        color: #E0E0E0;
        text-decoration: none;
    }

    .Nav a:hover {
        color: #FFFFFF;
        text-decoration: none;
    }

    .Nav a:active {
        color: #FFFFFF;
        text-decoration: none;
    }

.NavLogin {
    float: right;
    padding: 6px 9px 2px 9px;
    cursor: pointer;
}

.NavLogout {
    float: right;
    padding: 6px 9px 2px 9px;
    cursor: pointer;
}

/**** CompArt Rotator Control ******************/
.Rotator {
    border: solid 0px black;
    /*width:450px;*/
    height: 25px;
    padding: 0px;
    font-family: Open Sans;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

.RotatorFrame {
    border: solid 0px white;
    font-family: Open Sans;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

.RotatorFrameOver {
    border: solid 0px darkgray;
    border-top-color: #f2f2f2;
    border-left-color: #f2f2f2;
    font-family: Open Sans;
    font-size: 11px;
    background-color: white;
    cursor: default;
}

    .RotatorFrameOver .Header {
        background: url('Images/Web-Merlinheaderbkg.jpg');
    }

.NewsTitle {
    font-family: Open Sans;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: Black;
}

.NewsText {
    font-family: Open Sans;
    font-size: 10px;
    color: Black;
}

.NewsDate {
    font-family: Open Sans;
    font-size: 10px;
    color: gray;
}


/*Validated Text Control*/

span.ValidatedText {
    padding: 1px 17px 2px 0px;
    margin: 0px;
    position: relative;
    background-image: url('Images/ValidatedText/valid5.png');
    background-repeat: no-repeat;
}

    span.ValidatedText input {
        margin: 0px;
        padding: 1px 0px;
        font-family: Open Sans, Arial, Helvetica, Sans-Serif;
        font-size: 8pt;
        color: Black;
        width: 135px;
        border: 1px solid #c5c1be;
        border-right-style: none;
    }

span.ValidatedText_Valid {
    background-position: right -34px;
}

span.ValidatedText_Invalid {
    background-position: right -51px;
}

span.ValidatedText_Empty {
    background-position: right 0px;
}

span.ValidatedText_Focused {
    background-position: right 0px;
}

span.ValidatedText_FocusedValid {
    background-position: right -34px;
}

span.ValidatedText_Disabled {
    background-position: right -51px;
}


/* Validation Display modal */
.modalBackground {
    background-color: Gray;
    -ms-filter: alpha (opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-opacity: 0.5;
    /*DON'T REMOVE THESE!!*/
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ValidationTable {
    z-index: 10001;
    width: 700px;
}

.ValidationTableMain {
    background-color: #c5c1be;
    color: #000000;
    border-style: solid;
    border-width: 0px 2px 2px 2px;
    border-color: #000000;
}

.ValidationTableHeader {
    height: 55px;
    background-color: #000000;
    color: #FFFFFF;
    padding: 8px;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial;
    border-style: solid;
    border-width: 2px 0px 2px 0px;
    border-color: #000000;
    text-align: left;
}

.ValidationTableTail {
    background-color: #c5c1be;
    color: #000000;
    padding: 3px;
    font-size: 10px;
    font-family: Arial;
    border-width: 0px 0px 2px 0px;
    border-color: #000000;
}

.ValidationSectionMain {
    padding: 16px 10px 0px 10px;
    color: #000000;
}

.ValidationSectionHeader {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    padding: 3px;
}

.UWQuestionGroupHead {
    width: 1001px;
    background-color: #EBEEF7;
    padding: 2px 0px 2px 5px;
    text-align: left;
    border-top: solid 1px black;
    border-left: solid 2px white;
    border-right: solid 2px white;
}

.UWQuestionGroupHeadSolo {
    width: 1001px;
    background-color: #FFFFFF;
    padding: 2px 0px 2px 5px;
    text-align: left;
    border-top: solid 2px white;
    border-left: solid 2px white;
    border-right: solid 2px white;
}

.UWQuestionGroupBody {
    width: 990px;
    background-color: #EBEEF7;
    text-align: left;
    border-bottom: solid 1px #000000;
    border-left: solid 2px white;
    border-right: solid 2px white;
}

.errorClass {
    color: Red;
}

.login-logo {
    width: 150px;
    height: 260px;
    float: left;
    background-image: url(Images/PageLayout/wizard_hat_purple.png);
    background-size: 130px 130px;
    background-position: center;
    background-repeat: no-repeat;
}

.textbox-merlin {
    border: 1px solid #585FAA;
    background-color: white;
    color: black;
    margin: 2px 0px;
    padding: 3px;
    width: 100%;
    font-size: 10pt;
}

.login-mech {
    float: left;
    width: 210px;
    height: 160px;
    padding: 10px 20px;
    border: 1px solid #585FAA;
    border-radius: 4px;
    margin-bottom: 5px;
}

.login-validation {
    color: white;
    height: 48px;
    border-color: #585FAA;
    background-color: #585FAA;
    width: 231px;
    padding: 10px;
    border: 1px solid;
    border-radius: 4px;
    font-size: 12pt;
    margin: 0 0 5px 150px;
}

.BodyBorder-Merlin {
    padding: 5px 3px 20px 3px;
    text-align: center;
}

.login-button {
    background-color: #7d7d7d;
    color: white;
    width: 80px;
    height: 30px;
    border: solid 1px;
    border-color: #7d7d7d;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    cursor: pointer;
}

    .login-button:hover {
        background-color: #4C4C4C;
        border-color: #4C4C4C;
    }

.headerItem-center {
    margin-top: 8px;
}

.ActionMenuContainer {
    float: right;
    position: relative;
    bottom: 0px;
}

.HelpMenuWrapper {
    position: relative;
    bottom: -3px;
    left: -20px;
}

.help-menu {
    list-style-type: none;
    margin: 0;
}


    .help-menu ul {
        display: none;
        list-style-type: none;
        font-size: 14px;
        position: absolute;
        right: 65px;
        z-index: 1000;
        background-color: white;
        border: 1px solid black;
        padding: 5px;
        top: 40.5px;
    }

    .help-menu:hover .alt-actionMenu {
        display: block;
    }

    .help-menu .alt-actionMenu {
        display: none;
        list-style-type: none;
        font-size: 11pt;
        position: absolute;
        right: 2px;
        z-index: 1000;
        background-color: white;
        border: 1px solid black;
        padding: 5px;
        top: 40.5px;
    }

    .help-menu ul li {
        padding: 4px;
        width: 250px;
    }

        .help-menu ul li:nth-child(3) {
            padding-bottom: 0;
        }

    .help-menu:hover ul {
        display: block;
    }

    .help-menu ul li a:hover {
        color: #A5A5A5;
    }


    .help-menu ul a:link {
        text-decoration: none;
        color: black;
    }

    .help-menu img {
        width: 35px;
    }