/********************************************************
 * Styles for dlb's Send-A-Link (dsl)
 * 
 * For future Responsiveness considerations,
 * the basic design is meant
 * to fit within 320 px wide.
 * This is currently expressed in pixels, but 
 * should be re-specified as a pct of the enclosing container.
 *
 * This file is used by dsl.php, and is expected to be found 
 * in the same folder as dsl.php.
 *
 * Additional styles to modify or override these can be 
 * specified in a file of this same name located in the theme folder.
 *
 * See http://www.ajaxload.info/ to make a
 * loader gif image in the desired color
 */

#dsl-form-div form {
	width:314px;
	padding:2px;
}
#dsl-form-div textarea, #dsl-form-div input, #dsl-form-div p, 
#dsl-form-div div, #dsl-form-div label {
    width: 100%;
}
#dsl-form-div p {
	margin-bottom:2px;
}
#dsl-form-div textarea {
	height:5rem;
}
#dsl-form-div label {
  font-weight: bold;
}
/* error messages */
#dsl-form-div label span {
	font-weight: normal;
	color:red;
	font-style:italic;
}
#dsl-form-div .button {
	text-align:center;
	clear:both;
}
#dsl-form-div .button input {
	width:7em;
	font-weight:bold;
	border-width:2px;
}
#dsl-confirm-div {
	display:none;
}
#dsl-confirm-div .message {
	margin:0 4%;
	background-color:#D9CB80;
	padding:.3rem;
}
#dsl-loader {
	background-image:url('loader.gif');
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
	display:none;
	background-repeat:no-repeat;
	background-position:center;
}
/* clear floats so the captcha div has height */
#dsl-captcha div:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
}
#dsl-captcha img {
	float:right;
}
#dsl-captcha input {
	width:9em;
	margin:15px 0;
}
#dsl-captcha div {
	border:1px inset #aaaaaa;
	background-color:#E9EBAA;
	padding:2px;
	text-align:center;
}
#dsl-captcha p {
	margin-bottom:0;
}