/* Reset */
html, body, h1, h2, h3, h4, h5, p, form, ul, ol, li, pre { margin: 0; padding: 0; }
input, textarea, select, label { font-size: 1em; vertical-align: middle; }
input, textarea, select { padding: 2px; }
ul, ol { margin-left: 1.2em; }
address { font-style: normal; }
img { border: 0; }
optgroup { font-style: normal; padding: 0 2px 2px; font-size: .9em; }
optgroup option { font-size: 1.1em; padding-left: 0; }



/* Default Formatting */
small, .Small { font-size: 0.8em; }
.Strong { font-weight: bold; }

.Hidden { display: none; }
.Opacity50 { filter: alpha(opacity=50); opacity: 0.5; }
.NoListStyle { list-style: none; }
.Medium { font-size: 0.9em; line-height: 160%; }

.Padding { padding: 12px; }
.PaddingLeft { padding-left: 12px; }
.PaddingRight { padding-right: 12px; }
.PaddingTop { padding-top: 12px; }
.PaddingBottom { padding-bottom: 12px; }

.PaddingSmall { padding: 6px; }
.PaddingLeftSmall { padding-left: 6px; }
.PaddingRightSmall { padding-right: 6px; }
.PaddingTopSmall { padding-top: 6px; }
.PaddingBottomSmall { padding-bottom: 6px; }

.Margin { margin: 12px; }
.MarginLeft { margin-left: 12px; }
.MarginRight { margin-right: 12px; }
.MarginTop { margin-top: 12px; }
.MarginBottom { margin-bottom: 12px; }

.MarginSmall { margin: 6px; }
.MarginLeftSmall { margin-left: 6px; }
.MarginRightSmall { margin-right: 6px; }
.MarginTopSmall { margin-top: 6px; }
.MarginBottomSmall { margin-bottom: 6px; }

.FloatLeft { float: left; }
.FloatRight { float: right; }
.FloatClear { clear: both; height: 0; }

.AlignLeft { text-align: left; }
.Centered { text-align: center; margin: 0 auto; }
.AlignRight { text-align: right; }

.VerticalAlignTop { vertical-align: top; }
table.VerticalAlignTop td, table.VerticalAlignTop th { vertical-align: top; }

.Width75 { width: 75%; }
.Width66 { width: 66%; }
.Width50 { width: 50%; }
.Width33 { width: 33%; }
.Width25 { width: 25%; }
.Width20 { width: 20%; }



/* Custom classes (HTML Editor) */
.Attention
{
    display: block;
    padding: 1em;
    border: 2px solid #FC6;
    background: #FF9;
}



/* Buttons (HTML Editor) */
a.Button
{
    display: inline-block;
    background: url(Images/Button.Default.gif) left top no-repeat;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    font-weight: bold;
}

a.Button:hover
{
    background-position: left bottom;
}

    a.Button span
    {
        display: inline-block;
        background: url(Images/Button.Default.gif) right top no-repeat;
        padding: 5px 20px 5px 18px;
        margin-left: 2px;
        height: 23px;
        overflow: hidden;
    }

    a.Button:hover span
    {
        background-position: right bottom;
    }

            a.Button span *
            {
                vertical-align: middle;
            }



/* Form module */
.FrontofficeForm
{
    margin: 10px 0 16px 0;
    position: relative;
}
    .FrontofficeForm table
    {
        width: 100%;
    }

        .FrontofficeForm td
        {
            padding: 4px 0;
        }

        .FrontofficeForm .FormSeparator
        {
            padding: 6px 0;
        }

        .FrontofficeForm .FormLabel
        {
            width: 30%;
            vertical-align: top;
            padding-top: 8px;
        }

        .FrontofficeForm .FormField
        {
            vertical-align: top;
        }

            .Tooltip
            {
                border: 1px solid #FC6;
                background: #FF9;
                padding: .25em .5em;
                margin-top: 4px;
                border-radius: 4px;
                -moz-border-radius: 4px;
                clear: both;
                width: 308px;
            }

            .FrontofficeForm .InputBox,
            .FrontofficeForm .SelectBox
            {
                width: 310px;
                padding: 4px;
                margin: 0;
            }

            .FrontofficeForm .SelectBox
            {
                padding: 2px;
                width: 321px;
            }

            .FrontofficeForm .CheckboxContainer,
            .FrontofficeForm .RadioContainer
            {
                float: left;
                padding: 2px 0;
            }

            .FrontofficeForm .FormFieldBBCodeEmoticons
            {
            }

                .FrontofficeForm .FormFieldBBCodeEmoticons .EmoticonButton
                {
                    font-size: .8em;
                    margin-bottom: 4px;
                }

                .FrontofficeForm .FormFieldBBCodeEmoticons .EmoticonsBox
                {
                    border: 1px solid #AAA;
                    padding: 3px;
                    position: absolute;
                    background: #FFF;
                    border-radius: 0 8px 8px 8px;
                    -moz-border-radius: 0 8px 8px 8px;
                }

                    .FrontofficeForm .FormFieldBBCodeEmoticons .EmoticonsBox a
                    {
                        padding: 3px;
                        display: inline-block;
                        margin: 1px;
                    }

            .FrontofficeForm .FormFieldBBCode
            {
                width: 322px;
            }

            .FrontofficeForm .ui-datepicker-trigger
            {
                margin: 3px 4px 4px -21px;
                vertical-align: middle;
                cursor: pointer;
            }

                .FrontofficeForm .FormFieldCurrency span
                {
                    position: absolute;
                    margin: 3px 0 0 8px;
                }

                .FrontofficeForm .FormFieldCurrency .InputBox
                {
                    padding-left: 20px;
                    width: 294px;
                }

            .FrontofficeForm .FormFieldFile .Thumbnail
            {
                width: 52px;
                height: 36px;
                display: block;
                float: left;
                margin: 1px 1px 0 0;
                opacity: .7;
                filter: alpha(opacity=70);
                background-position: center;
                background-repeat: no-repeat;
            }

            .FrontofficeForm .FormFieldFile .Thumbnail:hover
            {
                opacity: 1;
                filter: alpha(opacity=100);
            }

                .FrontofficeForm .FormFieldFile .Thumbnail span
                {
                    display: none;
                }

            .FrontofficeForm .FormFieldReadOnly
            {
                padding-top: 4px;
            }

        .FrontofficeForm .FormFootLeft
        {
            width: 30%;
            vertical-align: top;
        }

        .FrontofficeForm .FormFootRight
        {
            vertical-align: top;
        }

.FrontofficeFormFooter
{
    padding: 0 0 20px 30%;
}

.FrontofficeFormResultText
{
    margin-top: 1.5em;
}

.FrontofficeFormResults
{
    border: 0;
    padding: 0;
    margin: 2em 0 0;
}

    .FrontofficeFormResults legend
    {
        display: none;
    }



/* Overrides for UI components */
.markItUp
{
    width: auto !important;
}