/* BEGIN STYLES FOR FORM-ELEMENTS EVERYWHERE */

input, textarea {	border: solid 1px #000; }
input[type="hidden"] {
	display:none !important; 
}
input[type="text"], input[type="password"] {
	padding-left: 2pt;
	margin-bottom: 2pt;
}
input[type="submit"] {
	outline: none; /* removes the dotted-outline in Firefox */
	cursor: pointer; 
	background-color: #808080;
	color: #fff;
	border: none; 
	padding-top: 1pt;
	padding-bottom: 1pt;
	margin-top: 8pt;
}
input[type="submit"]:hover { background-color: #f30 }
option { display:block !important; }


/* END STYLES FOR FORM-ELEMENTS EVERYWHERE */


/* all form containers */
/* !!!! CHANGE IDs TO camelCase !!!! */
#form_head {
	position: absolute;
	width: 380px;
	height: 30px;
	padding: 5px 10px;
}

#form_head h1 {
	display: none;
}

#form_body {
	position: absolute;
	width: 380px;
	height: 360px;
	margin-top: 40px;
	padding: 0px 10px;
	overflow: auto;
}

#form_body.form_short {
	height: 210px;
}

#form_body h4 {
	color: #000;
	margin: 8pt 0pt 5pt 0pt;
}

#form_body h5, #form_body h5 * {
	color: #808080;
	font-size: 9pt;
	font-style: italic;
	margin: 4pt 0pt 4pt 0pt;
}

#form_body h5 a:hover {
	color: #f30;
}

.headline > * {
	height: 30px;
	background-image: url('../images/headlines/headlines_h30_black.gif');
	background-repeat: no-repeat;
	margin-left: -1px; /* allow for capital 'T' to begin a little to the left of body text */
	margin-bottom: -5px;
}

.headline[title="my favourites"] > *        { width: 121px; background-position: -420px -30px; }
.headline[title="comments"] > *             { width: 102px; background-position: -498px   0px; }
.headline[title="please sign in"] > *       { width: 125px; background-position:   -6px -30px; }
.headline[title="search"] > *               { width:  66px; background-position: -274px -30px; }
.headline[title="search results"] > *       { width: 133px; background-position: -274px -30px; }
.headline[title="terms & conditions"] > *   { width: 177px; background-position:   -6px   0px; }
.headline[title="privacy policy"] > *       { width: 130px; background-position: -195px   0px; }
.headline[title="safety guidelines"] > *    { width: 150px; background-position: -336px   0px; }

/* sign up has some special styles */
.headline[title="sign up"] > *              { width:  72px; background-position: -143px -30px; }
.headline[title="sign up here"] > *         { width: 117px; background-position: -143px -30px; }
a .headline[title="sign up here"] > *       { opacity: .5; filter: alpha(opacity=50); }
a .headline[title="sign up here"] > *:hover { opacity: 1; filter: alpha(opacity=100); }