.clear{clear:both;}
.cursor_pointer{ cursor:pointer;}

.ohq_question_outer {padding:10px; margin:10px; -webkit-border-radius: 5px;
border-radius: 5px; }
.ohq_white{ background:#fff; color:#000; border:1px solid #ccc;}
.ohq_highlight{ background:#aaa; color:#000;}
.ohq_black{ background:#8a8a8a; color:#000; }
.ohq_white.ohq_question_outer {
	/*height: 300px !important;*/
	overflow: auto;
}
.ohq_table_holder { width: 100%; overflow:auto; background-color: #fff; border: 1px solid #999;}
.ohq_tr_row td{ text-align: top; min-width:220px; padding:2px !important; }

/*  multiple ohq's on page */
.ohq_tr_row .the_question, 
.ohq_tr_row .the_question_closing, 
.ohq_tr_row .the_question_intro, 
.ohq_tr_row input, 
.ohq_tr_row label, 
.ohq_tr_row .ohq_select,  
.ohq_tr_row .ohq_textarea
{ font-size:70% !important; }
.ohq_tr_row .ohq_question_outer { padding:3px; margin:2px;} 

.question_block {  padding:4px;margin:2px;}



.the_question_intro {font-weight:bold;}
.the_question_closing {font-size:.8em;}


.tt-dropdown-menu{background:#ff0000; padding:1em;}


.page-ohq .ui-autocomplete {
		    max-height: 300px;
		    overflow-y: auto;
		    /* prevent horizontal scrollbar */
		    overflow-x: hidden;
		  }
		  /* IE 6 doesn't support max-height
		   * we use height instead, but this forces the menu to always be this tall
		   */
* html .page-ohq .ui-autocomplete {
		    height: 100px;
}


.question_area_error{
	background: #ffc;
  border-radius: 10px;
	display:block;border:1px solid red; padding:14px; 
}

.section_block label { padding:5px;}

.answer_section {font-size:1.1em; font-weight:bold;}
.ohq_other_text {display:block;}






.active_ohqs  { position: relative; }
#active_ohqs_rolldown { position: absolute; 
margin-top: 3px;
position: absolute;
right: 20px;
padding:20px;
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);

}
.active_ohqs .active { background:#A4CB3D !important; color:#ffffff !important;  }

.active_ohqs_click { color:#1c989c; font-weight:bold; }
.page-ohq-open .pager .active {background:#1c989c !important; }




.displayas_1  
{ float:left; width:45%;height: 38px;}  


/* ohq admin */

.button_padding { padding:4px; }

.page-wfhdb-ohq-admin-popup .row{
	margin:0;
} 
.page-wfhdb-ohq-admin .modal-dialog{
width:75%;
max-width:1024px;
}

a.tabledrag-handle .handle {

height: 25px !important;
width: 25px !important;
}

.highlighthr { border:0px none;
border-bottom:1px solid #1c989c;}










/* bubbles */
.bubblingG {
text-align: center;
width:45px;
height:25px;
display: inline-block;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 5px;
height: 5px;
margin: 13px auto;
background: #1c989c;
-moz-border-radius: 25px;
-moz-animation: bubblingG 1.3s infinite alternate;
-webkit-border-radius: 25px;
-webkit-animation: bubblingG 1.3s infinite alternate;
-ms-border-radius: 25px;
-ms-animation: bubblingG 1.3s infinite alternate;
-o-border-radius: 25px;
-o-animation: bubblingG 1.3s infinite alternate;
border-radius: 25px;
animation: bubblingG 1.3s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0.78s;
-webkit-animation-delay: 0.78s;
-ms-animation-delay: 0.78s;
-o-animation-delay: 0.78s;
animation-delay: 0.78s;
}

#bubblingG_2 {
-moz-animation-delay: 0.39s;
-webkit-animation-delay: 0.39s;
-ms-animation-delay: 0.39s;
-o-animation-delay: 0.39s;
animation-delay: 0.39s;
}

#bubblingG_3 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

@-moz-keyframes bubblingG {
0% {
width: 5px;
height: 5px;
background-color:#1c989c;
-moz-transform: translateY(0);
}

100% {
width: 12px;
height: 12px;
background-color:#a4cb3d;
-moz-transform: translateY(-11px);
}

}

@-webkit-keyframes bubblingG {
0% {
width: 5px;
height: 5px;
background-color:#1c989c;
-webkit-transform: translateY(0);
}

100% {
width: 12px;
height: 12px;
background-color:#a4cb3d;
-webkit-transform: translateY(-11px);
}

}

@-ms-keyframes bubblingG {
0% {
width: 5px;
height: 5px;
background-color:#1c989c;
-ms-transform: translateY(0);
}

100% {
width: 12px;
height: 12px;
background-color:#a4cb3d;
-ms-transform: translateY(-11px);
}

}

@-o-keyframes bubblingG {
0% {
width: 5px;
height: 5px;
background-color:#1c989c;
-o-transform: translateY(0);
}

100% {
width: 12px;
height: 12px;
background-color:#a4cb3d;
-o-transform: translateY(-11px);
}

}

@keyframes bubblingG {
0% {
width: 5px;
height: 5px;
background-color:#1c989c;
transform: translateY(0);
}

100% {
width: 12px;
height: 12px;
background-color:#a4cb3d;
transform: translateY(-11px);
}

}



.ohq_radio , .ohq_checkbox{ width:18px; height:18px;}