/* @override http://0.0.0.0:3000/stylesheets/forms.css */

/* Form fields */

label {
	display: block;
	font-size: .9em;
	font-weight: bold;
}

.required label:after {
	content: ' *';
	color: red;
	font-size: 1.2em;
}

input[type='text'],
input[type='password'],
textarea {
	font-size: 12px;
	color: black;
	border: 1px solid silver;
	padding: 2px;
	background: white url(../images/controls.png) repeat left -204px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}

textarea {
	background: whitesmoke none;
}

input[type='text']:hover,
input[type='password']:hover,
textarea:hover {
	border: 1px solid #005b99;
}

input[disabled] {
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	color: black;
}

input[disabled]:hover {
	border-color: transparent;
	background-color: transparent;
}


/* @group Errors */
/* Success, notice and error boxes */

.fieldWithErrors {
  padding: 2px;
  color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* @end */

/* @group Buttons */

p.action {
	width: 700px;
	height: 32px;
	clear: both;
}

a.button, button {
	display: block;
	background: url(../images/button_right.png) no-repeat right top;
	border: none;
	float: left;
	overflow: visible;
	width: auto;
	height: 32px;
	cursor: pointer;
	padding: 0 10px 0 0;
	margin-right: 10px;
	text-decoration: none;	
	font-weight: bold;	
}

/* Firefox Hack */
button::-moz-focus-inner { border: none;}

a.button span, button span {
	display: block;
	white-space: nowrap;
	padding: 10px 0 10px 10px;
	background: url(../images/button_left.png) no-repeat left top;
	line-height: 12px;
	font-size: 11px;
	height: 12px;
	color: #000;
}

a.button:active {
	background: url(../images/button_right_hover.png) no-repeat right top;
	outline: none;
}

a.button:active span {
	background: url(../images/button_left_hover.png) no-repeat left top;
}

a.button.small, button.small {
	background: url(../images/button_right_small.png) no-repeat right top;
	font-size: 11px;
	height: 24px;
}

a.button.small span, button.small span {
	padding: 6px 0 6px 10px;
	background: url(../images/button_left_small.png) no-repeat left top;
	line-height: 10px;
	height: 12px;
}

a.button span img {
	position: relative;
	float: left;
	margin-top: -2px;
	margin-right: 5px;
}

a.button.small:active {
	background: url(../images/button_right_small_hover.png) right no-repeat;
}

a.button.small:active span {
	background: url(../images/button_left_small_hover.png) left no-repeat;
}

button[disabled='disabled'] {
	opacity: 0.5;	
	cursor: default;
}

/* @end */

/* Catalog */

form.edit_catalog input#catalog_name,
form.edit_catalog textarea#catalog_description {
	width: 300px;
}

form#new_user p {
	margin-bottom: 20px;
	
}

form.edit_catalog textarea#catalog_education,
form.edit_catalog textarea#catalog_certification,
form.edit_catalog textarea#catalog_specifics,
textarea#message_text {
	width: 640px;
	height: 240px;
}

/* @end */

input#user_subdomain {
	width: 125px;
}