/*--------------------[ General ]--------------------*/
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 62.5%;
    line-height: 1.667;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

img {
    margin: 0 0 0 0;
    border: 0 0 0 0;
}

div.Inline {
    display: inline-block;
}

.Clear {
    clear: both;
}

/*--------------------[ Modal Popup ]--------------------*/
.ModalPopupBackground {
    background-color: #333333;
    filter: alpha(opacity = 70);
    opacity: 0.7;
}

/*--------------------[ Confirm Dialog ]--------------------*/
div.ConfirmDialog {
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
    border: ridge 5px #cccccc;
}

    div.ConfirmDialog .Title {
    }

    div.ConfirmDialog div.Message {
        margin-top: 10px;
    }

    div.ConfirmDialog div.Footer {
        text-align: center;
        margin-top: 10px;
    }

        div.ConfirmDialog div.Footer a:link {
            padding: 2px 10px 2px 10px;
            margin: 0 5px 0 5px;
            border: solid 1px #999999;
            font-size: 12pt;
            background-color: #eeeeee;
            font-weight: bold;
        }

        div.ConfirmDialog div.Footer a:link,
        div.ConfirmDialog div.Footer a:active,
        div.ConfirmDialog div.Footer a:visited {
            color: #999999;
        }

        div.ConfirmDialog div.Footer a:hover {
            border: solid 1px #000000;
            color: #000000;
            font-weight: bold;
        }

/*--------------------[ Page Alert ]--------------------*/
div.PageAlert {
    font-family: Arial;
    font-size: 10pt;
    border: solid 1px #000000;
    padding: 0px 0px 0px 0px;
    width: 100%;
    margin: 5px 0 5px 0;
}

    div.PageAlert div.Title {
        font-weight: bold;
        padding: 2px 2px 2px 2px;
        color: #000000;
    }

        div.PageAlert div.Title.Information {
            background-color: #99FF99;
        }

        div.PageAlert div.Title.Exclamation {
            background-color: #FF9933;
        }

        div.PageAlert div.Title.Error {
            background-color: #FF9999;
        }

    div.PageAlert div.Body {
        padding: 5px 5px 5px 5px;
        color: #000000;
    }

        div.PageAlert div.Body.Information {
            background-color: #CCFFCC;
        }

        div.PageAlert div.Body.Exclamation {
            background-color: #FFCC99;
        }

        div.PageAlert div.Body.Error {
            background-color: #FFCCCC;
        }

/*--------------------[ Tables ]--------------------*/
div.Table {
    border: solid 1px #CCCCCC;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    width: auto;
}

    div.Table div.Options {
        background-color: #cccccc;
        border: solid 1px #666666;
        padding: 2px 2px 2px 2px;
    }

    div.Table h2 {
        margin-top: 0;
    }

    div.Table.NotCentered {
        margin: 0px auto;
    }

    div.Table.Opaque {
        background-color: #ffffff;
    }

table {
    font-size: 9pt;
    width: 100%;
    margin-bottom: 5px;
    table-layout: fixed;
}

    table thead tr th.Title,
    table tr td.Title {
        font-size: 10pt;
        font-weight: bold;
        text-align: left;
        border-bottom: dashed 1px #999999;
    }

    table thead td,
    table thead th,
    table td.Header,
    table th.Header {
        background: url(Images/Submenu-Header-Background.jpg);
        background-repeat: repeat-x;
        background-position: left bottom;
        background-color: #e6e6e6;
        font-weight: bold;
        padding: 2px 2px 0px 2px;
        text-align: left;
        height: 16px;
        border-bottom: solid 1px #000000;
    }
    
    table td.Numeric {
        text-align: right;
    }

    table tr {
    }

        table tr.Alternate,
        table tr:nth-child(2n+1) {
        }
        
            table tr.Alternate td,
            table tr.Alternate th {
                background-color: #f9f9f9;
            }

        table tr.Center td {
            text-align: center;
        }

        table tr.LineItem td {
            border-bottom: dashed 1px #CCCCCC;
        }

    table td {
        vertical-align: top;
    }

        table td.Field {
            text-align: right;
            font-weight: bold;
            padding: 4px 2px 2px 2px;
            vertical-align: top;
        }

        table td.Value {
            text-align: left;
            padding: 4px 2px 2px 2px;
        }

            table td.Value.Numeric {
                text-align: right;
            }

    table tr.Summary td {
        border-top: dashed 1px #000000;
        border-bottom: solid 1px #000000;
        font-weight: bold;
    }

    table td.Value.Summary {
        border-top: dashed 1px #000000;
        border-bottom: solid 1px #000000;
        font-weight: bold;
    }

    table td.Input {
        padding: 2px 2px 2px 2px;
    }

        table td.Input div.Example {
            font-style: italic;
            color: #999999;
        }

    table tfoot td {
        border-top: dashed 1px #999999;
        text-align: right;
        padding-top: 2px;
    }

    table tfoot tr.Entry td,
    table tr.Footer.Entry td {
        background-color: #CCFFCC;
        text-align: left;
        vertical-align: middle;
    }

.FieldDescription {
    font-style: italic;
    font-size: 8pt;
    color: #666666;
}

/*--------------------[ Input Table ]--------------------*/
div.InputTable {
    border: solid 1px #29292a;
    padding: 10px 10px 10px 10px;
}

    div.InputTable div.Header,
    div.Table div.Header {
        font-weight: bold;
        background-color: #47588c;
        color: #e9e9e9;
        padding: 2px 2px 2px 2px;
    }

    div.InputTable div.Fields {
        width: 100%;
        display: table;
        table-layout: fixed;
        margin: 2px 2px 2px 2px;
    }

    div.InputTable div.Row {
        display: table-row;
        padding: 2px 2px 2px 2px;
    }

        div.InputTable div.Row.Separator div.Label,
        div.InputTable div.Row.Separator div.Value {
            border-top: 1px solid #666666;
        }

        div.InputTable div.Row div.Label {
            display: table-cell;
            width: 150px;
            text-align: right;
            padding: 2px 2px 2px 2px;
            font-weight: bold;
            vertical-align: top;
        }

        div.InputTable div.Row div.Value {
            display: table-cell;
            padding: 2px 2px 2px 2px;
        }

            div.InputTable div.Row div.Value.FullWidth {
                width: auto;
            }

            div.InputTable div.Row div.Value input[type='text'],
            div.InputTable div.Row div.Value input[type='password'],
            div.InputTable div.Row div.Value textarea {
                width: 250px;
            }

div.Actions {
    text-align: right;
    padding: 2px 2px 0 2px;
}

div.InputTable div.Actions {
    border-top: 1px dashed #333333;
}

div.InputTable div.Footer div.Label {
    display: table-cell;
}

div.InputTable div.Footer div.Input {
    display: table-cell;
    text-align: right;
}

/*--------------------[ Hierarchy Browser ]--------------------*/
div.HierarchyBrowser {
    height: 200px;
    overflow: auto;
    border: solid 1px #cccccc;
    padding: 2px 2px 2px 2px;
}

    div.HierarchyBrowser div.Breadcrumb {
        border-bottom: solid 1px #cccccc;
    }

    div.HierarchyBrowser div.Children {
    }

        div.HierarchyBrowser div.Children a {
            display: inline-block;
        }

/*--------------------[ Horizontal Browser ]--------------------*/
div.HorizontalBrowser {
    height: 300px;
    width: 100%;
    border: 1px solid #cccccc;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 9pt;
}

div.HorizontalBrowserList {
    overflow: auto;
    height: 100%;
    width: 218px;
    display: inline-block;
    border-right: solid 1px #cccccc;
}

    div.HorizontalBrowserList hr.Seperator {
        height: 1px;
        width: 100%;
        color: #eeeeee;
        background-color: #eeeeee;
        margin: 0 0 0 0;
        border: none;
    }

div.HorizontalBrowserItem {
    background-color: #ffffff;
    padding: 1px 0 1px 0;
    display: table;
    table-layout: fixed;
    height: 20px;
    width: 100%;
    cursor: pointer;
}

    div.HorizontalBrowserItem a {
        text-decoration: none;
        color: #000000;
    }

    div.HorizontalBrowserItem.Selected {
    }

    div.HorizontalBrowserItem.Selectable {
    }

    div.HorizontalBrowserItem.Disabled * {
        color: #cccccc;
    }

    div.HorizontalBrowserItem.Expandable {
    }

    div.HorizontalBrowserItem.Expanded {
        background-color: #ddffdd;
    }

    div.HorizontalBrowserItem div.Left {
        vertical-align: middle;
        text-align: center;
        display: table-cell;
        width: 20px;
    }

    div.HorizontalBrowserItem div.Middle {
        vertical-align: middle;
        display: table-cell;
        overflow: hidden;
    }

    div.HorizontalBrowserItem div.Right {
        vertical-align: middle;
        display: table-cell;
        text-align: center;
        width: 22px;
    }

    div.HorizontalBrowserItem .Button {
    }

        div.HorizontalBrowserItem .Button.Select {
        }

        div.HorizontalBrowserItem .Button.Deselect {
        }

    div.HorizontalBrowserItem .Title {
    }

    div.HorizontalBrowserItem .Button.Expand {
    }

/*--------------------[ Animated Image Button ]--------------------*/
div.AnimatedImageButton {
    position: relative;
    display: inline-block;
    border: 1px solid #cccccc;
    height: 15px;
    padding: 1px 5px 1px 5px;
    cursor: pointer;
}

    div.AnimatedImageButton .Image {
        position: absolute;
        right: -4px;
        top: -4px;
        display: none;
    }

    div.AnimatedImageButton .Label {
        display: inline-block;
    }

/*--------------------[ Paged Repeater/DataGrid ]--------------------*/


/*--------------------[ Collapsible Panel ]--------------------*/
div.CollapsiblePanel {
    border: solid 1px #666666;
    margin-bottom: 2px;
}

    div.CollapsiblePanel div.Header {
        background-image: url(../Images/CollapsiblePanel-Background.png);
        background-repeat: repeat-x;
        background-position: left bottom;
        padding: 2px 2px 2px 2px;
        height: 17px;
        vertical-align: middle;
        overflow: hidden;
    }

        div.CollapsiblePanel div.Header a {
            font-size: 10pt;
            font-weight: bold;
        }

    div.CollapsiblePanel .Toggle {
        float: right;
        margin-top: 1px;
        cursor: pointer;
    }

    div.CollapsiblePanel div.Content {
        padding: 2px 2px 2px 2px;
    }

/*--------------------[ Print ]--------------------*/
div.Print {
    background-color: #ffffff;
}

.ImageAndTextButton {
    margin: 2px 0 2px 15px;
}

    .ImageAndTextButton.Right {
        float: right;
    }

/*--------------------[ Popup ]--------------------*/
div.Popup {
    text-align: left;
    border: solid 1px #333333;
    padding: 5px 5px 5px 5px;
    background-color: #eeeeee;
    position: absolute;
    overflow: auto;
    z-index: 500;
}

    div.Popup h2 {
        margin-top: 0;
    }

    div.Popup a.Item {
        display: block;
        padding: 3px 0 3px 0;
    }

    div.Popup.UpdateProgress {
        position: fixed;
        left: 0;
        bottom: 0;
        text-align: center;
        z-index: 1000;
    }

/*--------------------[ Export Status ]--------------------*/
div.ExportStatus {
    border: solid 1px #cccccc;
    padding: 0 2px 2px 2px;
    margin: 10px 0 10px 0;
}

    div.ExportStatus div.ProgressBarWrapper {
        border: solid 1px #cccccc;
        background-color: #efefef;
        margin-bottom: 2px;
    }

        div.ExportStatus div.ProgressBarWrapper,
        div.ExportStatus div.ProgressBarWrapper div.ProgressBar {
            height: 14px;
        }

    div.ExportStatus span.StatusLabel {
        position: relative;
        top: 3px;
    }

    div.ExportStatus div.ProgressBarWrapper div.ProgressBar {
        background-image: url(../Images/ProgressBar-Background.png);
        background-position: left center;
        background-repeat: repeat-x;
    }

/*--------------------[ Other ]--------------------*/
img.Button {
}

    img.Button.WithText {
        margin-right: 5px;
    }


/*--------------------[ CalloutExtender Override ]--------------------*/
/* The default AJAX Toolkit callout extender does not correct display on top of 
all controls on the page, so we need to override the z-index.  However, when the CssClass
is overridden, all of the style properties get clobbered, so the rest of the styling code works to restore 
those properties [DSF] */
.ValidatorCalloutExtender {
    z-index: 100002;
}

    .ValidatorCalloutExtender div, .ValidatorCalloutExtender td {
        border: solid 1px Black;
        background-color: #FFFACD;
    }

    .ValidatorCalloutExtender .ajax__validatorcallout_popup_table {
        display: none;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .ValidatorCalloutExtender .ajax__validatorcallout_popup_table_row {
        vertical-align: top;
        height: 100%;
        background-color: transparent;
        padding: 0px;
    }

    .ValidatorCalloutExtender .ajax__validatorcallout_callout_cell {
        width: 20px;
        height: 100%;
        text-align: right;
        vertical-align: top;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .ValidatorCalloutExtender .ajax__validatorcallout_callout_table {
        height: 100%;
        border: none;
        background-color: transparent;
        padding: 0px;
    }

    .ValidatorCalloutExtender .ajax__validatorcallout_callout_table_row {
        background-color: transparent;
        padding: 0px;
    }

    .ValidatorCalloutExtender .ajax__validatorcallout_callout_arrow_cell {
        padding: 8px 0px 0px 0px;
        text-align: right;
        vertical-align: top;
        font-size: 1px;
        border: none;
        background-color: transparent;
    }

        .ValidatorCalloutExtender .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
            font-size: 1px;
            position: relative;
            left: 1px;
            border-bottom: none;
            border-right: none;
            border-left: none;
            width: 15px;
            background-color: transparent;
            padding: 0px;
        }

            .ValidatorCalloutExtender .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
                height: 1px;
                overflow: hidden;
                border-top: none;
                border-bottom: none;
                border-right: none;
                padding: 0px;
                margin-left: auto;
            }

    .ValidatorCalloutExtender .ajax__validatorcallout_error_message_cell {
        font-family: Verdana;
        font-size: 10px;
        padding: 5px;
        border-right: none;
        border-left: none;
        width: 100%;
    }

    .ValidatorCalloutExtender .ajax__validatorcallout_icon_cell {
        width: 20px;
        padding: 5px;
        border-right: none;
    }

    .ValidatorCalloutExtender .ajax__validatorcallout_close_button_cell {
        vertical-align: top;
        padding: 0px;
        text-align: right;
        border-left: none;
    }

        .ValidatorCalloutExtender .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
            border: none;
            text-align: center;
            width: 10px;
            padding: 2px;
            cursor: pointer;
        }