@font-face
{
	font-family: happo;
	src: url('../style/raleway/Raleway-Regular.ttf');
}
body
{
font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;  
background-color:#fff;

}

/* SUBMENU ITEMS ==================================== */
/* The word "submenu" here is a misnomer. These styles should not be named "submenu", because it is just a horizontal bar
	below the main main. */
	
#submenu_container
{
	background-color:#e6e6de;	/* 918485 */
	width:100%;
}

#submenu_main_div
{
	width:80%; /*1000px; Changed by ZZ on 10 May 2013*/
	height:25px;
	background-color:#e6e6de; /* 918485 */
	margin: 0 auto;
}

#submenu_main_div_left { position:relative; text-align:left; vertical-align: middle; float:left;  }
#submenu_main_div_right { position:relative; text-align:right; vertical-align: middle; float: right; }

.user_identity
{
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #514a4b;	/*726869;*/ /* f3f3f3 */
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
	margin-left:5px;
}

.broadcast_message
{
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	vertical-align: middle;
}

/* NOT USED ANYMORE: I THINK IT IS SAFE TO DELETE THESE:

			.submenu_item
			{
				padding-right:20px;
				padding-left:5px;
				text-align: right;
				vertical-align: middle;
				display: inline-table;
			}
			
			.submenu_item a
			{
				font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
				font-size: 14px;
				text-transform: uppercase;
				color: #f3f3f3;
				text-decoration: none;
				font-weight: normal;
				font-style: normal;
			}
			
			.submenu_item a:hover { color: #fefae9; }
			
			.submenu_separator
			{
				border-left: 1px solid #f3f3f3;
				display: inline-table;
			}
*/

/* DATA ======================================================================== */

#main_site_container
{
	width:100%;
	height:100%; 
	/*background-color:#f3f3f3;*/
	text-align:center;
}

#main_body_container
{
	width:100%;
	background-color:#f3f3f3;
	overflow:auto;
	min-height: 100%;
	height: auto !important; /*IE will ignore the height:auto rule because it does not respect the !important directive*/
    height: 100%;
    margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
}

#body_text
{
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	width: 100%; /*1000px; Changed by ZZ on 10 May 2013*/
	background-color:#fff;
	overflow:auto;
	min-height: 100%;
	height: auto !important; /*IE will ignore the height:auto rule because it does not respect the !important directive*/
    height: 100%;
    margin: 0px auto; /* the bottom margin is the negative value of the footer's height */
  
}

#body_text ul, ol
{
	margin-left:20px; 
	padding-left:10px; 
	line-height:22px; 
	/*list-style-type:circle;*/
	list-style-position:outside;
}

.clear { clear: both; }

#header_separator
{
	width:100%;
	height:10px;
	background-color:#e7b0ac;

	background:-moz-linear-gradient(-90deg, #e7b0ac, #d54527); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#e7b0ac), to(#d54527)); 
	
	/* I added this for IE hacks */
	background: -ms-linear-gradient(#e7b0ac, #d54527); background: -o-linear-gradient(#e7b0ac, #d54527); background: linear-gradient(#e7b0ac, #d54527); -pie-background: linear-gradient(#e7b0ac, #d54527);
	
	behavior: url(PIE/PIE.htc);   	

}

#page_footer
{
	width:100%;
	height:20px;
	background-color:#e6e6de; /* 918485 */
}

/* GRADIENT BACKGROUND ======================================================================== */

.gradient_background
{
	background:-moz-linear-gradient(-90deg, #fff, #e6e6de); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#e6e6de)); 
	
	/* I added this for IE hacks */
	background: -ms-linear-gradient(#fff, #e6e6de); background: -o-linear-gradient(#fff, #e6e6de); background: linear-gradient(#fff, #e6e6de); -pie-background: linear-gradient(#fff, #e6e6de);
	
	behavior: url(PIE/PIE.htc);
}

/* SEARCH RESULTS TABLE ======================================================================== */

#resultsWrapper,.resultsWrapper
{
	width:100%;
	text-align:center;
}

#resultsWrapper .headerTitle , .resultsWrapper .headerTitle
{
	color: #514a4b; /*918485; */
	font-size: 22px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;  
	text-align:center;	
}

#resultsWrapper .subHeaderTitle, .resultsWrapper .subHeaderTitle
{
	color: #514a4b; /*918485; */
	font-size: 14px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;  
	text-align:center;
}

.results_table
{
	border:0px;
	border-collapse: collapse;
	font-size: 14px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;  
	margin: 0 auto;
}
 
.results_table th 
{
	background-color: #d9c5c6;
	color: #514a4b; /*918485; */
	text-align:left;
	padding: 5px 10px 5px 10px;

	background:-moz-linear-gradient(-90deg, #fff, #d9c5c6); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#d9c5c6)); 
	
	/* I added this for IE hacks */
	background: -ms-linear-gradient(#fff, #d9c5c6); background: -o-linear-gradient(#fff, #d9c5c6); background: linear-gradient(#fff, #d9c5c6); -pie-background: linear-gradient(#fff, #d9c5c6);
	
	behavior: url(PIE/PIE.htc);   	
}
 
.results_table tr { background-color: white; }
 
.results_table td 
{
	padding: 5px 10px 5px 10px;
	text-align:left;
	color: #514a4b; /*918485; */
	vertical-align:middle;	
}
 
.results_table .shaded { background-color: #ddd; }
 
.results_table .selected { background-color: #e7b0ac; }

/* SEARCH FORM ================================================================== */

.searchform
{
	display: inline-block;

	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;

	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */

	behavior: url(PIE/PIE.htc);
}

.searchform input { font: normal 12px/100% Arial, Helvetica, sans-serif; }

.searchform .searchfield
{
	background: #fff;
	color: #918485;	
	padding: 6px 6px 6px 8px;
	width: 120px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);

	behavior: url(PIE/PIE.htc);
}

.searchform .searchbutton
{
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */

	behavior: url(PIE/PIE.htc);
}

/* FREE LABEL STYLES ======================================================================== */

.LocationInfoLabel, .InfoLabel
{
	font-weight: normal;
	font-size: 13px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #37a2b4;
	text-align:center;
	background: #fff;
	margin: 5px auto 5px auto;	/* IA 26 Oct 2021: was margin:0 auto; */
	padding:0px;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE/PIE.htc);	
}

.free_label_light18, .free_label_light_lg, .free_label_light, .free_label_light_mid, .free_label_light_tiny 
{ 
	color: #878787; /*a6a6a6;*/
	font-weight: normal;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
}

.free_label18, .free_label_lg, .free_label, .free_label_mid, .free_label_tiny 
{ 
	color: #514a4b;	/*726869;*/
	font-weight: normal;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
}

.free_label18, .free_label_light18 { font-size:18px; }
.free_label_lg, .free_label_light_lg { font-size:16px; }
.free_label, .free_label_light { font-size: 14px; }
.free_label_mid, .free_label_light_mid { font-size: 12px; }
.free_label_tiny, .free_label_light_tiny { font-size: 11px; }

.rounded_rectangle
{
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	margin-left: auto ;
	margin-right: auto ;
	background: #fff;
	border:3px solid #d54527;
	width: 100px;  /* by default */

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;

	background:-moz-linear-gradient(-90deg, #fff, #e6e6de); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#e6e6de)); 
	
	/* I added this for IE hacks */
	background: -ms-linear-gradient(#fff, #e6e6de); background: -o-linear-gradient(#fff, #e6e6de); background: linear-gradient(#fff, #e6e6de); -pie-background: linear-gradient(#fff, #e6e6de);
	
	behavior: url(PIE/PIE.htc);
}

.apply_shadows
{
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	box-shadow: 5px 5px 5px rgba(0,0,0,.5);

	behavior: url(PIE/PIE.htc);
}


.generic_circle
{
	border:4px solid #e5e6e8; 
	-moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px;
	padding:5px;
	width:40px;
	margin:0 auto;
	text-align:center;
	color:white;
}

/* FORM STYLES ======================================================================== */

h1, form, fieldset, input {
  margin: 0;
  padding: 0;
  border: none;
}

img {
	border-style: none;
	text-decoration: none;
}	

input.text, select.text, option.text, textarea.text
{
	border:solid 1px #e7b0ac;
	font-size: 14px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;  
	width: 95%;
	padding: 0px 12px 0px 12px;
	background: #fff; /*ddd;*/
	color:#333;
	height:30px;
	margin:6px 0px;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	behavior: url(PIE/PIE.htc);
	
}	 

fieldset label.infield /* .infield label added by JS */ 
{
    color: #514a4b;	/*726869;*/	/*918485;*/
    position: absolute;
    text-align: left;
    top: 5px !important;
    left: 35px !important;
    line-height: 29px;
	font-size: 12px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;	
}

.labelFieldTitle
{
	color:#9e2e36;
	font-size: 14px;
	text-align: left;
	display:block;
}


.labelFieldTitleBasic
{
	color:#d54527;
	font-size: 14px;
}
.labelStarTitleTiny
{
	color:#878787;
	font-size: 10px;
	
}
.guestStarImg{  height:25px;}

.labelOptional
{
	color:#827677; /*b4a4a5;*/
	font-size: 12px;	
}
#mainPulseSurveyContainer { width: 400px; }

.html_form 
{
	margin-top:15px;
	margin-bottom:25px;
	margin-left: auto ;
	margin-right: auto ;
	color: #333;
	background: #e6e6de;	/*#fff;*/
	border:1px solid #e9eef8;
	width: 400px;  
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background: -moz-linear-gradient(90deg, #e7b0ac, #e6e6de 30%, #e9eef8 95%); 	/* FF6+ */
	background: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0%,#e7b0ac), color-stop(30%,#e6e6de), color-stop(95%,#e9eef8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #e7b0ac 0%, #e6e6de 30%, #e9eef8 95%); /* Chrome10+,Safari5.1+ */	
	background: -o-linear-gradient(bottom, #e7b0ac 0%, #e6e6de 30%, #e9eef8 95%) ; /* Opera 11.10+ */	
	background: -ms-linear-gradient(bottom,  #e7b0ac 0%, #e6e6de 30%, #e9eef8 95%); /* IE10+ */
	background: linear-gradient(bottom,  #e7b0ac 0%, #e6e6de 30%, #e9eef8 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eef8', endColorstr='#e7b0ac',GradientType=0 ); /* IE6-9 */
	-pie-background: linear-gradient(bottom,  #e7b0ac 0%, #e6e6de 30%, #e9eef8 95%);

/*	
	background:-moz-linear-gradient(-90deg, #fff, #e6e6de); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#e6e6de)); 
	background: -ms-linear-gradient(#fff, #e6e6de); background: -o-linear-gradient(#fff, #e6e6de); background: linear-gradient(#fff, #e6e6de); -pie-background: linear-gradient(#fff, #e6e6de);
*/
	/* -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5); */
	/* -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.5); */
	/* box-shadow: 5px 5px 5px rgba(0,0,0,.5); */
	
	behavior: url(PIE/PIE.htc);
}

.html_form fieldset { padding: 5px 20px 5px 20px; }

.html_form h1 {
	color: #514a4b;	/*726869;*/
	border-bottom: solid #e7b0ac 1px;
	text-align: center;
	padding: 10px;
	margin: 0px;
	font-weight: normal;
	font-size: 18px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
}
	
.html_form h2 {
	color: #514a4b;	/*726869;*/
	text-align: center;
	padding: 5px;
	margin: 0px;
	font-weight: normal;
	font-size: 14px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
}

.html_form h3 {
	color: #514a4b;	/*726869;*/
	text-align: left;
	padding: 2px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
}

.html_form .field_row {
    position: relative;
    margin:7px 0px 0px 0px;
}

.getHint { color:#2c97ca; font-size:16px; cursor:pointer; }	/* aeaeae */

.hint { display:none; text-align:left; z-index:5; }

.getHint:hover .hint
{  
	font-weight: normal;
	font-size: 13px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	
	position: absolute;
	display: block;  
	margin: 0 0 0 100px;
	width:200px;
	color: #FFFFFF;
	padding: 7px 10px;
	background: #696969;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	

	behavior: url(PIE/PIE.htc);
}


/* This was causing a problem on iphone. The input was not clickable coz probably the hint layer is showing above it!
	.html_form .field_row:hover .hint{  
	font-weight: normal;
	font-size: 11px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	
	position: absolute;
	display: block;  
	margin: -35px 0 0 360px;
	width:200px;
	color: #FFFFFF;
	padding: 7px 10px;
	background: rgb(105,105,105); /*for IE8, cause rgba is compatible with IE9
	background: rgba(0, 0, 0, 0.6);
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	

	behavior: url(PIE/PIE.htc);
}
*/

.happyLinkLG:link, .happyLinkLG:visited, .happyLinkLG:active, .happyLinkLG:hover {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2c97ca;
	text-decoration: underline;
	font-weight: normal;
}

.happyLink18NoLine:link, .happyLink18NoLine:visited, .happyLink18NoLine:active, .happyLink18NoLine:hover
{
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #2c97ca;
	text-decoration: none;
	font-weight: normal;
}

.happyLinkLGNoLine:link, .happyLinkLGNoLine:visited, .happyLinkLGNoLine:active, .happyLinkLGNoLine:hover
{
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2c97ca;
	text-decoration: none;
	font-weight: normal;
}

.happyLink:link, .happyLink:visited, .happyLink:active, .happyLink:hover {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2c97ca;
	text-decoration: underline;
	font-weight: normal;
}

.happyLinkNoLine:link, .happyLinkNoLine:visited, .happyLinkNoLine:active, .happyLinkNoLine:hover {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2c97ca;
	text-decoration: none;
	font-weight: normal;
}

.happyLinkMid:link, .happyLinkMid:visited, .happyLinkMid:active, .happyLinkMid:hover {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c97ca;
	text-decoration: underline;
	font-weight: normal;
}

.happyLinkMidNoLine:link, .happyLinkMidNoLine:visited, .happyLinkMidNoLine:active, .happyLinkMidNoLine:hover {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c97ca;
	text-decoration: none;
	font-weight: normal;
}

.happyLinkTiny:link, .happyLinkTiny:visited, .happyLinkTiny:active, .happyLinkTiny:hover {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2c97ca;
	text-decoration: underline;
	font-weight: normal;
}

.happyLinkTinyNoLine:link, .happyLinkTinyNoLine:visited, .happyLinkTinyNoLine:active, .happyLinkTinyNoLine:hover {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2c97ca;
	text-decoration: none;
	font-weight: normal;
}

.button {
	width:95%;
	display: inline-block;
    line-height: 35px;
    text-align: center;
}

button.positive_btn, .buttons a.positive_btn{
	color:white;
	font-size: 16px;
	background-color:#D54527;
	margin-top:20px;
	margin-bottom:10px;
}

.buttons a.positive_btn:hover, button.positive_btn:hover{
/*	background-color:#E7B0AC; */
	border:1px solid #C6D880;
/*	color:#527384; */
	cursor:pointer;
}

.buttons a.positive_btn:active{
	background-color:#527384;
	border:1px solid #527384;

}

.survey_button { padding:8px 25px 8px 25px; }


.roundButton
{
	cursor:pointer; color:#fff !important; background-color:#d54527; text-align:center; vertical-align:middle; margin-left:auto; margin-right:auto; padding: 5px; width:170px; height:30px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
	background: -moz-linear-gradient(90deg, #d54527, #d59f94 99%); 	/* FF6+ */
	background: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0%,#d54527), color-stop(99%,#d59f94)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #d54527 0%, #d59f94 99%); /* Chrome10+,Safari5.1+ */	
	background: -o-linear-gradient(bottom, #d54527 0%, #d59f94 99%) ; /* Opera 11.10+ */	
	background: -ms-linear-gradient(bottom,  #d54527 0%, #d59f94 99%); /* IE10+ */
	background: linear-gradient(bottom,  #d54527 0%, #d59f94 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d59f94', endColorstr='#d54527',GradientType=0 ); /* IE6-9 */
	-pie-background: linear-gradient(bottom,  #d54527 0%, #d59f94 99%);
	behavior: url(style/PIE/PIE.htc);			
}

.opacityHover { opacity: 0.5; }
.opacityHover:hover { opacity: 1.0; }

/* HELP QUESTION ======================================================================== */

/* .help_question { position: relative; margin:7px 0px 0px 0px; } */
.help_question { color:#2c97ca; font-size:18px; cursor:pointer; }


.help_hint { 
	display:none; 
	text-align:left;
	z-index:1000;
}


.help_question:hover .help_hint{  
	font-weight: normal;
	font-size: 13px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	
	position: absolute;
	display: block;  
	margin: -25px 0 0 0px;
	width:250px;
	color: #FFFFFF;
	padding: 7px 10px;
	background: #696969;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	

	behavior: url(PIE/PIE.htc);
}

/* CARD VIEW ======================================================================== */

.card_view
{
	font-weight: normal;
	font-size: 14px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align:center;
	background: #e6e6de;

	float:left;
	position:relative;
	margin:10px;
	padding:5px;

	border:1px solid #e7b0ac;
	width:300px;
	min-height:450px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background:-moz-linear-gradient(-90deg, #fff, #e6e6de); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#e6e6de)); 
	
	/* I added this for IE hacks */
	background: -ms-linear-gradient(#fff, #e6e6de); background: -o-linear-gradient(#fff, #e6e6de); background: linear-gradient(#fff, #e6e6de); -pie-background: linear-gradient(#fff, #e6e6de);
	
	behavior: url(PIE/PIE.htc);
}

.centeredHeader
{
	clear:both;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}

.centeredHeader ul
{
	width:290px;
	list-style:none;
	margin:0;
	padding: 0;
	position: relative;
	text-align: left;
	vertical-align: middle;
}


.centeredHeader ul li 
{
/*	width:120px; */
	text-align: left;
	vertical-align:top;
    display: inline-table;
	padding:0px;
	float:left;
	list-style:none;
	margin:0;
	position:relative;
	line-height:16px;
	 word-wrap: break-word;        /* Internet Explorer 5.5+ */
}

.centeredHeader ul li a {
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2c97ca;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	vertical-align:middle;
}

/* FIXED MESSAGE ======================================================================== */

.fixedMessage {
	font-weight: normal;
	font-size: 14px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align:center;
	background: #fff;

	position:absolute;
	padding:5px;
	border:2px solid #d54527;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	behavior: url(PIE/PIE.htc);	
}

/* VERTICAL KPI SCORES ======================================================================== */

.verticalScore
{ 					
	width: 265px; 
	height: 200px; 
	position: relative;
	margin-left: auto ;
	margin-right: auto ;
	margin-top:20px;
/*	border: 1px solid #e7b0ac; */
}

.verticalScore ul 
{ 
	width: 265px; 
	height: 200px; 
	margin: 0; 
	padding: 0; 
	list-style: none;
 }

.verticalScore ul li 
{  
	border:3px solid #000;
	
	position: absolute; 
	width: 75px; 
	bottom: 0px; 
	padding: 0 !important; 
	margin: 0 !important; 
	text-align: center; 
	font-weight: bold; 
	font-size: 16px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;	
	color: white; 

	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-radius-top-left: 20px;
	-webkit-border-radius-top-right: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;

	behavior: url(PIE/PIE.htc);
}

.verticalScoreLegend
{ 
	width:265px;
	position: relative;
	margin-left: auto ;
	margin-right: auto;
	margin-bottom:40px;	
}

.verticalScoreLegend ul
{
	list-style: none; 
	width:245px; 
	margin:5px 0px 0px 0px;
	text-align:center;	
}

.verticalScoreLegend ul li {
	position: absolute;
	line-height:12px;
	font-weight: normal;
	font-size: 12px;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;	
	text-align:center;
	width:75px;
}


/* ======================================================================== */

#pwd_strength{
	margin:0 auto;
	margin-top:-10px;
	padding:0;
	height:14px;
	width:210px;
	
}

#iWeak, #iMedium, #iStrong {
	background-color:#F1F1F1;
	color: #ADADAD;
	display: block;
	font-size: 0.7em;
	padding: 2px;
	text-align: center;
	width: 65px;
}

#pwd_strength ul{
	border:0;margin:4px 0 0 0;
	padding:0;
	list-style-type:none;
	text-align:center;
}

#pwd_strength ul li{
	display:block;
	float:left;
	text-align:center;
	padding:1px auto;
	margin:0;
	height:20px;	
}

#iWeak,#iMedium { border-right:solid 1px #DEDEDE; }
#iMedium,#iStrong { border-left-width:0; }

div.strong #iWeak, div.strong #iMedium, div.strong #iStrong 
{
	background: #00CC66;
	color: #00CC66;
}

div.medium #iWeak, div.medium #iMedium
{
	background: #FFFF99;
	color: #FFFF99;
}

div.medium #iWeak, div.medium #iMedium
{
	background: #FFFF99;
	color: #FFFF99;
}

div.weak #iWeak 
{
	background: #FF0000;
	color: #FF0000;
}

div.strong #iStrong, div.weak #iWeak { color:#ffffff; }
div.medium #iMedium { color:#000; }
#iStrong, #iMedium,  #iWeak { font-size:11px; }

/* ======================================================================== */

.msg_box 
{
	position: fixed;
	position: expression("absolute");
	width: 300px;
	display: none;
	font-family: happo, Geneva, Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
	left: 40%;
	bottom: 50%;
	padding-top: 250px;
    z-index: 10000;
	height: 20px;
	display: block;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	behavior: url(PIE/PIE.htc);
}

#alert_box_msg,#alert_box_error_msg
{
	position: fixed;
	position: expression("absolute");
	width: 400px;
	display: none;
	font-family: happo, Geneva, Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
	left: 40%;
	bottom: 50%;
	padding-top: 250px;
    z-index: 10000;
	height: 20px;
	display: block;
	
}

/* ============================================================================================ */

.inline_div
{
	display:inline-table;
	float:left;
	margin-left:8px;
}

.generalSlider
{
	margin-top:-20px;
    margin-bottom:50px;
    height: 10px; 
    width: 300px;
    background: #d54527; 
    position: relative;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
	border-radius: 15px;
}

.floating_cards
{
	float:left; 
	position:relative; 
	margin:10px;
}

/* ==== suggestion ============================================================================*/

.suggest_link 
{
	padding: 2px 6px 2px 6px;
	z-index:9999;
	cursor:pointer;
}

.suggest_link_over 
{
	background-color: #e4e4e4;
	padding: 2px 6px 2px 6px;
	cursor:pointer;	
}

.div_suggest
{
	padding: 2px 6px 2px 6px;
	position: relative; 
	text-align: left; 
	width:300px;
	font-size:14px;
	line-height:22px;
	margin-left:20px;
	margin-top:-5px; 
	color: #514a4b;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;

	background-color: #fff;
	border: 1px solid #000;
}

#no_match_suggestion_list
{
	position: relative; 
	text-align: right; 
	width:240px;
	font-size:14px;
	line-height:22px;
	color: #514a4b;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif; 
	margin-left:20px;
	margin-top:-5px; 	
	padding: 2px 6px 2px 6px;

	background-color: #fff;
	border: 2px solid #d54527; 
}

.hide { display: none; }

.float_right
{
	float:right; 
	position:relative; 
	margin:10px;
}

/* ========subMenuLinks=================================================================================*/

div.subMenuLinks_wrapper 
{
    width: 100%;
    margin: 0 auto;
	vertical-align: middle;
}

.upperSubMenuLinks, .lowerSubMenuLinks , .upperSubMenuVerticalLinks
{
	clear:both;
	/*z-index:1000; /* This makes the dropdown menus appear above the page content below */	
	/* width:100%; */
	background-color:#fff; 
   position:relative;
}

.upperSubMenuLinks ul, .lowerSubMenuLinks ul , .upperSubMenuVerticalLinks ul
{
   list-style:none;
   margin:0 !important;
   padding: 0 !important;
   position: relative;
   text-align: center;
   vertical-align: middle;
   height:22px;
}

.upperSubMenuLinks ul li, .lowerSubMenuLinks ul li 
{
/*	width:120px; */
	text-align: center;
	vertical-align:middle;
    display: inline-table;
	padding:0px 5px 1px 5px;
	float:50%;
	list-style:none;
	margin:0px 1px 0px 1px;
	position:relative;
	background-color:#918485; 
	border:1px solid #e7b0ac;	
}

.upperSubMenuVerticalLinks ul li
{
/*	width:120px; */
	text-align: center;
	vertical-align:top;
    padding:10px 5px 10px 5px;
	float:50%;
	list-style:none;
	margin:0px 1px 0px 1px;
	position:relative;
	background-color:#918485; 
	border:1px solid #e7b0ac;
	width:15px;
	line-height:12px;
}

.upperSubMenuLinks ul li
{
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-radius-bottom-left: 15px;
	-webkit-border-radius-bottom-right: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.lowerSubMenuLinks ul li
{
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-radius-top-left: 15px;
	-webkit-border-radius-top-right: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.upperSubMenuVerticalLinks ul li
{
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-radius-bottom-right: 15px;
	-webkit-border-radius-top-right: 15px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}


.upperSubMenuLinks ul li a, .lowerSubMenuLinks ul li a , .upperSubMenuVerticalLinks ul li a 
{
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	display:block;
	vertical-align:middle;
}

.upperSubMenuVerticalLinks ul li a 
{
	font-size: 11px;
	text-transform:uppercase;
}

.upperSubMenuLinks ul li a:hover, .lowerSubMenuLinks ul li a:hover, .upperSubMenuVerticalLinks ul li a:hover { color:#e7b0ac; }

/* ========QUOTE BOX=================================================================================*/

#quoteBox
{ 
	width:600px; 
	height:140px; 
/*	margin:20px auto; */
	color:#000; 

	position:absolute;	/* for IE */
	position: fixed !important;
	left: 0%;
	bottom:0%;
	z-index:1000;	
}

.quote 			{ display:none; float:left; height:69px; margin-left:20px; margin-top:5px; padding-left:5px; background-color:#fff; }
.quote p 		{ font:normal 14px Helvetica, Arial, Sans-serif; color: #514a4b; text-align:left; }
.quote .author 	{ font:italic 12px Georgia,serif,Times; color:#d54527; text-align:left; }
.quotemark 		{ display:block; float:left; font:bold 300px Helvetica; letter-spacing:-25px; line-height:300px; color:#e7b0ac; }
.rightquote 	{ margin-top:-5px; }
.leftquote 		{ margin-top:-5px; }

/*=====================================================================================================*/

.handleMsg
{
	text-align: justify; padding:10px; width:350px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background-color: #304860; background-position:top center; background-repeat:no-repeat; color: #fff;font-size:14px !important;
}

/*=====================================================================================================*/

.horizantalList ul
{
	border: 0 solid black;
    clear: both;
    list-style: outside none none;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}


.horizantalList ul li 
{
	display: inline-table;
	position:relative;
	/*float:left;*/
	list-style:none;
	line-height:1em;
	padding-left: 10px;
	margin:0;
	text-align: left;
	vertical-align:middle;
}    
/*=====================================================================================================*/
.darkTitle
{
	color: black;
	font-weight: normal;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}
.lightTitle
{
	color: white;
	font-weight: normal;
	font-family: happo, Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;

}

/*=====================================================================================================*/
.event_seperator
{
	border-bottom:#E0E0E0 solid 0.09em;
	padding-bottom:5px;
}

.floating_right
{
	float:right; 
	position:relative; 
	margin:10px 5px;
}

.column { width: 170px; float: left; padding-bottom: 100px; }
.portlet { margin: 0 1em 1em 0; }
.portlet-header { margin: 0.3em 0.3em 0.1em 0.3em; padding-bottom: 2px; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.1em 0.3em 0.3em 0.3em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }



/* PRICING ======================================================================== */

.pricelistSinglePackage
{ 	
	padding:6px; background-color:#d54527; text-align:center; width:160px; position:relative; float:left; margin:20px 15px 0 10px; border:0px solid white;

	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;

	background: -moz-linear-gradient(90deg, #d5300e, #d5a79e 99%); 	/* FF6+ */
	background: -webkit-gradient(linear, 0 bottom, 0 top, color-stop(0%,#d5300e), color-stop(99%,#d5a79e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #d5300e 0%, #d5a79e 99%); /* Chrome10+,Safari5.1+ */	
	background: -o-linear-gradient(bottom, #d5300e 0%, #d5a79e 99%) ; /* Opera 11.10+ */	
	background: -ms-linear-gradient(bottom,  #d5300e 0%, #d5a79e 99%); /* IE10+ */
	background: linear-gradient(bottom,  #d5300e 0%, #d5a79e 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5a79e', endColorstr='#d5300e',GradientType=0 ); /* IE6-9 */
	-pie-background: linear-gradient(bottom,  #d5300e 0%, #d5a79e 99%);
	behavior: url(style/PIE/PIE.htc);			
}

.pricelistPackageName
{
	color:#878787; border:5px solid #d58777; 
	background-color:#e9eef8;
	-moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px;
	padding:5px;
	width:40px;
	margin:-23px 0 15px 120px;
}


.pricelistPackageRate
{ 
	margin:0 auto 10px auto; width:115px; position:relative; padding:6px;
	border:4px solid #fefae9;
	cursor:pointer; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;

	background:-moz-linear-gradient(-90deg, #fff, #e6e6de); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#e6e6de)); 
	
	/* I added this for IE hacks */
	background: -ms-linear-gradient(#fff, #e6e6de); background: -o-linear-gradient(#fff, #e6e6de); background: linear-gradient(#fff, #e6e6de); -pie-background: linear-gradient(#fff, #e6e6de);
	
	behavior: url(PIE/PIE.htc);	
}

.pricelistPackageRate:hover { border:4px solid #2c97ca; }

.pricelistPrice { color:#d54527; font-size:28px; }

.pricelistLicenses { font-size:16px; color:#fefae9; margin-top:-15px; }

/*=====================================================================================================*/
.fixed {	z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}
.highlight { background-color: yellow; }
.color_selector div {
	background:url("../colorpicker/images/select.png") repeat scroll 0 0 transparent;
	height:36px;
	position:relative;
	width:36px;
}

.nav {
    list-style: none outside none;
    text-align: center;
}
.nav li {
    float: left;
    font-size: 11px;
    margin-right: 10px;
}
.nav li a {
    color: #2C97CA;
    font-family: happo,Geneva,Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-decoration: none;
}
.nav li a:hover {
    color: #2C97CA;
    text-decoration: underline;
}
.highlight_box { border: 1px solid #d54527; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding:0 2px; }

/************ Added by ZZ on 12 June 2014 ********************************************************************/

.validate_show
{
padding:10px;
border:1px #E7B0AC dashed;
font-size:15px;
background:#fff;

}
.validate_show:hover
{
background:#FFEFFF;
cursor:pointer;
} 

.red
{
	color:red;
}
.orange
{
	color:#ff7200;
}
.tab_selected, .tab_selected li
{
	background-color:#d54527 !important;

}
.multi_location_selection
{
	border:2px solid #ccc;
	width:300px;
	height: 100px; 
	overflow-y: scroll;
	text-align:left;
	padding-left:5px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
}
.case_icon
{
font-weight:bold;
/*float:right;*/
cursor:pointer;
background:url(../images/case16.png) no-repeat;
/*display: none;*/
height:14px;
width:14px;
}

.fwd_icon
{
font-weight:bold;
/*float:right;*/
cursor:pointer;
background:url(../images/forward16.png) no-repeat;
/*display: none;*/

}
.smileyImageBorder
{
	border-top: 4px #d54527 solid;
}

.DeselectThisRating { opacity:0.3; }

.subFormHearder
{
	background-color:#e7b0ac; 
	padding:1px 5px 1px 5px;
	text-align:left;
	margin-top:20px;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	margin-left:-20px;
	margin-right:-20px;
		
}

.pin
{
	background:url(../wall/wall_icons/pin.png) no-repeat;
}
.unpin
{
	background:url(../wall/wall_icons/pin_red.png) no-repeat;
}
.icontext
{
	height:14px;
	padding-left:23px !important;
	margin-right:12px;	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    width:80%;
}



/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 2px 5px;
    text-decoration: none;
    display: block;
	text-align:left;
	margin-left:15px;
	
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    /*display: block;*/
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
#dropdown_div_star_id,#dropdown_div_star_id2{
	
   margin: 15px auto 0px;
}

#guest_comment_options {
	display: none;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:999;
	/*max-height:150px;*/
	/*overflow-y: scroll;*/
	width:100%;
	border: 1px solid #000;
		
}
.guest_comment_options { border-bottom: red 1px solid;}
/********************sub sub menu ********************************/

ul.upperSubSubMenu {
    padding: 0;
    margin: 0;
	list-style: none;
    position : abolsute;
	color: #fff;
    display: block;
    font-family: happo,Geneva,Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}



ul.upperSubSubMenu li {
    float: left;
    border:none;
	font-family: happo,Geneva,Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
	color: #fff;
	
}

.upperSubSubMenu :hover{
   color: #e7b0ac;
	
}

ul.upperSubSubMenu li ul {
    position: absolute;
    left: -999em;

}

ul.upperSubSubMenu li:hover ul {
    left: auto;

}

.upperSubSubMenu ul li, .upperSubSubMenu ul li 
{
	text-align: center;
	vertical-align:middle;
    display: inline-table;
	padding:0px 5px 1px 5px;
	float:50%;
	list-style:none;
	margin:0px 1px 0px 1px;
	position:relative;
	background-color:#d54527; 
	border:1px solid #e7b0ac;	
}

.upperSubSubMenu ul li {
    clear: left;
    left: auto;
    margin: 0;
    text-align: left;
   	border-radius:0px !important;
	width:200px;
	z-index:9999999999999;
	padding: 5px;
}

.subMenuTitle
{
	font-family: happo,Geneva,Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
	color: #d54527;
	text-align:center;
	
}

/* GaugeMeter css ======================================================== */
.GaugeMeter {
  position: Relative;
  text-align: Center;
  overflow: Hidden;
  cursor: Default;
  display: inline-block;
}

.GaugeMeter SPAN, .GaugeMeter B {
  width: 54%;
  position: Absolute;
  text-align: Center;
  display: Inline-Block;
  color: RGBa(0,0,0,.8);
  font-weight: 100;
  font-family: "Open Sans", Arial;
  overflow: Hidden;
  white-space: NoWrap;
  text-overflow: Ellipsis;
  margin: 0 23%;
}

.GaugeMeter[data-style="Semi"] B {
  width: 95%;
  margin: 0 1%;
}

.GaugeMeter S, .GaugeMeter U {
  text-decoration: None;
  font-size: .60em;
  font-weight: 200;
  opacity: .6;
}

.GaugeMeter B {
  color: #000;
  font-weight: 200;
  opacity: .8;
}

/*====================================*/

.barChart { }

.barChart__row {
  display: block;
  align-items: center;
  margin-bottom: 5px;
  width: 270px;
}

.barChart__row:after {
  content: " ";
  display: table;
  clear: both;
}

.barChart__label {
  float: left;
  padding-right: 3px;
  width: 140px;
  text-align:right;
}

.barChart__value {
  float: right;
  padding-left: 3px;
  width: 25px;
  text-align:left;
}

.barChart__bar {
  display: block;
  overflow: hidden;
  background: #d9d9d9;
  height: 12px;
}

.barChart__barFill {
  display: block;
  height: 100%;
  width: 0;
  background:#d54527;
  color:#fff;
  text-align:center;
}

.show_me_popup { margin:0; padding:4px; }
.show_me_popup li { float: left; list-style:none; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; }
.show_me_popup li ul { margin: 4px 0 0 0; padding: 0px; position: absolute; border-top:0px solid #d54527; z-index:999; }
.show_me_popup li ul li { float: none; display: inline; }
#popup_homecell_settings_details 
{
	border-left:2px solid #bcbdb6;
	border-right:2px solid #bcbdb6;
	border-bottom:2px solid #bcbdb6;
}
#generalWrapper,#detailWrapper{ margin:0px auto !important; width:99%;}
/* =============================== */

.screen_section_toggle { position:relative; cursor:pointer; height:2rem; margin-top:-0.5rem; }
.screen_section_toggle_button { -webkit-border-radius:40px; -moz-border-radius:40px; -khtml-border-radius:40px; border-radius:40px; color:#8f989d; letter-spacing:.3px; font-size:14px; text-decoration:none; text-transform:uppercase; z-index:20; background-color:#214554; outline:0; color:#61b3de; position:absolute; bottom:-0.4rem; width:5rem; text-align:center; text-transform:none; padding-bottom:2px; margin:0 auto; left:0; right:0; }

/*
#customer_happiness_radios_0 { content: url(../images/smiley_val0.png); }
#customer_happiness_radios_25 { content: url(../images/smiley_val25.png); }
#customer_happiness_radios_50 { content: url(../images/smiley_val50.png); }
#customer_happiness_radios_75 { content: url(../images/smiley_val75.png); }
#customer_happiness_radios_100 { content: url(../images/smiley_val100.png); }
*/

.RaphaelWrapper { width:300px;}
.guestStarLabel { font-size:14px; }
.guestStarLabelDetails { font-size:10px; }
.question_header_section { font-size:18px;}
.formLabelHeight { line-height:25px; }
.appVenueLabel { font-size: 16px; }
.appHappinessLabel { font-size:22px; }
.appLocationCard { font-size:18px; }

#survey_form, #build_q_div
{
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	
}
.pin_red{ background: url("../images/ic_action_pin_red.png") no-repeat !important; height:14px !important; width:23px !important; }
.pin_blue{ background: url("../images/ic_action_pin_blue.png") no-repeat !important; height:14px !important; width:23px !important; }
.morebox{ font-size:18px !important;}
.refresh_icon { background: url("../images/refresh.png") no-repeat !important; height:15px !important; width:19px !important; }
#employee_happiness_radios_slider_wrapper,.InfoLabel { width:170px !important;}
.fb_like_s{  background: url("../images/soc_net_fb_brdr_like_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.fb_review_s{  background: url("../images/soc_net_fb_brdr_review_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.fb_recommend_s{  background: url("../images/soc_net_fb_brdr_share_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.twitter_s{  background: url("../images/soc_net_tw_brdr_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.instagram_s{  background: url("../images/soc_net_ig_brdr_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.tripadvisor_s{  background: url("../images/soc_net_ta_brdr_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.yelp_s{  background: url("../images/soc_net_yp_brdr_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.dealerrater_s{  background: url("../images/soc_net_dr_brdr_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.gplus_s{  background: url("../images/soc_net_gg_brdr_sm.png") no-repeat !important; height:26px !important; width:25px !important; }
.delete_thanks_icon {  background: url("../images/delete_x_small.png") no-repeat !important; height:11px !important; width:11px !important; }
.dummyTranslateIcon { cursor:pointer;}

.input_100_20{ width:100px!important; height:20px!important;}
.input_150_20{ width:150px!important; height:20px!important;}
.input_200_20{ width:200px!important; height:20px!important;}
.input_250_20{ width:250px!important; height:20px!important;}
.font-22 { font-size:22px;}
.case_star { margin-left:-8px !important;}
.stbody { margin-bottom:20px !important;}

#overlay {
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000000002;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 800px;
	display: none;
}


.style_1To5MainContainer { margin-top:5px;  font-size:18px;}
.style_1To5 { font-family: Helvetica, Times, Arial, sans-serif; cursor:pointer; padding:10px 15px 10px 15px; text-align:center; border:1px solid #e7b0ac;  background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.style_1To5Selected { font-family: Helvetica, Times, Arial, sans-serif; cursor:pointer; padding:10px 15px 10px 15px; text-align:center; border:4px solid #d54527; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
input.disabled_input, select.disabled_input, option.disabled_input, textarea.disabled_input, input[type=checkbox].disabled_input { background-color: #bdbdbd; }
.disabled_div{ opacity:0.4; cursor:none; }
.click_disabled{ opacity:0.2; cursor:none; }
.divsTable { display:table;  border:0px solid #666666; border-spacing:5px; margin:0 auto 30px auto; }
.divsTable .divsTableTR { display:table-row; width:auto; clear:both; }
.divsTable .divsTableHead { float:left; text-align:center; display:table-column; padding:3px; width:90px; border-bottom:1px solid #c3c3c3; font-weight:bold; color:#d54527;}
.divsTable .divsTableTD { float:left; text-align:center; display:table-column; padding:10px 3px 10px 3px; width:90px; border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3; }
.divsTable .divsTableFirstCol { float:left; text-align:right; display:table-column; padding:10px 3px 10px 3px; width:60px; border-bottom:0px solid #c3c3c3; font-weight:bold;  color:#d54527; }
.divsTable .divsTableLastCol { float:left; text-align:center; display:table-column; padding:10px 3px 10px 3px; width:60px; border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3; }
.divsTable .divsTableFoot { float:left; text-align:center; display:table-column; padding:10px 3px 10px 3px; width:90px; border-left:1px solid #c3c3c3;}

.happo_button {font-size:18px; padding:10px 40px 10px 40px; border-radius:10px; border-top:1px solid #ed9f8e; border-left:1px solid #ed9f8e;}

.expandableRow { border-top:1px solid #d3d3d3; padding:15px 10px 15px 10px; }

.expandableRowHeader { cursor:pointer; color:#2c97ca; padding-bottom:5px; }

.questionMarkHelp { float:right; padding:3px; background:#205b7d; color:#fff; font-size:10px; line-height:7px;  border:1px solid #f3f3f3; text-align:center; font-weight:bold; }

.quickButton { cursor:pointer; float:right; font-size:12px; line-height:12px; padding:4px; text-align:center; margin:5px; background:#888888; border:2px solid #fff; color:#fff; }

.general_form
{
	margin-top:20px;
	margin-bottom:25px;
	margin-left: auto ;
	margin-right: auto ;
	width: 100%; 
	border:1px solid #d3d3d3;
	border-radius:5px;
	padding-top:5px;
}

.general_form fieldset { padding: 5px 20px 5px 20px; }

.general_form .field_row { position:relative; margin:20px 0px 0px 20px; line-height:22px; font-size:16px; }

.general_form .field_row label { font-size:16px; }

.general_form .field_row .field_row_desc { font-size:14px; padding-left:20px; color:#777777; }

.general_form .labelFieldTitle { font-size:18px; color:#d54527; }
.forms_section_header { width:100%; margin-top:30px; margin-bottom: 5px; text-align:left; background-color:#e3e3e3; padding: 2px 2px 2px 8px; }
.filterSelected { border:3px solid #2c97ca !important; }
.verticalDots:after { content: '\2807'; font-size: 25px; color:#000; }


.itemTip { position:relative; display:inline-block;  }

.itemTip .itemTipText { visibility:hidden; width:250px; background-color:#fff; color:#000; text-align:center; border-radius:6px;
	border:2px solid #205b7d; padding:5px; position:absolute; z-index:1; top:150%; left:50%; margin-left:-135px; font-size:14px; text-align:left; line-height:20px; }

.itemTip .itemTipText::after { content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:10px;
	border-style:solid; border-color:transparent transparent #205b7d transparent; }

.itemTip:hover .itemTipText { visibility:visible; }


/* ================================== */
/* CSS for tips on hovering over elements */

.tipTopPopup { position:relative; }
.tipTopPopup > span { display:none; }
.tipTopPopup:hover > span
{
	display: inline;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	text-align:left;
	
	font-size:12px;
	background-color:#fff;
	color:#d54527;
	width:110px;
}

/* ================================== */



.style_0To10MainContainer { margin-top:5px;  font-size:18px;}
.style_0To10 { font-family: Helvetica, Times, Arial, sans-serif; cursor:pointer; padding:3px 5px; text-align:center; border:1px solid #e7b0ac;  background-color:#fff;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.style_0To10Selected { font-family: Helvetica, Times, Arial, sans-serif; cursor:pointer; padding:3px 5px; text-align:center; border:4px solid #d54527; background-color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.radio_selected_div { border:1px solid #d3d3d3;}



.radius5 { -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }

.radius10 { -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }

.radius15 { -webkit-border-radius:15px; -moz-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; }

.radius20 {-webkit-border-radius:20px; -moz-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; }

/* ===Added by IA 22 FEB 2022 mainly used in guest.cgi=============================== */

.leftArrowClass 
{
	font-size:inherit;
	text-align: center;
	display:inline-block;
	margin: 10px auto 5px auto;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid currentColor;
	-moz-transition: -moz-transform .3s;
	-webkit-transition: -webkit-transform .3s;
	-o-transition: -o-transform .3s;
	transition: transform .3s;
}

.rotate90deg
{
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}