/*MAIN FORM WRAPPING DIV*/
#form_display_main{
	background: none repeat scroll 0 0 #FFF;
    padding: 10px;
    /*width: 97%;*/
	font-family : Verdana,Arial,Helvetica,sans serif;
	
    /*FOR ROUNDED CORNER*/
   	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
   /*  border : 1px solid #CCC !important; */
}

.form_display_error{
	
}

.form_display_required_marker{
	color : #990000;
}

.required_response_td{
	border-left: 2px solid #990000 !important;
}

#form_display_header_div{
	
}

#form_display_header_txt{
	color: #990000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

#form_display_desc_txt{
	font-size: 14px;
    margin-bottom: 15px;	
}

#form_display_question_prod_div{
	/* border: 1px solid #CCCCCC; */
    font-size: 14px;
    /*padding: 10px;
	background : #fff;*/
	/*FOR ROUNDED CORNER*/
   	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* border : 1px solid #CCC !important; */
}
#form_display_question{
	/*display: table;*/
	/*width : 100%;*/
	border-collapse: collapse;
	border: 1px solid #EEEEEE;
}

table#form_display_question td, table#form_display_question th {
    border-color: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
	padding : 7px;
	vertical-align : top;
}



#form_display_question input[type="text"],#form_display_question input[type="password"]{
	border: 1px solid #999999;
    border-radius: 5px;
	height: 35px;
	font-size : 15px;
}

#form_display_question select{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 15px;
    height: 35px;
    padding-left: 10px;
}

#form_display_payment{
    /*display: table;*/
   /* width : 100%;*/
    border-collapse: collapse;
    margin-top: 20px;
}

table#form_display_payment td, table#form_display_payment th {
    border-color: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding : 7px;
    vertical-align : top;
}



#form_display_payment input[type="text"],#form_display_payment input[type="password"]{
    border: 1px solid #999999;
    border-radius: 5px;
    height: 35px;
    font-size : 15px;
}

#form_display_payment select{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
    border-radius: 5px;
    font-size: 15px;
    height: 35px;
    padding-left: 10px;
}


.form_display_radioCheckBox_input{
	float: left;
	margin-right : 8px!important;
}

.form_display_radioCheckBox_txt{
	float: left;
    /* width: 92%; */
    word-wrap: break-word;
    font-size : 15px;
}

.form_display_clearboth{
	clear : both;
}

#form_display_product{
	border : 1px solid #EEE;
	margin-top: 15px;
	/*width:100%;*/
}

#form_display_product_promptTxt{
	
	color: #990000;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-top: 15px;
    font-weight: bold;
}

#form_display_product_term_list{
	margin-left: 5px;
}

.form_display_product_txt{
	font-size: 14px;
    font-weight: bold;
}

.form_display_product_txt_desc{
	font-style: italic;
    font-weight: normal;
    margin-left: 5px;
}

.form_display_term_list{
	margin-bottom: 10px;
    margin-top: 5px;	
}

.form_display_term_chkbox{
	float: left;
}

.form_display_term_txt{
	float: left;
	 margin-top: 3px;
}

#display_form_buttons{
    /*height: 25px;
    margin-top: 10px;
    padding: 10px;*/
   /* 	background : #E0E0E0; */
   
   	text-align : center;
	/*FOR ROUNDED CORNER*/
   /* 	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border : 1px solid #CCC !important; */
}

#display_form_captcha{
	/*border: 1px solid #EEEEEE;*/
    /*height: 115px;*/
    margin-top: 15px;
}

#display_form_captcha input{
	 border: 1px solid #999999;
    border-radius: 5px;
    font-size: 15px;
    height: 35px;	
}

#display_form_captch_txt{
	color: #990000;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 10px;
}

#display_form_captcha_img{
	/* border-right: 2px solid #990000; */
    float: left;
    margin-left: 5px;
   /*  width: 40%; */
    
}

#display_form_captcha_input{
	float: left;
    margin-left: 10px;
    margin-top: 25px;
    /*background: #ffffff url("../images/form-text-bg.gif") repeat-x scroll left top;*/
}

#display_form_buttons input{
	/*border: 1px solid #eee;
    border-radius: 10px;*/
    font-size: 20px;
    /*height: 45px;
    width: 120px;*/
}

#display_form_submit{
	
	/*float : left;*/
}

#display_form_reset{
	/*float : left;
	margin-left: 5px;*/
}

#display_form_submit, #display_form_reset {
	margin-top: 25px;
}

.display_form_alignCenter{
   /* margin: 0 auto;
    text-align: center;
    width: 30%;*/
}

/**MODAL CONFIRMATION**/
#confirm {display:none;}
#confirm-overlay {background-color:#000; cursor:wait;}
#confirm-container {min-height:200px; width:420px; font: 16px/22px Verdana, Arial; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; line-height:30px; width:100%; color:#fff; font-weight:bold;background: url("../images/confirm_header.gif") repeat scroll 0 0 transparent;}
#confirm-container .header_txt{padding-right: 5px;}
#confirm-container .header span {padding-left:8px;font: 16px/22px Verdana, Arial;}
#confirm-container .message {color:#990000; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(./button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

/**PAYMENT PAGE**/

#payment_form_main{
	background: none repeat scroll 0 0 #EEEEEE;
    padding: 10px;
    width: 90%;
	font-family : Verdana,Arial,Helvetica,sans serif;
	/*FOR ROUNDED CORNER*/
   	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border : 1px solid #CCC !important;
}

#payment_form_header_txt{
	color: #990000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.payment_form_order_summary_head {
    background: none repeat scroll 0 0 #CCDDCC;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
}

#payment_form_order_summary {
    border: 1px solid #666666;
    background: #CCC;
    margin-bottom: 20px;
    /*FOR ROUNDED CORNER*/
   	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border : 1px solid #CCC !important;
}

.payment_form_input_required{
	border-left: 2px solid #990000 !important;
}

.payment_form_main_table{
	/*display: table;*/
	width : 100%;
	border-collapse: collapse;
	border-color : #EEE;
}

table.payment_form_main_table td {
    border-color: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
	padding : 7px;
	vertical-align : top;
}

.payment_form_input_submit{
	text-align: center;
}

.payment_form_input_submit input[type="submit"]{
	border: 1px solid #000000;
}

.payment_form_err_msg{
	color: #990000;
    font-weight: bold;
    text-align: center;
}

.payment_form_order_summary_product{
	margin : 15px;
	background: #E0E0E0;
	padding : 10px;
	/*FOR ROUNDED CORNER*/
   	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border : 1px solid #CCC !important;
    
}

.payment_form_order_summary_product_table{
	border-top: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    width: 100%;
}

.payment_form_order_summary_product_table td,.payment_form_order_summary_product_table th{
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
    padding: 7px;
    vertical-align: top;
}

#promocodeTr{
	color: #990000;
    font-weight: bold;
    text-align: right;
}

#promocodeTr input{
	border : 1px solid #000;
}

#promoMsg{
	font-size: 12px;
    margin: 5px 5px 8px;
}

.payment_form_main_form{
	border: 1px solid #CCCCCC;
    font-size: 14px;
    padding: 10px;
	background : #E0E0E0;
	/*FOR ROUNDED CORNER*/
   	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border : 1px solid #CCC !important;
}

.payment_form_required_marker{
	color : #990000;
}

.billing_address_label{
	color: #990000;
    font-weight: bold;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-top: 15px;
    font-size: 14px;
}

.payment_form_main_form input[type="text"],.payment_form_main_form select{
	border : 1px solid #000;
}

.user_rec_found_email input[type="text"]{
	font-size: 16px;
    height: 24px;
    margin-right: 10px;
    padding-top: 5px;
    width: 300px;
}

.user_rec_found_email input[type="submit"]{
	border: 1px solid;
    height: 30px;
    padding-top: 2px;
}

.add_edit_msg_div{
	background: none repeat scroll 0 0 #CCCCCC;
    color: #0098DB;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px;
    text-align: center;
}

.add_edit_error_div{
	background: none repeat scroll 0 0 #CCCCCC;
    color: #990000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px;
    text-align: center;
}

.roundedCorner{
	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border : 1px solid #CCC !important;
}

#form_display_post_validate_err_txt{
	background: none repeat scroll 0 0 #990000;
    border: 1px solid #990000 !important;
    color: #DDDDDD;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 10px;
}

.form_display_product_status{
	background-color : #01850a;
	color : #FFF;
	padding : 2px 5px;
	font-weight : bold;
	display: none;
	margin-top: 5px;
}

#form_display_product_not_selected{
	background: none repeat scroll 0 0 #990000;
    border: 0 solid #990000 !important;
    color: #FFFFFF;
    font-weight: bold;
    margin: 10px auto;
    padding: 10px 0;
    text-align: center;
    width: 98%;
}

#display_form_poweredby{
	margin-top: 10px;
    text-align: right;
}

.display_form_successBoxDiv{
	 background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}

.verifyCodeTxt{
	 padding:10px 0;
	 text-align:center;
	 float:left;
	 font-size:20px;
	 width:15%;
	 font-weight:bold;
}

.verifyCodeInput{
	width:45%;
	height:38px; 
}

.verifyCodeSubmit{
	 text-align:center;
	 padding:10px;
}
.verifyCodeSubmitButton{
	background: none repeat scroll 0 0 #d95249;
    border: 0 solid #d95249;
    color: #fff;
    padding:5px;
    margin-left:5px;
}
#getPhoneToVerify{
	float: left;
    height: 35px;
    width: 15%;
}
#getCarrierInf{
	width:15%;
}
.askPhone{
	margin-top:5px;
}

.form_display_question_confirm_email{
	margin-top : 15px;
}

.validUsernameEmail{
	color: #b80c18;
    font-size: 13px;
    font-weight: bold;
}

#credential-form-ocid-question-sparator{
	font-size: 12px;
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}


/*oc-form-builder.css*/

#form-layout-header{
    width: 30%;
}
#form-layout-and-question-header{
	width:20%;
	 margin-top:10px;
}
#question-pool-header{
	width: 100%;
}
#form-layout-header,#form-layout-and-question-header{
	font-size: 16pt;
    margin-left:15px;
}

#question-pool-header{
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 10px;
}

#form-builder-saveButton{
	margin: 0 0.5% 0 45%;
}

.layoutDropButton{
	 border-color: #CCCCCC;
	 margin: 0px 16px;
}
.layoutDropButton:hover {
	cursor:pointer;
	}
#formTableLayout{
	/* margin: 0px auto;
    width: 80%;
    padding: 30px 0; */
    background: none repeat scroll 0 0 #e0e0e0;
    border-radius: 5px;
    margin: 10px auto;
    padding: 30px 10px;
    width: 98%;
}
.reqField{
	color:#AA1144;
}
#questionSearchInputByName{
	width:47.7%;
	border: 1px solid #CCCCCC;

}
#questionSearchInputById{
	width:47.7%;
	border: 1px solid #CCCCCC
}
#questionSearchArea{
	postion:fixed;
}
.questioncolumn .ui-state-highlight{
	height: 100%; 
}
.oc-form-question-rows .ui-state-highlight{
	height: 45px; 
}
#formTableLayout td{
	padding-bottom: 0.5em;
    padding-top: 0.5em;
}
.formDataTable{
	font-size: 13px;
	font-family: Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;
	font-weight:normal;	
}
.formDataTable input,.formDataTable textarea{
    border-color: #C5C3C3 #EDEDED #EDEDED #C5C3C3;
    border-style: solid;
    border-width: 1px;
    background: url("../images/form-text-bg.gif") repeat-x scroll left top #FFFFFF;
}
.numberLayoutDrop{
	border:1px solid #CCCCCC !important;
	background: url("../images/form-text-bg.gif");
    height: 22px !important;
    width: 20px;
}
#numberColText{
	  /*padding: 2px 8px;
	  font-weight:bold;*/
}
#numberColInput{
	border:1px solid #CCCCCC !important;
	background: url("../images/form-text-bg.gif");
}
#numberLayoutText{
	/*padding: 2px 10px;
	font-weight:bold;*/
}

#import-code{
	margin-bottom:20px;
}
#previewForm{
	display:none;
	margin-left: 46px;
    margin-top: 10px;
	padding: 10px 0;
	width: 860px;
	position: absolute;
	z-index:20;
}
#questionBuilderPopUp{
	display:none;
	margin-left:300px;
	padding: 10px 0;
	width: 60%;
	position: absolute;
} 
#previewTop{
	background: none repeat scroll 0 0 #b20612;
    height: 25px;
}
#hidePreview{
	background: none repeat scroll 0 0 #000000;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    line-height: 23px;
    text-align: center;
    width: 25px;
}
#previewFormFrame{
	border: 1px solid #CCCCCC;
	 background: none repeat scroll 0 0 #FFFFFF;
	}
#oc-form-info-area{
    /*margin: 0 auto;
    width: 98%;
	background : #EEE;*/
}

.oc-form-info-area-input-form-element-wrap{
	padding: 20px;
}

.oc-form-info-area-input-element-div{
	clear: both;
	margin-top: 20px;
	
}
#submitAndPreviewButton{
	padding: 5px 0;
}
.ui-dialog .ui-dialog-content {
    font-size: 15px;
}

.question-text{
	float:left;
	padding:0 5px;
	font-weight: bold;
	}

.oc-form-question-row-item .oc-form-question-row-item-question-info .questionId{
	float:left !important; 
}
.autopopulate{
	float: left;
    padding: 0px 15px 0 0;
    width: 5px;
}
.formValidationSelect{
	padding:5px 0 0 0;
}
.oc-form-info-area-input-element-label{
	float : left;
	width: 25%;
	margin-bottom:20px;
}
.oc-form-info-area-input-element{
	float : left;
	width: 70%;
}
.oc-form-info-area-input-element input[type="text"]{
	border: 1px solid #CCCCCC;
    width: 95%;
    background: url("../images/form-text-bg.gif") repeat-x scroll left top #FFFFFF;
}
.oc-form-info-area-input-element textarea{
	border: 1px solid #CCCCCC;
    width: 95%;
    background: url("../images/form-text-bg.gif") repeat-x scroll left top #FFFFFF;
}

.oc-form-info-area-input-element select{
    width: 95%;
    border: 1px solid #CCCCCC;
    background: url("../images/form-text-bg.gif") repeat-x scroll left top #FFFFFF;
}

#oc-count-form-builder ul{
	margin : 0px;
	padding:0px
}

.oc-form-question-row-item-question-options{
	margin-top:5px;
}
.form-info-submit-button{
	width : 115px;
	
}
#formSubmitButton{
	background-image: -moz-linear-gradient(center bottom , #cccccc 0%, #f6f6f6 69%);
    color: #1c94c4;
    font-weight: normal;
    border: 1px solid #ccc !important;
    border-radius: 5px;
    margin-left: 46%;
}
#oc-count-form-builder{
	/* border: 1px solid #CCC; */
	width: 100%;
	margin: 0 auto;
	background : #EEE;	
	min-height: 650px;
}
#oc-count-form-builder li{
	list-style : none;
}
#oc-count-form-layoutandbuildarea{
	width:66%;
	float:left;
	margin-right:10px;
	
}
.oc-form-layout-row-item{
	height: 40px;
	border: 0px solid #CCC;
	margin: 0 auto;
	cursor: grab;
}
.oc-form-build-area-row-item{
	height: 50px;
	width: 98%;
	border: 0px solid #CCC;
	margin: 14px auto;
	font-size:10pt;
}
.oc-form-question-rows{
	padding:0px;
	margin:0 auto;
	height: 200px;
	overflow:auto;	
}
.savedInfo{
	     height: 25px;
    margin-top: 10px;
    padding-top: 5px;
    text-align: center;
    color:#1c94c4;
    font-weight: bold;
}
.updateQInfo{
		     height: 25px;
    margin-top: 10px;
    padding-top: 5px;
    text-align: center;
    color:#1c94c4;
    font-weight: bold;
    margin-left:-45px;
}
#oc-form-layout{
	border: 1px solid #CCC;
	width: 100%;
	background : #EEE;
	margin-bottom : 10px;
	padding: 5px;
	margin-top:6px;
}
#oc-form-layout .oc-form-layout-row .oc-form-layout-row-item{
	margin-top : 15px;
}
#oc-form-build-area{
	border: 1px solid #CCC;
	width: 100%;
	display:inline-block;
	margin-top:1%;
	/*padding:20px 0 30px 0;*/
}
.oc-form-build-area-rows{
	min-height : 40px;
	padding-bottom: 30px !important;
}
.oc-form-question{
    width: 100%;
   	padding : 5px;
   	border : 1px solid #CCC;
   	min-height: 270px;
}
.formValidation{
	display: flex;
    min-width: 95px;
}
.checkboxRadioCol{
	display: flex;
    min-width: 15px;
}
.oc-form-question-row-item{
	width : 96%;
	font-size: 13px;
	cursor:pointer;
	min-height:20px;
}
#question-field{
	width:32%;
}
.oc-form-question .oc-form-question-rows li:hover{
	background:#CCCCCC;
}
.oc-form-question .oc-form-question-rows .oc-form-question-row-item {
    border: 1px solid #CCCCCC;
    margin-top: 5px;
    padding: 5px;
}
.table-four-col-ul span {
	display: inline-block;
	 vertical-align: top;
}
.table-three-col-ul span {
	display: inline-block;
	 vertical-align: top;
}
.table-two-col-ul span {
	display: inline-block;
	 vertical-align: top;
}
.table-one-col-ul span {
	display: inline-block;
	 vertical-align: top;
}
.table-four-col-ul .qtrim {
	white-space:nowrap; 
	max-width:70%; 
	overflow:hidden;
	text-overflow:ellipsis;
}
.table-three-col-ul .qtrim {
	white-space:nowrap; 
	max-width:80%; 
	overflow:hidden;
	text-overflow:ellipsis;
}
.table-two-col-ul .qtrim {
	white-space:nowrap; 
	max-width:90%; 
	overflow:hidden;
	text-overflow:ellipsis;
}
.table-one-col-ul .qtrim {
	white-space:nowrap; 
	max-width:100%; 
	overflow:hidden;
	text-overflow:ellipsis;
}
#oc-count-form-builder #oc-form-layout #oc-form-layout-row-id.oc-form-layout-row .oc-form-layout-row-item .table-four-col .table-four-col-ul{
	display:none;
}
#oc-count-form-builder #oc-form-layout #oc-form-layout-row-id.oc-form-layout-row .oc-form-layout-row-item .table-three-col .table-three-col-ul{
	display:none;
}
#oc-count-form-builder #oc-form-layout #oc-form-layout-row-id.oc-form-layout-row .oc-form-layout-row-item .table-two-col .table-two-col-ul{
	display:none;
}
#oc-count-form-builder #oc-form-layout #oc-form-layout-row-id.oc-form-layout-row .oc-form-layout-row-item .table-one-col .table-one-col-ul{
	display:none;
}
.table-one-col{
	width: 87.1%;	
}
.table-two-col{
	width: 43.4%;
}
.table-three-col{
	width: 28.8%;
}
.table-four-col{
	width: 10%;
}
.apName{
    margin-top: 2px;
    /* width: 95px; */
    margin-bottom:5px;
}
.oc-form-build-area-row-item .table-one-col,.oc-form-build-area-row-item .table-two-col,.oc-form-build-area-row-item .table-three-col,.oc-form-build-area-row-item .table-four-col{
	padding:5px 0;
	height:87%;
	}
.table-one-col,.table-two-col,.table-three-col,.table-four-col{
	border: 1px solid #CCC;
	height: 95%;
	background : #DDD;
}
.move-layout{
	height:100%;
	width:1.35%;
	/* border-radius: 10px 0 0 10px; */
	cursor:pointer;
	background: url("../../images/dragNdrop.png"); 
	padding : 3px 0;
	border:1px solid #fff;
}
#oc-count-form-builder #oc-form-build-area .oc-form-build-area-rows .table-four-col{
	width:23.85%;
}
#oc-count-form-builder #oc-form-build-area .oc-form-build-area-rows .table-three-col{
	width:31.95%;
}
#oc-count-form-builder #oc-form-build-area .oc-form-build-area-rows .table-two-col{
	 width: 48.1%;
}

#oc-count-form-builder #oc-form-build-area .oc-form-build-area-rows .table-one-col{
	width:96.5%;
}
.layout-draggingclass{
	width:44%;
	cursor: grabbing;
}
.oc-form-question .oc-form-question-rows .ui-sortable-helper{
	width:280px !important;
	font-size:13px;
	cursor: grabbing;	
}

.oc-form-question-rows div.question-text{
	    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 76%;
}
.editHide{
	display:none;
}
.oc-form-build-area-row-item .ui-sortable-helper{
width:280px !important;
background:#ccc;
}
.table-three-col-ul, .table-two-col-ul, .table-one-col-ul, .table-four-col-ul{
	height : 100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	
}
.oc-form-question-row-item-active{
	cursor:pointer;
	height: 100%;
}

.f_left{
	float : left;
}
.f_right{
	float : right;
}
#questionBuilder{
	/*background:#FFFFFF;*/
}
#oc-question-builder-nav-button input{
	margin: 10px 75px;	
}
.questionBuildArea{

	display: block;

}
/* .responses input:focus {
    background-image:url("../../images/edit.png") !important;
	background-repeat:no-repeat !important;
	background-position:top right !important; 
} */
.lightBGForPopUpDialog{
	position:absolute;
	background: #000000;
	opacity: 0.3;
	z-index:20;
	top: 0;
}
#oc-question-builder-table{
	 border: 0px solid #ccc;
    margin: 0 auto;
    padding: 30px;
     table-layout: fixed;
    width: 100%;
}
#oc-create-new-question{
	display:block;
	margin: auto;
    padding: 12px;
    width: 170px;
}
tr#questionTableHeader th{
	  border-bottom: 3px solid #ccc;
    padding: 10px;
}

tr.questionTableData td{
	border-bottom: 1px solid #ccc;
	    overflow: hidden;
    text-overflow: ellipsis;
}
.dialogTopBar{
	 margin: 0 !important;
    padding: 2px 6px !important;
}
.closeDBox{
	float: right;
	cursor: pointer;
	margin: 0 4px;
}
.createUpdateQInput input,.createUpdateQInput select{
	background: url("../images/form-text-bg.gif") repeat-x scroll left top #ffffff;
    border: 1px solid #c5c3c3;
    width: 70%;
}

.inputQuestionText,.inputResponseType,.inputQuestionAlias,.inputReportHeader{
 margin-left: 20px;
    padding: 5px;
}
.inputQuestionText input{
	margin-left:15px;
}
.inputQuestionAlias input{
	margin-left:15px;
}
.inputQuestionAlias input{
	margin-left:15px;
}
.inputResponseType select{
	margin-left:15px;
}
.createUpdateQLabel{
	float: left;
	padding: 14px 5px 0;
    width: 25%;
}
.createUpdateQInput{
	float: left;
	padding:5px;
    width: 70%;    
}
.buttonAddResponse{
	display:block;
	margin:auto;
}
.submitButtonUpdateQuestion{
	margin-left: 38%;	
}
.questionEditFormBuilder{
	float: right;
    margin-left: 15px;
}
.questionDelete{
	float: left;
    margin-left: 10px;
}
.questionCopy{
	float:left;
	margin-left:10px;
}
.responses input[type="text"]{
	background: url("../images/form-text-bg.gif") repeat-x scroll left top #ffffff;
    border: 1px solid #c5c3c3 !important;
    width:31%;
}
.responses .optionText{
	 margin:0 10px;
}
.responses .optionValue{
	margin:0 10px;
}
.responses li{
	margin:5px;
	list-style:none;
	cursor:pointer;
}
.questionTableData td .questionEdit{
	float:left;
	margin-left:10px;
}
.submitButtonCreateQuestion{
	margin: 0 38%;
}

.errorlist li{
	list-style: none outside none;
}

.errorlist{
	color: #B80C18;
    font-size: 13px;
    font-weight: bold;
    margin-top: 4px;
}

#form-info-submit-button-div{
	text-align: center;
    width: 100%;
}

.email_block {
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
    margin-left : 0px;
}
.form_display_radioCheckBox_txt{
	/* float: none !important; */
	width:90%;
}
.form_display_radioCheckBox_input{
	margin-right:5px;	
}
.form_display_question_txt{
	font-weight: bold;
	margin-bottom:5px;
}
.email_markers_legend_title{
	margin-bottom: 5px;
}
.oc-form-info-area-email-markers-index{
	background: none repeat scroll 0 0 #DEDDDD;
    padding: 10px;
}
.email_markers_legend{
	color:#DD2200!important;
}

.fixed-top {
	position:fixed;
	top:0;
	z-index:10;
}

.fixed-question-block {
	position:fixed;
	top:78px;
	z-index:10;
}
.fixed-question-option-block{
	position:fixed;
	top:360px;
	z-index:10;
}

.oc-steps-ul li{
	background-color: #CCC;
    float: left;
	   color: #ddd;
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
    width: 31%;
    list-style-type: none;
}
.oc-step-highlight{
    color : #1B94C4!important;	
}
.oc-steps-ul {
    background: none repeat scroll 0 0 #ccc;
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#formTableLayout .formTableTr{
	clear : both;
	
}

#formTableLayout .formTableTd{
	float : left;
	border : 1px dashed #CCC;
	margin-bottom : 10px;
}

#formTableLayout .formTableTdAuto{
	
}

#formTableLayout .formTableTd textarea,
#formTableLayout .formTableTd select,
#formTableLayout .formTableTd input[type="password"]{
	width : 95%;
}
#formTableLayout .formTableTd input[type="password"]{
	height:25px;
}
#formTableLayout .formTableTd input[type="text"]{
	max-width : 95%;
}

#reviewSaveButtonDiv{
	clear: both;
}

#preview-display-border{
	display: none;
}


/* #form_display_question .formTableTr{
	clear : both;
}

#form_display_question .formTableTd{
	float : left;
	margin-bottom : 10px;
}

#form_display_question .formTableTdAuto{
	
}

#form_display_question .formTableTd textarea,
#form_display_question .formTableTd select,
#form_display_question .formTableTd input[type="text"],
#form_display_question .formTableTd input[type="password"]{
	max-width : 95%;'
} */
.formTableTr{
	clear : both;
}

.formTableTd{
	/*margin-bottom : 20px;*/
	font-size: 15px;
}

.formTableTdAuto{
	
}

.formTableTd textarea,
.formTableTd select,
.formTableTd input[type="text"],
.formTableTd input[type="password"]{
	/*max-width : 95%;'*/
}


.checkboxRadioDiv{
	/*margin-left:10px;
	display:inline-block;*/
}
.fLayoutText{
	margin: 0 39px 0 15px;
    padding: 5px;
}
#oc-question-options-build{
	border: 1px solid #ccc;
	min-height: 255px;
	padding: 5px;
	width: 100%;
	margin-top:10px;
	border-radius:5px;
	}

#question-option-text-title{
	background-color: #d95249;
    border: 1px solid #CCC;
    color: #ffffff;
    padding: 5px;
}
#ap-option{
	margin-left:10px;
}
#validation-option{
	margin-left:10px;
}
#noCol-option{
	margin-left:10px;
}
.autopopulate-option{
	float: left;
    padding: 0px 15px 0 0;
    width: 5px;
}
.question-option-text{
	padding:11px;
}
#createNewQuestionButton{
	padding: 10px;
	color:#006699;
	cursor:pointer;
	font-size: 12px;
}
#questionOptionNameArea{
	border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    font-style: italic;
    padding: 5px 0 5px 20px ;
    text-align: left;
}
.questionId-div{
	color:#777777;
	font-style:italic;
	float:left;
	padding-left: 5px;
}
.retrieveQnPos{
	width : 15px;
}
.oc-form-row-remove{
	/* border-radius: 0 10px 10px 0;
	background: url("../../images/dottedBG.gif");  */
	border:1px solid #ccc;
	padding: 3px 0;
	height : 95%;
}
.removeRow{
    float: left;
    width: 1.35%;
    height : 100%;
}
.deleteRow{
	height:15px;
	margin-top:16px;
	cursor:pointer;
}
#oc-question-list tr{
	cursor:pointer;
}
#oc-question-list .ui-sortable-helper{
	width:30% !important;
}
#widthPopup {
  position: absolute;
  width: 30px;
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
  border-radius:4px;
}
.dragNdropImg{
	 height: 30px;
    margin-right: 10px;
    vertical-align: -10px;
}
.qbuilderTable{
	border-collapse: collapse;
}
#questionBuilder #questionSearchArea{
	width:70%;
	float:left;
	padding: 5px 35px;
}
#questionBuilder #questionSearchArea input{
	width:30%;
	margin:0 15px;
}
#questionBuilder .searchText{
	width:15%;
}
.oc-form-verify-question-popup{
	text-align:left;
}

.oc-form-verify-question-popup .ui-widget-header{
	background: #d95249;
}

.oc-form-verify-question-popup .ui-dialog-title{
	color:#FFF;
	font-size:18px;
}

.oc-form-auto-popup-text{
	font-size:17px;
	float:left;
	width:30%;
	padding:7px
}
.oc-form-auto-popup-field{
	float: left;
    padding: 5px;
    width: 65%;
}
.oc-form-auto-popup-button-div{
	float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}


/*@media only screen and (max-width: 768px) {

.oc-form-verify-question-popup {
	position: fixed !important;
	width : auto !important;
	left: 0px !important;
	top : 45% !important;
}
}
*/

@media 
  (min-device-width: 320px) 
  and (max-device-width: 992px) {
.oc-form-verify-question-popup {
	position: fixed !important;
	top : 45% !important;
}
.formTableTd{
	width: 100% !important;
}
}

/* Portrait */
@media 
  (max-device-width: 320px) 
  and (orientation: portrait) { 
	.oc-form-verify-question-popup {
		position: fixed !important;
		top : 45% !important;
	}
		.formTableTd{
		width: 100% !important;
	}
}

/* Landscape */
@media 
  (max-device-width: 992px) 
  and (orientation: landscape) { 
.oc-form-verify-question-popup {
	position: fixed !important;
	top : 45% !important;
}
.formTableTd{
	width: 100% !important;
}
}

@media 
  (min-device-width: 320px) 
  and (max-device-width: 559px) {
.oc-form-verify-question-popup {
	left: 0px !important;
	width : 100% !important;
}
}

@media 
  (min-device-width: 559px) 
  and (max-device-width: 767px) {
.oc-form-verify-question-popup {
	left: 70px !important;
	width : 80% !important;
}
}

@media 
  (min-device-width: 768px) 
  and (max-device-width: 992px) {
.oc-form-verify-question-popup {
	left: 90px !important;
	width : 80% !important;
}
}


#payment-option-header{
	
	color: #990000;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
border-bottom: 1px solid;
padding: 20px;
	
}

.form_display_payment{
	border : 1px solid;
	/* border-top:0px; */
}
#form_display_payment_cards {
	border-top:0px;
}

.form-padding-5{
	padding-left:5em;
}
.form-padding-3{
	padding-left:3em;
}