@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Exo+2:700,400&subset=latin,cyrillic);

/* ------------------------ DIALOG BOX -------------------- */
#dialog { position:absolute; z-index:200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   font-family: 'Exo 2', sans-serif;
    font-size: 16px;
    background: #f4f4f4;
    background-clip: padding-box;
    color: #182a3c;
    -webkit-box-shadow: 0px 0px 8px #171a24;
    box-shadow: 0px 0px 8px #171a24;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: -webkit-transform 0.2s linear;
    -moz-transition: -moz-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    transition: transform 0.2s linear;	
}
#dialog_header {position:relative; height:30px; font-size:24px; font-weight:bold;}
#dialog_title { width: 100%; float:left; margin: 5px 0px 0px 50px;  color: #182a3c; font-size: 22px; }
#dialog_content {padding: 40px; position:relative; color:#182a3c; font-size:16px;}
#dialog_bar {position:relative; padding:6px; color:#5B5B5B; font-size:13px; text-align: right; margin: 0px 10px 0px 10px; border-left: 0px; border-right: 0px; border-bottom: 0px;}

#dialog_close {    
	position: absolute;
    top: 6px;
    left: 7px;

    width: 28px;
    height: 28px;

    text-decoration: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #002a4e;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
#dialog_close:after {
    display: block;

    font-size: 26px;
    font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important;
    content: "×";
    line-height: 22px;
    cursor: pointer;
    text-decoration: none;
    color: #002a4e;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	padding-left:3px;
	
}

#dialog_close:hover, #dialog_close:active {
    background: #002a4e;
}

#dialog_close:hover#dialog_close:after, #dialog_close:active#dialog_close:after {
    color: #f4f4f4;
}

#dialog_mask {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
	position:absolute; top:0; left:0; min-height:100%; width:100%; background:rgba(33, 36, 46, 0.95);  z-index:100;
}

.errorheader { color:#b8141a}
.warningheader { color:#b8141a}
.successheader { color:#b8141a}
.promptheader {color:#b8141a}
.messageheader { color:#b8141a}
.queryheader {color:#b8141a}

@media only screen and (min-width: 40.063em) /* min-width 641px */ {
    #dialog {
        max-width: 700px;
        margin: 20px auto;
        min-height: 0;

        -webkit-border-radius: 6px;
        border-radius: 6px;
    }
}