/** ..:: COSL | Popups ::.. **/

/* Aurora Popups */
.aurora-popup-blockout { background-color: black; }

.aurora-popup { -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow:0 1px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 1px 20px rgba(0, 0, 0, 0.5); background-color:white; width:540px; }
.aurora-popup .close { position: absolute; top: 10px; right: 10px; display: block; opacity: 0.5; width: 22px; height: 22px; text-indent: -999in; background: url(/Platforms/Aurora/Images/UI/PopupClose.png) top left no-repeat; }
.aurora-popup .close:hover { opacity: 1; }

/* Lowdown Popups */
.cosl-popup { width: 540px; padding: 30px; font-family: Arial; }
.cosl-popup .field-name { padding: 10px 0 5px; font-family: Arial; font-size: 12px; font-weight: bold; }
.cosl-popup .field { color: #666; font-size: 13px; }
.cosl-popup textarea { height: 200px; }

.cosl-popup .lg input { padding: 6px; font-size: 18px; }
.cosl-popup .full input, .cosl-popup .full textarea { width: 520px; }

.cosl-popup .section { float: left; width: 250px; }
.cosl-popup .section.details { margin-left: 40px; }
.cosl-popup .image-box { position: relative; cursor: copy; width: 220px; padding: 65px 20px; margin-top: 10px; text-align: center; background-color: #ddd; font-family: Arial; font-weight: bold; }
cosl-popup .image-box span { display: block; position: absolute; width: 250px; top: 50%; margin: -50px 0 0 -25px; background-color: white; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.cosl-popup .input-button { margin-top: 20px; }


/** Send this page to a friend **/

/* Structure */
#refer-article { position: relative; overflow: hidden; }

#refer-article .form_col { float: left; width: 255px; }
#refer-article .form_col.right { border-left: 1px dotted #7B8293; padding-left: 20px; }

/* Fields */
#refer-article label { display: block; float: left; padding: 10px 0 5px 0;}
#refer-article .field {
	background: #FFF url('/Resources/JazeDigital/Sites/TheTemplates/Images/Icons/form_validation.png') no-repeat;
	background-position: top right;
	width: 220px;
	padding: 6px;
}

#refer-article .no-cols .field { width: 400px; }

#refer-article textarea.field { height: 100px; background: white; font-family: Arial; }
#refer-article .row { margin: 5px 0px 5px 0px; }
#refer-article .input-button { font-size: 14px; text-transform: uppercase; text-align: center; }
#refer-article .cancel { color: black; float: left; margin: 29px 0 0 10px; }
#refer-article .cancel:hover { color: #80131c; }

/* Validation */
#refer-article .aurora-field-invalid { background-position: right -194px; }
#refer-article .aurora-field-valid { background-position: right -164px; }

/* Success */
#form_success { padding: 20px 0px 20px 150px; }
#form_success .form_success_inner {
	background: url('/Resources/HUBB/Sites/HubbVideos/Images/Icons/form_success.png') top left no-repeat;
	padding: 20px 0px 30px 150px;
	color: #000;
}

#refer-article #activity-element { float: left; margin: 28px 0 0 10px; height:16px; width:16px;background:url("/Resources/JazeDigital/ajax-loader.gif") no-repeat scroll left top transparent; }

#refer-article .aurora-form-processing #form_submit {
	opacity: 0.5;
}

#refer-article .aurora-form-processing #form_cancel {
	display: none;
}