/** FORMS **/

/** BASIC FORM STYLING **/
select {
	height: 22px;
	min-width: 140px;
	outline: none;
	padding: 2px 0 0;}

option {
	padding: 4px;}

fieldset {
	border: none;}

legend {
	display: none;}

label {
	font-weight: bold;}

form ol {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}

form ol li {
	margin-bottom: 0.7em;
	zoom: 1;
	-ms-zoom: 1;}

form ol li:after {
	content: '.';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;}

form ol li ol li, form ol li ul li {
	margin-bottom: 0;
	padding: 0 !important;}

form span,
form input,
form select,
form textarea,
form span {
	display: block;}

.meshkeyword span {
    display: inline;
}

form ul, form ol {
	list-style-type: none;
	list-style-position: outside;}

form li li label {
	font-weight: normal;}

form ol li ol, form ol li ul {
	margin-bottom: auto;}

form .checkbox_list {
  margin-left: 0;}

form button {
	margin-right: 5px;}

.error_list {
  margin-left: 0;
  margin-right: 0;}

.block.error .error_list {
  margin-left: 20px;
  margin-bottom: 0;}

.block.error .error_list li {
  list-style-image: url(/images/li-exclamation.png);}

.block.error .error_list li + li {
  padding-top: 0.75em;
  margin-top: 0.75em;
  background: url(/images/block-errors-bevel-line.png) top left repeat-x;}


/* INPUTS */
input[type="text"], input[type="password"], textarea,
input[type="date"], input[type="datetime"],
select[multiple="multiple"],
select[multiple] {
  display: inline-block;
	background-image: url(/images/form-default.gif);
	border: 1px solid #A8A8A8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	margin: 1px 5px 0 0;
	width: 280px;
	font-size: 13px;
	color: #333;}

#sidebar input[type="text"], #sidebar input[type="password"], #sidebar textarea,
#sidebar input[type="date"], #sidebar input[type="datetime"],
#sidebar select[multiple="multiple"],
#sidebar select[multiple] {
  display: block;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus,
input[type="date"]:focus, input[type="datetime"]:focus,
form li.error input[type="text"]:focus, form li.error input[type="password"]:focus, form li.error textarea:focus
form li.error input[type="date"]:focus, form li.error input[type="datetime"]:focus,
select[multiple="multiple"]:focus {
	border-top-color: #aacdea;
	border-right-color: #e0ecf7;
	border-bottom-color: #e0ecf7;
	border-left-color: #aacdea;
	background-image: url(/images/form-focus.gif);}

input.checkbox, input[type="checkbox"], input.radio, input[type="radio"] {
	width: auto;
	margin: 3px 5px 0 0;
	outline: none;
	clear: none;
	float: left;}

select[multiple="multiple"],
select[multiple] {
  width: 588px !important;
	height: auto;}

.offset input.full, .offset textarea.full {
	width: 388px;}

textarea.title {
	width: 428px;
	height: 2.5em !important;}

/* combining these seems to flip out some browsers :/ */
input:-moz-placeholder {
  color: #AAA !important;}

input::-webkit-input-placeholder {
  color: #AAA !important;}

input.defaultvalue {
  color: #AAA !important;}


/* VARIOUS */
form .help {
	font-size: 85%;
	color: #666;}

.mesh_help {
	margin-bottom: 10px;
}

input[readonly=readonly] {
  cursor: not-allowed;
  opacity: 0.5;}


/** FORM 'OFFSET' STYLING **/
form.offset li,
form .offset li,
form li.offset {
	position: relative;
	padding-left: 160px;}

form.offset li label,
form .offset li label,
form li.offset label {
	position: absolute;
	width: 145px;
	left: 0;} /* Position the label back to the left */

form.offset li input[type="checkbox"]+label, form.offset li input[type="radio"]+label, form.offset li input[type="hidden"]+label,
form .offset li input[type="checkbox"]+label, form .offset li input[type="radio"]+label, form .offset li input[type="hidden"]+label,
form li.offset input[type="checkbox"]+label, form li.offset input[type="radio"]+label, form li.offset input[type="hidden"]+label {
	/* If a label follows directly after a checkbox/radio then they belong together: */
	position: relative;
	width: auto;}

form.offset li li,
form .offset li li,
form li.offset li {
	position: static;
	left: 0;}

form.offset li li label,
form .offset li li label,
form li.offset li label {
	position: static;
	left: 0;}

.radio_list {
  margin-left: 0 !important;}


/** FORM ERRORS **/
form li.error {
	color: #C00;
	margin-left: -9px;
	margin-right: -9px;
	padding: 5px 9px;
	border: 1px solid #FCC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;}

form li.error input[type="text"], form li.error input[type="password"], form li.error textarea,
form li.error input[type="date"], form li.error input[type="datetime"] {
	border: 1px solid #FFAEAE;
	border-right-color: #FCC;
	border-bottom-color: #FCC;}

form.offset li.error,
form .offset li.error,
form li.offset.error {
	padding-left: 169px;}

form.offset li.error label,
form .offset li.error label,
form li.offset.error label {
	width: 136px;
	left: 9px;} /* Position the label back to the left */

form.inline.error input[type="text"], form.inline.error textarea {
  border: 1px solid #FFAEAE;
  border-right-color: #FCC;
  border-bottom-color: #FCC;}

#appArticleDetail_intro {
  width: 588px;}

#news_detail_form .full {
  width: 548px;}

#page_detail_form .full {
  width: 548px;}

#appComment_body.full {
  width: 550px;}

form.offset li.reset,
form .offset li.reset {
	padding-left: 0;}

form.offset li.reset label,
form .offset li.reset label {
  position: static;
  padding-left: 0;}

hr {
  margin: 1.5em 0 0.5em 0;
  border: 0;
  background: url("/images/sidebar-bevel-line.png") repeat-x scroll left bottom transparent;}

.internal label {
	font-style: italic;}

button.text {
  height: auto;
  padding: 0;
  margin: 0;
  color: #0D468F !important;
  text-decoration: underline;
  font-weight: normal;
  background: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;}
}