/* CSS files here */

#contortionForms h2, #contortionForms h3{
	color:#09F;
}
#contortionForms h3{
	display: inline-block;
}


#contortionFormForm label span, #contortionFormActionForm label span, #contortionFormElementForm label span{
	width: 160px;
	display: block;
	float: left;
}
.contortionFormName, .contortionFormShortcode{
	color: #555555;
    font-size: 70%;
	width: 36%;
}
.contortionFormOrder{
	color: #555555;
    font-size: 70%;
	width: 10%;
}

.contortionColumnWrapperForms{
	width: 20%;
	float: left;
	margin-right: 1%;
	margin-bottom: 20px;
}
.contortionColumnWrapperFormActions{
	width: 44%;
	float: left;
	margin-right: 1%;
	margin-bottom: 20px;
}


.contortionFormActionSuppliedData{
	width: 22%;
}

.contortionFormActionDataParameters{
	width: 30%;
}


.error{
	display: none;
}

#cntrn_form_options_UI{
	padding: 20px;
	margin: 20px;
	border: 1px solid #CCC;
}



.hcForm label{
	clear: both;
	width: 33%;
	display: inline-block;
	float: left;
	line-height: 1;
	margin: 0px 10px 10px 0px;
}
.hcForm input{
	margin-bottom: 10px;
}

.pwdwidgetdiv{
	display: inline-block;
}
.hcForm .pwdwidgetdiv input{
	margin-bottom: 0px;
}


.hcForm .spmhidip{
	display: none;
}


.reqFields{
	padding: 0px 0px 20px 0px;
	color:#444444;
	font-size: 80%;
}

.hcForms_images, .hcForms_files{
	background: transparent url(../../../themes/brickr/assets/framework/black_10percent.png) repeat scroll 0px 0px;
	padding: 10px 0px 0px 10px;
	margin: 10px 0px;
	display: inline-block;
}

.hcForms_uploadImage, .hcForms_uploadFile {
	width: 66%;
	float: right;
	margin-bottom: 20px;
	display: block;
}
img.hcForms_displayImages{
	height: 100px;
	margin: 0px 10px 10px 0px;
	border: 1px dotted #888;
	padding: 3px;
	float:left;
}
.hcForms_displayFiles {
	margin: 0px 20px 10px 0px;
	border: 1px dotted #888;
	padding: 3px;
	float:left;
	display: inline;
}
.hcForms_deleteImage, .hcForms_deleteFile{
	position: absolute;
	bottom: 5px;
	right: 8px;
	cursor: pointer;
}
.hcForms_deleteFile{
	right: 10px;
}

.cntrnRadioBTNS{
	float: left;
	width: 60%;
}


.imageOption{
	border: 1px solid #000;
	float: left;
	margin: 0px 5px 5px 0px;
}





.previousCntrnCRsWrapper{
	padding: 5px 0px 1px 5px;
	background: transparent url(../assets/framework/white_20percent.png) repeat scroll 0px 0px;
	margin-bottom: 20px;
}

.previousCntrnCRcontainer{
	border: 1px dotted #000;
	padding: 5px;
	font-size: 100%;
	margin: 0px 5px 5px 0px;
	line-height: 1;
}

.deleteCntrnCR{
	cursor: pointer;
}

.formsAJAXalert{
	margin: 10px;
	border: 1px dotted #900;
	background-color:#FCF;
	padding: 10px;
	color:#900;
	font-size: 80%;
}
.formsAJAXsuccess{
	margin: 10px;
	border: 1px dotted #000;
	background-color: #6C6;
	padding: 10px;
	color: #030;
	font-size: 80%;
}
.formsAJAXupdate{
	border: 1px dotted #06C;
	background-color: #9CF;
	padding: 10px;
	color: #009;
	font-size: 80%;
	display: inline-block;
	margin: 10px auto;
}



#jsWindowReload{
	display: block;
	text-align: center;
}






.ui-datepicker td{
	background-color: transparent;
}

.ui-datepicker td span, .ui-datepicker td a{
	line-height: 1;
}

table.ui-datepicker-calendar, table.ui-tpicker-grid-label{
	border-top: none;
}

dl dt{
	line-height: 1;
}

dt{
	margin-top: 20px;
}



.psuedoTextarea{
	float: left;
	width: 60%;
	display: block;
}

.psuedoTextarea div.nicEdit-main{
	border: none;
	margin: 0px;
	padding: 8px;
	font-size: 80%;
	color:#333;
	overflow: auto;
	float: right;
	width: 96%;
}