@charset "UTF-8";
/* CSS Document */

.leftColumn #FormTitle
{
	font-size:18px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	width: auto;
	max-width: 650px;
}

#msg
{
	background:#FFFFCC;
	margin:10px; 
	padding:4px; 
	display:none; 
	width: 100%;
}
	
div#builderButtons
{
	display: block;	
}

.actionButton
{
	background: #D7C190 url(../images/FormBuilder/bg_div_alert.gif) repeat-x top left; 	padding: 2px;
	text-align: center;
	color: #3333333;
	font-size: 10px;
	border: 1px solid #333333;
}

.WebFormParts
{
	width: 96%; 
	border: 1px solid #DEDEDE; 
	padding: 10px 2%; 
	margin-bottom: 15px;
    float: left;
}

.WebFormPartsHighlight
{
	width: 96%; 
	border: 1px solid #ee8f00; 
	background: #ffebcc; 
	padding: 10px 2%; 
	margin-bottom: 15px;
    float: left;
}

.WebFormControls
{
	width: 250px;
    border-bottom: 1px solid #5e5e5e;
    padding: 10px 10px 20px 10px;
    margin: 10px;
	color: #FFFFFF !important;
}

.WebFormControls a
{
	color: #FFFFFF !important;
	text-decoration: none !important;
}

form > #adminFormOption .WebFormParts h1,
form > #adminFormOption .WebFormPartsHighlight h1 
{
    background: none;
    color: #333a42;
    position: relative;
    margin: 0px;
    border: 0px;
	font-size: 32px;
}

/*#adminBoxFieldset .WebFormControls strong,*/
#adminBoxFieldset .WebFormParts strong,
#adminBoxFieldset .WebFormPartsHighlight strong,
#adminBoxFieldset #formBuilderTable strong
{
	color: #333a42;
}

#adminBoxFieldset .WebFormControls hr 
{
    border-top: 1px solid #a1b3b8;
    border-bottom: 1px solid #ffffff;
    border-left: 0px;
    border-right: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 0px;
    width: 100%;
}

.WebFormControlsGroup
{
	width: 60px; 
	border: 1px solid #ffffff; 
	padding: 12px 6px; 
	margin-left: 5px; 
	text-align: center;
	font-size: 22px;
	background: #ee8f00;
	color: #FFFFFF;
	display: inline-block;
}
.WebFormControlsAlert
{
	width: 250px; 
	padding: 10px; 
	margin: 10px; 
}

#adminBox .WebFormControls .buttonAction,
#adminBox .WebFormControlsAlert .buttonAction
{
    padding: 5px;
    font-size: 15px;
    top: 6px;
	text-decoration: none;
}

#adminBox .WebFormControlsAlert .buttonAction:hover
{
	cursor: pointer;
}

#adminBox .WebFormControls .buttonLarge,
#adminBox .WebFormControlsAlert .buttonLarge 
{
	text-decoration: none;
}

.WebFormControlsAlert input
{
    width: 80%;
}

#adminBoxFieldset .WebFormControlsAlert strong
{

}

.leftColumn
{
	max-width: 632px;
	background: #FFFFFF;
}

#adminBox table td.rightColumn
{
	width: 250px;
	color: #FFFFFF !important;
	/*background: #C9CDCE;
	border-left: 10px solid #A1B3B8;
	border-top: 2px solid #A1B3B8;
	border-right: 2px solid #A1B3B8;
	border-bottom: 2px solid #A1B3B8;	*/
}

#adminBox .rightColumn table td
{
	color: #FFFFFF !important;
}
	
textarea
{
	font-family:'Lucida Grande', Verdana,Helvetica, Arial, sans-serif; 
	font-size:12px;
	color:#666666; 
	padding: 5px; 
	width: 80%;
	-webkit-border-radius: 8px;
}

ul#myList
{
	margin-left: 0px;
    display: flex;
    flex-direction: column;
}

ul#myList li
{
	margin-bottom: 0px;
	margin-top: 10px;
	display: none;
	float:none;
}

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.dynamicTD
{
	border-bottom: 1px solid #CCCCCC; 
	border-left: 1px solid #EBEBEB; 
	border-right: 1px solid #EBEBEB; 
	padding: 5px;	
	background: #FFFFFF;
	color: #666666;
}

.required
{  
	font-family: 'Lucida Grande', Verdana,Helvetica, Arial, sans-serif;  
	font-size: 11px; 
	line-height: 1.2; 
	font-weight: bold; 
	/*color: #6A0A0A;*/ 
	color: #d80c0c;
	text-decoration: none;
}

a.formBuilderCustomFieldText
{
	font-size: 20px !important;
	margin-bottom: 20px;
}
a.formBuilderCustomFieldText:hover
{
	color: #ee8f00 !important;
	font-size: 20px !important;
	cursor: pointer;
}

i.editFormElement {
	float: right;
	color: #333333;
	font-size: 20px;
	cursor: pointer;
}