
.dialog-shade,
.dialog-shade:hover {
	background: rgba(51,63,67,0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	cursor: default;
	z-index: 9000;
}

.dialog {
    background: url(../img/shade-60.png);
    background: rgba(53,62,65,.3);
    padding: 10px;
    position: fixed;
    width: 720px;
    left: 50%;
    top: 10%;
    margin-left: -370px;
	border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px;
 border-top-right-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;
 border-bottom-left-radius: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 7px;
 border-bottom-right-radius: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-bottom-right-radius: 7px;
    z-index: 9010;
}

* html .dialog-shade {
	display: none;
}

* html .dialog {
	position: absolute;
}

.dialog-inner {
    padding: 20px;
    border: 2px solid rgb(51,63,67);
    border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
 border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
 border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
    background: #fff;
    text-align: left;
    position: relative;
    z-index: 9020;
}

.dialog-inner.spinner {
	background: #e0e0e0 url(../img/loading_e0e0e0.gif) 50% 50% no-repeat;
}

#dialog-checkout .dialog-inner {
	background: #fff url(../img/loading_ffffff.gif) 50% 50% no-repeat;
}

.dialog iframe {
	width: 676px;
	height: 450px;
}

body#iframe {
	text-align: left;
}

#iframe .alert {
	margin-right: 100px;
}

.dialog h2,
#iframe h2 {
    font-size: 28px;
}

.dialog h4,
#iframe h4 {
	font-size: 13px;
	color: #79888c;
}

.area {
    background: #e9f0f0;
    border-top: 1px solid #becccc;
    border-bottom: 1px solid #becccc;
    margin: 10px -20px 15px -20px;
    padding: 20px;
    overflow: auto;
    max-height: 320px;
    text-shadow: #fff 0 1px 1px;
    color: rgba(0,0,0,0.6);
}

.dialog .close,
#iframe .close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: url(../img/dialogs/close.png) 50% 50% no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
 border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
 border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
    text-indent: -2000em;
}

#iframe .close {
	top: 0;
	right: 0;
}

.dialog .close:hover,
#iframe .close:hover {
    border-color: #e5aaa1;
}

.dialog-footer {
    text-align: right;
    min-height: 5px;
}

#iframe .dialog-footer {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	padding-top: 0 !important;
}

.dialog-footer input.button-neg,
.dialog-footer a.button-neg {
    float: left;
}

.dialog-footer .button-minor {
    margin-right: 2px;
    padding-right: 12px;
    padding-left: 12px;
}

.dialog-footer .button-minor.current {
    background: #eee;
    color: #666;
}

.dialog strong.label {
    font-size: 11px;
    display: block;
    margin: 0.6em 0 0 0;
}

.dialog .side strong.label {
    text-align: center;
}

.error-dialog .dialog-inner {
	padding: 30px 30px 30px 100px;
	background: #fff url(../img/dialog-warning.gif) 30px 30px no-repeat;
}

/*********************************
Temp
*********************************/

#skillbox .dialog-footer {
	min-height: 26px;	
}

#slider-bg { 
    background:url(../img/forms/bg-fader.png) 5px 0 no-repeat !important;
    width: 160px;
} 