/* Generic form styles */
/*-------------------------------------------------------*/
@font-face {
    font-family: BebasNeueRegular;
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('font/BebasNeue-webfont.woff') format('woff'), url('font/BebasNeue-webfont.ttf') format('truetype'), url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: BebasNeueRegular, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    background: #D8DBE0 url('images/bg_pattern_01.png') repeat;
}


header {
    display: block;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1 {
    color: #000000;
    font-weight: bold;
    font-size: 24px;
    padding: 0px;
    margin: 0px;
}

a, a:link, a:visited {
    outline: none;
}

    a, a:visited {
        text-decoration: none;
        text-shadow: none;
    }

        a:-webkit-any-link {
            /*color: -webkit-link;     text-decoration: underline;*/
            text-decoration: none;
            cursor: auto;
        }

input[type="radio"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox; /* not currently supported */
    -o-appearance: checkbox; /* not currently supported */
}

::selection {
    background-color: #ef4026;
    color: #fff;
}

/*-------------------------------------------------------*/
/* --END-- Generic form styles */

/* Header Styles */
/*--------------------------------------------------------*/
#top-header {
    height: 100px;
    width: 100%;
    background: url('images/menu_bg.png') 0 bottom repeat-x;
    background-repeat: repeat;
}

.inside {
    width: 100%;
}

.logo {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.HeaderButtons {
    float: right;
    margin-right: 20px;
}

.LoginInformation {
    float: left;
    top: 68px;
    height: 18px;
    position: absolute;
    background-color: #F4F4F4;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    width: 200px;
    font-size: 12px;
}
/*-------------------------------------------------------*/
/* --END-- Header Styles */

/* Site Layout */
/*-------------------------------------------------------*/
#left-section {
    float: left;
    width: 215px;
    position: absolute;
}

#side-navi {
}

#left-side {
}

#main-content {
    padding: 10px 15px 15px 15px;
    margin: 0px 0px 0px 223px;
    background-color: #F4F4F4;
    min-height: 450px;
    min-width: 800px;
}

#main-footer {
    bottom: 0px;
    font-size: 10px;
    text-align: center;
    padding: 10px;
}

/*-------------------------------------------------------*/
/* --END-- Site Layout */

/* Left Section Styles */
/*--------------------------------------------------------*/
.AccordionBody {
    background-color: #C0C0C0;
    width: 220px;
    font-size: 14px;
}

    .AccordionBody li {
        list-style-type: none;
        line-height: 22px;
    }

        .AccordionBody li a {
            text-decoration: none;
            color: #000000;
            font-weight: bold;
        }

            .AccordionBody li a:hover {
                text-decoration: none;
                color: #ef4026;
                font-weight: bold;
                list-style-type: square;
            }

.AccordionContent ul {
    padding-left: 10px;
}

.AccordionHeader {
    padding: 12px 2px 2px 12px;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    background-image: url('images/black-bg.png');
    background-repeat: repeat-x;
    height: 40px;
    vertical-align: middle;
    text-align: left;
}

    .AccordionHeader:Hover {
        color: #FFFFFF;
        background-color: #ef4026;
        font-weight: bold;
        background-image: none;
    }

.AccordionHeaderSelected {
    padding: 12px 2px 2px 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: none;
    height: 40px;
    vertical-align: middle;
    text-align: left;
    background-color: #666666;
}

    .AccordionHeaderSelected:Hover {
    }

/* --END-- Left Section Styles */
/*--------------------------------------------------------*/

/* Login Form Styles */
/*--------------------------------------------------------*/
.LoginBody {
    text-align: center;
    color: #FFFFFF;
    height: 100% !important;
    padding: 0;
    margin: 0;
}

.LoginPanel {
    padding: 10px;
    border: thick solid #333333;
    overflow: hidden;
    text-decoration: none;
    height: 180px;
    width: 500px;
    vertical-align: middle;
}

.LoginTable {
    color: #800000;
    text-align: center;
    width: 300;
    height: 100%;
    margin-top: 10px;
    border-radius: 1px;
}
/* --END-- Login Form Styles */

/* Form Control Styles */
/*----------------------------------------*/
/* Buttons */
.ButtonStyle {
    border: 1px solid #636363;
    zoom: 1;
    margin: 2px;
    padding-left: 3px;
    padding-right: 3px;
    background: url('images/black-bg.png') repeat-x;
    display: inline-block; /*vertical-align: baseline;*/
    text-decoration: none;
    height: 30px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    color: #FFFFFF;
    font-weight: bold;
    min-width: 100px;
}


    .ButtonStyle[disabled]:hover, input[disabled][type="submit"]:hover, input[disabled][type="button"]:hover, button[disabled], button[disabled]:hover {
        cursor: default;
        background-color: #353639;
    }

.TextBoxStyle[disabled], input[disabled][type="text"] {
    cursor: default;
    background-color: #f4f4f4;
    color: Black;
}

.CalendarButtonStyle {
    margin: 2px;
    padding-left: 0px;
    padding-right: 3px;
    display: inline-block; /*vertical-align: baseline;*/
    text-decoration: none;
    height: 25px;
    cursor: pointer;
    vertical-align: middle;
    overflow: visible;
}

.ButtonStyleSmall {
    min-width: 30px;
    width: 30px;
    height: 26px;
}

.ButtonStyleSmall2 {
    height: 26px;
    font-size: 12px;
}

.ButtonStyleSmallSolid {
    min-width: 30px;
    width: 30px;
    height: 26px;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

.ButtonStyle:hover {
    color: #FFFFFF;
    background-color: #ef4026;
    font-weight: bold;
    background-image: none;
}

.LinkButtonStyle {
    border: 1px solid #808080;
    zoom: 1;
    margin: 0px;
    padding: 10px; /*padding: 0.5em 1.5em 0px 1.5em;vertical-align: baseline;height: 30px;*/
    background: url('images/black-bg.png') repeat-x;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    color: #FFFFFF;
    font-weight: bold;
    min-width: 100px;
}

    .LinkButtonStyle a:link {
        color: #FFFFFF;
    }

    .LinkButtonStyle:hover {
        color: #FFFFFF;
        background-color: #ef4026;
        font-weight: bold;
        background-image: none;
    }

/* Text Box */
.TextBoxStyle {
    width: 180px;
    height: 20px;
    color: #000000;
    border: 1px solid #636363;
}

textarea {
    /*height: 50px !important;*/
    min-height: 40px;
    width: 100% !important;
}

.LinkButtonTextBoxStyle a {
    color: #636363;
}

.LinkButtonTextBoxStyle {
    width: 173px;
    height: 19px;
    color: #000000;
    background-color: #D8D8D8;
    border: 1px solid #636363;
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 3px;
}

.ClearButton {
    background-image: url('images/clear_icon.png');
    background-repeat: no-repeat;
    border-style: none;
    vertical-align: middle;
    background-color: transparent;
    cursor: pointer;
    float: left;
}


/* Drop Down List */

.DropDownStyle {
    width: 98%;
    height: 23px;
    overflow: hidden;
    background: url('images/DropDownListButton.jpg') no-repeat right #fff;
    color:black;
    border: 1px solid #636363;
    position: relative;
    left: 0px;
    max-width: 206px; /*min-width: 172px;*/
    display: inline-block;
}

    .DropDownStyle:hover {
        background: url('images/DropDownListButtonHover.jpg') no-repeat right #fff;
    }

    .DropDownStyle select {
        background: transparent;
        width: 120% !important;
        max-width: 230px;
        padding: 2px;
        border: 0;
        border-radius: 0;
        height: 25px;
        -webkit-appearance: none;
    }


.ComboBoxStyle {
    z-index: auto; /* border: 2px solid #636363; 	width: 206px; */
    padding: 0px !important;
}

    .ComboBoxStyle .ajax__combobox_buttoncontainer button {
        border-style: none;
        border-width: thin;
        border-color: #636363;
        background-image: url('images/DropDownListButton.png');
        background-repeat: no-repeat;
        background-color: #353b37;
        height: 20px;
        width: 20px;
        cursor: pointer;
        margin-left: -11px !important;
    }

    .ComboBoxStyle .ajax__combobox_buttoncontainer {
        padding: 0px !important;
    }

        .ComboBoxStyle .ajax__combobox_buttoncontainer button:hover {
            color: #FFFFFF;
            background-color: #ef4026;
            font-weight: bold;
            background-image: url('images/DropDownListButton.png');
        }

            .ComboBoxStyle .ajax__combobox_buttoncontainer button[disabled]:hover, .ComboBoxStyle .ajax__combobox_buttoncontainer button[disabled], .ComboBoxStyle .ajax__combobox_buttoncontainer button:disabled, .ComboBoxStyle .ajax__combobox_buttoncontainer button:hover[disabled] {
                background-color: #353b37;
                cursor: default;
            }

    .ComboBoxStyle .ajax__combobox_inputcontainer {
        /*top: 11px !important;*/
        top: 0px !important;
        padding: 0px !important;
    }

    .ComboBoxStyle .ajax__combobox_textboxcontainer {
        padding: 0px !important;
    }

        .ComboBoxStyle .ajax__combobox_textboxcontainer input {
            height: 20px;
            color: #000000;
            width: 190px;
            border: 1px solid #636363;
        }

    .ComboBoxStyle .ajax__combobox_itemlist {
        top: auto !important;
        left: auto !important;
        position: absolute !important;
        overflow: hidden !important;
        display: block !important;
        padding: 0px !important;
        float: inherit;
    }

        .ComboBoxStyle .ajax__combobox_itemlist li {
            color: #000000;
            width: auto;
            height: 20px;
            cursor: pointer;
        }

            .ComboBoxStyle .ajax__combobox_itemlist li:Hover {
                background-color: #ef4026;
            }


.ComboBoxPageSize {
    float: right;
    width: 50px;
    height: 26px;
}

/* Alert, Message Pop Up Box */
.ModalPopup {
    text-align: left;
    border: 1px groove #cccccc;
    min-width: 400px;
    max-width: 1000px;
    min-height: 150px;
    background: #f0f0f0;
    padding: 10px;
}

.ModalPopupBackground {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ModelPopupHeader {
    color: #FFFFFF;
    background-color: #777777;
    font-size: 18px;
    min-height: 22px;
    padding-top: 3px;
    padding-left: 3px;
}

.ModelIcon {
    float: left;
    min-height: 80px;
}

    .ModelIcon IMG {
        position: absolute;
        top: 50px;
        left: 10px;
    }

.ModelPopupBody {
    display: table-cell;
    color: #000000;
    background-color: #f0f0f0;
    font-size: 14px;
    min-height: 80px;
    vertical-align: middle;
    text-align: center;
    margin: 5px 5px 5px 85px;
    float: left;
    min-width: 250px;
}

.ModelPopupControls {
    clear: both; /*position: relative;*/
    margin-bottom: 10px;
}

/* Loading... please wait pop up */
.LoadingScreen {
    border: 3px solid #808080;
    height: 120px;
    margin-top: -60px;
    width: 300px;
    margin-left: -150px;
    background: #CCCCCC;
    z-index: 999999;
    position: fixed;
    top: 50%;
    left: 50%;
}

.LoadingScreenBackground {
    margin: 0px 0px 0px 0px;
    position: fixed;
    height: 100%;
    z-index: 999998;
    padding-top: 200px;
    padding-left: 50px;
    width: 100%;
    clear: none;
    background-color: #333333;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.LoadingScreenHeader {
    color: #FFFFFF;
    background-color: #333333;
    font-size: 18px;
    height: 22px;
    padding: 5px;
}

.LoadingScreenIcon {
    float: left;
    position: relative;
    top: 30px;
    left: 30px;
}

.LoadingScreenBody {
    display: table-cell;
    color: #000000;
    background-color: #CCCCCC;
    font-size: 14px;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    margin: 5px 5px 5px 55px;
    float: left;
    position: relative;
    top: 30px;
}

#LoadingProgress {
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    background: #c0e9ae;
    text-align: center;
    line-height: 2.5;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow: 0 0 5px black;
    box-shadow: 0 0 5px black;
}

/*----------------------------------------------------------*/
/* --END-- Form Control Styles */

/* Standard Form Styles */
/*----------------------------------------*/
.Notification {
    color: #FF0000;
    background-color: #FFFFCC;
    border-style: inset;
    border-width: 3px;
}

/* Data Grids */
.GridStyle {
    color: #000000;
    background-color: #F9F9F9;
    border: 1px solid #777777;
    width: 100%;
    text-decoration: none;
    margin-top: 9px;
}

/*.GridStyle tr
{
    height: 25px !important;
}

.GridStyle tr:hover
{
    cursor: pointer;
    background-color: #FFBC79 !important;
}*/
.GridRowStyle {
    height: 25px !important;
}

    .GridRowStyle:hover {
        cursor: pointer;
        background-color: #FFBC79 !important;
    }

.GridSelectedRow {
    background-color: #FFCC99;
    height: 25px !important;
}

/*cell*/
.GridStyle td {
    /*border: 1px solid #604F60;*/
    padding-right: 5px;
    padding-left: 5px;
    font-family: Calibri, Tahoma;
    font-size: 12px;
    text-decoration: none !important;
}

.GridStyle a {
    text-decoration: none;
}

.GridHeader th, .FooterStyle td, .GridPagging th {
    border: thin solid #777777;
}

.GridHeader, .FooterStyle, .GridPagging {
    color: #FFFFFF; /*background: url('images/GridHeaderBackground.png') repeat !important;     background-height: 100%;*/
    font-size: 12px;
    height: 28px;
    text-decoration: none !important;
    background: #000; /* Old browsers */
    background: -moz-linear-gradient(top, #7d7e7d 23%, #0e0e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7d7e7d 23%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7d7e7d 23%,#0e0e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7d7e7d 23%,#0e0e0e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7d7e7d 23%,#0e0e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

    .GridHeader h2 {
        color: #000000;
    }

    .GridHeader tr:hover {
    }

#filterTrigger {
    color: rgb(0, 0, 238);
}
/*Decussate row style*/
.AlternatingGridRow {
    background: #E9EAEC;
    height: 25px !important;
}

    .AlternatingGridRow:hover {
        background-color: #FFBC79 !important;
        cursor: pointer;
    }


/*pagging bar
.GridPagging
{
    text-align: left;
}

.GridPagging table
{
    margin: 1px 0 1px 0;
}

.GridPagging tr:hover
{
    background-color: transparent !important;
    cursor: pointer;
}*/

/*selected page number
.GridPagging td
{
    border-width: 1;
    padding: 2px 6px 2px 6px;
    border-left: solid 0px #FFFFFF;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 6px;
}*/

.GridPagging table tr td {
    border: 0px solid #757575;
    text-align: center;
    color: red;
    min-width: 30px;
    font-weight: bold;
}


.GridHeader a {
    color: #BFBFBF;
    text-decoration: underline;
}

    .GridHeader a:hover {
        color: #FFBC79;
        text-decoration: none;
        cursor: pointer;
    }

.GridPagging a {
    /*color: #BFBFBF;*/
    text-decoration: none;
    display: block;
    min-width: 30px;
    line-height: 25px;
    border: 1px solid #cccccc;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

    .GridPagging a:hover {
        color: #FFBC79;
        text-decoration: none;
        cursor: pointer;
        display: block;
        min-width: 30px;
        line-height: 25px;
        border: 1px solid #cccccc;
        background-color: #808080;
    }


/*SEARCH GRID*/
.SearchGridStyle {
    color: #000000;
    background-color: #F9F9F9;
    border: thin solid #636363;
    width: 100%;
    text-decoration: none;
    margin-top: 9px;
}

.SearchGridRowStyle {
    height: 25px !important;
}

    .SearchGridRowStyle:hover {
    }

.SearchGridStyle td {
    padding-right: 5px;
    padding-left: 0px;
    font-family: Calibri, Tahoma;
    font-size: 12px;
    text-decoration: none !important;
}

.SearchGridStyle a {
    text-decoration: none;
}

.SearchGridHeader, .SearchGridFooterStyle, .SearchGridPagging {
    color: #FFFFFF;
    font-size: 12px;
    height: 28px;
    text-decoration: left !important;
    background: #7d7e7d;
}

    .SearchGridHeader tr:hover {
        background-color: #000000;
    }

/*Decussate row style*/
.SearchGridAlternatingRow {
    background: #E9EAEC;
}

    .SearchGridAlternatingRow:hover {
    }

.SearchPanel {
    /*max-height: 150px;*/
    border-color: #7d7e7d;
    border-width: thin;
    border-style: solid;
    overflow: auto;
    padding: 6px;
    padding-top: 0px;
}

/*END SEARCH GRID*/
.TDlabel {
    width: auto;
    padding-right: 15px;
    padding-top: 10px;
    vertical-align: top;
}

.TDlabelBold {
    font-weight:bold;
}
.InsideAllignment {
    width: auto;
    padding-right: 5px;
    padding-left: 0px;
    padding-top: 10px;
    vertical-align: top;
    text-align: right;
}

.TDbox {
    width: auto;
    padding-right: 90px;
    vertical-align: top;
}

.TableBox {
    width: auto;
    border: 1px solid gray;
    background-color: WhiteSmoke;
    padding: 5px;
    overflow: hidden;
}
/*tr
{
    height: 30px;
}*/

.TableLayout {
    width: 700px;
    min-width: 300px;
    padding: 0px;
    width: 100%;
}

.WarningMessage {
    color: Red;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    position: relative;
    top: 70px;
}

.DataPanel {
    background-color: Gray;
    min-height: 120px;
    padding: 5px;
}

.DataTable {
    border: 1px #fff solid;
    width: 100%;
    height: 200px;
}

    .DataTable > tbody > tr > td {
        vertical-align: top;
        border: 1px #fff solid;
        padding: 5px;
        height: 150px;
    }

.DataPanelReport {
    background-color: Gray;
    padding: 5px;
}

.PanelHeader {
    color: #FFFFFF;
    font-size: 16px;
}

.GridFunctions {
    background-color: #C0C0C0;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-width: thin;
    border-color: #808080;
    padding: 5px;
    text-align: left;
}

.PageFunctions {
    border: thin solid #808080;
    background-color: #D8D8D8;
    margin-bottom: 15px;
    text-align: left;
}

.PageData {
    border: thin solid #808080;
    background-color: transparent;
    margin-bottom: 10px;
    padding: 5px;
}

/*********** START CALENDAR STYLE ***********************/
.DatePickerStyle {
    background: #808080;
    font-size: small;
    color: #000000;
}

    .DatePickerStyle tr {
        height: auto !important;
    }

.ajax__calendar_header {
}

.ajax__calendar_today {
    color: #FF0000;
    font-size: small;
}



.DatePickerStyle .ajax__calendar_other .ajax__calendar_day, .DatePickerStyle .ajax__calendar_other .ajax__calendar_year {
    color: White;
}
/*********** END CALENDAR STYLE **********************#RESReportControl1_reportViewer_fixedTable*/


.SearchBox {
    border: 1px solid #000000;
    margin-bottom: 10px;
    padding: 5px;
}

table[id*="_reportViewer_fixedTable"] {
    width: 100%;
    text-align: center;
    background-color: White;
}

div[id$="_reportViewer"] {
    height: auto;
    overflow-x: scroll;
}

.Required {
    color: Red;
}


.WarningPanel {
    border: 1px dashed red;
    background-color: Yellow;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    display: block;
}

.PrintSettings {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.PrintSettingsDiv {
    display: block;
}

.OnScreenErrorPanel {
    border: 1px dashed Yellow;
    color: White;
    background-color: Orange;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    display: block;
}

.CheckBoxList tr {
    height: 30px;
}

.CheckBoxList td {
    width: 250px;
}

.AccessGrid_ViewListColumn {
    background-color: #ffffff;
}

.AccessGrid_ViewColumn {
    background-color: #e8ebff;
}

.AccessGrid_EditColumn {
    background-color: #fdf8de;
}

.AccessGrid_DeleteColumn {
    background-color: #ffd2d2;
}

.AccessGrid_AddColumn {
    background-color: #e0fdde;
}
/*----------------------------------------------------------*/
/* --END-- Standard Form Styles */

.InGridDataDisplay {
    color: Maroon;
}

.HomeLinkButtons {
    color: White;
    font-weight: bold;
}

.TabMenu {
    min-width: 80px;
    height: 25px;
    display: block;
    float: left;
    border: 1px solid #000000;
    margin: 2px;
    padding: 2px;
    padding-top: 10px;
    text-align: center;
    color: #000000;
}
/*----------------VISIT CALENDAR---------------------*/
.WeekDayRow {
    vertical-align: top;
    font-size: 10px;
    border: none;
    border-bottom: 1px dashed #cccccc;
    padding: 15px;
}

.CalendarGrid td {
    border: none;
    padding-bottom: 10px;
}

.WeekDayGrid {
    border: none;
}

.WeekNumber {
    font-weight: bold;
    padding-bottom: 10px;
}

.WeekRow {
    vertical-align: top;
}

    .WeekRow td {
        max-width: 150px;
        min-width: 100px;
        width: 150px;
        padding: 3px;
        padding-top: 7px;
    }

        .WeekRow td div {
            padding-top: 7px;
        }

.DayDateMessage {
    color: Red;
    font-size: 11px;
}

.DayDates {
    font-weight: bold;
    font-style: italic;
    font-size: 11px;
    padding: 2px;
}

.PassedDate {
    color: Gray;
}

.TodayDate {
    background-color: Orange;
}

.VisitItem {
}

.Holiday {
    background: #FFE0FE;
}

.NonSales {
    background: #d5d8fe;
}
/*----------------------------------------------------------*/
.validPromotion {
    border: 1px dashed #FF003E;
    background-color: #FFF2F5;
    font-size: 10px;
    padding: 5px;
    margin: 10px;
}

.promotionButton {
    border: 1px solid #636363;
    margin: 1px;
    font-size: 10px;
    background: url('images/black-bg.png') repeat-x;
    display: inline-block; /*vertical-align: baseline;*/
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    color: #FFFFFF;
    font-weight: bold;
}
/*AutoComplete flyout */
.CompletionList {
    margin: 0px !important;
    background-color: #cccccc;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    text-align: left;
    list-style-type: square;
    padding-left: 30px;
    z-index:9999999  !important;
    width:600px;
}
/* AutoComplete highlighted item */
.CompletionListHighlightedItem {
    background-color: #ffffdc;
    padding: 4px;
    width:600px;
    z-index:9999999;

}

/* AutoComplete item */
.CompletionListItem {
    background-color: #F4F4F4;
    padding: 4px;
    width:600px;
    z-index:9999999;
}