﻿/*
###################################
	Clear
###################################
*/
.Clear {
    clear: both;
}

.ClearLeft {
    clear: left;
    line-height: 0px;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    height: 0px;
    width: 0px;
}

.ClearRight {
    clear: right;
    line-height: 0px;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    height: 0px;
    width: 0px;
}

.ClearBoth {
    clear: both;
    line-height: 0px;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
    height: 0px;
    width: 0px;
}

/*
###################################
	Float
###################################
*/
.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

/*
###################################
	Hide / Display
###################################
*/
.Hide {
    display: none;
}

.DisplayBlock {
    display: block;
}

/*
###################################
	Align
###################################
*/
.AlignCenter {
    text-align: center;
}

.AlignRight {
    text-align: right;
}

/*
###################################
	Position
###################################
*/
.PositionRelative {
    position: relative;
}

.PositionAbsolute {
    position: absolute;
}

/*
###################################
	Form Alert Dialogs
###################################
*/

.FormAlertDialogError {
    width: 354px;
    min-height: 140px;
    height: auto !important;
    height: 140px;
    background-color: #c10e21;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 183px;
}

.FormAlertDialogErrorContent {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: table-cell;
    padding: 14px 20px 16px 20px;
    /*min-height: 110px;
    height: auto !important;
    height: 110px;*/
    text-align: center;
    /*vertical-align: middle;*/
    width: 314px;
}

.FormAlertDialogSuccess {
    width: 354px;
    min-height: 140px;
    height: auto !important;
    height: 140px;
    background-color: #3ec033;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 183px;
}

.FormAlertDialogSuccessOuter, .FormAlertDialogErrorOuter, .FormAlertDialogCommonOuter {
    min-height: 140px;
    height: auto !important;
    height: 140px;
    overflow: hidden;
    position: relative;
}

    .FormAlertDialogSuccessOuter[class], .FormAlertDialogErrorOuter[class], .FormAlertDialogCommonOuter[class] {
        display: table;
        position: static;
    }

.FormAlertDialogSuccessMiddle, .FormAlertDialogErrorMiddle, .FormAlertDialogCommonMiddle {
    position: absolute;
    top: 50%;
}
    /* for adaptive (quirk) explorer only*/
    .FormAlertDialogSuccessMiddle[class], .FormAlertDialogErrorMiddle[class], .FormAlertDialogCommonMiddle[class] {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        position: static;
    }

.FormAlertDialogSuccessInner, .FormAlertDialogErrorInner, .FormAlertDialogCommonInner {
    position: relative;
    top: -50%;
}
/* for adaptive (quirk) explorer only */

.FormAlertDialogSuccessContent {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: table-cell;
    padding: 14px 20px 16px 20px;
    /*min-height: 110px;
    height: auto !important;
    height: 110px;*/
    text-align: center;
    /*vertical-align: middle;*/
    width: 314px;
}

.FormAlertDialogCommon {
    width: 354px;
    min-height: 140px;
    height: auto !important;
    height: 140px;
    background-color: #5c5c5c;
    position: absolute;
    top: 0px;
    left: 183px;
}

.FormAlertDialogCommonContent {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    display: table-cell;
    padding: 14px 20px 16px 20px;
    /*min-height: 110px;
    height: auto !important;
    height: 110px;*/
    text-align: center;
    /*vertical-align: middle;*/
    width: 314px;
}

.FormAlertDialogErrorClose {
    top: -18px;
    right: -22px;
}

.FormAlertDialogErrorBottom73Left43 {
    top: auto;
    bottom: 73px;
    left: 54px;
}

.alert-success {
    position: fixed;
    top: 200px;
    width: 400px;
    padding: 68px;
    text-align: center;
    left: 50%;
    margin-left: -200px;
}

.alert-danger {
    position: fixed;
    top: 200px;
    width: 400px;
    padding: 68px!important;
    text-align: center;
    left: 50%;
    margin-left: -200px;}

/* Fix boxmodel bugg in Firefox, padding included in height*/
@-moz-document url-prefix() {
    .FormAlertDialogSuccessOuter, .FormAlertDialogErrorOuter, .FormAlertDialogCommonOuter

{
    height: 140px !important;
}

}

/* Fix boxmodel bugg in Opera, padding included in height */
noindex:-o-prefocus, .FormAlertDialogSuccessOuter {
    height: 140px !important;
}

noindex:-o-prefocus, .FormAlertDialogErrorOuter {
    height: 140px !important;
}

noindex:-o-prefocus, .FormAlertDialogCommonOuter {
    height: 140px !important;
}

.FormAlertDialogError.LoginPlate {
    top: auto;
    bottom: 73px;
    left: 54px;
}

/*
###################################
	Paging
###################################
*/
.PagingPlate * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.PagingPlate {
    border-top: 1px solid #eef1f4;
    padding-top: 18px;
}

.PagingPlateContent {
    width: 880px;
    height: 24px;
}

.PagingPlateItemFirst {
    top: 0px;
    left: 0px;
}

.PagingPlateItemLast {
    top: 0px;
    right: 0px;
}

.PagingPlateListContent {
    top: 0px;
    left: 40px;
    width: 800px;
    text-align: center;
    font-size: 0px;
    line-height: 0px;
}

    .PagingPlateListContent ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        font-size: 0px;
        line-height: 0px;
    }

        .PagingPlateListContent ul li {
            padding: 0px;
            margin: 0px;
            display: inline-block;
        }

.PagingPlateListItem {
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
}

.PagingPlateListActionItem {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
}

.PagingPlateItem {
    min-width: 22px;
    width: auto !important;
    width: 22px;
    height: 22px;
    border: 1px solid #d2d6db;
    background-color: #f5f8fa;
    font-size: 12px;
    line-height: 18px;
}

.PagingPlateItemActive {
    background-color: #d5dbe0;
    border: 1px solid #d2d6db;
}

    .PagingPlateItemActive span {
        color: #424852;
    }
