/* overlays */
.overlay {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; cursor: default; visibility: hidden; opacity: 0;
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.overlay_outer {position: absolute; left: 50%; top: 50%;
	-webkit-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	-khtml-box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
	-webkit-transition: margin 100ms ease-in-out;
	-moz-transition: margin 100ms ease-in-out;
	transition: margin 100ms ease-in-out;
}
.overlay_inner {position: relative; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #fff;}
.overlay_content {padding: 20px;}
.overlay.show {opacity: 1; visibility: visible; z-index: 900;}

.o_background {
	background: none;
	background: rgba(255,255,255,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7cffffff', endColorstr='#7cffffff');
}

.overlay_inner h4 {font-size: 20px;}
.overlay_intro {display: none;}
.overlay a {color: #777;}
.overlay a:hover {color: #000; cursor: pointer; }
.overlay li:hover a,
.overlay li:hover span,
.overlay li.sel a,
.overlay li.sel span {color: #000; }
.overlay .o_close {z-index: 1; position: absolute; display: block; top: -10px; right: -10px; line-height: 2em; width: 2em; text-align: center; font-size: 12px; text-transform: uppercase; color: #fff; cursor: pointer; border: 2px solid #fff; background-color: #ccc;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.overlay .o_close {font-family: 'Helvetica';}
.overlay .o_close:hover {color: #fff; background-color: #000;}

#pdf_overlay {text-align: center;}
#pdf_overlay .pdf_options a {display: inline; margin: 0 20px 0 0;}

.overlay_share_links {width: 10em; float: left; display: block; vertical-align: top; padding-top: 2em; margin-right: 20px;}
.overlay_share_links span {display: block; padding: 5px 10px 5px 0px; margin-bottom: 10px; text-align: left; color: #fff; background: #ccc; cursor: pointer;}
.overlay_share_links span:hover, .overlay_share_links span:hover .share_label {background: #666;}
.overlay_share_links sup {width: 1em; text-align: center; display: inline-block;}
.overlay_share_links .share_label {display: inline; }
#share_form {display: block; float: left; padding-left: 20px; border-left: 1px solid #ddd;}

#pdf_queue_overlay .overlay_outer {margin: -105px 0 0 -221px; }
#pdf_queue_overlay .overlay_description {width: 25em; }


/* form elements */
.f_row {clear: both; padding-top: 1em;}
.f_row label span,
.f_row label input {height: 1.4em;}
.f_row label {float: left; margin-left: 2.2em;}
.f_row label:first-child {margin-left: 0px;}
.f_row label span {padding-bottom: 0.2em;}

.f_buttons {text-align: left;}

.f_required {float: right; font-size: 80%; color: #999;}

.f_row label span,
.f_row input[type="submit"],
.f_row input[type="cancel"],
.f_row button {text-transform: capitalize;}

/* Form styling for multiple sizes */
.f_mini input[type="text"],
.f_mini input[type="password"],
.f_mini input[type="tel"],
.f_mini input[type="email"],
.f_mini input[type="address"],
.f_mini input[type="time"],
.f_mini input[type="datetime"],
.f_mini input[type="date"],
.f_mini input[type="url"],
.f_mini input[type="search"],
.f_mini select,
.f_mini textarea {width: 4em;}
.f_small input[type="text"],
.f_small input[type="password"],
.f_small input[type="tel"],
.f_small input[type="email"],
.f_small input[type="address"],
.f_small input[type="time"],
.f_small input[type="datetime"],
.f_small input[type="date"],
.f_small input[type="url"],
.f_small input[type="search"],
.f_small select,
.f_small textarea {width: 8.7em;}
.f_medium input[type="text"],
.f_medium input[type="password"],
.f_medium input[type="tel"],
.f_medium input[type="email"],
.f_medium input[type="address"],
.f_medium input[type="time"],
.f_medium input[type="datetime"],
.f_medium input[type="date"],
.f_medium input[type="url"],
.f_medium input[type="search"],
.f_medium select,
.f_medium textarea {width: 11em;}
.f_large input[type="text"],
.f_large input[type="password"],
.f_large input[type="tel"],
.f_large input[type="email"],
.f_large input[type="address"],
.f_large input[type="time"],
.f_large input[type="datetime"],
.f_large input[type="date"],
.f_large input[type="url"],
.f_large input[type="search"],
.f_large select,
.f_large textarea {width: 18em;}
.f_xlarge input[type="text"],
.f_xlarge input[type="password"],
.f_xlarge input[type="tel"],
.f_xlarge input[type="email"],
.f_xlarge input[type="address"],
.f_xlarge input[type="time"],
.f_xlarge input[type="datetime"],
.f_xlarge input[type="date"],
.f_xlarge input[type="url"],
.f_xlarge input[type="search"],
.f_xlarge select,
.f_xlarge textarea {width: 25em;}
.f_xxlarge input[type="text"],
.f_xxlarge input[type="password"],
.f_xxlarge input[type="tel"],
.f_xxlarge input[type="email"],
.f_xxlarge input[type="address"],
.f_xxlarge input[type="time"],
.f_xxlarge input[type="datetime"],
.f_xxlarge input[type="date"],
.f_xxlarge input[type="url"],
.f_xxlarge input[type="search"],
.f_xxlarge select,
.f_xxlarge textarea {width: 32em;}

label span {display: block;}