/* Cohesion - Form CSS */

.gx_form {
	margin: auto;
	width: 800px;
}

.gx_form .db_content {
	margin-bottom: 6px;
}

.gx_form .db_content p {
	margin-bottom: 6px;
}

.gx_form .form_field {
	clear: both;
	padding: 6px 6px 0px;
	overflow: auto;
}

.gx_form .form_field input[type=text], .gx_form .form_field input[type=password], .gx_form .form_field input[type=file] {
	float: left;
	margin: 3px 6px;
	padding: 6px;
	width: 468px;
	border: dashed rgba(91,90,90,0.4) 1px;
	background: none;
	
	line-height: 18px;
	font-size: 12px;
	
	outline: none;
}

.gx_form .form_field input[type=text]:focus, .gx_form .form_field input[type=password]:focus, .gx_form .form_field input[type=file]:focus {
	border: solid #A34445 1px;
	background: #FFF;
}

.gx_form .form_field input[name^=login] {
	width: 220px;
	
	outline: none;
}

.gx_form .form_field_body_container {
	float: left;
	margin: 6px;
	width: 483px;
}

.gx_form .form_field_body_container div>p, .gx_form .form_field_body_container div>div {
	/* Rich Text (HTML) Field content */
	margin-bottom: 6px;
}

.gx_form .textControlContainer a {
	float: left;
	
	margin: 0;
	padding: 3px;
	
	width: 50px;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	border-right: 1px #A34445 solid;
	border-top: 1px #A34445 solid;
	background: #FFF;

	text-align: center;
	cursor: pointer;
}

.gx_form .textControlContainer a:first-child {
	border-radius: 6px 0px 0px 0px;
	border-left: 1px #A34445 solid;
}

.gx_form .textControlContainer a:last-child {
	border-radius: 0px 6px 0px 0px
}

.gx_form .textControlContainer a.strong {
	font-weight: bold;
}

.gx_form .textControlContainer a.em {
	font-style: italic;
}

.gx_form .textControlContainer a.strike {
	text-decoration: line-through;
}

.gx_form .textControlContainer a:HOVER {
	background: #A34445;
}

.gx_form .textControlContainer a:DISABLED {
	margin: 0;
	padding: 1px;
	
	border: 1px #354d66 solid;
	background: #FFF;
	color: #354d66;
	
	-webkit-border-radius: 0;
}

.gx_form .textControlOn {
	float: left;
	
	margin: 0;
	padding: 1px;
	
	width: 43px;
	font-size: 10px;
	line-height: 12px;
	border: 1px #354d66 solid;
	background: #FFF;
	color: #354d66;
	text-align: center;
	cursor: pointer;
	
	-webkit-border-radius: 0;
}

.gx_form .textControlOn:HOVER {
	margin: 0;
	padding: 1px;
	
	border: 1px #354d66 solid;
	background: #354d66;
	color: #FFF;
	
	-webkit-border-radius: 0;
}

.gx_form .form_field_body {
	padding: 9px;
	border: dashed rgba(91,90,90,0.4) 1px;
	
	width: 460px;
	height: 240px;
	line-height: 1.4em;
	font-size: 12px;
	overflow: auto;
	
	resize: vertical;
	outline: none;
}

.gx_form .form_field_body:focus {
	border: solid #A34445 1px;
	background: #FFF;
}

.gx_form .summary {
	height: 80px;
}

.gx_form .form_field_body ul {
	list-style-type: disc;
	text-indent: 20px;
}

.gx_form textarea {
	display: none;
	
	outline: none;
}

.gx_form .form_field_title {
	float: left;
	padding-top: 8px;
	width: 120px;
	text-align: right;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #A34445;
}

.gx_form .buttons {
	clear: both;
	margin: 24px;
	text-align: center;
}

.gx_form .buttons input {
	display: inline;
}

form input[type=button], form input[type=submit] {
	cursor: pointer;
	
	margin: 0px 5px;
	padding: 0.4em 0.8em;
	border: solid #A34445 1px;
	background: #FFF;
	
	font-size: 12px;
	font-weight: bold;
	color: #A34445;
	
	border-radius: 6px;
	
	-webkit-transition:	all 0.3s ease;
	-moz-transition: 	all 0.3s ease;
	-ms-transition: 	all 0.3s ease;
	-o-transition: 		all 0.3s ease;
	transition: 		all 0.3s ease;
}

form input[type=button]:HOVER, form input[type=submit]:HOVER {
	background: #A34445;
	color: #FFF;
}

form input[type=button]:DISABLED, form input[type=submit]:DISABLED {
	border: solid #A34445 2px;
	background: #FFF;
	color: #A34445;
	
	opacity: 0.5;
}

.gx_form p.form-caption {
	clear: both;
	font-size: 11px;
	color: #666;
	font-style: italic;
	margin: 3px 0px 0px 126px;
}

.gx_form .tag_container {
	padding: 3px 0;
}

.gx_form .tag_container input {
	float: left; 
	width: 360px !important;
}

.gx_form .form_spacer {
	clear: both;
	float: left;
	width: 120px;
	height: 1px;
}

.gx_form .image_preview {
	float: left;
	margin: 3px 6px;
	border: dashed rgba(91,90,90,0.4) 1px;
	background: none;
	
	width: 470px;

	min-height: 120px;
}

.gx_form .image_preview img, .gx_form .image_preview div {
	cursor: pointer;
	
	margin: 12px;
	padding: 3px;

	z-index: 1;
}

.gx_form .image_preview img {
	float: left;
	width: 204px;
}

.gx_form .image_preview div {
	background-color: rgba(204,204,204,0.4);
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	overflow: hidden;
}

.gx_form .image_preview img:HOVER, .gx_form .image_preview div:HOVER {
	padding: 0;
	border: 3px dashed #A34445;
}

.gx_form .image_preview .selected {
	padding: 0;
	border: 3px solid #A34445;
}

.gx_form .image_preview .primary {
	padding: 0;
	border: 3px solid rgb(34,128,34);
}

.gx_form .image_options {
	float: left;
	
	margin: 5px 0 0;
	padding: 3px 0 0 6px;

	height: 53px;

	text-align: left;
}


.gx_form .image_options input {
	clear: both;
	float: left;
	margin-bottom: 12px;
}

.gx_form .tag_title {
	float: left;
	padding: 8px 0 0 3px;
	width: 100px;
	
	font-size: 12px;
	font-weight: bold;
}

.gx_form select {
	border: 1px solid #000;
	
	float: left;
	margin: 3px 6px;
	padding: 2px;
	width: 180px;
	
	font-size: 14px;
}

.gx_form .datetime {
	width: auto;
}

.gx_form .input_error {
	display: none;
	float: left;
	width: 120px;

	margin: 3px 0 0;
	padding: 3px 0 0 6px;

	border-left: 6px solid rgb(246,53,53);
	height: 28px;

	text-align: left;
	font-size: 10px;
	font-style: italic;
}

.gx_form .body_error {
	display: none;
	float: left;
	
	margin: 19px 0 0;
	padding: 3px 0 0 6px;

	border-left: 6px solid rgb(246,53,53);
	height: 60px;
	max-width: 120px;

	text-align: left;
	font-size: 10px;
	font-style: italic;
}

.gx_form .pageFooter {
	clear: both;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.gx_form .pageFooter a {
	display: inline-block;
	margin: 4px;
	width: 28px; height: 28px;
	line-height: 28px;
	border: solid #A34445 1px;
	background: #FFF;
	border-radius: 24px;
}

.gx_form .pageFooter a:HOVER, .gx_form .pageFooter a.selected, .gx_form .pageFooter a.complete {
	background: #A34445;
	color: #FFF;
}

.gx_form .pageFooter a.complete {
	opacity: 0.4;
}