/**************************************************/
/*  GF-Forms NG styling                           */
/**************************************************/
.sectionTem {
	border-top: 2px solid #00306B;
	background-color: #CCCCFF;
	padding: 0.5% 1%;
	height: auto;
	float: left;
	width: 98%;
}

.childrens_true {
}

.question {
	float: left;
	margin-left: 0px;
}

.question label {
	width: 15em;	
}

.question .questionFieldset {
	padding:0;
	margin:0;
	border:medium none;
	font-weight:normal;
}

.answer {
	float: left;	
}

.freetext {
	width: 25em;
	max-width: 25em;
	margin: 0;
	padding: 0;
}

.answer select {
	margin: 0;
	padding: 0;
	width: 25em;
	max-width: 70% !important;
}

.parallel_select {
	width: 40%;
	max-width: 12em !important;
}

.parallel_select_right {
	width: 40%;
	max-width: 12em !important;
}

.answer input {
	display: block;
	float: left;
	margin: 0 3px 0 0; padding: 0;
}	

.answer label {
	display: block;
	float: left;
}

.answer label.radio_label {
	display: block;
	float: left;
	width: 13em;
	word-wrap: break-word;
}

.other_opt {
	clear: both;
	float: left;
	width: 100%;
}

.multiple_true {
	height: 8em;
}

.multiple_false {
}

.inline_true {
	min-width: 70%;
}

.inline_false {
	width: 75em;
	/* min-width: 100%; wrongly displayed in FF */
}

.qLblInline {
	display: block;
	float: left;
	max-width: 25%;
	margin: 0;
	padding: 0;	
}

.qLblNextline {
	width: 99% !important;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}

hr {
	float: none;
	clear: both;
	margin: 1px 0 0 0;
	border: 0;
	width: 100%;
}

.debug {
	color: red;
	clear: both;
	float: left;
	border: 5px solid red;
	font-size: x-large;
	padding: 0 50px;
}

.parallel_add, .parallel_remove {
	text-decoration: none;
	font-size: large;
	font-weight: bold;
}

.invalid {
	color: red;
	font-weight: bold;
}

.hide {
	display: none;
}

.notvalid {
    border: 1px solid red;
}

select.notvalid {
    border: 1px solid red;
	background-color: #ffb0b0;
}

/**
 * Styles for certain questions. These are configured in cssLayout property (in database)
 */
.gfsocial .answer {
	width: 100%;
}
.gfsocial .answer .question label {
	width: 15em;
	float: left;
	clear: none;
	display: block;
}
.gfsocial input {
	width: 17em;
}
.gfsocial .answer .question .answer {
	min-width: 17em;
	width: 17em;
	float: left;
	clear: none;
}
.previewLink {
	position: absolute;	
	width: auto !important;
}
.gfsocial .answer .question a {
	width: 10em;
	float: left;
	clear: none;
}

/**
 * Sections
 */
.section_form {
	margin: 0 0 10px 0;
	padding: 0;
}

.section_title {
	background-color: #FFFFFF;
}

.section_title h5 {
	margin: 0;
	padding: 0;
}


/**
 * DOES THIS BELONG HERE?!?!??! OR IN deault.css?!?!!?
 */
.social_networks_menu .button_holder {
	margin-top: 10px;
}

div.question label img.social_networking {
	display: block;
	float: left;
	vertical-align: middle;
	margin: 1px 10px 3px 10px;
}

div.answer textarea.freetext {
	clear: both;
	display: block;
}

.social_networks_menu {
	background-color:#fff;
	border:1px solid #003B66;
	left: 292px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	position:absolute;
	top:156px;
}

.social_networks_menu div {
	margin: 5px 0;
}

.social_networks_menu div label {
	margin-left: 3px;
	float: none;
	display: inline;
}

.info_social_networking {
	width: 15em;
	float: left;
	position: absolute;
	margin-left: 70em;
	border: 1px solid #00306B;
	background-color: #FFFFFF;
	padding: 2px;
	-moz-box-shadow: 0 0 1em #777777;
	-webkit-box-shadow: 0 0 1em #777777;
	box-shadow: 0 0 1em #777777;
}

.info {
	width: 18em;
	float: left;
	position: absolute;
	margin-left: 28em;
	border: 1px solid #00306B;
	background-color: #FFFFFF;
	padding: 2px;
	-moz-box-shadow: 0 0 1em #777777;
	-webkit-box-shadow: 0 0 1em #777777;
	box-shadow: 0 0 1em #777777;
}

.info i {
	background-color: #FFFFFF;
}

* html .info {
	margin-left: 2em;
}

.calendar_img {
	float: left;	
}

/**
 * Contractor Rates Custom styling
 */
#appiterms {
	border: 0 none; 
	margin: 0;
	padding: 0;	
}

#vRateCurrency, #vRatePeriod {
	float: left;
	width: 10em !important;	
}

#rates_currper .labelPer {
	width: auto;
	float: left;
	margin: 4px 10px 0 10px	
}

#rates_contractor .labels, #rates_3rd .labels {
	width: 15em;
	float: left;
	white-space: normal;
}
#rates_contractor .rates, #rates_3rd .rates {
    float: left;
    width: 7em;
}
#rates_contractor input, #rates_3rd input {
	width: 5em !important;
}
#rates_contractor label, #rates_3rd label {
    float: left;
    width: 5em;
}
#sAddInfo {
	width: 25em;	
}

#id_error_box_caa {
	background-image: url(/images/lightbox.png);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
}

#id_error_box_content_caa {
	border: 1px solid #6F79D4;
	background-color: white;
	color: black; 
	width: 550px;
	height: 134px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -275px;  /* half of the width */
	margin-top: -67px;  /* half of the height */
	text-align: center;
}

#id_error_box_message {
	padding-top: 15px;
} 

#id_error_box_action{
	position: relative;
	top: 40px;
}

.error_message_icon {
		margin: 0 0 -3px 1px;
}

.disableDateInput {
	background:none repeat scroll 0% 0% rgb(212, 208, 200); 
	color: rgb(128, 128, 128);	
}

.enableDateInput {
	background:none repeat scroll 0% 0% white;  
	color: black;
}