/* @group Modals */

.overlay-decorator {
    background-color: white;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.overlay-wrap {
    display: block;
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2001;
}

.overlay {
    display: table;
    height: 100%;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    width: 500px;
    z-index: 9999;
}

.dialog-wrap {
    display: table-cell;
    vertical-align: middle;
}

.dialog-decorator { display: none; }

#dialog {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    border-radius: 8px 8px 8px 8px;
    padding: 8px;
}

#dialog .modal-content {
    background: none repeat scroll 0 0 white;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px rgba(10, 10, 10, 0.3);
    padding: 12px 20px;
    position: relative;
}

.modal-title {
    border-bottom: 1px solid #EEEEEE;
    color: #999999;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 14px;
    overflow: hidden;
    padding-bottom: 10px;
}
.modal-title span { float: left; }

.modal-title .modal-title-note {
    color: #777777;
    float: right;
    font-size: 13px;
    font-weight: 600;
}

.modal-close {
    background: url(../img/modal-close.png) repeat scroll 0 0 transparent;
    display: block;
    height: 37px;
    position: absolute;
    right: -16px;
    text-indent: -9999px;
    top: -16px;
    width: 35px;
}

.modal-close:active { top: -15px; }

.dialog .modal-close {
    right: -21px;
    top: -23px;
}

.modal-footer {
    border-top: 1px solid #EEEEEE;
    clear: both;
    margin-top: 15px;
    padding-top: 15px;
}

#ask-question-modal .element { clear: both; }
#ask-question-modal .field { width: 400px; }

#ask-question-modal .inputlist {
    overflow: hidden;
    padding-bottom: 10px;
}

#ask-question-modal .inputlist li { width: 80px; }
#ask-question-modal .tabs .aside { margin-bottom: 0; }
#ask-question-contact-form .overlay { width: 650px; }

#ask-question-contact-form .ask-alt-column {
    float: left;
    padding-right: 20px;
    width: 190px;
}

#ask-question-contact-form .ask-main-column {
    border-left: 1px solid #EEEEEE;
    float: left;
    padding-left: 20px;
    width: 345px;
}

#ask-question-contact-form .ask-alt-column .field { width: 178px; }
#ask-question-contact-form .ask-main-column .field { width: 338px; }
#ask-question-success h1 { margin-bottom: 0; }
#ask-question-success p { margin-bottom: 0; }
#credentials-selector .overlay { width: 600px; }

/* @end */

/* @group Text Counter */
.textblock {
	clear: both;
}

.textblock .meter {
	font-size: 11px;
	overflow: hidden;
	padding: 6px 0;
}

.meter .meter_label {
	display: block;
	float: left;
	margin-right: 6px;
	font-size: 10px;
}

.textblock .meter_bar {
	display: block;
	float: right;
	width: 250px;
	height: 12px;
	border: 1px solid #ccc;

	background-image: url(../img/meter-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;
}
/* @end */

/* @group 2-Col Modal */
#modal .two-col {
    overflow: hidden;
}

#modal .left-col {
    width: 35%;
    float: left;
}

#modal .right-col {
    width: 58%;
    float: right;
}
/* @end */