/*  GENERAL STYLES  =========================================================  */
/*  =========================================================================  */

.modal-overlay {background: rgba(0,0,0,0.3); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%;z-index:150;}
.modal-gradient .modal-overlay {background: url('../img/modal-bg.png') repeat-x 0px 0px;}
.modal-master-wrap {height: 100%; left: 0px; overflow-y: auto; position: absolute; top: 0px; width: 100%; z-index:200;}

/*  .modal-wrap HAS EITHER A CLASS .modal OR .alert  SO THEY CAN BE STYLED DIFFERENTLY  */
.modal-wrap {left: 50%; min-height: 100px; position: absolute; top: 50%; width: 500px;}
.modal.modal-wrap {}

.modal-content-wrap { background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    min-height: 300px;
    padding: 0;
    position: absolute;
    width: 100%;
}
.modal-gradient .modal-content-wrap {background: none;-moz-border-radius: 5px;
border-radius: 5px;}
.modal .modal-content-wrap {box-shadow:  0px 0px 1px 1px #444444; -webkit-box-shadow:  0px 0px 1px 1px #444444;}
.modal-gradient .modal .modal-content-wrap {box-shadow: none; -webkit-box-shadow:  none;}

.alert .modal-content-wrap {}

.modal-content-title { background-color: #e2e2e2;
    border-bottom: 1px solid #333333;
    color: #64343c;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding: 5px;
    -moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.modal .modal-content-title {text-align: center;}
.alert .modal-content-title {text-align: left;}

.modal-content-content {color: #5693b3; font-size: 14px; margin-bottom: 10px; }
.modal .modal-content-content {float: right; width: 100%;}
.alert .modal-content-content {float: right; width: 435px;}
body.modalBlur > *:not(.modal-content-wrap) {

text-align:left;
}
body.modalDesaturate > *:not(.modal-content-wrap) {

} 

/*  =====  SIZING CLASSES  ====================  */
/*  FILL  */
.modal.fill.modal-wrap {bottom: 50px; top: 50px;}
.modal.fill .modal-content-wrap {bottom: 0px; top: 0px;}
.modal.fill .modal-content-content {overflow-y: auto;}

/*  TOP  */
.modal.top.modal-wrap {top: 50px;}

/*  ACTION WRAP / BUTTONS  ==================================================  */
/*  =========================================================================  */
.modal-close-button { cursor: pointer; height: 17px; position: absolute; right: -20px; top: 0px; width: 17px;}
.modal-close-button span {background: url('../img/x-sprite.png') no-repeat -1px 0px; display: block;
    height: 30px;
    margin: 0;
    position: absolute;
    right: 3px;
    top: -12px;
    width: 30px;
}

.modal-action-wrap {bottom: 0px; padding: 20px; position: absolute; right: 0px;}
.cancel, .accept {background: #999999; color: #eeeeee; float: right; font: size: 14px; font-weight: bold; height: 20px; line-height: 20px; margin-left: 10px; padding: 4px 10px; text-decoration: none;}
.cancel:hover, .accept:hover {background: #dddddd; color: #777777;}
.cancel span, .accept span {background: url('../img/modal-sprite.png') no-repeat; display: block; float: left; height: 13px; margin: 3px 10px 0px 0px; width: 13px;}

.cancel {}
.cancel span {background-position: -200px 0px;}
.cancel:hover span {background-position: -200px -13px;}

.accept {}
.accept span {background-position: -213px 0px;}
.accept:hover span {background-position: -213px -13px;}



/* MODAL CONFIG SELECTS */
.config-modal-selects.gs_ui.dropdown { background: #1e262b; border-radius: 17px; border: 1px solid #43484c; box-sizing: border-box; cursor: pointer; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #EEE; display: inline-block; font-size: 12px; height: 34px; line-height: 12px; overflow: hidden; padding: 10px; position: relative; text-transform: uppercase; }
.config-modal-selects.gs_ui.dropdown ul, .config-modal-selects.gs_ui.dropdown li { list-style: none; margin: 0; padding: 0; }
.config-modal-selects.gs_ui.dropdown ul li { cursor: pointer; margin-top: 10px; padding-right: 22px; text-shadow: 0 0 5px #fff; }
.config-modal-selects.gs_ui.dropdown.disabled, .config-modal-selects.gs_ui.dropdown .disabled { opacity: .2; }
.config-modal-selects.gs_ui.dropdown ul li:first-child { background: url("../../../img/icon-dropdown.png") right top no-repeat; border-top: none; margin-top: 0; padding-top: 0; }
.config-modal-selects.gs_ui.dropdown ul li:hover { text-shadow: 0 0 5px #00beff; }