/*
 * @name: Forms
 * @site: http://www.stbarbara.com.au
 * @author: RBurnie, Hugeobject, http://www.hugeobject.com.au
 */

/* = SPECIAL = =========================================================================================== */
/* == SEARCH FORM in div#header == */
div#header form {
	width: 600px;
	float: right;
	margin-top: 39px;
	margin-right: 10px;
	position: relative;
}
div#header fieldset {
	float: right;
}
div#header label {
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	vertical-align: 35%; /* 50 good for safari bad for ff 40 vice versa */
	_vertical-align: 12%;
}
*:first-child+html div#header label {
	float: left;
	}
div#header input#searchterm {
	margin-left: 5px;
	padding: 2px;
	font-size: 0.95em;
}
div#header input.submit { 
	margin-left: 5px; 
	
	
	}
/* ie 7 lj hack */
*:first-child+html div#header input.submit { margin-top: 2px; }


form { 
	
}
fieldset {
	
}
div#sub_2 form {
	padding-left: 20px;
}
fieldset em.required {
	font-size: 0.8em;
	font-style: normal;
}
legend {/* same as h3 */
	font-size: 1.6em;
	color: #000;
	padding-bottom: 0.8em;
	color: #F07C00;
}
legend.small { 
	font-size: 1em; 
	font-weight: bold;
}
p.faux-legend {
	font-size: 1em; 
	font-weight: bold;
	color: #f07c00;
	margin: 0;
	padding: 3px 0 !important;
}
fieldset ol {
	list-style-type: none;
	margin: 0;
}
fieldset ol li {
	
}
/* bind li with clearfix */
fieldset ol li:after { 
    content: ".";  
    display: block;  
    clear: both;  
    visibility: hidden;  
    line-height: 0;  
    height: 0;  
}  
fieldset ol li {  
    display: inline-block;  
} 
/* NB: html must have a xmlns attribute */
html[xmlns] fieldset ol li {  
    display: block;  
}  
* html fieldset ol li {  
    height: 1%;  
}  

fieldset ol li label {
	display: block;
	float: left;
	width: 24%;
}

/* = TEXT = ============================================================================================== */
fieldset ol li input.text {
	width: 74%;
	border: 1px solid #ccc;
}

/* = DROPDOWNS = ========================================================================================= */
fieldset ol li select {
	width: 75%;
	border: 1px solid #ccc;
}

/* = SUBMIT = ============================================================================================ */
/*input.submit {
	height: 20px;
	font-size: 0.9em;
	font-weight: bold;
	color: #000 !important;
	background: #d3cf9e url(../images/btn_go_search.gif) top center repeat-y !important;
	text-transform: uppercase;
	border-top: 1px solid #503f00;
	border-right: 1px solid #e2c451;
	border-bottom: 1px solid #e2d5a7;
	border-left: 1px solid #503f00;
	margin-left: 25%;
}*/
/*:first-child+html input.submit, * html input.submit {
	position: absolute;
	top: 2px;
	right: 5px;
	}
*/


/* [rb] paste back here */

/*
	== DROPDOWN WITH TEXT == _____________________________________________________________________________
	Usedage example:
	<li>
		<label for="firstname">First Name</label>
		<span class="dropdown-with-text">
			<select name="title">
				<option>Mr</option>
				<option>Mrs</option>
				<option>Ms</option>
				<option>Miss</option>
				<option>Dr</option>
			</select>
			<input type="text" name="firstname" id="firstname" value="" size="25" class="text" />
		</span>
	</li>
*/
fieldset span.dropdown-with-text {
	display: block;
	float: left;
	width: 75%;
	position: relative;
}
fieldset span.dropdown-with-text select {
	display: block;
	float: left;
	width: 23%;
}
fieldset span.dropdown-with-text input.text {
	width: 75%;
	position: absolute;
	top: 0;
	right: 0;
}

/* == Press Archive Articles FORM in div#main == */
.document-navigation {
	background-color: #b9d4ea;
	color: #fff;
	padding: 10px 0 0 0;
}
.document-navigation label, 
.document-navigation select {
	margin-left: 10px;
	
}
.document-navigation select {
	 width: 80px;
}
.document-navigation .no-of-articles {
	border-top: 1px solid #fff;
	margin-top: 10px;
}
.document-navigation .no-of-articles p {
	width: 140px;
	margin-left: 10px;
	_margin-left: 5px;
	float: left;
	clear: left;
}
.document-navigation hr {
	background-color: transparent;

}
.document-navigation ul.article-navigation {
	list-style-type: none;
	padding: 0;
	margin: 0.5em 10px 1em 0;
	float: right;
}
.document-navigation ul.article-navigation li {
	padding: 0;
	margin: 0 0 0 3px;
	float: left;
	vertical-align: middle;
}
.document-navigation ul.article-navigation li a {
	color: #fff;
	text-decoration: none;
}


#main label { 
 font-weight: bold;
 padding-bottom: .5em; 
}
#main label.full { width: 99%; }