@charset "utf-8";
/* =====================================================
blazingAudit v12
Author: Rich Nadler

Timely Contact Inc.
Copyright 2009 - 2024
All Rights Reserved.
======================================================*/

/* Base styles */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 90%;
}

/* Checkbox styles */



/*generic styles */

.lines {
	float: left;
	clear: left;
	width: 100%;
	height: 10px;
}

.halfline {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 10px;
}

.bpad {
	padding-bottom: 2px;
}

.tpad {
	padding-top: 2px;
}

.nomargin {
	margin: 0 0 0 0;
}

.c_flC {
	float: left;
	clear: left;
}

.c_fl {
	float: left;
}

.c_flCM {
	float: left;
	clear: left;
	margin-left: 5px;
	display: inline;
}

.c_flCMX {
	float: left;
	clear: left;
	margin-left: 10px;
	display: inline;
}

.c_flCN {
	float: left;
	clear: none;
}

.c_flCN5 {
	float: left;
	clear: none;
	margin-left: 5px;
}

.c_flCN15 {
	float: left;
	clear: none;
	margin-left: 15px;
}

.c_flCN10 {
	float: left;
	clear: none;
	margin-left: 10px;
}

.c_flCN5_CB {
	float: left;
	clear: none;
	margin-left: 5px;
	padding-top: 2px;
}

.c_flCL52 {
	float: left;
	clear: left;
	margin: 3px 0px 0px 5px;
}

.c_flCL512 {
    clear: left;
    float: left;
    margin: 3px 0 0 12px;
}

.c_flCL535 {
	float: left;
	clear: left;
	margin: 3px 0px 5px 5px;
	display: inline;
}

.c_flC5r {
	float: left;
	clear: none;
	margin-right: 5px;
	display: inline;
}
.c_frCN {
	float: right;
	clear: none;
}

.c_frC {
	float: right;
	clear: both;
	width: 100%;
} 
.c_fl_pt {
	float: left;
	padding-top: 3px;
	margin-left: 2px;
}

.c_combo {
	float: left;
	width: 120px;
}
.c_pointer {
	cursor: pointer;
}

.c_fr {
	float: right;
}

.c_tr {
	text-align: right;
}

.c_tl {
	text-align: left;
}

.c_tl_nb {
	text-align: left;
	border-bottom: none;
}


.c_tc {
	text-align: center;

}

.c_tc_b {
	text-align: center;
	border-right: solid thin #ccc;
}
	

.c_vm {
	vertical-align: middle;
}

.c_w40 {
	min-width: 40px;
}
.c_m5 {
	margin-left: 5px;
}
	
.c_fr5 {
	float: right;
	margin-right: 5px;
}

.c_fr55 {
	float: right;
	margin: 10px 5px 0px 0px;
}

.c_flcl98{
	float: left;
	clear: left;
	width: 98%;
}

.c_flclt5 {
	float: left;
	clear: left;
	margin-top: 15px;
	display: inline;
}

.c_flb5 {
	float: left;
	clear: left;
	margin-bottom: 5px;
}

.c_n { /* numeric entry box */
	float: left;
	clear: none;
	text-align: right;
	width: 50px;
	margin: 0px 5px 5px 0px;
}


.margintop20 {

	margin-top: 20px;
}

.marginbottom5 {

	margin-bottom: 5px;
}

.marginbottom20 {
	margin-bottom: 20px;
}

.margin510 {
	margin: 5px 0 0 10px;
}


/* standard select list options */

.qlist_sel {
	float: left;
	clear: left;
	padding-left: 1%;
	color: #333;
	min-height: 25px;
	width: 99%;
	background-color: #ededed;
	transition: all 0.5s ease-in-out;
}
.qlist_out {
	float: left;
	clear: left;
	padding-left: 1%;
	min-height: 25px;
	width: 99%;
	background-color: #FFFFFF;
	transition: all 0.5s ease 0s;
}

.qlist_over {
	float: left;
	clear: left;
	padding-left: 1%;
	min-height: 25px;
	width: 99%;
	color: crimson;
	cursor: pointer;
	background-color: #ededed;
	transition: all 0.5s ease 0s;
}

/* message box styles - pop up message box */

.c_showMsg {
	position: absolute;
	z-index: 999999;
	background-color: #FFFFFF;	
	border: solid thin #ccc;
	font-size: 90%;
	color: #000;
	padding-bottom: 10px;
}

.msghdg {
	float: left;
	clear: left;
	height: 22px;
	color: crimsom;
	padding-top: 5px;
	padding-left: 5px;
	border-top-left-radius:0px;
}

.msgclose {
  float: right;
  clear: none;
  height: 22px;
  width: 10px;
  margin: 1px 5px 0px 0px;
}

.c_msgHd {
	height: 25px;
 	background-color:  #333;
 	width: 99.9%;
}


.showmsg_button_left {
  float: left;
  margin-left: 10px;
}
.showmsg_button_right {
  float: right;
  margin-right: 10px;
}


/* Header styles */
.header {
  display: flex;
  height: 75px; /* Adjust height as needed */
  background-color: #333; /* Example background color */
  color: white; /* Example text color */
  align-items: center; /* Center vertically */
  width: 100%; /* Full width */
}

.heading-container {
  display: flex;
  align-items: center; /* Center vertically */
  font-size: 45px;
}


/* Footer styles */
.footer {
  height: 25px; /* Adjust height as needed */
  background-color: #333; /* Example background color */
  color: white; /* Example text color */
  margin-top: auto;
}

.bztabholder {
	display: flex;
	width: 100%;
}



/* generic styles */

.c_fr {
	float: right;
}

/* Main container styles */

.bzwebsite {
}

.main-container {
  display: flex;
  height: calc(100% - 78px); /* Adjust for header and footer heights */
  min-height: 78vh;
  flex: 1;
  justify-content: center;
}

.main-container-left {
  display: flex;
  height: calc(100% - 78px); /* Adjust for header and footer heights */
  min-height: 78vh;
  flex: 1;
  justify-content: left;
}


.login-container {
 	  display: flex;
  	flex: 1;
  	justify-content: center;
}

/* Left panel styles */
.left-panel {
  display:  none;
  width: 20%;
  background-color: #f0f0f0; /* Example background color */
}


/* Quadrant container styles */
.quadrant-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

/* Top quadrants styles */
.top-quadrants {
  display: flex;
  flex-grow: 1;
}

/* Bottom quadrants styles */
.bottom-quadrants {
  display: flex;
  flex-grow: 1;
}

/* Quadrant styles */
.quadrant {
  flex: 1;
  margin: 5px; /* Adjust to control the space between quadrants */
  border: 1px solid #ccc; /* Example border */
  box-sizing: border-box;
  flex-wrap: wrap;
}

.quadrant-noborder {
  flex: 1;
  margin: 5px; /* Adjust to control the space between quadrants */
  flex-wrap: wrap;
}

.quadrant-heading {
  height:  30px;
  background-color: #ccc;
  background-color: #333;
  color: white;
  display: flex;
  align-items: center;
  padding-left: 5px;
}

.right-section {
  /*align-items: center; *//* Center vertically */
  margin-left: auto; /* Anchors greeting to the right */
  margin-right:  10px;
}

.bzgreeting {
  margin-left: auto; /* Anchors greeting to the right */	
  margin-right: 5px; /* Example margin between greeting and menu */
  padding-top: 10px;
}

.delprojdiv {
	width: 120px;
	padding: 0px 5px 5px 5px;
}

.newprojdiv {
	width: 120px;
	padding: 0px 0px 0px 5px;
}

.showuser {
	margin-left: auto;
	padding: 5px 5px 0px 0px;
}

.hidediv {
	display:  none;
}

.ediv {
  border: solid thin #333;
  padding: 5px;
  margin: 10px 0px 10px 0px;
}

.relative-ediv {
  border: solid thin #333;
  padding: 5px;
  margin: 10px 0px 10px 0px;
  position: relative;
}

.edivshadow {
	background-color: #ffffff;
  border: thin solid #ededed;
  box-shadow: 1px 1px 1px #a9a9a9;
  position: absolute;
  z-index: 4000;
	}

.default-dash-combo {
  display: flex;
  flex-direction: column;
  float: left;
  clear: left;
  width: 100%;
  margin: 7px 0px 5px 0px;
}

.reportq {
	height: 70px;
	overflow: auto;
}

.snapq {
	height: 310px;
	overflow: auto;
}

#dashresp{
	width: 100%;
	height: 280px;
	overflow: auto;
}

.main-flex-rows {
	display: flex;
	flex-direction: row;
}

.main-flex-columns	 {
	display: flex;
	flex-direction: column;
}

.default-combo {
	width: 100%;
	margin-top: 5px;
	font-size: 90%;
	border-radius: 0;
	border: 1px solid #ccc;
}

.default-padding {
	padding: 5px 5px;
}

/* Dashboard styles */

.dashBopt {
	margin-left: 5px;
}


.grpcombo100 {
	width: 100%;
  	text-align: center;
  	font-size:  90%;
  	border: none;
}

.pp_mnu {
  font-size: 95%;
  border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
  min-width: 100px;
  width: 100%;
}


.pp_mnu_no_min_width {
  font-size: 95%;
  border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
  width: 100%;
}

.pp_mnu_special {
  font-size: 95%;
  border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
  width: 157px;
  float: left;
  clear: none;
  margin-left: 17px;
}


.rpt_pp_mnu {
	font-size: 95%;
  border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
  width: 69px;
  float: left;
  clear: none;
  margin-right: 5px;
}

.cht_pp_mnu {
  font-size: 95%;
  border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
  width: 69px;
  float: right;
  clear: both;
  margin-right: 5px;
}

.update_button {
	float: right;
	min-width: 60px;
	font-size: 95%;
  height: 24px;
	border-radius: 0;
  border: 1px solid #ccc;
	margin: 3px 17px 0 0;
}

.updpnlhld {
	margin: -2px 0px 0px 0px;
}

.time_mnu {
	font-size: 95%;
  height: 22px;
  border-radius: 0;
  border: 1px solid #ccc;
  width: 90px;
}

.opencombo {
	float: right;
	clear: none;
	font-size: 95%;
	height: 22px;
	margin-right:5px;
	border-radius: 0;
  border: 1px solid #ccc;
}

.invcombo {
	float: right;
	clear: none;
	margin-right: 10px;
	width: 10%;
	min-width: 120px;
}

.e_mnu {
  float: left;
	margin-left: 5px;
	font-size: 95%;
  height: 22px;
  border-radius: 0;
  border: 1px solid #ccc;
  width: 60px;
}


.projinfob {
  float: right;
  margin-right: 5%;
}

/* new project style */
.ediv_shadow {
	position: absolute;
	z-index: 4000;
	left: 2px;
	top: 2px;
	background-color: #FFF;
	border: solid thin #c6d5e1;
	display: block;
}

.ediv_plist {
	min-height: 675px;

}

/* calendar styles */


.showmsg_button {
	background-color: #fff;
	font-size: 97%;
	color: #333333;
    height: 20px;
	border: solid thin #c6d5e1;
	border-radius:0px;
    width: 70px;
}


.calleft {
	float: left;
	clear: left;
	width: 30px;
	height: 25px;
	text-align: center;
	cursor: pointer;
}

.calright {
	float: left;
	clear: none;
	width: 30px;
	height: 25px;
	text-align: center;
	cursor:pointer;
}

.clhleft {
	float: left;
	clear: left;
	width: 30px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: white; 
}

.clhright {
	float: left;
	clear: none;
	width: 30px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: white; 

}
.calhda {
	float: left;
	clear: none;
	width: 20px;
	padding: 3px 0px 0px 0px;
	color: white;
	text-align:center;
	cursor: pointer;
}

.calhda:before {
   content: "\003C"; 
   font-size: 14px;
}

.calhda:hover {
	 color: silver; 
}

.calhdyeara {
	float: left;
	clear: left;
	width: 30px;
	padding: 3px 0px 0px 5px;
	color: white;
	text-align:left;
	cursor: pointer;
}

.calhdyeara:before {
   content: "\003C\003C"; 
   font-size: 14px;
}

.calhdyeara:hover {
	 color: silver; 
}

.calhdyearb {
	float: left;
	clear: none;
	width: 30px;
	padding: 3px 3px 0px 0px;
	color: white;
	text-align:right;
	cursor: pointer;
}

.calhdyearb:before {
   content: "\003E\003E"; 
   font-size: 14px;
}

.calhdyearb:hover {
	 color: silver; 
}

.calhdb {
	float: left;
	clear: none;
	padding-top: 2px;
	width: 95px;
	height: 22px;
	color: white;
	text-align:center;
}

.calhdc {
	float: left;
	clear: none;
	color: white;
	width: 30px;
	padding: 3px 0px 0px 0px;
	text-align:center;
	cursor: pointer;
}

.calhdc:before {
   content: "\003E"; 
   font-size: 14px;
}

.calhdc:hover {
	 color: silver; 
}


/* table format */

.dBp7 {
	float: left;
	clear: left;
	width: 98%;
	border-spacing: 0px; 
	text-align:center;
	margin-left: 1%;
}

.dBp7 th:first-child {
	font-weight: 100;
	background-color: #ededed;
	border-left: 1px solid #c6d5e1;
	border-top: 1px solid #c6d5e1;
	border-bottom: 1px solid #c6d5e1;
	border-spacing: 0px; 
  border-radius: 0px 0px 0px 0px;
}

.dBp7 th:last-child {
	font-weight: 100;
	background-color: #ededed;
	border-right: 1px solid #c6d5e1;
	border-top: 1px solid #c6d5e1;
	border-bottom: 1px solid #c6d5e1;
	border-collapse: collapse;
	border-spacing: 0px; 
    border-radius: 0px 0px 0px 0px;
}

.dBp7 th {
	font-weight: 100;
	font-size: 90%;
	background-color: #ededed; /*#ededed;*/
	border-left: 1px solid #c6d5e1;
	border-top: 1px solid #c6d5e1;
	border-bottom: 1px solid #c6d5e1;
	border-spacing: 0px; 
}

.dBp7 td {
	border-spacing: 0; 
	border-left: 1px solid #c6d5e1;
	border-bottom: 1px solid #c6d5e1;
	height: 12px;
}
.dBp7 td:last-child {
	border-spacing: 0; 
	border-left: 1px solid #c6d5e1;
	border-right: 1px solid #c6d5e1;
	border-bottom: 1px solid #c6d5e1;
	height: 12px;
}

.dBp7 tr:hover
{
  background:  #fbf8e9;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;     
} 

.dBp6 {
	float: left;
	clear: left;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-spacing: 0px; 
	text-align:center;
	font-size: 90%;
}

.dBp6 th:first-child {
	color:#333;
	font-weight: 100;
	width: 30%;
	background-color: #ededed;
	border-left: 1px solid #c6d5e1;
	border-top: 1px solid #c6d5e1;
	border-bottom: 1px solid #c6d5e1;
	border-spacing: 0px; 
    border-radius: 0px 0px 0px 0px;
}

.dBp6 th:last-child {
	color:#333;
	font-weight: 100;
	background-color: #ededed;
	border-right: 1px solid #c6d5e1;
	border-top: 1px solid #c6d5e1;
	border-bottom: 1px solid #c6d5e1;
	border-collapse: collapse;
	border-spacing: 0px; 
    border-radius: 0px 0px 0px 0px;
}

.dBp6 th {
	font-weight: 100;
	color:#333;/*#2d678c;*/
	font-size: 90%;
	background-color: #ededed; /*#ededed;*/
	border: 1px solid #c6d5e1;
	border-spacing: 0px; 
	height: 14px;
}

.dBp6 td {
	color:#666;
	border-spacing: 0; 
	border-right: 1px solid  #c6d5e1;
	border-left: 1px solid #c6d5e1;
	border-bottom: 1px solid #c6d5e1;
	height: 14px;	
	width: 50px;
}

.dBp6 td:first-child {
	padding: 3px 0px 3px 5px;
	text-align: left;
	height: 14px;
}

.dBp6 tr:hover
{
  background:  #fbf8e9;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;     
} 

.default-button {
	width: 100%;
}

a.dblink:link { color: #333333; text-decoration: none;}
a.dblink:active {color: #333333; text-decoration: none;}
a.dblink:visited {color: #333333; text-decoration: none; }
a.dblink:hover {color: crimson; text-decoration: none; }
a.dblink:not-active {pointer-events: none; cursor: default;}


.recoverlink {
  justify-content: center;
  display: flex;
  margin-top: 20px;
}

.link_default {
	float: left;
	clear: left;
	margin: 2px 0px 0px 0px;
}

.link_default:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;

}

.projectMenu {
	display: flex;
	padding: 5px 5px 5px 5px;
}

.b_options {
	float: left;
	clear: left;
	width: auto;
	margin-bottom: 5px;
	display: inline;
}

.b_options:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.b_optionson {
	float: left;
	clear: left;
	width: auto;
	margin-bottom: 5px;
}

.b_optionson:before {
   content: "\2666  "; 
   color: #0C0;
   font-size: 14px;
}


.projectheading {
	height: 30px;
}


.a_opt_clk {
	margin: -16px 10px;
	cursor: pointer;
	color: #333333;
}

.a_opt_clk_over {
	margin: -16px 10px;
	cursor: pointer;
	color: crimson; 
}

.projectlist {

}

.closebutton {
    border: none;
    color: white;
    background-color: #333;
    margin-right: 2px;
  	margin-bottom: 4px;
}

.closebutton:hover {
    border: none;
    color: #ccc; 
}

.popuptabclassleft {
	width: 98%;
}

/*Deployment Ediv Styles */

.instructionclass {
	width: 95%;
	height: 115px;
	margin-top: 5px;
}

.deploy_combo {
	float: left;
	width: 280px;
  font-size: 95%;
  border-radius: 0;
  border: solid thin #ccc;
  height: 22px;
}


.pp_mnu {
  font-size: 95%;
  border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
  min-width: 100px;
  width: 100%;
}



.pnl_combo {
	float: left;
	clear: none;
	width: auto;
	margin-top: 5px;
}

.dtbl1 {
	float: left;
	clear: left;
	padding: 5px 0px 0px 5px;
}

.dtbl2 {
	float: left;
	clear: none;
	padding: 10px 0px 0px 5px;
}

.layouthdg {
	float: left;
	clear: left;
	color: crimson; 
	margin: 5px 0px 5px 10px;
}

.layoutprmpt {
	float: left;
	clear: left;
	margin: 5px 0px 0px 10px;
}

.schhlder {
	float: left;
	clear: left;
	margin: 10px 0px 0px 12px;
	width: 100%;
	height: auto;
}

.openprmt {
	float: left;
	clear: left;
	width: auto;
	margin-right: 5px;
}

.schopen {
	float: left;
	clear: none;
	width: auto;
}

.closeprmt {
	float: left;
	clear: none;
	margin-left:10px;
	width: auto;
}

.schclose {
	float: left;
	clear: none;
	margin-left: 5px;
	width: auto;
}
.dashtxtboxclass {
	width: 80%;
}

.addinstr {
	float: left;
	clear: left;
	color: crimson; 
	margin: 2px 0px 5px 10px;
}

/* Menu styles */

.mnuholder {
  display: flex;
  align-items: center; /* Center the child elements vertically */
  justify-content: space-between; /* Distribute the child elements evenly along the main axis */
  width: 50px; /* Adjust as needed */
  height: 50px; /* Adjust as needed */
  cursor: pointer; /* Change cursor to pointer on hover */
}


.bar {

  display: block;
  width: 50px; /* Adjust as needed */
  height: 3px; /* Adjust as needed */
  background-color: white; /* Change color as needed */
  margin: 6px 0; /* Adjust spacing between bars */
}

#mnuTbl {
  display: none; /* Initially hide the menu items */
  flex-direction: column; /* Arrange menu items in a column */
  position: absolute; /* Position the menu items */
 /* top: 50px;  Adjust as needed */
/*  left: 0;  Adjust as needed */
  background-color: white; /* Change background color as needed */
  padding: 10px; /* Adjust padding as needed */
  border: 1px solid black; /* Add border for clarity */
  width: 60px;
  z-index: 4000;
}

.navbar {
    background-color: #333;
    color: #fff;
    padding: 10px 0;
}

.navbar-links {
    display: block;
}

.navbar-links a {
    color: #fff;
    text-decoration: none;
    margin-left: 20px;
}

.show {
    display: block;
}

.menu-item {
  display: block; /* Display menu items as blocks */
  padding: 5px 0; /* Adjust padding as needed */
  text-decoration: none; /* Remove underline */
  color: black; /* Change text color as needed */
}

.menu-item:hover {
  background-color: lightgray; /* Change background color on hover */
}	


/* styles for Select respondent */
.rspGrpHld {
	float: left;
	clear: none;
	width: 20%;
}

.rspOptHld {
	float: left;
	clear: none;
	width: 80%;
}

.grouplist {
	float: left;
	clear: left;
	margin-top: 5px;
	width: 90%;
	height: 240px;
	overflow: auto;
	border: solid thin #ccc;
}

.groupdisplay {
	float: left;
	clear: left;
	margin-top: 20px;
}

.pnlsave {
	clear: both;
	margin: 0px 0px 5px 0px;
	width: 120px;
	background-color: #fff;
	font-size: 95%;
	color: #333;
    height: 22px;
	border: solid thin #999;
}

.pnlsave:hover {
	color: crimson;
	cursor: pointer;
	box-shadow: 1px 1px 1px #999;
}

.profilemsg {
	float: left;
	clear: both;
	margin: 10px 0px 10px 0px;
	font-weight:bold;
}

.rspFoot {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-top: 5px;
	display: inline;
	border-top: solid thin #c6d5e1;
}

.rspFootcl {
	float: right;
	clear: none;
	width: 20%;
	display: inline;
}

.rsptbl {
	float: left;
	clear: none;
	width: 400px;
	display: inline;
}

/* invitation styles */

.chgGrp {
	float: left;
  	clear: left;
  	margin-right: 5px;
}


.inserthld {
	float: left;
	clear: left;
	width: 95%;
	margin: 0px 0px 10px 20px;
}

.new_button {
  float: right;
	margin-right: 10px;
	margin-top:  2px;
	min-width: 60px;
	background-color: white;
	font-size: 90%;
	color:#333;
  height: 24px;
	border: solid thin #999;
}

.new_button:hover {
	color: crimson; /*#333333*/
	cursor: pointer;
	/*box-shadow: 1px 1px 1px #999;*/
}

.new_button:disabled {
	border: thin solid #ccc;
	color: #ccc;
	cursor: pointer;
}

.new_button_editor_div {

  float: right;
  clear: both;
	margin-right: 10px;
	margin-top:  2px;
	min-width: 60px;
	background-color: white;
	font-size: 90%;
	color:#333;
  height: 24px;
	border: solid thin #999;
}

.new_button_editor_div:hover {
	color: crimson; /*#333333*/
	cursor: pointer;
	/*box-shadow: 1px 1px 1px #999;*/
}

.new_button_editor_div:disabled {
	border: thin solid #ccc;
	color: #ccc;
	cursor: pointer;
}


.invhld {
	margin-top: 5px;
}

/* Send or Schedule Invitations */

.sel_area {
	float: right;
	margin: 5px 5px 5px 0px;
	clear: none;
	width: auto;
}

/* download export results */

.dldivHdg {
	float: left;
	clear: left;
	color: crimson; 
	margin:5px 0px 3px 2px;
	display: inline;
}

.dl_click {
	float: left;
	clear: left;
	margin: 0px 0px 5px 5px;
	cursor: pointer;
}

.dl_click:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.dl_click_over {
	float: left;
	clear: left;
	margin: 0px 0px 5px 5px;
	cursor: pointer;
	color: crimson; 
}

.dl_click_over:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.print_click {
	float: left;
	clear: left;
	margin-top: 10px;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.print_click:before {
	margin-top: 10px;
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.print_click_over {
	float: left;
	clear: left;
	margin-top: 10px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	color: crimson; 
	display: inline;
}
.print_click_over:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.dldiv {
	float: left;
	clear: left;
	width: 35%;
	margin-top: 5px;
}

.dl_ques {
	float: left;
	clear: none;
	width: 35%;
	height: 350px;
	overflow:auto;
}

.dl_ques1 {
	float: left;
	clear: none;
	width: 64%;
	height: 94%;
	margin-top: 5px;
	overflow:auto;
}

.dl_pnl {
	float: left;
	clear: none;
	width: 28%;
	height: 350px;
	margin-left: 10px;
	overflow:auto;
}

.aqA{
	float: left;
	clear: left;
	width: auto;
	color:	crimson; 
	margin: 2px 10px 0px 2px;
	margin-bottom: 4px;
}

.aqB {
	float: left;
	clear: none;
	width: auto;;
}

.aqC {
	float: left;
	clear: none;
	padding-top: 2px;
	color:	crimson; 
	width: auto;
	margin-bottom: 4px;
}

.aqA1 {
	float: left;
	clear: left;
	width: auto;
	margin: 2px 0px 3px 2px;
}

.aqNav {
	float: left;
	clear: left;
	width: 35%;
	margin: 8px 0px 3px 2px;
}

.aqA3 {
	float: left;
	clear: none;
	padding-top: 2px;
	width:75%;
}

.dlleft {
	float: left;
	clear: left;
	width: 98%;
}

.apA1 {
	float: left;
	clear: left;
	width: auto;
	margin: 2px 0px 2px 3px;
}



/* Admin styles */

.rptlft {
	float: left;
	clear: left;
	width: 60%;
}
.rptlft2 {
	float: left;
	clear: left;
	width: 96%;
}
.rptrght {
	float: left;
	clear: none;
	margin: 10px 0px 0px 2%;
	width: 35%;
	height: 200px;	
}

.admoptsave {
	float: left;
	clear: left;
	width: 100%;
	text-align: right;
	margin: 0 0 5px;
}

.admoptp2 {
	float: left;
	clear: left;
	margin: 5px 0px 5px 0px;
	width: auto;
}
.admoptcb {
	clear: none;
    float: left;
    margin: 3px 0 5px 10px;
}

.admoptprompt {
	float: left;
	clear: left;
	padding-top: 3px;
	margin: 0px 0px 5px 10px;
	width: auto;
	min-height: 18px;
}

/* permissions styles */

.usergrp {
	float: left;
	clear: left;
	width: 99%;
	height: 25px;
	margin: 5px 0px 0px 5px;
}	

.generalperm {
	clear: left;
    float: left;
    height: auto;
    margin: 15px 0 10px 5px;
    overflow: auto;
    width: 100%;
}

.leftperm {
	float: left;
	clear: left;
	width: 49%;
	height: 130px;
	margin: 5px 0px 0px 5px;
	overflow: auto;
	border: solid thin #ccc;
}
.rightperm {
	float: left;
	clear: none;
	width: 49%;
	height: 130px;
	margin: 5px 0px 0px 5px;
	overflow: auto;
	border: solid thin #ccc;
}

.permprompt {
	float: left;
	clear: none;
	width: auto;
	margin: 2px 0px 5px 2px;
}
.permprompthdg {
	float: left;
	clear: none;
	width: auto;
	color: crimson; 
	margin: 2px 0px 5px 2px;
}

.permckhdg {
	float: left;
	clear: left;
	width: auto;
	margin: 2px 5px 2px 5px;
}

.permck {
	float: left;
	clear: left;
	width: auto;
	margin: 2px 5px 2px 10px;
}

.selusergrp {
	float: left;
	clear: left;
	width: 80px;
}

.usergrpcb {
	float: left;
	clear: none;
	width: 150px;
	margin: 0px 0px 0px 5px;
	border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
}

.usertypescb {
	float: left;
	clear: none;
	width: 150px;
	margin: 0px 0px 0px 15px;
	border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
}

 .accordion {
    width: 200px;
    height: auto;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  .accordion-tab {
    background-color: #f4f4f4;
    color: #333;
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
  }
  .accordion-tab:last-child {
    border-bottom: none;
  }
  .accordion-panel {
    display: none;
    padding: 10px;
    background-color: #fff;
  }

/* property tab holder holds the tabs for the design container */

#q_accordiandiv {
	width: 98%;
	z-index: 999;
	position: absolute;
	overflow: auto;
	margin: 10px 0px 0px 2px;
}

#ediv_adv {
	position: absolute;
	z-index: 9998;
	left: 2px;
	top: 2px;
	background-color: #FFF;
	border: solid thin #c6d5e1;
}

.rptlblbuttons {
	float: right;
	clear: both;
	margin-right: 10px;
}

.altcatlbl {
    clear: left;
    float: left;
    margin: 5px 0 5px 128px;
    width: 202px;
	text-align: center;
}

.altcatlbl2 {
    clear: none;
    float: left;
    width: 207px;
	text-align: center;
}

.altsrvlbl {
    clear: none;
    float: left;
    margin: 5px 0 5px 5px;
    width: 102px;
	text-align: center;
}

.rtfarea {
	background-color: #fff;
}

.editclass {
	float: left;
	clear: left;
	max-height: 420px;
	width: 100%;
	overflow: auto;
}

.clblholder {
	float: left;
	clear: left;
	width: 100%;
	height: 430px;
	overflow: auto;
	margin-bottom: 10px;
}

.rclclass {
	float: left;
	clear: left;
	width: 100%;
}

.cglblholder {
	float: left;
	clear: left;
	width: 100%;
	height: 315px;
	overflow: auto;
	display: inline;
}

#clbbutton {
	float: right;
	clear: left;
	margin: 15px 20px 0px 0px;
	width: 100px;
	height: 30px;
	display: inline;
}
.c_responseOptTbl{
	margin-top: 10px;
	width: 100%;
	max-height: 160px;
	overflow: auto;
}

.changeRespDiv{
    width: 100%;
}

.disQueDiv {
	float: left;
	clear: left;
	width: 100%;
	height: auto;
	margin-bottom: 3px;
	display: inline;
}

.disQueHd {
	float: left;
	clear: left;
	margin: 0px 0px 5px 5px;
	display: inline;
}
/*============================================
divs for survey presentation
============================================*/

#sfmsg {
	padding-top: 3px;
	text-align: center;
	font-weight: bold;
}

/*=================================================================================
Question Design Property Pain Classes
===================================================================================*/

.qp_ck {
	float: left;
	clear: left;
	width: 25px;
	display: inline
}

.qp_lbl {
	float: left;
	clear: none;
	width: 180px;
	display: inline;
}

.qp_lbl_shadow {
	float: left;
	clear: none;
	width: 180px;
	cursor:pointer;
	display: inline;
}

/* slider max number entry text box */

.maxsliderclass {
	text-align: right;
	float: right;
}

.sliderTableClass {
	padding-top: 20px;
}

.allocationTblClass {
	padding-top: 5px;
}

.allocationmsgclass {
	margin: 10px 0px 0px 5px;
	height: 3em;
	width: 90%;
}

.timemsg {
	margin: 2px 0px 5px 5px;
	height: 32px;
	width: 210px;
}

/* format option classes */

.allocationcombo {
	float: right;
	width: 100%;
}

.lblclass {
	margin-top: 5px;
	float: left;
	clear: left;
}

.validationcombo {
	margin-top: 10px;
	width: 80%;
}

.valmsgclass {
	margin: 5px 0px 0px 5px;
	height: 32px;
	width: 95%;
}

.msgclass {
	height: 5em;
	width: 98%;
}

.instructionclass {
/*	margin: 10px 0px 10px 5px;*/
	height: 100px;
	width: 95%;
}

.qstylecombo {
	width: 93%;
	margin: 2px 0px 0px 5px;
}

.drilldowncombo1 {
	width: 100%;
	margin: 2px 0px 0px 10px;
}

.htxtclass {
	width: 80%;
	margin: 10px 0px 0px 5px;
}
.naValueMsgclass {
	float: left;
	margin: 10px 0px 0px 2px;
}
.ev {
	float: left;
	clear: left;
	margin: 10px 10px 0px 10px;
	border-collapse: collapse;
}

.ev td {
	padding: 3px;
	border: solid thin #c6d5e1;
}

.rptLblTblClass {
	float: left;
	clear: left;
	width: 100%;
	height: 80%;
	overflow:auto;
}

.rptCatTbl {
	float: left;
	clear: both;
}

.deletebranchclass {
	margin-left: 3px;
	cursor: pointer;
}

.contble {
	margin: 10px 0 5px;
	float: left;
	width: 98%;
}

.editValR1C4Class {
	background-color: #000000;
	color: #FFF;
	text-align: center;
	border: none;	
}


.c_glossary_def {
	float: left;
	width: 98%;
	height: 8em;
}

#glintrodiv {
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
}

#kw_prompt {
	float: left;
	clear: left;
	margin-left: 20px;
	margin-top: 20px;
	display: inline;
}

#kw_def_prompt {
	float: left;
	clear: none;
	margin-left: 300px;
	margin-top: 20px;
	display: inline;
}

#kw_tbholder {
	float: left;
	clear: left;
	margin-left: 20px;
	margin-top: 10px;
	display: inline;
}

.kw_txtholder {
	float: left;
	clear: none;
	margin-left: 140px;
	margin-top: 10px;
	height: 120px;
	width: 50%;
	display: inline;
}
	
#glcombo {
	float: left;
	clear: left;
	margin-left: 20px;
	margin-top: 20px;
	display: inline;	
}

#librarydiv {
	float: left;
	clear: left;
	height: 430px;
	overflow: auto;
}

.libhdg {
	float: left;
	clear: left;
	color: crimson; 
	margin: 30px 0px 10px 5px;
	display: inline;
	width: 50%;
}

.chk_lid {
	float: left;
	clear: left;
	width: 20px;
	position: relative;
	height: 24px;
}

.c_lid {
	float: left;
	clear: none;
	width: 85%;
	position: relative;
	margin: 0px 0px 0px 10px;
	height: 24px;
}

.libmsg {
	color: red;
    float: left;
    font-style: italic;
	height: 15px;
    margin: 5px 0 10px 5px;
}

.instructiondiv {
	float: left;
	clear: left;
	margin: 10px 0px 5px 1%;
	height: auto;
	width: 98%;
}


.imagesdiv {
	float: left;
	width: 100%;
	height: 400px;
	overflow: auto;
	margin-bottom: 10px;
	border-bottom: solid thin #cccccc;
}

.imagediv {
	float: left;
	clear: left;
	width: 45%;
	margin: 5px 0px 0px 5px;
	border: dashed thin #cccccc;
	text-align: center;
}

.imagediv2 {
	float: left;
	clear: none;
	width: 45%;
	margin: 5px 0px 0px 5px;
	border: dashed thin #cccccc;
	text-align: center;
}


.img_saveClass {
	padding-left: 3px;
}

#uploadprompt {
	float: left;
	clear: left;
	width: 20%;
}

#uploadfield {
	float: left;
	clear: none;
}

#uploadsave {
	float: left;
	clear: none;
	margin-left: 3px;
}


/* ================================================
s_designer_tabs.css 
==================================================*/
/* the tab holder - holds all tab components */

#tabs {
	width: 100%;
}

.tabbodyclass {
	height: 200px;
}

/* class for tab content area */

.q_tabdivclass {
	position: absolute;
	height: 20px;
	text-align: center;
	background: -webkit-linear-gradient(#EDEDED, #f7f7f7); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#EDEDED, #f7f7f7); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#EDEDED, #f7f7f7); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#EDEDED, #f7f7f7);
	color: #666;
	width: 100%;
	padding-top: 5px;
	cursor: pointer;
}

.q_tabdivclass:hover {
	color: crimson;
	
}
.addquestiondiv {
	top: 0px;
	right: 2px;
	color: #333;
	border: thin solid #c6d5e1;
	position: absolute;
	width: 250px;
	height: 680px;
	background-color: #fff;
}

.showdesigninfo {
	float: right;
	clear: none;
	height: 24px;	
	margin: 5px 10px 0px 0px;
	color: #666;
}

.qpfmt {

}

.qpfmttb {
	width: 100%;
}

.qpfmt2 {
	width: 100%;
}

.qpfmttb2 {
	float: left;
	clear: none;
	margin-left: 5px;
	height: 30px;
	width: 100px;
	display: inline;	
}
.qpfmt3 {
	width: 100%;
}
.qpfmttb3 {
	width: 100%;
}
.dd_combo {
	float: left;
	width: 135px;
}

.vlfmt {
	float: left;
	clear: left;
	margin-left: 5px;
	height: 30px;
	width: 160px;
	display: inline;
}

.vlfmta {
	float: left;
	clear: left;
	margin-left: 5px;
	height: auto;
	width: 160px;
	display: inline;
	padding-top: 7px;
}

.vlfmttb {
	float: left;
	clear: none;
	margin: 5px 0px 0px 5px;
	height: 20px;
	display: inline;	
}

.vlprompt {
	float: left;
	clear: left;
	margin: 0px 0px 0px 5px;
	display: inline;
}

.width400 {
	width: 400px;
}

.width280 {
	width: 280px;
}

.width180 {
	width: 180px;
}

.width165 {
	width: 165px;
}

.max165 {
	width: auto;
	max-width: 165px;
}

.width160 {
	width: 160px;
}

.width155 {
	width: 155px;
}

.width150 {
	width: 150px;
}

.width140 {
	width: 140px;
}

.width130 {
	width: 130px;
}

.width125 {
	width: 125px;
}

.width120 {
	width: 120px;
}
.width123 {
	width: 123px;
}
.width110 {
	width: 110px;
}

.width100 {
	width: 100px;
}

.width90 {
	width: 90px;
}

.width80 {
	width: 80px;
}

.width60 {
	width: 60px;
}

.width50 {
	width: 50px;
}

.width53 {
	width: 53px;
}

.width20 {
	width: 20px;
}

.width95pct {
	width: 95%;
	height: 100%;
}

.width100pct {
	width: 100%;
}

.w45pct {
	width: 45%;
}

.padtop10 {
	padding-top: 10px;
}

.ml0 {
	margin-left: 0px;
}

.h20 {
	height: 20px;
}


.top10 {
	margin-top: 10px;
}

.prpt {
	float: right;
	clear: both;
	margin: 150px 20px 0px 0px;
	width: 100px;
	display: none;
}

.krpt {
	float: right;
	clear: both;
	margin: 0px 20px 0px 0px;
	width: 100px;
	display: inline;
}

.casestatus {
	float: left;
	clear: left;
	margin: 10px 0 10px 10px;
	display: inline;
}
	
	
.casenotes {
	float: left;
	clear: left;
	width: 95%;
	height: 120px;
	margin: 10px 0px 0px 0px;
	display: inline;
}

.showchartdiv {
	visibility:visible;
	width: 1px;
	height: 1px;
	color: #fff;
	margin: 5px 0px 0px 5px;
}

.schhlder {
	float: left;
	clear: left;
	margin: 10px 0px 0px 12px;
	width: 100%;
	height: auto;
	display: inline;
}

.openprmt {
	float: left;
	clear: left;
	width: auto;
	margin-right: 5px;
	display: inline;
}

.schopen {
	float: left;
	clear: none;
	width: auto;
	display: inline;
}

.closeprmt {
	float: left;
	clear: none;
	margin-left:10px;
	width: auto;
	display: inline;
}

.schclose {
	float: left;
	clear: none;
	margin-left: 5px;
	width: auto;
	display: inline;
}

.chlder {
	float: left;
	clear: left;
	width: 135px;
	margin: 2px 0px 0px 5px;
	display: inline;
}

.chlder2 {
	float: left;
	clear: none;
	width: 135px;
	margin: 2px 0px 0px 5px;
	display: inline;
}

.c1 {
	float: left;
	clear: left;
	width:20px;
	margin: 2px 0px 0px 0px;
	display: inline;
}
.codd {
	float: left;
	clear: none;
	width: 20px;
	margin: 2px 0px 0px 0px;
	display: inline;
}
.ceven {
	float: left;
	clear: none;
	width: 110px;
	margin: 2px 0px 0px 0px;
	display: inline;
}

.ceven2 {
	float: left;
	clear: none;
	width: 90px;
	margin: 2px 0px 0px 5px;
	padding-top: 2px;
	display: inline;
}

.pubprmpt {
	float: left;
	clear: left;
	width: 85px;
	margin: 5px 0px 0px 5px;
	display: inline;
}
.pubdata {
	float: left;
	clear: none;
	width: 75%;
	margin: 5px 0px 0px 5px;
	display: inline;
}

.pubprmpt2 {
	float: left;
	clear: left;
	width: 120px;
	margin: 5px 0px 0px 5px;
	display: inline;
}
.pubdata2 {
	float: left;
	clear: none;
	width: 30%;
	margin: 5px 0px 0px 5px;
	display: inline;
}
.code1 {
	float: left;
	clear: left;
	width: 95%;
	padding: 2px 2px 2px 2px;
	margin: 5px 5px 0px 10px;
	color: crimson; 
	border: solid thin #ccc;
	display: inline;
}
	
.pubdash {
	float: left;
	clear: left;
	width: 100%;
	height: 80%;
	display: inline;
}

.shwsrvya {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	width: 100px;
	display: inline;
}

.shwsrvy {
	float: left;
	clear: none;
	margin: 5px 0px 0px 5px;
	width: 100px;
	display: inline;
}

.nwopt2 {
	float: left;
	clear: left;
	width: 100%;
	height: 210px;
	font-size: 85%;
	overflow: auto;
	display: inline;
}

.approvemsga {
	float: left;
	clear: left;
	font-size: 85%;
	color: #F00;
	margin: 3px 0px 0px 0px;
	width: 100%;
	display: inline;
}

.approvemsgb {
	float: left;
	clear: left;
	font-size: 85%;
	color: #0F0;
	margin: 3px 0px 0px 0px;
	width: 100%;
	display: inline;
}

.approvemsgc {
	float: left;
	clear: left;
	font-size: 85%;
	color: #2d678c;;
	margin: 3px 0px 0px 0px;
	width: 100%;
	display: inline;
}

.dtbl1 {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	display: inline;
}

.dtbl2 {
	float: left;
	clear: none;
	margin: 5px 0px 0px 5px;
	padding-top: 1px;
	display: inline;
}

.pwprmpt {
	float: left;
	clear: left;
	margin: 5% 0% 0% 10%;
	display: inline;
}

.pwmsg {
	float: left;
	clear: left;
	margin: 5px 0px 0px 20%;
	color: #F00;
	font-size: 10px;
	display: inline;
}
	

.pwtb {
	float: left;
	clear: left;
	margin: 20px 0px 0px 20%;
	display: inline;
}

.pwbthld {
	float: right;
	clear: both;
	width: 80px;
	margin: 10% 0% 0% 0%;
	display: inline;
}
.apprlst {
    border: thin solid #CCCCCC;
    clear: left;
    display: inline;
    float: left;
    height: 550px;
    margin: 5px 0 0 5px;
    width: 400px;
}

.apprhdg {
	float: left;
	clear: left;
	height: 24px;
	width: 100%;
	display: inline;
}

.apprpids {
	float: left;
	clear: left;
	width: 100%;
	height: 515px;
	overflow: auto;
	display: inline;
}
	
.apprshw {
	border: thin solid #CCCCCC;
    clear: none;
    display: inline;
    float: left;
    height: 400px;
    margin: 5px 2px 0 20px;
    width: 450px;
}
.appropt {
	float: left;
	clear: none;
	margin: 18px 2px 0px 20px;
	width: 450px;
	height: 130px;
	border: solid thin #ccc;
	display: inline;
}		
	
.nextapprdiv {
    clear: left;
    display: inline;
    float: left;
    height: 30px;
    width: 390px;
	margin: 5px 5px 5px 5px;
}

.maxprompt {
	float: left;
	clear: left;
	margin: 15px 0px 0px 10px;
	width: auto;
	display: inline;
}
.maxnumber {
	float: left;
	clear: none;
	margin: 14px 0px 0px 5px;
	width: 100px;
	display: inline;
}

.maxmsg {
	float: left;
	clear: none;
	margin: 15px 0px 0px 10px;
	width: auto;
	display: inline;	
}

.nextrowbranch {
	float: left;
	clear: none;
	margin: 10px 0px 0px 10px;
	display:inline;
}

/*=================================================================
Powered by button
==================================================================*/

.poweredbylogo {
	position: absolute;
	left: 2px;
	width: 50px;
	height: 26px;
	background-image: url(../images/bzpowered.gif);
	background-repeat: no-repeat;
	display: inline;
}

.poweredby {
	position: absolute;
	left: 5px;
	width: auto;
	font-size:70%;
	display: none;	
}

.poweredbylogo:hover {
	background-image: url(../images/bzpoweredblue.gif);
	background-repeat: no-repeat;	
}

/*=================================================================
Table Question Styles
===================================================================*/

.fulldiv {
	width: 98%;
	height: 98%;
	overflow: visible;
}

.qresponse {
	position: relative;
	float: left;
	clear: left;
	width: 98%;
	overflow: auto;
	display: inline;
	max-height: 60%;
}

.radiustopleft {
	border-top-left-radius:0px;
}

.radiustopright {
	border-top-right-radius:0px;
}

.blankside {
	float: left;
	clear: left;
	height: 24px;
	width: 25%;
	display: inline;
	padding: 4px 0px 0px 6px;
}

.side {
	float: left;
	clear: none;
	height: 24px;
	text-align: center;
	display: inline;
	padding: 4px 0px 0px 0px;
	border-top: solid thin #ccc;
	border-left: solid thin #ccc;
	overflow: visible;
}

.sideBorderLeft {
	border-left: solid thin #ccc;
}

.sideBorderRight {
	border-right: solid thin #ccc;
}

.sideBorderBottom {
	border-bottom: solid thin #ccc;
}

.sideBorderRight {
	border-right: solid thin #ccc;
}

.anchorPrompt {
	float: left;
	clear: left;
	height: 24px;
	width: 25%;
	display: inline;
	padding: 4px 0px 0px 4px;
}

.anchor1 {
	float: left;
	clear: none;
	height: 24px;
	text-align: left;
	padding: 4px 0px 0px 0px;
	display: inline;
} 
.anchor2 {
	float: left;
	clear: none;
	height: 24px;
	text-align: right;
	padding: 4px 0px 0px 0px;
	display: inline;
}

.difRowRight {
	float: left;
	clear: none;
	height: 24px;
	text-align: left;
	width: 15%;
	padding: 6px 0px 0px 5px;
	display: inline;
}

.diffCol {
	float: left;
	clear: none;
	height: 24px;
	text-align: center;
	padding: 4px 0px 0px 0px;
	display: inline;
}

.diffRowLeft {
	float: left;
	clear: left;
	height: 24px;
	text-align: right;
	width: 15%;
	padding: 6px 5px 0px 0px;
	display: inline;
}

.rowPrompt {
	float: left;
	clear: left;
	min-height: 24px;
	width: 25%;
	display: inline;
	padding: 0px 0px 0px 5px;
	border-top: solid thin #ccc;
	border-left: solid thin #ccc;
	border-right: solid thin #ccc;
	display: inline-block;
}

.rowhdg {
	float: left;
	clear: left;
	min-height: 24px;
	width: 25%;
	text-align: left;
	padding: 0px 0px 0px 5px;
	border-top: solid thin #ccc;
	border-left: solid thin #ccc;
	border-right: solid thin #ccc;
	display: inline-block;
}

.colhdg {
	float: left;
	clear: none;
	min-height: 24px;
	text-align: center;
	border-top: solid thin #ccc;
	border-right: solid thin #ccc;
	display: inline-block;
}

.colclass {
	float: left;
	clear: none;
	min-height: 24px;
	text-align: center;
	display: inline;
	border-top: solid thin #ccc;
	border-right: solid thin #ccc;
}

.colhdgna {
	background-color: #ccc;
	border-bottom: solid thin #ffffff;
}

.bottomWhite {
		border-bottom: solid thin #fff;
}

.bottomBorder {
		border-bottom: solid thin #ccc;
}

/* COlUMNS */

.hrzl {
	float: left;
	clear: none;
	text-align: center;
	margin: 0px 0px 10px 0px;
	display: inline;
}

.hrzlLeft {
	float: left;
	clear: left;
	text-align: center;
	margin: 0px 0px 10px 0px;
	display: inline;
}

.codedItem {

}

/*=====================================================================================================
Radio and Check Box Options
======================================================================================================*/

.mSlideOne {
	width: 50px;
	height: 10px;
	background: #CCC;
	margin: 5px 5px 5px 5px;
	float: left;
	clear: none;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.mSlideOne label {
	display: block;
	width: 16px;
	height: 16px;

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

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: -3px;
	left: -3px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;
	
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
}

.mSlideOne input[type=checkbox]:checked + label {
	left: 37px;
	background:#0C0;
}


/* SQUARED ONE */
.mRoundedOne {
	width: 18px;
	height: 18px;
	background: #fcfff4; 
	float: left;
	clear: none;
	border: solid thin #ccc;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
	margin: 0px 10px 0px 5px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.mRoundedOne label {
	cursor: pointer;
	position: absolute;
	width: 14px;
	height: 14px;
	top: 2px;
	left: 2px;
	
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #fff 0%, #999 100%);
	background: -moz-linear-gradient(top, #fff 0%, #999 100%);
	background: -o-linear-gradient(top, #fff 0%, #999 100%);
	background: -ms-linear-gradient(top, #fff 0%, #999 100%);
	background: linear-gradient(top, #fff 0%, #999 100%);
	
	
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );*/
}

.mRoundedOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 1px;
	left: 1px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.mRoundedOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.mRoundedOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED ONE LARGE  */

.mRoundedOneLge {
	width: 20px;
	height: 20px;
	background: #fcfff4; 
	float: left;
	clear: none;
	border: solid thin #ccc;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
	margin: 0px 10px 0px 5px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.mRoundedOneLge label {
	cursor: pointer;
	position: absolute;
	width: 17px;
	height: 17px;
	top: 2px;
	left: 2px;
	
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #fff 0%, #999 100%);
	background: -moz-linear-gradient(top, #fff 0%, #999 100%);
	background: -o-linear-gradient(top, #fff 0%, #999 100%);
	background: -ms-linear-gradient(top, #fff 0%, #999 100%);
	background: linear-gradient(top, #fff 0%, #999 100%);
	
	
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );*/
}

.mRoundedOneLge label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 15.5px;
	height: 15px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 1px;
	left: 1px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.mRoundedOneLge label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.mRoundedOneLge input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/*========================================================================================================
Radio button styles
=======================================================================================================*/

/* Buttons for Choose Many Questions */

.SlideOne {
	width: 50px;
	height: 10px;
	background: #CCC;
	margin: 5px 5px 5px 5px;
	float: left;
	clear: none;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	
}

.SlideOne label {
	display: block;
	width: 16px;
	height: 16px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	
	cursor: pointer;
	position: absolute;
	top: -3px;
	left: -3px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
}

.SlideOne input[type=radio]:checked + label {
	left: 37px;
	background:#0C0;
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
}
.SlideOne .hover {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}


/* ROUNDED ONE */
.RoundedOne {
	width: 18px;
	height: 18px;
	background: #fcfff4;
	float: left;
	clear: none;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	
	
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
	margin: 0px 10px 0px 5px;

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

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.RoundedOne label {
	cursor: pointer;
	position: absolute;
	width: 14px;
	height: 14px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 2px;
	top: 2px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #fff 0%, #999 100%);
	background: -moz-linear-gradient(top, #fff 0%, #999 100%);
	background: -o-linear-gradient(top, #fff 0%, #999 100%);
	background: -ms-linear-gradient(top, #fff 0%, #999 100%);
	background: linear-gradient(top, #fff 0%, #999 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#45484d',GradientType=0 );*/
}

.RoundedOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.RoundedOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=60);
	opacity: .6;
}



.RoundedOne input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/* Large Rounded One */

.RoundedOneLge {
	width: 20px;
	height: 20px;
	background: #fcfff4;
	float: left;
	clear: none;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	
	
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
	margin: 0px 10px 0px 5px;

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

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.RoundedOneLge label {
	cursor: pointer;
	position: absolute;
	width: 15px;
	height: 15px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 2.5px;
	top: 2.5px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #fff 0%, #999 100%);
	background: -moz-linear-gradient(top, #fff 0%, #999 100%);
	background: -o-linear-gradient(top, #fff 0%, #999 100%);
	background: -ms-linear-gradient(top, #fff 0%, #999 100%);
	background: linear-gradient(top, #fff 0%, #999 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#45484d',GradientType=0 );*/
}

.RoundedOneLge label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 1px;
	left: 1px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.RoundedOneLge label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=60);
	opacity: .6;
}


.RoundedOneLge input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* =================================================================================
Columns
===================================================================================*/
.cola {
	float: left;
	clear: none;
	margin-left: 5px;
    padding-top: 2px;
	width: auto;
}

.colb {
	float: left;
	clear: none;
	padding-top: 2px;
	margin-right: 5px;
	max-width: 85%;
}

.colbr {
	float: left;
	clear: none;
	padding-top: 2px;
	margin-left: 5px;
	max-width: 85%;
}
.colc {
	float: left;
	clear: none;
	margin-left: 3px;
}

.colh {
	float: left;
	clear: left;
}

/*==========================================================================================
Translation Styles
===========================================================================================*/

.trana {
	float: left;
	clear: left;
	height: 50px;
	width: 60px;
}

.tranb {
	float: left;
	clear: none;
	height: 50px;
	width: 60px;
}


/*==========================================================================================
Rank Order Questions
===========================================================================================*/

.rankleft {
	float: left;
	clear: left;
	width: 35%;
	margin-top: 5px;
	display: inline;
}

.rankright {
	float: left;
	clear: none;
	width: 35%;
	display: inline;
}
.qranker {
	float: left;
	clear: none;
	width: 65%;
}

.ranklabels {
	float: left;
	clear: left;
	display: inline;
	margin-bottom: 10px;
	width: 100%;
}

.c_ranka {
	float: left;
	clear: left;
	width: 25%;
	padding: 2px 6px 2px 6px;
}
.c_rankb {
	float: left;
	clear: none;
	width: 60%;
	padding: 2px 6px 2px 6px;
}

.c_rankc {
	float: left;
	clear: left;
	margin-bottom: 5px;
	width: 100%;
	min-height: 30px;
}
/*==========================================================================================
Video Question
===========================================================================================*/

.sliderResponse {
	float: left;
	text-align: right;
	width: 30px;
	border: solid thin #666;
}

.sliderresponsecell {
	padding-top: 5px;
	text-align: right;
	visibility: visible;
	width: 10px;
}

.slidercell {
	float: left;
	clear: none;
	width: 260px;
	padding-top: 5px;
}

.smallslidercell {
	float: left;
	clear: none;
	width: 160px;
	padding-top: 5px;
}

.sliderpoint {
	float: left;
	clear: none;
	height: 14px;
	width: 5%;
	margin: 10px 2px 0px 5px;
}

.audsrvmsg {
	float: left;
	clear: left;
	margin: 10px 0px 10px 0px;
}

.audsrvmsg2 {
	float: left;
	clear: left;
	margin: 10px 0px 0px 0px;
}

/*==================================================================================================
Format for textbox question
===================================================================================================*/

.tb {
	resize: horizontal;
	height: 14px;
	min-width: 1px;
}

#scn_message {
	margin: 20% 0% 0% 20%;
	font-size: 200%;
}

/*=======================================================================================================
Advanced Reporting Formats
========================================================================================================*/

.top5 {
	margin-top: 5px;
}



/*===============================================================================================================
PORTAL 
===============================================================================================================*/

.prpts {
	float: left;
	clear: left;
	margin: 2px 0px 0px 2px;
	height: 20px;
	width: 200px;
}

.portaltime {
	float: left; 
	clear: none;
	margin: 2px 0px 0px 2px;
	height: 20px;
	width: 140px;
}

.portalopt {
	float: right;
	clear: none;
	margin: 2px 0px 0px 2px;
	height: auto;
	width: 120px;
}

.portalprint {
 	clear: left;
    float: left;
    height: auto;
    margin: 5px 0 0 3px;
    width: auto;
}

.portalcustomtime {
	float: left;
	clear: none;
	width: 200px;
	height: 50px;
	margin: 5px 0px 0px 0px;
}

.pdate {
	float: left;
	clear: left;
	width: 60px;
	margin: 0px 0px 2px 10px;
}
.pdatetb {
	float: left;
	clear: none;
	margin: 0px 0px 2px 0px;
	width: 86px;
}

.pdateicon {
	float: left;
	clear: none;
	margin: 3px 0px 2px 5px;
	width: 20px;
}
	

.portalCombo {
	float: left;
	margin-left: 5px;
	width: 170px;
	max-width: 170px;
	display: inline;
}

.caldiv {
	float: left;
	clear: left;
	width: auto;
	height: auto;
}

/* consolidated report design styles */

.consa1 {
	float: left;
	clear: left;
	width: 50px;
	height: 24px;
	padding-top: 2px;
	text-align:center;
	margin: 0px 0px 0px 2px;
}

.consa2 {
	float: left;
	clear: none;
	width: 100px;
	height: 24px;
	padding-top: 2px;
	text-align:center;
	margin: 0px 0px 0px 2px;
}

.consa3 {
	float: left;
	clear: none;
	width: 200px;
	height: 21px;
	text-align:left;
	padding-top: 3px;
	margin: 0px 0px 0px 5px;
}
.consa4 {
	float: left;
	clear: none;
	width: 600px;
	height: 21px;
	text-align:left;
	padding-top: 3px;
	margin: 0px 0px 0px 5px;
}


.cons1{float:left;clear:left;width:50px;height:20px;text-align:center;border-bottom:solid thin #ccc;margin:0 0 0 2px}
.cons2{float:left;clear:none;width:100px;height:20px;text-align:center;border-bottom:solid thin #ccc;margin:0 0 0 2px}
.cons3{float:left;clear:none;width:200px;height:20px;text-align:left;border-bottom:solid thin #ccc;margin:0 0 0 5px}
.cons4{float:left;clear:none;width:600px;height:20px;text-align:left;border-bottom:solid thin #ccc;margin:0 0 0 5px}

/*==============================================
permissions
==============================================*/

.generalperm {
	clear: left;
    float: left;
    height: auto;
    margin: 15px 0 10px 5px;
    overflow: auto;
    width: 100%;
}

.accessdiv {
	float: left;
	clear: none;
	margin: 0px 0px 0px 10px;
}
	
.accessprompt {
	float: left;
	clear: none;
	margin: 2px 0px 0px 0px;
	width: auto;
}

.accesstb {
	float: left;
	clear: none;
	margin: 0px 0px 0px 5px;
	width: auto;
}

.bottom10 {
	margin-bottom: 10px;
}

.pnluphld {
	float: left;
	clear: left;
	margin: 5px 0px 0px 0px;
}

.pnllblcb {
	float: left;
	clear: none;
	margin: 0px 2px 0px 0px;
}

.dynpnlupd {
	float: left;
	clear: none;
	margin: 2px 0px 0px 5px;
	display: inline;
}

.caseresponse {
	float: left;
	clear: left;
	height: 15px;
	width: 95%;
	margin: 2px 0px 0px 10px;
}

.recoverpmt {
	float: left;
	clear: left;
	margin: 5px 5px 5px 5px;
}

.recovertb {
	float: left;
	clear: none;
}

.recoverinfo {
	float: left;
	clear: left;
	font-size: smaller;
    margin: 25px 0 35px 5px;
}
.rptfmtopt {
	float: left;
	clear: left;
	width: auto;
	color: crimson; 
	margin: 5px 0px 5px 7px;
}

.annotateap {
	float: left;
	clear: left;
	margin: 5px 0px 5px 1px;
	width: 80%;
}

.annotatea {
	float: left;
	clear: left;
	width: 90%;
	height: 300px;
	margin-bottom: 60px;
	border: solid thin #ccc;
}

.noteatxt {
	height: 300px;
}

.notecombo {
	float: right;
	clear: none;
	margin: 10px 10px 0px 0px;
	width: 120px;
	display:inline;
	
}
.repeatnoteshdg {
	float: left;
	clear: left;
	width: auto;
	margin: 0px 0px 5px 5px;
}

.repeatnotes {
	float: left;
	clear: left;
	height: 25px;
	margin: 0px 0px 0px 5px;
	width: 80%;
}
.repeatcb {
	float: left;
	clear: left;
	width: 20px;
}
.repeatprmpt {
	float: left;
	clear: none;
	width: 100px;
	margin: 0px 10px 0px 5px;
}

.repeatcb2 {
	float: left;
	clear: none;
	width: 20px;
}
.regtable {
	float: left;
	clear: left;
	margin: 5px 0px 20px 5px;
	width: auto;
	display: inline;
}

.regmsg {
    clear: left;
    color: #FF0000;
    display: inline;
    float: left;
    font-size: 10px;
    height: 45px;
    margin: 5px 0 0 2px;
    width: 60%;
}
.regbutton {
	float: left;
	clear: none;
	margin: 5px 0 0 10px;
	width: 30%;
}

.bztop {
	float: left;
	clear: left;
	width: 100%;
	height: 20%;
	border: dashed thin #ccc;
}
.bztopleft {
	float: left;
	clear: left;
	width: 75%;
	height: 300px;
	margin: 0 5px 0 0;
}
.bztopright {
	float: left;
	clear: none;
	width: 21%;
	height: 300px;
}

.bzbottomleft {
	float: left;
	clear: left;
	width: 48%;
	height: 350px;
	margin: 5px 5px 0 0;
}

.bzbottombtns {
	float: left;
	clear: left;
	width: 100%;
	height: 30px;
}

.featurebutton {
    float: left;
	width: 20%;
	background-color: #2d678c;
    height: 30px;
	border: solid thin #c6d5e1;
	color: #fff;
}

.featurebutton:hover {
	border: thin solid #fff;
	background-color:#c6d5e1;
	cursor: pointer;
	color: #2d678c;
}

.featureselected {
	border: thin solid #fff;
	background-color:#c6d5e1;
	cursor: pointer;
	color: #2d678c;
}

.exampleprompt {
    clear: none;
    color: #000;
    float: left;
    font-size: 115%;
    height: 30px;
    width: 100%;
}
	
.bzbottomright {
	float: left;
	clear: none;
	width: 43%;
	height: 350px;
	margin: 5px 0 0 5%;
}

.blzsrvholder {
	float: left;
	clear: none;
	height: 280px;	
	width: 100%;
}

.bzsrvbtnhld {
	float: left;
	clear: left;
	height: 30px;
	width: auto;
	margin: 5px 0 0 0;
}

.bzbottom {
	float: left;
	clear: left;
	width: 96.5%;
	height: 200px;
	margin: 5px 0 0 0;
	border: dashed thin #ccc;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: 300px; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.ccholder {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
}
.expholder {
	float: left;
	clear: left;
	width: 100%;
	margin: 15px 0px 15px 5px;
}

.ccard {
	float: left;
	clear: none;
}

.ccprompt {
	float: left;
	clear: left;
	margin: 0px 5px 0px 0px;
}

.cvvprompt {
	float: left;
	clear: none;
	margin: 0px 5px 0px 5px;
}

.monthprompt {
	float: left;
	clear: left;
	margin: 0px 0px 20px 5px;
}

.yearprompt {
	float: left;
	clear: none;
	margin: 0px 0px 20px 10px;
}

.monthcombo {
	float: left;
	clear: none;
	margin: 0px 0px 20px 10px;
	
}

.yearcombo {
	float: left;
	clear: none;
	margin: 0px 0px 20px 10px;
}

.rspgrphdg {
	float: left;
	clear: left;
	color: crimson;
	margin: 2px 0px 2px 5px;
}
.po_tracking {
	width: 120px;
}

.shareall {
	float: left;
	clear: left;
	margin: 4px 0px 5px 3px;
}

.shareallprompt {
	float: left;
	clear: none;
	margin: 2px 0px 5px 3px;
}

.resplbl{
	float: left;
	clear: left;
	margin-top: 10px;
}

.cameraholder {
	float: right;
	clear: none;
	display: none;
	margin: 5px 5px 0 0;
}

.uploadholder {
	float: right;
	clear: none;
	display: none;
	margin: 5px 5px 0 0;	
}

.upload_button {
	background-image: url(../images/camera44.png);
	background-repeat: no-repeat;
	width: 24px;
	border: none;
	background-color: #fff;
	background-position: 50% 50%;
}

.upload_button:hover {
	cursor: pointer;
}

.upload_button:disabled {
	cursor: pointer;
}

.upload_found {
	background-image: url(../images/camera44green.png); /*uploadicongreen.png*/
	background-repeat: no-repeat;
	width: 24px;
	border: none;
	background-position: 50% 50%;
	background-color: #fff;
}

.upload_found:hover {
	cursor: pointer;
}

.upload_found:disabled {
	cursor: pointer;
}

.docholder {
	float: right;
	clear: none;
	display: none;
	margin: 5px 5px 0 0;
}

.cpcdocholder {
	float: right;
	clear: none;
	margin: 5px 5px 0 0;
	height: 22px;
	width: 24px;
}

.cpcdocnameholder {
	float: left;
	clear: both;
	height: auto;
	width: 98%;
	overflow:auto;
	margin: 0px 0px 0px 2px;
	text-align: left
}

.uploaddocholder {
	float: right;
	clear: none;
	display: none;
	margin: 5px 5px 0 0;	
}

.upload_docmsg {
	width: 70%;
	height: 24px;
	float: left;
	clear: none;
	text-align: left;
}

.upload_doc {
	background-image: url(../images/uploadicon.png);
	background-repeat: no-repeat;
	width: 20%;
	border: none;
	background-color: #fff;
	background-position: 50% 50%;
}

.upload_doc:hover {
	cursor: pointer;
}

.upload_doc:disabled {
	cursor: pointer;
}

.upload_doc_found {
	background-image: url(../images/uploadicongreen.png); /*uploadicongreen.png*/
	background-repeat: no-repeat;
	width: 24px;
	border: none;
	background-position: 50% 50%;
	background-color: #fff;
}

.upload_doc_found:hover {
	cursor: pointer;
}

.upload_doc_found:disabled {
	cursor: pointer;
}




.audhd1 {
	float: left;
	clear: left;
	width: 100%;
	text-align: left;
	margin: 0 0 0 2px;
}
.audhd2 {
	float: left;
	clear: none;
	text-align: center;
	width: 20%;
}

.audhd2a {
	float: left;
	clear: none;
	text-align: center;
	width: 22%;
}

.audhld1 {
	float: left;
	clear: left;
	height: 90%;
	overflow: auto;
	width: 98%;
	border: solid thin #ccc;
}

.audhld2 {
	float: left;
	clear: left;
	width: 99%;
	height: 285px;
}

.chartholder_am {
	position: relative;
	float: left;
	clear: none;
	width: 80%;
	margin: 8px 0px 0px 5px;
	overflow: auto;
	height: 82%;
	display: inline;
}

.chartholder_am1 {
	position: relative;
	float: left;
	clear: none;
	width: 100%;
	margin: 8px 0px 0px 5px;
	overflow: auto;
	height: 82%;
	display: inline;
}

.amchartsize {
	width: 84%;
	height: 300px;
}

.responsive-container {
   position: relative;
   width: 70%;
 /*  padding-bottom: 60%;  the higher the bigger the ratio */
   padding-right: 10%;
 }
 
 .responsive-container > div {
   position: absolute;
   top: 0px;  /* was 10px */
   right: 0;
   bottom: 0;
   left: 0;
 }
 
#dancontainer {
	width: 100%;
	height: 100%;
	font-size: 120%;
}

.danque {
	 float: left;
	 clear: left;
	 width: 98%;
	 font-size: 120%;
	 height: 80px;
	 margin: 0px 0px 10px 5px;
 }
 
.danquestion {
	 float: left;
	 clear: left;
	 width: 60%;
	 margin: 5px 0px 5px 5px;
 }
 
.dantitle {
	 float: left;
	 clear: left;
	 width: 100%;
	 font-size: 120%;
	 margin: 5px 0px 5px 10px;
 }
 
.dans_buttons {
	float: left;
	clear: none;
	width: 25%;
}

.dan_show_button {
    display: inline;
    float: left;
	clear: left;
	background-color: #fff;
	margin: 5px 0px 0px 5px;
	font-size: 97%;
	color: #999999;
    height: 40px;
	border: solid thin #c6d5e1;
	border-radius:0px;
    width: 110px;
}
.dan_show_button:hover {
	color: crimson;
	cursor: pointer;
}

.dansanswer {
	float: left;
	clear: left;
	width: 400px;
	height: 300px;
}

/* drag dealer styles */
.slide-container {
	float: left;
	clear: none;
	width: 100%;
}

.contexthelpdiv {
	position:absolute;
	top: 0px;
	right: 10px;
	width: 333px;
	height: 666px;
	border: thin solid #c6d5e1;
	z-index: 3000;
	background: -webkit-linear-gradient(#EDEDED, #f7f7f7); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#EDEDED, #f7f7f7); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#EDEDED, #f7f7f7); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#EDEDED, #f7f7f7);
	color: #2d678d;
}

.contexthelp {
	width: 332px;
	height: 650px;
	background-color: #ededed;
	color: #2d678d;
	overflow:auto;
}

.just-a-slider {
  height: 20px;
  position: relative;
  background: #EEE;
}

.handle {
	position: absolute;
  	top: 0;
  	left: 0;
  	cursor: pointer;
    height: 20px;
    line-height: 20px;
  }
  
.handle-2 {
	position: absolute;
  	top: 0;
  	left: 0;
  	cursor: pointer;
	height: 100%;
    width: 100%;
	border: dashed thin #ccc;
  }

.slidervalue {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    }
	
.red-bar {
  width: 40px;
  height: 20px;
  background: crimson;
  color: #FFF;
  text-align: center;
}

.szhw {
	float: left;
	clear: none;
	width: 187px;
	margin: 2px 0px 2px 2px;
}
.szhwp {
	float: left;
	clear: left;
	width: 43px;
	padding-top: 3px;
}
.c_rpttb { 
	clear: none;
    float: left;
    margin: 0 0 5px 0px;
	width: 95%;
}
.c_rpttb_p {
	 clear: left;
    float: left;
    height: 22px;
    margin: 0 5px 5px 2%;
    text-align: left;
    width: auto;
}

.portal_pdf {
	clear: left;
    float: left;
    margin-top: 15px;
}


/*====================================================================================================
Report Progress Bar
====================================================================================================*/

.rptprogclass {
 	height: 15px;
    margin: 10px 0 0 10px;
    width: 120px;
	display: none;
}

.fileprogclass {
 	height: 15px;
    margin: 10px 0 0 0px;
    width: 250px;
	display: none;
}

.fileholder {
	float: left;
	margin: 5px 0px 5px 5px;
	width: 97%;
	height: 60px;
}

.fileholder1 {
	max-height: 100px;
	height: auto;
	width: 97%;
}

.cidprmpt {
	float: left;
	clear: both;
	margin: 5px 0px 5px 5px;
}

.portalrptrun {
	float: left;
	width: 100px;
}

.portalprogclass {
	position: absolute;
	top: 80%;
	left: 72%;
	height: 15px;
    margin: 10px 0 0 10px;
    width: 120px;
	display: none;
}
.recoverlink {
    clear: none;
    float: left;
    font-size: smaller;
    margin-top: 25px;
}

.loginbtn {
	float: right;
	margin: 10px 5px 0px 0px;
}


.inputs {
	float: left;
	padding: 5px 0 5px 5px;
 /*   color: #2d678c;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);*
  	font-family: Verdana, Geneva, sans-serif;
	  font-size: 100%;
    background: #FFF;*/
    border: 1px solid #999;
    border-radius: 0px;
	  box-sizing: border-box;
   /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);*/
}

.inputs:focus {
    background: #ededed; /*#DFE9EC;
  /*  color: #2d678c;
    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.25);
    outline: 0;*/
}

.inputs:hover {
	/*
    background: #ededed;
    color: #2d678c;
    */
}
.seluserprompt {
	display: none;
}

.rptlft {
	float: left;
	clear: left;
	width: 60%;
}
.rptlft2 {
	float: left;
	clear: left;
	width: 96%;
}
.rptrght {
	float: left;
	clear: none;
	margin: 10px 0px 0px 2%;
	width: 35%;
	height: 200px;	
}
.admoptsave {
	float: left;
	clear: left;
	width: 100%;
	text-align: right;
	margin: 0 0 5px;
}

.admoptp2 {
	float: left;
	clear: left;
	margin: 5px 0px 5px 0px;
	width: auto;
	display: inline;
}

.tstmail {
	float: left;
	clear: left;
	margin: 10px 0px 0px 0px;
	width: 88%;
}

.qlistimg {
    clear: left;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    margin-top: 5px;
    width: 10%;
}

.qlistdiv {
	float: left;
	clear: none;
	padding-top: 2px;
	width: 88%;
	min-height: 25px;
	cursor: pointer;
	background-color: #FFFFFF;
}

.qlista_sel {
	float: left;
	clear: none;
	padding-left: 2px;
	color: #2d678c;
	min-height: 25px;
	width: 99%;
	background-color: #ededed;
	transition: all 0.5s ease-in-out;
	display: inline;
}
.qlista_out {
	float: left;
	clear: none;
	padding-left: 2px;
	min-height: 25px;
	width: 99%;
	background-color: #FFFFFF;
	transition: all 0.5s ease 0s;
	display: inline;
}

.qlista_over {
	float: left;
	clear: none;
	padding-left: 2px;
	min-height: 25px;
	width: 99%;
	color: #2d678c;
	cursor: pointer;
	background-color: #ededed;
	transition: all 0.5s ease 0s;
	display: inline;
}
/* Styles for BlazingSurvey Homepage and website */
.h2 {
  font: 100 50px/1.3 'Oleo Script', Helvetica, sans-serif;
  color: #999;
  text-align: center;
  text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
}

.siteheader {
	float: left;
	height: 150px;
	width: 100%;
	display: inline;
}

.bzlogo {
	float: left;
	clear: left; 
	height: 95px;
	margin: 10px 0 0 10px;
	width: 30%;
	background-image: url(../images/blazingauditlogosmall.gif);  /*  bfsyslogo background-image: url(../images/logos/blazingauditlogosmall.gif);  url(../images/logos/bfsyslogo.jpg);  /images/logos/bfsyslogo.png  ransparent.png  or blazingsurvey.gif */
	background-repeat: no-repeat;
	display: inline;
}

.bzsitelogo {
	float: left;
	clear: left; 
	height: 140px;
	margin-top: 10px;
	width: 360px;
	background-image: url(../assets/images/logos/sitelogos/bzfeedback.jpg);  /*url(../images/logos/bfsyslogo.jpg);  /images/logos/bfsyslogo.png  ransparent.png  or blazingsurvey.gif */
	background-repeat: no-repeat;
	display: none;
}

.bzlogosmall {
	float: left;
	clear: left; 
	height: 90px;
	margin-top: 10px;
	width: 360px;
	background-image: url(../images/logos/blazingauditlogosmall.gif);  /*url(../images/logos/bfsyslogo.jpg);  /images/logos/bfsyslogo.png  ransparent.png  or blazingsurvey.gif */
	background-repeat: no-repeat;
	display: inline;
}
.maincontent {float: left; clear: left; width:100%; height: 380px; background-color:#ffffff;} /*666*/
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 100%; overflow: hidden; max-width: 100%;  }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 45px; left: 0px; width: 100%; height: 100%; }

.infoarea {
	float: left;
	clear: left;
	width: 100%;
	height: 410px;
	margin: 0px 0 0 0px;
}

.demosurvey {
	float: right;
	clear: none;
	width: 45%;
	height: 100%;	
}

.card {
    clear: left;
    float: left;
    padding-bottom: 0%;
    position: relative;
    width: 100%;
	height: 380px;
}

/* card fronts and backs */
.card_front {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 380px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 1.0s;
	transition: transform 1.0s;
	opacity: .9;
	/*background-color: #FE5900;*/
}
.card_back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 380px;
	opacity: .9;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 1.0s;
	transition: transform 1.0s;
}

.card_text {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 20px;
	color: #fff;
	line-height: 20px;
}

.buttonholders {
	position: relative;
	margin: 10px 0px 0px 0px;
	float: left;
	clear: left;
	width: 100%;
	height: 30px;
}

.buttons {
	float: left;
	clear: none;
	width: 25%;
}

.nb1 {
    background-color: #fff;
    border:  none;
    color: #999999;
    float: left;
	clear: none;
    height: 24px;
	margin: 0px 25% 0px 25%;
    width: 50%;
	font-size: 110%;
}

.nb1:hover {
	color: #FE5900; /*#333333*/
	cursor: pointer;
}

.nb1:disabled {
	border: thin solid #ccc;
	color: #ccc;
	cursor: pointer;
}
.sitefooter {
	float: left;
	clear: left;
	width: 96%;
	text-align: center;
	font-size: larger;
	margin-top: 40px;
	font-family:Verdana, Geneva, sans-serif;
	color: #999;
	height: 50px;
}

.demoarea {
	float: left;
	clear: none;
	width: 55%;
	height: 90%;
	display: none;
}
.demotext {
	float: left;
	clear: left;
	width: 40%;
	margin-left: 1%;
	display: none;
}

.sitedemo1 {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	top: 10%;
	height: 100%;
	
}

.sitedemo2 {
	float: left;
	clear: none;
	width: 100%;
	height: 100%;
}

.siteemail {
    clear: left;
    float: left;
    height: 80%;
    margin: 5px 0 0 5px;
    width: 40%;
}
.contactbd {
    clear: left;
    float: left;
    height: 60%;
    margin: 0 0 10px 5px;
    width: 96%;
}
.contactmsg {
	width: 100%;
	height: 98%;
}
.contactconfirm {
	float: left;
	clear: left;
	margin: 10px 0px 0px 10px;
}

.contactsubj {
	float: left;
	clear: left;
	height: auto;
	width: 100%;
	margin: 0px 0px 0px 5px;
}

.contactinputs {
	float: left;
	margin: 0px 0px 7px 0px;
    padding: 1.5% 2%;
    color: #2d678c;
  	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
    background: #FFF;
    border: 1px solid #FFF;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
}

.snailmail {
    clear: none;
    color: #ffffff;
    float: right;
    padding: 3% 0 0 20%;
    text-align: center;
    width: 20%;
}

.bz_design {
	float: left;
	clear: left;
	color: #ffffff;
	font-size: 120%;
	margin: 5px 0px 10px 0px;
}
.bz_ul {
	clear: left;
	color: #ffffff;
	font-size: 85%;
	margin-top: 5px;
}
.hiddenpage {
	display: none;
	width: 40%;
}



#test3{
float: left;
clear: none;
width:40%;
height:100%;
position: relative;
/*min-height: 380px;*/
max-width: 729px;
background: #CCC;

}

#image img{;
width:98%;
height:98%;
background-size:100%;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
/*
-webkit-border-radius: 5px; For Chrome/Safari*/
/*	-moz-border-radius: 5px;  For Firefox*/
/*	border-radius: 5px;  For IE9/Final CSS3 Spec*/
/*box-shadow: 5px 5px 20px #666;  For IE9/Final CSS3 spec*/
/*	-moz-box-shadow: 5px 5px 20px #666;  For Firefox*/
/*	-webkit-box-shadow: 5px 5px 20px #666;  For Chrome/Safari*/

}

.ws_design_page {
	float: left;
	clear: left;
	width: 50%;
}
.ws_home_pager {
}

.ws_blazing_survey {
	float: left;
	clear: left;
	width: 32%;
	height: 100%;
	/*border-right: solid thin #ccc;
	background-image: url(../assets/images/logos/sitelogos/bzsurvey.gif);
	background-repeat: no-repeat;
	background-position: 5px 0 0 5px;*/
}
.ws_blazing_feedback {
	float: left;
	clear: none;
	width: 32%;
	height: 100%;
/*	border-right: solid thin #ccc;
	background-image: url(../assets/images/logos/sitelogos/bzfeedback.gif);
	background-repeat: no-repeat;
	background-position: 5px 0 0 5px;*/
}

.ws_blazing_research {
	float: left;
	clear: none;
	width: 32%;
	height: 100%;
/*	background-image: url(../assets/images/logos/sitelogos/bzresearch.gif);
	background-repeat: no-repeat;
	background-position: 5px 0 0 5px;*/
}
.ws_hdg {
	float: left;
	clear: left;
	width: 100%;
	text-align: center;
	margin-top: 15px;
	height: 30px;
	font-size: x-large;
	color: #FE5900;
}

.ws_home_1 {
	float: left;
	clear: left;
	width: 80%;
	margin: 4% 0px 0px 15%;
	height: auto;
	color: #000;
}

.cmvalopt1 {
	float: left;
	clear: left;
	width: 45%;
	margin: 0 0 8px 5px;
}
.cmvalopt2 {
	float: left;
	clear: none;
	width: auto;
}



/* quick start classes */
.pquick {
    border: thin solid #ccc;
    clear: left;
    float: left;
    height: auto;
	margin: 5px 0 0 2.5%;
    width: 95%;
}
.pquicknew {
    clear: left;
    color: crimson;
    float: left;
    height: auto;
    margin: 10px 0 0 2.5%;
    padding: 2px 0 2px 5px;
    width: 90%;
}
.pquickgrp {
	float: left;
	clear: none;
	width: auto;
	margin: 1px 0px 0px 10px;
}
.pquickhdg {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
}
.pqridhdg {
	float: left;
	clear: left;
	margin: 10px 0px 10px 5px;
}

.pqclass {
	float: left;
	clear: none;
	width: 50%;
	margin: 8px 0px 3px 5px;
}

.quickstatus {
	float: left;
	clear: none;
	margin: 8px 0 0 20px;
}

.quickstart {
	float:right;
	clear:both;
	margin:10px 0px 5px 0px;
}

.pnlupdprompt {
	float: left;
	clear: left;
	margin: 5px 0px 10px 5px;
	width: auto;
}

.pnlupdcombo {
	float: left;
	clear: none;
	margin: 3px 0px 10px 5px;
}

.pnltoprompt {
	float: left;
	clear: none;
	margin: 5px 0px 10px 5px;
	width: auto;
}

.pnltxtprompt {
	float: left;
	clear: nont;
	margin: 2px 0px 10px 5px;
}


 .icon, .icon::before, .icon::after
    {
        position: relative;
     /*   padding: 0;*/
        margin: 0;
    }

  .icon {
     /*  font-size: 36px;*/
        color: transparent;
    }
	
.icon.info
   {
        display: inline-block;
        top: 1px;
        width: 10px;
        height: 10px;
 		background-color: #FE7E35;
        overflow: hidden;
        border: medium none;
        border-radius: 1.5em;
		margin: 0 0 0 5px;
      /*  box-shadow: #999 0 1px 1px;*/
    }

.icon.info::after
    {
        display: block;
        position: absolute;
        top: -2px;
        width: 100%;
        text-align: center;
     /*   font-family: "Times New Roman", "Garamond", serif;*/
        font-size: 80%;
        color: #fff;
		/*font-style: italic;
        font-weight: bold;*/
        content: "?";
    }
	
.sectskipprompt {
	float: left;
	clear: left;
	width: auto;
	margin: 5px 5px 5px 5px;
}

.sectskipmnu {
    background-color: #fff;
    border: thin solid #c6d5e1;
    color: #999999;
    display: table-cell;
    font-size: 85%;
    height: 30px;
    vertical-align: middle;
    overflow: hidden;
	float:left;
}
	
.sectskipmnu:hover {
	color: crimson;
	cursor: pointer;
	box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
}

.tosecspanclass {
	position: relative;
	top: 15%;
	text-align: center;
}

.queskipmnu {
    background-color: #fff;
    border: thin solid #c6d5e1;
    color: #999999;
    display: table-cell;
    font-size: 85%;
    height: 20px;
    vertical-align: middle;
    overflow: hidden;
}
	
.queskipmnu:hover {

	cursor: pointer;
	box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
}

.fcw {
	float: left;
	clear: left;
	margin: 5px 5px 0px 5px;
}

.storeprofcnt {
	float: left;
	clear: left;
	margin: 10px 0px 10px 5px;
	width: 95%;	
}

.storehldleft {
	float: left;
	clear: left;
	margin: 10px 0px 10px 5px;
	width: 50%;
}

.storehldright {
	float: left;
	clear: none;
	margin: 10px 0px 10px 25px;
	width: 40%;
}
	
.demohld {
	float: left;
	clear: left;
	margin: 15px 0px 10px 0px;
	width: 90%;
}

.profileaudit {
    float: left;
	width: 100%;
	height: auto;
    margin-top: 25px;
}

.storerisk {
	float: left;
	clear: left;
	width: 80%;
	height: 35px;
	margin: 20px 0px 0px 0px;
	border: solid thin #ccc;
}

.storerisklbl {
	float: left;
	clear: left;
	width: 80%;
	height: 15px;
	margin: 5px 0px 0px 0%;
}

.lowrisk {
	float: left;
	clear: left;
	width: auto;
	margin: 0 0 0 0px;
}

.highrisk {
	float: right;
	clear: none;
	width: auto;
	margin: 0 0px 0 0;
}

.riskheading {
	float: left;
	clear: none;
	margin-bottom: 3px;
	color: crimson; 
	display: inline;
}

.storeriskcomment {
	float: left;
	clear: left;
	width: 80%;
	margin: 20px 5% 0px 5%;
}

.uplbtn {
	float: left;
	clear: none;
	margin: 3px 0 0 20px;
}

.sharedthl {
	float: left;
	clear: left;
	height: 80%;
	width: 98%;
	overflow:auto;
}

.noborder {
	border-collapse: collapse;
}

.customportal {
	float: left;
	clear: left;
	width: 100%;
	height: auto;
}

.snapportal {
	float: left;
	clear: left;
	width: 100%;
	height: 285px;
	overflow: auto;
}

.chkbox {
  margin: 0 5px 0 0;
  vertical-align: bottom;
}

.chkbox5 {
  margin: 1px 5px;
  vertical-align: top;
}

.chkbox15 {
  margin: 1px 5px 0px 15px;
  vertical-align: top;
}
.chkbox55 {
  margin: 5px 5px 0px 5px;
  vertical-align: bottom;
}
.taskprompt {
	display: none;
	float: left;
	clear: left;
	margin: 10px 0px 10px 5px;
}
.auditschedule {
	float: left;
	clear: left;
	margin: 10px 0px 0px 1%;
	width: 96%;
	height: 550px;
	overflow: auto;
	border: solid thin #cccccc;
}

.auditschbutton {
	float: left;
	clear: left;
	margin: 10px 0px 0px 10px;
	width: 97%;
	height: 50px;
}

.auditschmsg {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	width: 60%;
	height: 20px;
}

.schtask {
	float: left;
	clear: left;
	margin: 0px 5px 2px 5px;
	width: 15%;
	height: auto;
}

.schtask2 {
	float: left;
	clear: none;
	margin: 0px 5px 2px 5px;
	width: 10%;
	height: auto;
}
.schtask2a {
	float: left;
	clear: none;
	margin: 0px 5px 2px 5px;
	width: 4%;
	height: auto;
	text-align: right;
	min-width: 60px;
}

.schtask3 {
	float: left;
	clear: none;
	margin: 0px 5px 2px 5px;
	width: 15%;
	height: auto;
}

.schtask3a {
	float: left;
	clear: none;
	margin: 0px 5px 2px 5px;
	width: 12%;
	min-width: 120px;
	height: auto;
}

.schtask4 {
	float: left;
	clear: none;
	margin: 0px 5px 2px 5px;
	width: 10%;
	height: auto;
	text-align: center;
}
.projcat {
	float: left;
	clear: none;
	margin: 5px 0px 5px 5px;
	width: auto;
	height: 20px;
}
.schhld2 {
	float: left;
	clear: left;
	width: 100%;
	height: auto;
	max-height: 70%;
	overflow:auto;
	display: inline;
	margin: 0px 0px 5px 0px;
	border: solid thin #ededed;;
}
.taskTbl {
	width: 80%;
	margin-top: 15px;
	margin-left: 5%;
}

.taskTblHdg {
	float: left;
	clear: left;
	width: 80%;
	height: 24px;
	margin-left: 5%;
	overflow:auto;
}

.tasklbl {
    clear: left;
    display: inline;
    float: left;
    margin: 5px 0 0 0;
    width: 18%;
	text-align: center;
}

.tasklbl2 {
    clear: none;
    display: inline;
    float: left;
	margin: 5px 0 0 0;
    width: 20%;
	text-align: center;
}

.tasklbl3 {
    clear: none;
    display: inline;
    float: left;
	margin: 5px 0 0 0;
    width: 15%;
	text-align: center;
}

.tasklbl4 {
    clear: none;
    display: inline;
    float: left;
	margin: 5px 0 0 0;
    width: 10%;
	text-align: center;
}

.tasktblhld {
	float: left;
	clear: left;
	height: 85%;
	overflow:auto;
	width: 100%;
}
.txttablelbl {
	text-align: center;
	background-color: #cccccc;
	border-top: 10px solid #ffffff;
}
.txttbllbl2 {
	float: left;
	clear: left;
	font-weight: bold;
}
.txttbllbl3 {
	float: right;
	text-align: right;
	font-style: italic;
}
.commentdate {
    clear: none;
    float: left;
    margin: 10px 10px 0;
}

.dateinput {
   width: 88px;
}

.mnuholder {
	float: right;
	clear: both;
	margin-right:5px;
}

.mnugroup {
	margin-left: 77px;
	margin-right: 5px;
	width: 40px;
	border: solid thin #ededed;
}

.mnugroup:hover {
	/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 2px #333333;*/
	background-color: #ffffff;
}

.mnuicon {
    width: 35px;
    height: 5px;
    background-color: black;
    margin: 2px 0;
	border-radius: 2px;
}

.nmnugrp {
	font-size: smaller;
	color: #8F0100;
}

.newmnu {
	float: left;
	clear: left;
	height: 24px;
	width: auto;
	color: #333333;
	margin: 2px 2px 0px 0px;
	cursor: pointer;
}

.newmnu:hover {
		color: #8F0100;
}

.newmnu_over {
	color: #8F0100;
	float: left;
	clear: left;
	height: 24px;
	width: auto;
	margin: 2px 2px 0px 0px;
	cursor: pointer;
	/*transition: all 0.1s ease-in-out;*/
}

.vdresp {
	float: left;
	clear: left;
	width: auto;
	margin: 10px 0px 10px 5px;
}

.vdproj {
	float: left;
	clear: left;
	width: auto;
	margin: 10px 0px 0px 5px;
}
.uploadfile1 {
	max-width: 340px;
}

.alzoptions {
	float: left;
	clear: none;
	margin: 0 0 0 2px;
	width: 60%;
	height: 20px;

}

.alzpid {
	float: left;
	clear: none;
	margin: 0 0 0 2px;
	width: 30%;
	height: 20px;

}

.alzgrp{
	float: left;
	clear: none;
	margin: 0 0 0 2px;
	width: 30%;
	height: 20px;

}

.alzcq {
	float: left;
	clear: none;
	margin: 0 0 0 2px;
	width: 30%;
	height: 20px;
}

.selectallque {
	float: left;
	clear: left;
	width:28%;
	margin: 2px 0 3px 6px;
}

.comqhdg {
	float: left;
	clear: none;
	width: auto;
	margin: 2px 0 3px 6px;
}


.compbody {
	float: left;
	clear: left;
	width: auto;
	height: 80%;
}
.compdesc {
	float: left;
	clear: left;
	margin: 5px 0 10px 5px;
}

.comptext {
	float: left;
	clear: left;
	width: 90%;
	margin: 0px 0px 5px 5px;
}
.compscoretxt {
	width: 100%;
	height: 40px;
}

.compgrp {
	float: left;
	clear: none;
	margin: 5px 0px 2px 5px;
}

.compexp {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	
}
.changepw {
	float: left;
	clear: left;
	margin: 10px 0px 0px 5px;
	color: #24abef;
	font-weight: bold;
	height: 24px;

}
.pushtime {
	float: left;
	clear: both;
	width: 250px;
	height: 20px;
}

.layouthdg {
	float: left;
	clear: left;
	color: crimson; 
	margin: 5px 0px 5px 10px;
	display: inline;
}
.layoutprmpt {
	float: left;
	clear: left;
	margin: 5px 0px 0px 10px;
	display: inline;
}
/* -------------------------------- 
Slide In Panel - by CodyHouse.co
-------------------------------- */

.cd-btn {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  background-color: #89ba2c;
  color: #ffffff;
  border-radius: 50em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.cd-btn:hover {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}

.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}

.cd-panel::after {
  /* overlay layer */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}

.cd-panel.cd-panel--is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.cd-panel.cd-panel--is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}

.cd-panel__header {
  position: fixed;
  width: 90%;
  height: 50px;
  line-height: 10px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 2;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-transform 0.3s 0s;
  transition: -webkit-transform 0.3s 0s;
  transition: transform 0.3s 0s;
  transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
  -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
          transform: translateY(-50px);
}

.cd-panel__header h1 {
  color: #89ba2c;
  padding-left: 5%;
  height: 50%;
}

.cd-panel--from-right .cd-panel__header {
  right: 0;
}

.cd-panel--from-left .cd-panel__header {
  left: 0;
}

.cd-panel--is-visible .cd-panel__header {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

@media only screen and (min-width: 768px) {
  .cd-panel__header {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__header {
    width: 50%;
  }
}

.cd-panel__close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-panel__close::before, .cd-panel__close::after {
  /* close icon created in CSS */
  content: '';
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #424f5c;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.cd-panel__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cd-panel__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cd-panel__close:hover {
  background-color: #424f5c;
}

.cd-panel__close:hover::before, .cd-panel__close:hover::after {
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-panel__close:hover::before {
  -webkit-transform: rotate(220deg);
      -ms-transform: rotate(220deg);
          transform: rotate(220deg);
}

.cd-panel__close:hover::after {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cd-panel--is-visible .cd-panel__close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
          animation: cd-close-1 0.6s 0.3s;
}

.cd-panel--is-visible .cd-panel__close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
          animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

.cd-panel__container {
  position: fixed;
  width: 90%;
  height: 100%;
  top: 0;
  background: #dbe2e9;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
  .cd-panel__container {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel__container {
    width: 50%;
  }
}

.cd-panel__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}


@media only screen and (min-width: 768px) {
  .cd-panel__content p {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

/* Charting styles */

.cht_mnu {
	float: left;
	clear: none;
	width: 60%;
	height: auto;
	margin: 5px 0px 5px 0px;
}

.cht_params {
	float: left;
	clear: left;
	width: 17%;
	height: auto;
	margin: 5px 0px 0px 1%;
}	
	
.cht_options {
	float: left;
	clear: none;
	width: 200px;
	margin: 2px 0px 2px 0px;
	display: inline;
	cursor:pointer;
}
.cht_options:hover {
	color: crimson; 
}

.cht_options:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.cht_optionsb {
	float: left;
	clear: none;
	width: 200px;
	margin: 2px 0px 2px 0px;
	display: inline;
	cursor:pointer;
}
.cht_optionsb:hover {
	color: crimson; 
}

.cht_optionsb:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.filterheading {
	float: left;
	clear: both;
	width: 80%;
	margin: 5px 0px 5px 5px;
}

.chtfilter {

    clear: left;
    display: inline;
    float: left;
    height: 100px;
    margin: 2px 0 0px 0px;
    overflow: auto;
    width: 80%;
}

.chtfilterholder {
	clear: left;
    display: inline;
    float: left;
    overflow: auto;
    width: 100%;
	border-top: thin solid #ccc;
}

.cht_button {
    float: right;
	top:10px;
	position: relative;
	margin-right: 10px;
	min-width: 60px;
	background-color: #fff;
	font-size: 98%;
	color:#999999;
    height: 24px;
	border: solid thin #c6d5e1;
}

.cht_button:hover {
	color: crimson; /*#333333*/
	cursor: pointer;
	box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
}

.cht_button:disabled {
	border: thin solid #ccc;
	color: #ccc;
	cursor: pointer;
}
.cht_combo {
	width: 125px;
	float: left;
	clear: both;
	margin: 5px 0px 0px 0px;
} 

.cht_msg {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	color: red;
	height: 14px;
}
	
.a_o_rpts {
	float: left;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 0px 0px 5px;
	display: inline;	
}

.a_o_rpts_r {
	float: left;
	clear: none;
	width: 600px;
	height: auto;
	margin: 5px 0px 0px 10px;
	display: inline;	
}

.ckbox_rpts {
  margin: 2px 5px 2px 4px;
  vertical-align: bottom;
  float: left;
  clear: both;
}

.sortcombo {
    display: inline;
    float: left;
    margin: 5px 0px 5px 10px;
    width: 200px;
    clear: both;
    height: 20px;
}

.lz_hdg {
	float: left;
	clear: left;
	width: 212px;
	margin: 8px 0 0 10px;
}

.lz_tb {
	float: left ;
	clear: none;
	width: 25px;
	text-align: right;
	margin: 0px 0px 0 0px;
	padding-right: 1px;
}

.lztb_tb {
	float: left ;
	clear: none;
	text-align: right;
	margin: 5px 0px 0 5px;
	padding-right: 1px;
}

.hgtb_tb {
	float: left ;
	clear: none;
	text-align: left;
	margin: 5px 0px 0 2px;
	padding-right: 1px;
	width: 60%;
}
.margintop10 {
	margin-top: 10px;
}

.rspportalhdg {
	height: 45px;
	background: -webkit-linear-gradient(#EDEDED, #FFFFFF); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#EDEDED, #FFFFFF); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#EDEDED, #FFFFFF); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#EDEDED, #FFFFFF); /* Standard syntax */
	margin-bottom: 5px;
	color:#2d678c;
	text-align: center;
	font-size: 28px;
	padding: 5px;
}

.rp_options {
	float: left;
	clear: none;
	width: auto;
	margin: 5px 0px 5px 0px;
	display: inline;
}

.rp_options:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.rp_optionsA {
	float: left;
	clear: none;
	width: auto;
	margin: 5px 0px 0px 0px;
	display: inline;
}

.rspportalinfo {
	float: left;
	clear: left;
	width: 97%;
	height: auto;
	margin: 0px 5px 0px;
	font-size: 16px;
	font: ultra-expanded;
	font-family: verdana;
	text-align: center;
}

.rs_holder {
	float: right;
	clear: none;
	width: 200px;
	margin: 0px 5px 5px 0px;
	text-align: left;
	font-size: small;
}

.prnthld2 {
	float: left;
	clear: both;
	margin-top: 10px;
	display: inline;
}

#f1:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}
#f2:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.f2mt {
	margin-top: 5px;
}

.rsp_options_blank {
	float: left;
	clear: left;
	width: auto;
	margin-bottom: 5px;
	display: inline;
	color: #2d678c;
}

.rsp_options {
	float: left;
	clear: left;
	width: auto;
	margin-bottom: 5px;
	display: inline;
}

.rsp_options:before {
   content: "\2666  "; 
   color: #c41031;; 
   font-size: 14px;
}

.rsp_options_start {
	float: left;
	clear: left;
	width: auto;
	margin-bottom: 5px;
	display: inline;
}

.rsp_options_start:before {
   content: "\2714  "; 
   color: #fd5e02; 
   font-size: 14px;
}

.dblinkss:after {
   content: "  \2714  "; 
   color: #00A000; 
   font-size: 16px;
}

.rsp_options_complete{
	float: left;
	clear: left;
	width: auto;
	margin-bottom: 5px;
	display: inline;
}

.rsp_options_complete:before {
   content: "\2714  "; 
   color: #00A000; 
   font-size: 14px;
}

.rsp_contact{
	float: left;
	clear: left;
	width: auto;
	margin-bottom: 5px;
	display: inline;
}

.rsp_contact:before {
   content: "\0021  "; 
   color: #c41031; 
   font-size: 14px;
}

.rsp_click {
	float: left;
	clear: left;
	margin: 0px 0px 5px 0px;
	cursor: pointer;
	color: #2d678c;
	display: inline;
}

.rsp_click:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.rsp_click_over {
	float: left;
	clear: left;
	margin: 0px 0px 5px 0px;
	cursor: pointer;
	color: crimson; 
	display: inline;
}
.rsp_click_over:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.actc1 {
	float: left;
	clear: left;
	margin: 5px 0px 0px 10px;
	width: 20%;
	height: 24px;
}

.actc2 {
	float:left;
	clear: none;
	margin: 2px 0px 0px 2px;
	width: 60%;
	height: 24px;
}

.actc {
	float:left;
	clear: both;
	margin: 5px 0px 0px 5px;
	width: auto;
}

.actc3 {
	float:left;
	clear: left;
	margin: 5px 0px 0px 5px;
	width: auto;
	color: green;
}

.actmsg {
	float: left;
	clear: both;
	margin: 15px 0px 0px 5px;
	width: 100%;
	color: red;
	height: 50px;
}
.reg_tab_holder {
	color: #2d678c;
	float: left;
	padding: 5px 0 0 0px;
	width: 95%;
	text-align: center;
	font-size: larger;	
}
.vendorinfo{
	float: left;
	clear: left;
	margin: 5px 0px 5px 5px;
	width: 40%;
	height: 205px;
	border: solid thin #C0C0C0;	
}

.poinfo {
	float: left;
	clear: none;
	margin: 5px 0px 5px 5px;
	width: 56%;
	border: solid thin #C0C0C0;
	height: 205px;
	overflow: auto;
}
.popt {
	float: right;
	clear: none;
	width: 25%;
	margin: 0px 10px 0px 0px;
}

.vendora {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
}

.cpcstatus_combo {
	margin: 2px 0px 25px 0px;
}
.cpcstatus {
	float: left;
	clear: left;
	width: 150px;
	margin-left: -10px;
}

.pofilters {
	float: left;
	width: 40%;
	clear: none;
}
.pocombo {
	width: 100%;
	margin-right:15px;
}

.vopt {
	float: left;
	clear: none;
	width: 25%;
	margin: 0px 0px 0px 7px;
}

.vendorfilters {
	float: left;
	width: 90%;
	clear: none;
	margin-top: 15%;
}

.testhdgs1 {
	float: left;
	clear: left;
	width: 7%;
	height: 24px;
	margin: 0px 0px 0px 10px;
	text-align:center;
	color: #2d678c;
	display: none;
}

.testhdgs2 {
	float: left;
	clear: left;
	width: 7%;
	height: 24px;
	text-align:center;
	color: #2d678c;
}

.testhdgs3 {
	float: left;
	clear: none;
	width: 20%;
	height: 24px;
	text-align:center;
	color: #2d678c;
}

.testhdgs4 {
	float: left;
	clear: none;
	width: 10%;
	height: 24px;
	text-align:center;
	color: #2d678c;
} 

.testhdgs5 {
	float: left;
	clear: none;
	width: 10%;
	height: 24px;
	text-align:center;
	color: #2d678c;
} 

.testhdgs6 {
	float: left;
	clear: none;
	width: 26%;
	height: 24px;
	text-align:center;
	color: #2d678c;
}
.testhdgs7 {
	float: right;
	clear: none;
	width: 25%;
	height: 24px;
	text-align:center;
	color: #2d678c;
}

.testresultsbdy {
	float: left;
	clear: left;
	margin: 0px 0px 0px 0px;
	width: 99%;
	height: 475px;
	border: solid thin #ccc;
	overflow:auto;
	margin-left: 5px;
}

.testresultshdg {
	float: left;
	clear: left;
	width: 99%;
	height: 20px;
	border-top: solid thin #cccccc;
	border-left: solid thin #cccccc;
	border-right: solid thin #cccccc;
	margin-top: 10px;
	margin-left: 5px;
	padding-top: 3px;
}

.confirmationdiv {
	float: left;
	clear: left;
	margin: 30px 0px 0px 5px;
	width: 99%;
	min-height: 170px;
	height: auto;
	border: solid thin #ccc;
}

labinput:-webkit-input-placeholder {
    color: #2d678c;
}

labinput-moz-placeholder {
    color: #2d678c;
}

.labinput {
	float: left;
	clear: left;
	padding: 5px 0 5px 5px;
	margin-bottom:2px;
    color: #2d678c;
  /*  text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);*/
  	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
    background: #FFF;
    border: 1px solid #FFF;
    border-radius: 0px;
	box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
	overflow:hidden;
}

.labinput:focus {
    background: #ededed; /*#DFE9EC;*/
    color: #2d678c;
    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.25);
    outline: 0;
}

.labinput:hover {
    background: #ededed;
    color: #2d678c;
}


.testbdg {
	float: left;
	clear: none;
	width: 10%;
	height: 125px;
	margin: 5px 0px 0px 5px;
	text-align:center;
}

.testbdg1 {
	float: left;
	clear: left;
	width: 7%;
	height: 180px;
	margin: 5px 0px 0px 10px;
	text-align:left;
}

.testbdgw {
	float: left;
	clear: none;
	width: 20%;
	margin: 5px 0px 0px 5px;
	text-align:left;
}

.testbdgw2 {
	float: left;
	clear: none;
	width: 29%;
	margin: 5px 0px 0px 5px;
	text-align:center;
}

.cpcfileuploaddiv {	
	position: absolute;
	float: left;
	clear: none;
	width: 98%;
}

.testbdgr {
	float: right;
	clear: none;
	width: 20%;
	margin: 5px 5px 0px 0px;
	text-align:center;
}

.confirmationhdg {
	float: left;
	clear: left;
	height: auto;
	width: 100%;
	min-height: 24px;
	margin: 0px 0px 5px 5px;
}

.confirmationarea {
	float: left;
	clear: left;
	width: 33%;
	margin-top: 15px;
}

.confirmationarea3 {
	float: left;
	clear: none;
	width: 60%;
	margin-top: 15px;

}

.confirmationarea4 {
	float: left;
	clear: left;
	width: 95%;
	margin-top: 15px;
}

.confirmationarea2 {
	float: left;
	clear: none;
	width: 33%;
	margin-top: 15px;
}

.confirmationbody {
	float: left;
	clear: left;
	width: 100%;
	height: auto;
}

.confsignbuttons {
	float: right;
	clear: none;
	height: 50px;
	margin: 1% 5% 2% 15%;
}
.confnext {
	float: right;
	clear: none;
	margin: 0px 0px 0px 0px;
	width: 150px;
}

.confreturn {
	float: left;
	clear: left;
	margin: 0px 0px 0px 0px;
	width: 150px;
}

.confsave {
	float: right;
	clear: both;
	margin: 0px 0px 0px 0px;
	width: 150px;
}

.confprevious {
	float: left;
	clear: none;
	margin: 0px 0px 0px 0px;
	width: 150px;
}

.confirmationnext {
	float: right;
	width: 40%;
}

.confirmationreturn {
	float: left;
	clear: both;
	width: 40%;
}

.impprevious {
	float: left;
	clear: left;
	margin: 0px 0px 0px 0px;
	width: 150px;
}


.uploadcpcdoc {
	width: 100%;
}

.docholderdiv {
	position: absolute;
	background-color: #ffffff;
	height: auto;
	min-height: 150px;
	width: 300px;
	z-index: 4000;
	border: solid thin #c6d5e1;;
}

.doclister {
	float: left;
	clear: left;
	width: 98%;
	height: 65px;
	overflow:auto;
	border: solid thin #c6d5e1;;
}

.commnt {
	float: left;
	clear: left;
	width: 97%;
	height: 100px;
	margin-top: 5px;
}

.commnta {
	float: left;
	clear: left;
	width: 97%;
	height: 75px;
	margin-top: 5px;
}
.commnt {
	float: left;
	clear: left;
	width: 97%;
	height: 75px;
	margin-top: 5px;
}
.doccomments {
	float: left;
	clear: left;
	width: 90%;
	height: 150px;
}

.rspstatushld {
	float: left;
	clear: left;
	width: 15%;
	height: 570px;
	margin: 5px 0px 0px 5px;
	color: #c41031;
	display:none;
}

.rspstepshld {
	float: left;
	clear: left;
	width: 100%;
	height: 125px;
}

.rspoptionshld {
	float: left;
	clear: left;
	width: 100%;
	height: 170px;
	margin-top: 20px;
}
.rspinfohld {
	float: left;
	clear: left;
	width: 70%;
	height: 100px;
	margin-top: 15px;
}

.rspconfhld {
	float: right;
	clear: none;
	width: 30%;
	height: 100px;
	margin-top: 15px;
	text-align: center;
}

.rspinfo {
	float: left;
	clear: left;
	width: 100%;
	min-width: 300px;
	margin: 2px 0 0 5px;	
}

.rspinfoone {
	float: left;
	clear: left;
	width: 100%;
	min-width: 300px;
	margin: 0px 0 5px 5px;
	font-size: large;
}

.rspstatushdgs {
	float: left;
	clear: left;
	width: 100%;
	height: 24px;
	color: #c41031;
	margin-bottom: 5px;
}

.rspsurvey {
	float: left;
	clear: none;
	width: 100%;
	margin: 5px 0px 0px 0px;
}

.cpctable1 {
	float: left;
	width: 100%;
	border-bottom: solid thin #c6d5e1;
}

.uploadform {
	float: left;
	clear: left;
	text-align: left;
}

.rspmsg {
	position: relative;
	float: left;
	clear: both;
	left: 20%;
	top: 20%;
	min-height: 100px;
	min-width: 100px;
	width: auto;
	height: auto;
	padding: 5px 5px 5px 5px;
	display: none;
}

.cpcinstr {
	float: left;
	clear: left;
	width: 100%;
	min-height: 400px;
	height: auto;
}

.cpcinstrhdg {
	float: left;
	clear: left;
	width: 83%;
	height: 24px;
	text-align: center;
	font-size: larger;
	font-weight: bold;
}

.cpcinstrbdy {
	float: left;
	clear: left;
	width: 95%;
	min-height: 200px;
	height:auto;
	margin: 20px 0px 0px 10px;
}

.cpcinstrfoot {
	float: left;
	clear: left;
	width: 95%;
	min-height: 24px;
	height:auto;
	margin: 10px 0px 0px 0px;
}
.instli {
	margin: 10px 0px;
}
.testresultvalidation {
	float: left;
	clear: left;
	margin: 5px 0px 0px 0px;
	height: 24px;
	color: red;

}

.imptestresultvalidation {
	float: left;
	clear: left;
	margin: 5px 0px 0px 0px;
	height: 24px;
	color: red;
	width: 100%;
}

.sampleother{
	float: left;
	clear: none;
	margin: 5px 0px 0px 0px;
}

.sampletbclass {
	clear: none;
	margin: 5px 0px 0px 10px;
}

.defaultlab {
	float: left;
	clear: left;
	width: auto;
}

.def7 {
	float: left;
	clear: left;
	width: 90%;
	font-size:80%;
	text-align:left;
}


.def7 td {
	width: 30%;
	text-align: left;
}

.def7 td:first-child {
		width: 1%;
		text-align: left;
} 
.def7 td:last-child {
		width: 30%;
		text-align: left;
}

.def7 tr:hover
{
  background:  #fbf8e9;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;     
} 

.astmckbox {
	float: left;
	clear: left;
	margin: 3px 7px 7px 5px;
}

.astmbdy {
	float: left;
	clear: left;
	height: 350px;
	overflow:auto;
}

.litablediv {
	float: left;
	clear: left;
	width: 100%;
	height: 414px;
	overflow:auto;
}

.rspone {
	float: left;
	clear: left;
	width: 32.5%;
	height: 400px;
}

.rsptwo {
	float: left;
	clear: none;
	width: 32.5%;
	height: 400px;
}

.rspthree{
	float: left;
	clear: none;
	width: 32.5%;
	height: 400px;
}

.rsponehdg {
	float: left;
	clear: left;
	text-align: center;
	color: #939393;
	width: 100%;
	margin-top:13px;
}

.rsphldframe {
    float: right;
	width: 90%;
	color: #939393;
    height: 400px;
	border: solid thin #c6d5e1;
	background-color: #ededed;
	white-space: normal;
	font-size: 20px;
}

.rsphldframe:hover {
	box-shadow: 2px 2px 2px #c6d5e1;
	-webkit-box-shadow: 2px 2px 2px #c6d5e1;
}

.rsphldframe:disabled {
	border: thin solid #ccc;
	color: #ccc;
	cursor: pointer;
}


.rspselectedframe {
    float: right;
	width: 90%;
	color: #939393;
    height: 400px;
	border: solid thin #2d678c;
	background-color: #ededed;
	white-space: normal;
	font-size: 20px;
	box-shadow: 2px 2px 2px #71A4C9;
	-webkit-box-shadow: 2px 2px 2px #71A4C9;
}

.rspmsgOpt {
	width: 95%;
	height: auto;
	margin: 15px 0 20px 2%;
	float: left;
	text-align: left;
	font-size: 14px;
	color: crimson;
	font-family: verdana;
}

.divinbutton {
	float:left;
	clear:left;
	color: #000;
	margin: 15px 0px 0px 0px;
	width: 100%;
	height: 250px;
	font-size: smaller;
}

.divinstr {
	float: left;
	clear: left;
	width: 96%;
	height: auto;
	min-height: 70px;
	text-align: center;
	margin: 0 0% 0 2%;
}

.divinstr2 {
	float: left;
	clear: left;
	width: 96%;
	height: auto;
	min-height: 65px;
	text-align: center;
	margin: 0 0% 0 2%;
}

.rspbtn {
	text-align:center;
}

.rsp_mnu {
    display: inline;
	background-color: #fff;
	color: #999999;
    height: 45px;
	border: solid thin #c6d5e1;
    width: 70%;
	font-size: medium;
}

.rsp_mnu:hover {
	color: crimson;
	cursor: pointer;
	box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
	border-color crimson;
}

.rsp4_mnu {
    display: inline;
	background-color: #fff;
	color: #999999;
    height: 45px;
	border: solid thin #c6d5e1;
    width: 85%;
    float:left;
    clear: left;
    margin: 10px 0 0 5%;
	font-size: medium;
}

.rsp4_mnu:hover {
	color: crimson;
	cursor: pointer;
	box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
	border-color crimson;
}


.rspdocholderdiv {
	position: absolute;
	background-color: #ffffff;
	height: auto;
	min-height: 150px;
	width: 500px;
	z-index: 4000;
	border: solid thin #c6d5e1;
	left: 32%;
	top: 36%;
}

.rspdoclister {
	float: left;
	clear: left;
	width: 98%;
	height: 65px;
	overflow:auto;
}

.cpcdocnameholder88hdg {
	float: left;
	clear: both;
	margin: 5px 0px 5px 0px;
	font-size: 14px;
	color:crimson;
}

.cpcdocnameholder88hdg2 {
	float: left;
	clear: both;
	margin: 12px 0px 0px 0px;
	font-size: 14px;
	color:crimson;
}

.cpcdocnameholder88 {
	float: left;
	clear: both;
	width: 97%;
	overflow:auto;
	height: 90px;
	font-size: 14px;
}

.doctbl88 {
	float: left;
	width: 100%;
	text-align: left;
}

.rspdblink {
	color:#2d678c;
	float: left;
	clear:left;
	cursor:default;
	width: 100%;
	text-align: left;
}

.rspdblink_hover {
	color:#BC0C01;
	float: left;
	clear:left;
	cursor:pointer;	
	text-decoration: underline;
	text-align:left;
	width:100%;
}

.rspguidemsg {
	float: left;
	clear: left;
	margin: 15% 0 0 7%;
	width: 80%;
	text-align: center;
}

.divcontent {
	float: left;
	clear: left;
	width: 94%;
	height: 140px;
	margin: 0 0 0 5%;
	text-align: left;
	font-size: 14px;
}

.applydivcontent {
	float: left;
	clear: left;
	width: 94%;
	height: 40px;
	margin: 0 0 0 5%;
	text-align: left;
	font-size: 14px;
}

.applydivcontent1 {
	float: left;
	clear: left;
	width: 94%;
	height: 10px;
	margin: 0 0 0 5%;
	text-align: left;
	font-size: 14px;
}

.applydivcontent3 {
	float: left;
	clear: left;
	width: 94%;
	height: auto;
	margin: 0px 0px 10px 5%;
	text-align: left;
	font-size: 14px;
}

.applydivcontent4 {
	float: left;
	clear: left;
	width: 94%;
	height: 60px;
	margin: 0px 0px 0px 5%;
	text-align: left;
	font-size: 14px;
}

.rspguide {
	float: left;
	clear: left;
	margin: 5px 0px 0px 25px;
	font-size: 14px;
}

.rsp4copy {
	float: left;
	clear: left;
	margin: 0px 0px 0px 5%;
	height: 30px;
}

.rspguidechk {
	float: left;
	clear: none;
	margin: 5px 0px 0px 3px;
	font-size: 14px;
	color: green;
}

.rsplineitem {
	float: left;
	clear: left;
	width: 98%;
	height: auto;
	border: solid thin #c6d5e1;
	margin: 25px 0 0 1%;
}

.rspsub_mnu {
	display: inline;
	float: right;
	clear: none;
	background-color: crimson;
	color: #EBEBEB;
	height: 45px;
	border: solid thin #EBEBEB;
	width: 200px;
	font-size: medium;
	margin: 5px 0px 0 0%;

}

.rspsub_mnu:hover {
	color: #fff;
	cursor: pointer;
	box-shadow: 1px 1px 1px #333;
	-webkit-box-shadow: 1px 1px 1px #333;
	border-color #333;
}

.rspdel_mnu {
	float: left;
	clear: none;
	display: inline;
	background-color: crimson;
	color: #EBEBEB;
	height: 45px;
	border: solid thin #EBEBEB;
	width: 150px;
	font-size: medium;
	margin: 5px 0px 0 0%;

}

.rspdel_mnu:hover {
	color: #fff;
	cursor: pointer;
	box-shadow: 1px 1px 1px #333;
	-webkit-box-shadow: 1px 1px 1px #333;
	border-color #333;
}


.projinforight {
	float: right;
	clear: none;
	width: 30%;
	text-align: right;
	font-size: 14px;
}

.rspopts {
	float: left;
	clear: left;
	height: 12px;
	margin: 5px 0 0 10px;
	text-align: left;
	font-size: 12px;
}
	
.rspdblink2 {
	color:#2d678c;
	float: left;
	clear:left;
	cursor:default;
	width: 100%;
	margin-top: 5px;
	text-align: left;
}

.rspdblink2_hover {
	color:#BC0C01;
	float: left;
	clear:left;
	cursor:pointer;	
	text-decoration: underline;
	text-align:left;
	margin-top:5px;
	width:100%;
}

.rspfailed {
	float: right;
	clear: left;
	width: 100%;
	height: 14px;
	color: red;
	margin-right: 10px;
	text-align:right;
}

.rspsucceed {
	float: right;
	clear: left;
	width: 100%;
	height: 14px;
	color: green;
	margin-right: 10px;
	text-align:right;
}

.rspfooter {
	float: left;
	clear: lett;
	width: 100%;
	height: 24px;
}

.rspfooter1 {
	float: left;
	clear: lett;
	width: 32%;
	height: 24px;
	text-align: left;
}

.rspfooter2 {
	float: left;
	clear: none;
	width: 32%;
	height: 24px;
	text-align: center;
}

.rspfooter3 {
	float: left;
	clear: none;
	width: 32%;
	height: 24px;
	text-align: right;
}

.docuplconfchk {
	float: left;
	clear: none;
	margin: 13px 0px 3px 10px;
	font-size: 14px;
	color: green;
	display: none;
}

.docuplconf {
	float: left;
	clear: left;
	margin: 15px 0px 0px 3px;
	display: none;
}

.rspincomp {
	float: left;
	clear: left;
	width: 50%;
	margin: 10px 0px 0px 8px;
}

.useracctform {
	float: left;
	clear: left;
	height: auto;
	width: 60%;
	margin: 5px 0px 0px 0px;
}

.useracctwelcome {
	float: left;
	clear: none;
	width: 35%;
	margin: 10px 0px 0px 1%;
	height: 90%;
	border: solid thin #c6d5e1;
	background-color: #ededed;
	box-shadow: 2px 2px 2px #c6d5e1;
	-webkit-box-shadow: 2px 2px 2px #c6d5e1;
}

.useracctwelcomehdg {
	float: left;
	clear: left;
	width: 90%;
	height: 30px;
	font-weight: bold;
	font-size: larger;
	margin: 5% 0 0 5%;
	text-align: center;
}

.useracctwelcomebdy {
	float: left;
	clear: left;
	width: 90%;
	height: 470px;
	text-align:left;
	margin: 5% 0 0 5%;
}

.useracctwelcomefooter {
	float: left;
	clear: left;
	width: auto;
	height: 50px;
	text-align:left;
	margin: 5px 0 0 5px;
	font-size:small;
}

.rsphldframe {
    float: right;
	width: 90%;
	color: #939393;
    height: 400px;
	border: solid thin #c6d5e1;
	background-color: #ededed;
	white-space: normal;
	font-size: 20px;
}

.rsp_button {
	float: right;
	margin-right: 10px;
	min-width: 125px;
	background-color: #fff;
	font-size: larger;
	color: crimson;
	height: 32px;
	border: solid thin crimson; 
	-webkit-border-radius: 5;
  	-moz-border-radius: 5;
  	border-radius: 5px;
}

.rsp_button:hover {
	color: crimson; /*#333333    #c6d5e1;*/
	cursor: pointer;
	box-shadow: 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
}

.rsp_button:disabled {
	border: thin solid #ccc;
	color: #ccc;
	cursor: pointer;
}

.rspbuttondiv  {
	float: right;
	width: 50%;
	text-align: center;
	margin-right: 10%;
}

.uploadprogress {
	float: left;
	clear: left;
	margin: 0 0 0 10px;
	width: 95%;
}

.hiddenprojinfo {
	float: left;
	clear: left;
	display: none;
}

.rspexistshld {
 	float: left;
	width: 90%;
	color: #4A4A4A;
    height: 400px;
	border: solid thin #c6d5e1;
	background-color: #ededed;
	white-space: normal;
	margin: 0px 0px 0px 5%;
}

.rspexistshdg {
	float: left;
	clear: left;
	width: 99%;
	margin: 5px 5px 0px 5px;
}

.rspexists {
 	float: left;
	width: 99%;
    height: 125px;
	margin: 0px 0px 0px 5px;
	overflow:auto;
}

.rspexistsmsg{
 	float: left;
	width: 60%;
    height: 242px;
	margin: 0px 0px 0px 5px;
	border-top: solid thin #c6d5e1;
	overflow: auto;
}

.rspexistssubmit {
 	float: left;
	width: 35%;
    height: 150px;
	margin: 0px 0px 0px 5px;
	border-top: solid thin #c6d5e1;
}

.rsptblhld {
	float: left;
	clear: left;
	overflow: auto;
}

.rspexists1 {
	float: left;
	clear: both;
	width: 10%;
	min-width: 150px;
	margin: 5px 5px 0px 5px;
}

.rspexists2 {
	float: left;
	clear: none;
	width: 10%;
	min-width:100px;
	margin: 5px 5px 0px 5px;
} 

.rspexists3 {
	float: left;
	clear: none;
	width: 20%;
	min-width:200px;
	margin: 5px 5px 0px 5px;
}

.rspexists4 {
	float: left;
	clear: none;
	width: 8%;
	margin: 5px 5px 0px 2%;

}

.rspheading1 {
	float: left;
	clear: left;
	width: 10%;
	min-width: 150px;
	height: auto;
    color: #000;
	margin: 5px 5px 0px 5px;
}

.rspheading {
	float: left;
	clear: none;
	width: 10%;
	height: auto;
	mid-width:100px;
  	color: #000;
	margin: 5px 5px 0px 5px;
}

.rspdeschdg {
  float: left;
  clear: none;
  width: 20%;
  min-width:200px;
  height: auto;
  color: #000;
  margin: 5px 5px 0px 5px;

}

.rspckbox {
	
}

.rsplineitem2 {
    float: left;
    clear: left;
    width: 75%;
    height: auto;
    border: solid thin #c6d5e1;
    margin: 25px 0 0 2%;
    font-size: medium;
    }

.vddochld {
	float: left;
	clear: left;
	margin-left: 2%;
	width:96%;
}

.docshow {
	float:left;
	clear: left;
	width: 80%;
	height: auto;
	min-height: 30px;
	border: solid thin green;
	display: none;
}
.usersso {
	float: left;
	clear: both;
	width: 95%;
	margin: 10px 0px 0px 10px;
	display: inline;
	border-top: solid thin #cccccc;
	height: 60px;
	width:100%;
}
.bs_login {
	float: right;
	clear:  right;
	margin-top: 10px;
	margin-right:  10px;
}
.bs_register {
	float: right;
	clear:  right;
	margin-top: 10px;
	margin-right:  10px;
}
/*===========================================================
Sytles for the blazingAudit Questionnaire Design Environment

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

/* div for the design properties */

.leftdesignmenu {
	float: left;
	clear: left;
	width: 235px;
	margin-left: 10px;
	display: inline;
}

.surveydesigndiv {
	position: relative;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	margin: 0px 10px 0px 10px;
	overflow: visible;
}

.editordesigndiv {
	position: relative;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	margin: 0px 10px 0px 10px;
	overflow: visible;
}

.sdhandle {
   	background-color: #fff;
    border-left: 3px solid #ededed;
    border-radius: 5px;
    border-right: 3px solid #ededed;
    border-top: 5px solid #ededed;
    height: 4px;
    left: 44%;
    margin-top: -11px;
    position: relative;
    width: 30px;
}

.qdhandle {
   background-color: #fff;
    border-left: 3px solid #ededed;
    border-radius: 5px;
    border-right: 3px solid #ededed;
    border-top: 5px solid #ededed;
    height: 4px;
    left: 98px;
    margin-top: -9px;
    position: relative;
    width: 29px;
}

.showquestiondiv {
	font-weight: normal;
	position: relative;
	width: 235px;
	float: left;
	height: 452px;
	z-index: 99;
	border: solid thin #c6d5e1;
}


.sqtab {
	position: relative;
	width: 100%;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 2px;
	text-align: center;
	color: #2d678c;
	background: -webkit-linear-gradient(#EDEDED, #f7f7f7); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#EDEDED, #f7f7f7); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#EDEDED, #f7f7f7); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#EDEDED, #f7f7f7);	
	font-weight: bold;
}


.surveyformat {
	position: relative;
	float: left;
	clear: left;
	width: 235px;
	margin-top: 5px;
	z-index: 1000;
	background-color: #fff;
	border: solid thin #c6d5e1;
}

.surveyformattab {
	position: relative;
	color: #2d678c;
	width: 100%;
	height: 24px;
	text-align: center;
	background: -webkit-linear-gradient(#EDEDED, #f7f7f7); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#EDEDED, #f7f7f7); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#EDEDED, #f7f7f7); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#EDEDED, #f7f7f7);
}

/* questionlist is the parent for qlist - the list of questions in the survey */
.questionliston {
	overflow: auto;
	display: inline;
	background-color:#ffffff;
}
.questionlistoff {
	overflow: auto;
	display: none;
}

.qlist_sel {
	float: left;
	clear: left;
	padding-left: 1%;
	color: #2d678c;
	min-height: 25px;
	width: 99%;
	background-color: #ededed;
	transition: all 0.5s ease-in-out;
	display: inline;
}
.qlist_out {
	float: left;
	clear: left;
	padding-left: 1%;
	min-height: 25px;
	width: 99%;
	background-color: #FFFFFF;
	transition: all 0.5s ease 0s;
	display: inline;
}

.qlist_over {
	float: left;
	clear: left;
	padding-left: 1%;
	min-height: 25px;
	width: 99%;
	color: #2d678c;
	cursor: pointer;
	background-color: #ededed;
	transition: all 0.5s ease 0s;
	display: inline;
}

.rlist_sel {

	color: #2d678c;
	background-color: #ededed;
	transition: all 0.5s ease-in-out;

}
.rlist_out {

	background-color: #FFFFFF;
	transition: all 0.5s ease 0s;

}

.rlist_over {
	
	color: #2d678c;
	cursor: pointer;
	background-color: #ededed;
	transition: all 0.5s ease 0s;

}

.plistdiv {
	float: left;
	clear: left;
	width: 80%;
	cursor: pointer;
	background-color: #FFFFFF;
}

.plist_sel {
	display: block;
	padding-top: 5px;
	padding-left: 5px;
	min-height: 22px;
	cursor: pointer;
	transition: all 0.5s ease 0s;
	background-color: #ededed;
	}

.plist_over {
	background-color: #999;
	min-height: 22px;
	padding-top: 5px;
	padding-left: 5px;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
}

.plist_out {
	min-height: 22px;
	padding-top: 5px;
	padding-left: 5px;
	transition: all 0.5s ease 0s;
	background-color: #FFFFFF;
}


.qlist {
	height: 425px;
	overflow: auto;
}

/* classes for validation messages */
.valdiv {
	width: 98%;
	overflow: auto;
	margin-bottom: 2px;
	max-height: 190px;
}

.cmvaldiv {
	width: 98%;
	overflow: auto;
	margin-bottom: 2px;
	max-height: 250px;	

}

#roTbl {
	max-height: 180px;
}

#timeWarningDiv {
	margin-top: 1px;
}

.formatDiv1 {
	float: left;
	clear: left;
	width: 98%;
	margin-top: 5px;
	display: inline;
}

.videoTbl {
	width: 98%;
}
.fdiv2 {
	height: 110px;
	margin-bottom: 5px;
    width: 98%;
}


.optDivClass {
	width: 98%;
	margin-top: 10px;
	float: left;
}

.msgOptDiv {
	width: 100%;
	height: auto;
	margin-top: 10px;
	padding-top: 5px;
	float: left;
}

.msgOptDiv2 {
	width: 100%;
	height: 72px;
	margin-top: 10px;
	padding-top: 5px;
	float: left;
}

.prnsrvdiv {
	width: 30%;
	float: right;
	clear: both;
}

.prnthld {
	float: left;
	clear: both;
	margin-top: 10px;
	display: inline;
}

.divider {
	float: left;
	clear: left;
	width: 98%;
	margin: 2px 1% 2px 1%;
	border-top: dashed thin #c6d5e1;
	display: inline;
}
.pac-container {
    z-index: 4042;
}
.locationfield {
	margin: 5px 0px 0px 5px;
	width: 404px;
	height: 30px;
}

.websitetabs {
	float: left;
	clear: left;
	height: 28px;
	margin-left: 5px;
	width: 50%;
	background-image: none;
}

.websitetabsdesign {
	float: left;
	clear: left;
	height: 28px;
	width: 400px;
	padding-top: 3px;
	background-image: none;
}
.currentlanguage {
	float: left;
	clear: none;
	height: 24px;
	margin: 5px 0px 0px 0px;
	color:#cccccc;
	width: 20%;
	display: inline;
}

.pListHld {
	float: left;
	clear: left;
	margin: 5px 0px 0px 10px;
	width: 22%;
	max-width:310px;
	height: 725px;
	border: solid thin #c6d5e1;
	display: block;
}

.pListDiv {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	height: 650px;
	overflow: auto;
	display: inline;
}

/*style for glossary pop up message in survey */

.glossaryClass {
	position: absolute;
	z-index: 9999;
	background-color: #ededed;
	text-align: center;
	padding: 5px 5px 5px 5px;
	color: #2d678c;
	border: solid thin #c6d5e1;
	border-radius:5px;
	overflow: visible;
	width: auto;
}


.noglossaryClass {
	display:none;
}

/* Question styles */


.qarea {
	position: relative;
	float: left;
	width: 96%;
	height: 80%;
	margin-left: 10px;
	overflow:visible;
}


.qcontrol {
	position: relative;
	float: right;
	clear: left;
	display: inline;
}
.qimg {
	position: absolute;
	z-index: 2000;
	left: 200px;
	top: 150px;
	width: 100px;
	height: auto;
	overflow:visible;
}

.qcameraholder {
	position: absolute;
	z-index: 2000;
	left: 5%;
	top: 30%;
	overflow:visible;
	display: none;
}

.qcamera {
	float: left;
	overflow: visible;
	display: inline;
}

.qimgupload {
	position: relative;
	float: right;
	clear: none;
	left: 2px;
	top: 5px;
	width: 350px;
	margin-top: 5px;
	margin-bottom: 10px;
	display: none;
	border: solid thin #ccc;
	height:  auto;
	background-color:#ffffff;
}

.qfileupload {
	position: absolute;
	left: 30%;
	top: 12%;
	display: none;
	border: solid thin #ccc;
	height:  auto;
	background-color:#ffffff;
	z-index: 2000;
}

.qfilemsg {
	position: relative;
	float: left;
	clear: left;
	width: 90%;
	margin: 20px 0px 5px 5px;
	height:  24px;
}

.qexistingfile {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	height: 120px;
}

.qexistingfileprompt {
	position: relative;
	float: left;
	clear: left;
	width: 90%;
	margin: 10px 0px 0px 5px;
	height:  18px;
	text-align: left;
}

.qexistingfileselect {
	position: relative;
	float: left;
	clear: left;
	width: 95%;
	margin: 10px 0px 10px 5px;
	height:  100px;
}

.qfilecombo {
	width: 100%;
	height: 72px;
}

.qimageshow {
	position: relative;
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;	
}

.deletephoto {
	float: left;
	clear: none;
	margin: 0px 0px 0px 58px;
	width: 80px;
	display: none;
}

.qimgshow {
	float: left;
	clear: left;
	margin: 0px 0px 0px 5px;
	min-height: 175px;
}

.delholder {
	float: left;
	clear: left;
	margin: 5px 0px 0px 0px;
	width: 80%;
	
}

.deletephotoa {
	float: left;
	clear: left;
	margin-top: 4px;
	width: 100px;
	display: inline;
}

.deletephotob {
	margin-top: 4px;
	width: 100px;
	display: inline;
}


/* logo on survey */
#qlogo {
	position: relative;
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	max-width: 100%;
	z-index: 98;
}

.c_logo {
	position: relative;
	float: left;
	display: inline;
}

.c_logoSrcRight {
	float: right;
	position: relative;
	margin-top: 30px;
	padding-left: 2px;
	display: inline;
}

/* change size of text in survey icon */
#qtextsize {
	float: right;
	clear: none;
}

.c_txtIconRight{
	padding-left: 2px;
	margin: 10px 10px 0px 0px;
}

/* question number div  */

.qt {
	position: relative;
	float: left;
	clear: none;
	margin-bottom: 8px;
	max-width: 95%;
	display: inline;
}


/* question instructions */

.qsection {
	position: relative;
	float: left;
	clear: left;
	left: 2px;
	top: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	display: inline;
}

/* question explanation */

.qnb {
	position: relative;
	float: left;
	clear: left;
	margin: 0px 5px 5px 0px;
	display: inline;
}

/* question instructions */
.qi {
	position: relative;
	float: left;
	clear: left;
	width: 90%;
	margin: 15px 0px 2px 2px;
}

/*#qsection {
	position: relative;
	float: left;
	clear: left;
	left: 2px;
	top: 5px;
	margin: 5px 0px 10px 0px;
	display: inline;
}*/

/* question explanation */
.qx {
	position: relative;
	float: left;
	clear: left;
	margin: 2px 0px 5px 2px;
}

.sectskip {
 	float: left;
    font-size: 90%;
  	margin: 5px 0 0 2px;
    position: relative;
    text-align: center;
}

.sqsbar {
	float: left;
	width: 100%;
}


.qski {
    float: left;
	clear: left;
    font-size: 90%;
    height: 27px;
    margin: 5px 0 0 2px;
    text-align: left;
}

/* area where question and response is shown */
.qarea {
	position: relative;
	float: left;
	width: 96%;
	height: 80%;
	margin-left: 10px;
	display: inline;
	overflow:visible;
}

.mbottom {
	margin-bottom: 20px;
}
/* when video is shown this div is created */
.qvideo {
	position: relative;
	float: left;
	clear: left;
	resize: both;
	overflow: auto;
	display: none;
}

.qvrating {
	position: relative;
	float: left;
	clear: left;
	display: none;
	top: 45px;
	left: 10px;
}


.qcontrol {
	position: relative;
	float: right;
	clear: left;
	display: inline;
}
/*class for response validation */

.rvalidate {
	position: absolute;
	left: 60%;
	top:30%;
	color: #F00;
	display: inline;
}

.reqast {
	padding-left: 2px;
	vertical-align:top;
	color:#C00;
}

/* the queResponse div is used to present all parts of the response (response Table) */

.qcomment {
	position: absolute;
	height: auto;
	max-width: 90%;
}

.qcommentrelative {
	position: relative;
	float: left;
	clear: left;
	width: 95%;
	display: inline;
}

.qcommentlabel {
	float: left;
	clear: left;
	display: inline;
	max-width: 80%;
	margin-bottom:10px;
	height: auto;
}

.qcommentrequired {
	position: absolute;
	left: 20%;
	color: #f00;
	display: inline;
}

.qcommenttxtarea {
	position: relative;
	float: left;
	clear: left;
	width: 100%;
	left: 5px;
	top: 2px;
	display: inline;
}

#scn_audit_jump {
	position: relative;
	height: 20px;
	display: inline;
}

.scn_audit_jump_open {
	position: relative;
	visibility: visible;
	width: 200px;
	display: inline;
}
.scn_audit_jump_close {
	display: none;
}

.scn_audit {
	position: relative;
	width: 50%;
	clear: left;
}

.scn_audit_user {}

.jmpcombo {
	margin: 5px 0px 10px 5px;
	display: inline;
}

#scn_internal_audit {
	float: left;
	clear: none;
	width: 50%;
	display: inline;

}

#iauditlabel {
	float: left;
	clear: left;
	color: #2d678c;
	margin: 5px 0px 0px 5px;
	display: inline;
}

.iauditopen {
	float: left;
	clear: none;
	height: 120px;
	visibility: visible;
	width: 95%;
	overflow: auto;
	display: inline;
}

.iauditclose {
	float: left;
	clear: none;
	height: 1px;
	width: 1px;
	visibility: hidden;
	display: inline;
}

#iaudittxtarea {
	overflow: auto;
	float: left;
	clear: left;
	width: 95%;
	height: 70%;
	margin: 10px 0px 0px 10px;
	display: inline;
}
.atxtarea {
	overflow: auto;
	vertical-align: text-top;
	width: 90%;
	height: 5em;
}

.qauditclose {
	display: none;
}

.qauditsurvey {
	position: relative;
	clear: left;
}

.qauditopen {
	float: left;
	clear: left;
	max-height: 120px;
	font-style:italic;
	color: #f00;
	width: 95%;
	top: 2px;
	visibility: visible;
	overflow: auto;
	display: inline;
}

.qauditlabel {
	float: left;
	clear: left;
	color: #2d678c;
	margin: 5px 0px 0px 5px;
	font-style:normal;
	width: 95%;
	display: inline;
}

	
.qaudittxtarea {
	overflow: auto;
	float: left;
	clear: left;
	width: 95%;
	height: 70%;
	margin: 10px 0 10px 10px;
	display: inline;
}


/*question navigation classes - the navigation area is subdivided in 5 divs */



#qnav {
	position: relative;
	float: left;
	clear: left;
	height: auto;
}

#qnav1 {
	float: left;
	min-width: 70px;
}

.qnavn {
	float: left;
	clear: none;
	display: inline;
}

#qnav5 {
	float: right;
	clear: none;
	display: inline;
}


/*'nav_standard', 'nav_stylized', 'nav_rounded', 'nav_shadow', 'nav_small'*/
.nav_standard {
	float: left;
	min-width: 70px;
}

.nav_standard {
	color: antiquewhite;
    cursor: pointer;
}

.nav_shadow {
    display: inline-block;
	height: 22px;
    width: 90px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #265869;
    border-radius: 5px;
    background: #065570;
    text-shadow: #17343e 0px 0px 0px;
    color: #ffffff;
    text-decoration: none;

}
.nav_shadow:hover,
.nav_shadow:focus {
    border: 1px solid #2d677b;
    background: #076686;
    color: antiquewhite;
    cursor: pointer;
}
.nav_shadow:active {
    background: #043343;
}

.nav_match {
	background-color: #9CF;
}

.nav_match:hover {
	color: antiquewhite;
    cursor: pointer;
}

.nav_rounded {
	border-radius: 25px;
}

.nav_rounded:hover {
	border-radius: 25px;
	color: antiquewhite;
    cursor: pointer;
}

.nav_solid {
	background-color: #ededed;
}

.nav_small {
    font-size: 90%;
    width: 80px;
}

.nav_small:hover {
    width: 80px;
    color: antiquewhite;
    cursor: pointer;
}

.nav_large {
    width: 100px;;
}

.nav_large:hover {
    width: 100px;
    color: antiquewhite;
    cursor: pointer;
}

.nav_custom1 {
    display: inline-block;
	height: 24px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #1c4d5a;
    border-radius: 0px;
    background: #3590aa;
    background: -webkit-gradient(linear, left top, left bottom, from(#3590aa), to(#1c4d5a));
    background: -moz-linear-gradient(top, #3590aa, #1c4d5a);
    background: linear-gradient(to bottom, #3590aa, #1c4d5a);
    text-shadow: #112d35 1px 1px 1px;
    color: #ffffff;
}
.nav_custom1:hover,
.nav_custom1:focus {
    border: 1px solid #215a6a;
    background: #40adcc;
    background: -webkit-gradient(linear, left top, left bottom, from(#40adcc), to(#225c6c));
    background: -moz-linear-gradient(top, #40adcc, #225c6c);
    background: linear-gradient(to bottom, #40adcc, #225c6c);
    color: antiquewhite;
    cursor:  pointer;
}
.nav_custom1:active {
    background: #1c4d5a;
    background: -webkit-gradient(linear, left top, left bottom, from(#1c4d5a), to(#1c4d5a));
    background: -moz-linear-gradient(top, #1c4d5a, #1c4d5a);
    background: linear-gradient(to bottom, #1c4d5a, #1c4d5a);
}

.nav_custom2 {
    display: inline-block;
	height: 24px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #1c4d5a;
    border-radius: 5px;
    background: #3590aa;
    background: -webkit-gradient(linear, left top, left bottom, from(#3590aa), to(#1c4d5a));
    background: -moz-linear-gradient(top, #3590aa, #1c4d5a);
    background: linear-gradient(to bottom, #3590aa, #1c4d5a);
    text-shadow: #112d35 1px 1px 1px;
    color: #ffffff;
}
.nav_custom2:hover,
.nav_custom2:focus {
    border: 1px solid #215a6a;
    background: #40adcc;
    background: -webkit-gradient(linear, left top, left bottom, from(#40adcc), to(#225c6c));
    background: -moz-linear-gradient(top, #40adcc, #225c6c);
    background: linear-gradient(to bottom, #40adcc, #225c6c);
    color: antiquewhite;
    cursor: pointer;
}
.nav_custom2:active {
    background: #1c4d5a;
    background: -webkit-gradient(linear, left top, left bottom, from(#1c4d5a), to(#1c4d5a));
    background: -moz-linear-gradient(top, #1c4d5a, #1c4d5a);
    background: linear-gradient(to bottom, #1c4d5a, #1c4d5a);
}

.nav_custom3 {
    display: inline-block;
	height: 24px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #a12727;
    border-radius: 0px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    color: #ffffff;
}
.nav_custom3:hover,
.nav_custom3:focus {
   	background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: antiquewhite;
    cursor: pointer;
    text-decoration: none;
}
.nav_custom3:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}

.nav_custom4 {
    display: inline-block;
	height: 24px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #a12727;
    border-radius: 7px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    color: #ffffff;
    text-decoration: none;
}
.nav_custom4:hover,
.nav_custom4:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: antiquewhite;
    cursor: pointer;
    text-decoration: none;
}

.nav_custom4:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}

/* progress bar class */
#pbar {
	float: right;
	clear: both;
	border: none;
	margin: 2px 10px 0px 0px;
	display: inline;
}

.pgr_number {
	float: right;
	clear: right;
	text-align: right;
	font-style: italic;
	display: inline;
	margin: 2px 5px 0px 0px;
}

.c_progressTbl {
	background-color: #2d678c;
	border: thin solid #2d678c;
}

.c_progressInit {
	border: thin solid #2d678c;}

/* table formats */
.c_tbl {
	margin-top: 10px;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

.c_tbl td {
	border-bottom: 1px solid #CCC;
	padding-left: 0.3em;
	padding-top: .4em;
	padding-bottom: .4em;
}

.c_tbl tr:hover
{
  background: #fbf8e9;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;     
} 

.c_tbl_rq {
	margin-top: 10px;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

.c_tbl_rq td {
	border-bottom: 1px solid #f00;
	border-top: 1px solid #f00;
	padding: .4em 0em .4em .3em;
}

	
.c_tbl_borders {
	margin-top: 10px;
	border-collapse: collapse;
	border: 1px solid #CCC;
}

.c_tbl_borders td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: .4em 0em .4em .3em;
}
	

.c_tblDiff {
	margin-top: 10px;
}

.c_tbltextBox {
	margin-top: 10px;
}

/* navigation buttons and images for report */

.c_leftButton_w {
	float: left;
	min-width: 70px;
	margin-right: 10px;
}

.c_rightButton_w {
	float: right;
	min-width: 70px;
	display: inline;
}

/*style for glossary pop up message in survey */

.glossaryClass {
	position: absolute;
	z-index: 9999;
	background-color: #ededed;
	text-align: center;
	padding: 5px 5px 5px 5px;
	color: #2d678c;
	border: solid thin #c6d5e1;
	border-radius:5px;
	display: inline;
	overflow: visible;
	width: auto;
}


.noglossaryClass {
	display:none;
}


/* classes for non-glossary pop up messages during survey */

.cal7 {
	position: absolute;
	z-index: 999999;
	border: solid thin #c6d5e1;
	height: 210px;
	width: 230px;
	left: 30%;
	top: 20%;
	background-color: #FFFFFF;
	overflow: visible;
}


.cal8 {
	position: absolute;
	z-index: 999999;
	border: solid thin #c6d5e1;
	height: 210px;
	width: 230px;
	left: 71%;
	top: 33%;
	background-color: #FFFFFF;
	overflow: visible;
}

.cal_msgHd {
	width: 100%;
	height: 22px;
	color: #FFF;
	padding-bottom: 3px;
	background-color: #2d678c;	
}

.c_msg {
	margin: 10px 10px 20px 20px;
	overflow: auto;
}

.showmsg_button {
	background-color: #fff;
	font-size: 97%;
	color: #333333;
  height: 20px;
	border: solid thin #c6d5e1;
	border-radius:0px;
   width: 70px;
}

.showmsg_button:hover {
	border: thin solid #2d678c;
	background-color: #fff;
	color: #333333;
	font-size: 97%;
    height: 20px;
    width: 70px;
	cursor: pointer;
	display: inline;
}

.okbuttondiv  {
	float: right;
	width: 50%;
	text-align: center;
}

.cancelbuttondiv  {
	float: left;
	width: 50%;
	text-align: center;
}

.c_savemsg_button {
	width: 80px;
	height: 50px;
}
/*================================
Slider Styles
===================================*/

.yui-slider-thumb{
	position:relative;
	width: 20px;
}
.yui-h-slider{
	position: relative;
	width: 260px;
	height: 28px;
	left: 0px;
	background-image: url(../images/bg-h.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
}
.yui-sh-slider{
	position: relative;
	width:115px;
	height: 28px;
	background-image: url(../images/bg-h.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
}

.yui-md-slider{
	position: relative;
	width: 150px;
	height: 28px;
	background-image: url(../images/bg-h.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
}

.leftslideranchor {
	float: left;
	max-width: 70px;
	height: 28px;
	padding-top: 10px;
	margin-right: 3px;
	text-align:center;
}

.rightslideranchor {
	float: left;
	max-width: 70px;
	height: 28px;
	padding-top: 10px;
	margin-left: 5px;
	text-align: center;
}

.slidercell {
	width: 260px;
	padding-top: 5px;
}

.spacercell {
	padding-top: 5px;
}

.sliderResponse {
	float: left;
	text-align: right;
	width: 30px;
	border: solid thin #666;
}

.sliderResponseVideo {
	float: left;
	text-align: right;
	width: 2px;
	visibility: hidden;
}

.sliderReqClass {
	text-align: right;
	width: 50px;
	border: thin solid #F00;	
}


.c_sliderPrompt {
	float: left;
	clear: left;
	width: 25%;
}
.c_sliderBar {
	float: left;
	clear: none;
	margin-left: 5px;
	margin-right: 5px;
}

.c_sliderBox {
	float: right;
	clear: none;
}

.c_video_cell{
	max-width: 25px;
	text-align: center;
	height: 30px;
}

#vc_div {
	float: right;
	clear: both;
	margin-top: 5px;
	width: 175px;
	height: 30px;

}
#vc_volminus {
	float: left;
	padding-top: 5px;
	clear: both;
	width: 10px;
}

#vc_volume {
	float: left;
	clear: none;
	width: 120px;
}

#vc_volplus {
	float: left;
	padding-top: 5px;
	clear: none;
	width: 10px;
}

#vc_pause {
	float: left;
	clear: none;
	width: 22px;
	height: 22px;
}

#textBoxvolume {
	width: 2px;
	visibility: hidden;
}
/* question response style classses */

.radiobutton {
	float: left;
	clear: left;
	padding-right: 5px;
	display: inline;
}

.radiobutton_right {
	float: left;
	clear: none;
	margin-left: 5px;
	padding-top: 2px;
	display: inline;
}

.radiolabel {
	float: left;
	clear: none;
	max-width: 90%;
	padding-top: 2px;
	display: inline;
}

.margin0 {
	margin: 0px 5px;
}

.margin5 {
	margin: 5px 5px;
}

.margin7 {
	margin: 7px 5px;
}

.margintop24 {
	margin-top:24px;
}

.radiolabel_right {
	float: left;
	clear: none;
	max-width: 60%;
	margin: 0px 5px;
	display: inline;
}


.radioblank {
	float: left;
	clear: none;
	margin-left: 10px;
	display: inline;
}

.radioblank_right {
	float: left;
	clear: none;
	margin-left: 5px;
	display: inline;
}

.holderclass {
	float: left;
	clear: both;
	margin: 10px 0px 2px 0px;
	width: 95%;
	display: inline;
}

.noHolder {
	float: left;
	clear: both;
	width: 95%;
	display: none;
}

.col_noshow {
	float: left;
	clear: both;
	display:none;
}
/*===========================================================
Sytles for the blazingAudit Questionnaire Design Environment

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

/* div for the design properties */

.leftdesignmenu {
	float: left;
	clear: left;
	width: 235px;
	margin-left: 10px;
	display: inline;
}

.surveydesigndiv {
	position: relative;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	margin: 0px 10px 0px 10px;
	overflow: visible;
}

.editordesigndiv {
	position: relative;
	float: left;
	clear: none;
	width: auto;
	height: auto;
	margin: 0px 10px 0px 10px;
	overflow: visible;
}

.sdhandle {
   	background-color: #fff;
    border-left: 3px solid #ededed;
    border-radius: 5px;
    border-right: 3px solid #ededed;
    border-top: 5px solid #ededed;
    height: 4px;
    left: 44%;
    margin-top: -11px;
    position: relative;
    width: 30px;
}

.qdhandle {
   background-color: #fff;
    border-left: 3px solid #ededed;
    border-radius: 5px;
    border-right: 3px solid #ededed;
    border-top: 5px solid #ededed;
    height: 4px;
    left: 98px;
    margin-top: -9px;
    position: relative;
    width: 29px;
}

.showquestiondiv {
	font-weight: normal;
	position: relative;
	width: 235px;
	float: left;
	height: 452px;
	z-index: 99;
	border: solid thin #c6d5e1;
}


.sqtab {
	position: relative;
	width: 100%;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 2px;
	text-align: center;
	color: #2d678c;
	background: -webkit-linear-gradient(#EDEDED, #f7f7f7); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#EDEDED, #f7f7f7); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#EDEDED, #f7f7f7); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#EDEDED, #f7f7f7);	
	font-weight: bold;
}


.surveyformat {
	position: relative;
	float: left;
	clear: left;
	width: 235px;
	margin-top: 5px;
	z-index: 1000;
	background-color: #fff;
	border: solid thin #c6d5e1;
}

.surveyformattab {
	position: relative;
	color: #2d678c;
	width: 100%;
	height: 24px;
	text-align: center;
	background: -webkit-linear-gradient(#EDEDED, #f7f7f7); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#EDEDED, #f7f7f7); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#EDEDED, #f7f7f7); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(#EDEDED, #f7f7f7);
}


/* questionlist is the parent for qlist - the list of questions in the survey */
.questionliston {
	overflow: auto;
	display: inline;
	background-color:#ffffff;
}
.questionlistoff {
	overflow: auto;
	display: none;
}

.qlist_sel {
	float: left;
	clear: left;
	padding-left: 1%;
	color: #2d678c;
	min-height: 25px;
	width: 99%;
	background-color: #ededed;
	transition: all 0.5s ease-in-out;
	display: inline;
}
.qlist_out {
	float: left;
	clear: left;
	padding-left: 1%;
	min-height: 25px;
	width: 99%;
	background-color: #FFFFFF;
	transition: all 0.5s ease 0s;
	display: inline;
}

.qlist_over {
	float: left;
	clear: left;
	padding-left: 1%;
	min-height: 25px;
	width: 99%;
	color: #2d678c;
	cursor: pointer;
	background-color: #ededed;
	transition: all 0.5s ease 0s;
	display: inline;
}

.rlist_sel {

	color: #2d678c;
	background-color: #ededed;
	transition: all 0.5s ease-in-out;

}
.rlist_out {

	background-color: #FFFFFF;
	transition: all 0.5s ease 0s;

}

.rlist_over {
	
	color: #2d678c;
	cursor: pointer;
	background-color: #ededed;
	transition: all 0.5s ease 0s;

}

.plistdiv {
	float: left;
	clear: left;
	width: 80%;
	cursor: pointer;
	background-color: #FFFFFF;
}


.qlist {
	height: 425px;
	overflow: auto;
}

/* classes for validation messages */
.valdiv {
	width: 98%;
	overflow: auto;
	margin-bottom: 2px;
	max-height: 190px;
}

.cmvaldiv {
	width: 98%;
	overflow: auto;
	margin-bottom: 2px;
	max-height: 250px;	

}

#roTbl {
	max-height: 180px;
}

#timeWarningDiv {
	margin-top: 1px;
}

.formatDiv1 {
	float: left;
	clear: left;
	width: 98%;
	margin-top: 5px;
	display: inline;
}

.videoTbl {
	width: 98%;
}
.fdiv2 {
	height: 110px;
	margin-bottom: 5px;
    width: 98%;
}


.optDivClass {
	width: 98%;
	margin-top: 10px;
	float: left;
}

.msgOptDiv {
	width: 100%;
	height: auto;
	margin-top: 10px;
	padding-top: 5px;
	float: left;
}

.msgOptDiv2 {
	width: 100%;
	height: 72px;
	margin-top: 10px;
	padding-top: 5px;
	float: left;
}

.prnsrvdiv {
	width: 30%;
	float: right;
	clear: both;
}

.prnthld {
	float: left;
	clear: both;
	margin-top: 10px;
	display: inline;
}

.divider {
	float: left;
	clear: left;
	width: 98%;
	margin: 2px 1% 2px 1%;
	border-top: dashed thin #c6d5e1;
	display: inline;
}
.pac-container {
    z-index: 4042;
}
.locationfield {
	margin: 5px 0px 0px 5px;
	width: 404px;
	height: 30px;
}

.sfst {
	float: left;
	clear: left;
	width: 160px;
	padding-top: 3px;
	margin: 2px 0px 0px 5px;
	display: inline;
}

.sfstshort {
	width: 140px;
}

.sfst:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.sftb {
	float: left;
	clear: none;
	padding-top: 5px;
	margin-bottom: 3px;
	width: 100%;
}

.sfst2 {
	float: left;
	clear: left;
	width: auto;
	margin: 0px 0px 3px 5px;
	display: inline;
}

.sfst2:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.rptoptprompt {
	float: left;
	clear: left;
	padding-top: 3px;
	margin: 0px 0px 10px 5px;
	width: 350px;
	min-height: 18px;
	display: inline;
}

.admoptprompt {
	float: left;
	clear: left;
	padding-top: 3px;
	margin: 0px 0px 5px 10px;
	width: auto;
	min-height: 18px;
	display: inline;
}

.rptoptcb {
	float: left;
	clear: none;
	padding-top: 1px;
	margin: 5px 0px 10px 5px;
	display: inline;
}
.admoptcb {
	clear: none;
    display: inline;
    float: left;
    margin: 3px 0 5px 10px;
}
.rpt_saveh {
	float: left;
	clear: left;
	width: 100%;
	display: inline;
}

.cfldshld {
	float: left;
	clear: left;
	width: 100%;
	text-indent: 3px;
	height: 90%;
	overflow:auto;
	display:inline;
}

.cfld_sel {
	color:#FFF;
	background-color: #2d678c;   
}

.cfld_out {
	background-color: #FFFFFF;
}

.cfld_over {
	color: #ffffff;
	background-color: #2d678c
}

.xleftc1 {
	float: left;
	clear: left;
	width: 20px;
	margin-left: 2px;
	display: inline;
}

.xleftc2 {
	float: left;
	clear: none;
	width: 70px;
	margin-left: 2px;
	display: inline;
}

.xleftc3 {
	float: left;
	clear: none;
	width: 100px;
	margin-left: 2px;
	display: inline;
}

.xleftc4 {
	float: left;
	clear: none;
	width: 70px;
	margin-left: 2px;
	display: none;
}

.xleftc5 {
	float: left;
	clear: none;
	width: 60px;
	margin-left: 2px;
	display: none;
}

.xleftc6 {
	float: left;
	clear: none;
	width: 70px;
	margin-left: 2px;
	display: none;
}

.xleftc7 {
	float: left;
	clear: none;
	width: 0px;
	margin-left: 2px;
	display: inline;
}

.xleftc8 {
	float: left;
	clear: none;
	width: auto;
	margin-left: 5px;
	display: inline;
}

.xleftc9 {
	float: left;
	clear: none;
	max-width: 45%;
	width: auto;
	margin-left: 5px;
	display: inline;
}
.aqh {
	width: 100%;
	padding-top: 2px;
}

.aq1 {
	width: 100%;
	height: 24px;
}

.aq2 {
	width: 100%;
	height: 24px;
}

.aq3 {
	width: 100%;
	height: 24px;
}

.aq4 {
	width: 100%;
	height: 24px;
}

.aq5 {
	width: 100%;
	height: 24px;
}

.aq6 {
	width: 100%;
	height: 24px;
	text-align: center;
}

.aq7 {
	height: 24px;
	width: 0px;
}

.aq8 {
	height: 24px;
	overflow:hidden;
	white-space: nowrap;
}
.aq88 {
	height: 24px;
	overflow:hidden;
	white-space: nowrap;
	float:left;
	clear:left;
}
.rclick {
	position: absolute;
	left: 5px;
	top: 5px;
	height: auto;
	width: auto;
	border: solid thin #ccc;
	overflow:visible;
	z-index: 99999;
	padding-right: 5px;
	background-color: #ffffff;
}

.lclick {
	position: absolute;
	left: 80%;
	top: 5px;
	height: auto;
	width: 150px;
	border: solid thin #ccc;
	overflow:visible;
	z-index: 99999;
	background-color: #ffffff;
}


.rbdy {
	float: left;
	clear: left;
	width: 100%;
	height: 98%;
	font-size: 12px;
	color: #000;
	margin-top: 2px;
}

.nextprojectdiv {
	float: left;
	clear: left;
	margin: 10px 0px 0px 2%;
   width: 95%;
	height: 20px;
	display: none;
}

.lproj {
	float: left;
	clear: none;
	width: 50%;
}

.rproj {
	float: right;
	clear: none;
	width: 50%;
}

.respfoundmsg {
	float: left;
	clear: none;
	margin: 5px 0px 0px 10px;
	color: crimson;
}

.r2T1 {
	float: left;
	clear: left;
	margin: 5px 0px 0px 10px;
}

.r2T2 {
	float: left;
	clear: none;
	margin: 5px 0px 0px 10px;
}

.r2T3 {
    clear: none;
    float: left;
    margin: 5px 0 0 2px;
    width: 45%;
}

/*respondent participation classes */
.pcp1 {
	float: left;
	clear: left;
	margin: 3px 2px 2px 5px;
	border-bottom: solid thin #c6d5e1;
	width: 30%;
	height: 20px;
	text-align: left;
	font-size: 85%;
	overflow: hidden;
}

.pcp2 {
	float: left;
	clear: none;
	margin: 3px 1px 2px 1px;
	border-bottom: solid thin #c6d5e1;
	width: 32px;
	height: 20px;
	font-size: 85%;
	text-align: center;
}

.pcp3 {
	float: left;
	clear: none;
	margin: 3px 1px 2px 1px;
	border-bottom: solid thin #c6d5e1;
	width: 20%;
	height: 20px;
	font-size: 85%;
	text-align: center;
}

.pcp4 {
	float: left;
	clear: none;
	margin: 3px 1px 2px 1px;
	border-bottom: solid thin #c6d5e1;
	width: 20%;
	height: 20px;
	font-size: 85%;
	text-align: center;
}

.pcp5 {
	float: left;
	clear: none;
	margin: 3px 1px 2px 1px;
	border-bottom: solid thin #c6d5e1;
	width: 15%;
	height: 20px;
	font-size: 85%;
	text-align: center;
}

#pcphld {
	float: left;
	clear: left;
	width: 100%;
	height: 284px;
	overflow: auto;
}

.pcpdlhld {
	float: left;
	clear: left;
	width: auto;
	margin: 5px 0px 5px 5px;
}

.pcpdlhld:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

/* system admin styles */
.sysenterprise {
	float: left;
	clear: left;
	margin-top: 15px;
	padding-left: 5px;
	width: 40%;
}

.sysgroup {
	float: left;
	clear: none;
	margin-top: 10px;
	padding: 3px 2px 2px 3px;
	width: 58%;
	height: auto;
	border: solid thin #ccc;
}

.syshdg {
	float: left;
	clear: left;
	color: crimson; 
	margin: 5px 0px 10px 0px;
}

.syshdg2 {
	float: left;
	clear: none;
	margin-top: 10px;
	color: crimson; 
}

.sysbutton {
	float: right;
	clear: both;
	margin: 10px 20px 0px 0px;
	width: 200px;
}

.grpbutton {
	float: right;
	clear: both;
	margin-top: 0px;
	margin-right: 10px;
	width: 150px;
}

.eidcombo {
	float: left;
	clear: none;
	width: 170px;
	margin-left: 5px;
	margin-bottom: 10px;

}

.sysadmincombo {
	float: left;
	clear: none;
	width: 170px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
}

.eidprompt {
	float: left;
	clear: left;
	margin-left: 5px;
	margin-bottom: 10px;
}

.uprompt {
	float: left;
	clear: none;
	width: 50px;
	margin-left: 25px;
	margin-bottom: 10px;
}

.systable {
	float: left;
	clear: left;
	width: auto;
}

.systable3 {
	float: left;
	clear: none;
	margin: 0px 0px 0px 0px;
	display: none;
}

.upl_lnk {
	float: left;
	clear: left;
	margin: 0px 0px 0px 5px;
}

.upl_lnk:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.grpmsg {
    clear: left;
    color: #FF0000;
    float: left;
    font-size: 10px;
    height: 45px;
    margin: 5px 0 0 2px;
    width: auto;
}

.sysmsg {
    clear: none;
    color: #FF0000;
    float: left;
    font-size: 10px;
    height: 30px;
    margin: 10px 0 0 5px;
    width: 60%;
}

.chg_tb { /* text box for changing dates in respondent management */
	text-align: center;
	border: none;
	background-color: #fff;
}
.nqcombo {
	width: 135px;
  margin: 0px 0px 0px 10px;
}

.AIdenProjnameHdg {
	float: left;
  clear: none;
  margin: 3px 2px 0px 10px;
}

.scn_send{
		position: relative;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  border-radius: 5px;
		border: thin solid rgb(198, 213, 225);
		color: rgb(0, 0, 0);
}

.tiles {
	position: relative;
	border-radius: 0px;
	border: solid thin #666;
}	

.simple {
	position: relative;
	border-radius: 0px;
	border: solid thin #666;
}

.scn_design {
	position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
	border: thin solid rgb(198, 213, 225);
	color: rgb(0, 0, 0);
}

.scn_carousel {
	position: relative;
	clear: left;
	background-color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-family: Verdana;
	margin-top: 5px;
	margin-left: 5px;
	opacity: 90%;
}

.pnl1 {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	display: inline;
}

.pnl1:before {   
	content: "\2666  "; 
	color: crimson; 
	font-size: 14px;	
}

.ediv_border {
  height: auto;
  width: 280px;
  overflow: auto;
  position: absolute;
  z-index: 4000;
  border: solid thin #ccc;
}


.panel_ediv {
  height: auto;
  width: 280px;
  overflow: auto;
  position: absolute;
  z-index: 4000;
  border: solid thin #ccc;
}
.sfg {
	float: left;
	clear: left;
	width: 100%;
	margin: 0px 0px 5px 5px;

}


.sfg:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.sfg1 {
	margin: 8px 10px 5px 5px;
}


.sfg1:before {
   content: "\2666  "; 
   color: crimson; 
   font-size: 14px;
}

.cltblmsg {
	clear: none;
  color: green;
  font-style: italic;
  margin-left: 35%;
  width: 30%;
}

/* validation class items */

.reqCell {
	text-align: center;
	border: solid 1px #f00;
}

.reqCellNA {
	border: thin solid #F00;
	background-color:  #CCC;
	text-align: center;
}

/* side by side question styles */
.c_ss_hd { /* class for side by side heading when blank */
	text-align: left;
	border-right: solid thin #ccc;
}

.c_ss_hdL { /* class for side by side heading on left */
	background-color: #CCC;
	text-align: center;
	padding: 0px 2px 0px 2px;
	border-bottom: none;
}

.c_ss_hdR { /* class for side by side heading on right */
	text-align: center;
	padding: 0px 2px 0px 2px;
}

.c_leftScale {
	text-align: center;
	background-color: #CCC;
	padding: 0px 2px 0px 2px;
}

.c_rightScale {
	text-align: center;
	padding: 0px 2px 0px 2px;
}
/* highlights for table rows */
.projectTblClass {
	color:#4c4c4c;
}

.rsPrompt {
	text-align: left;
	width: 40%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}

.rsPromptTxtBox {
	text-align: left;
	width: 70%;
}

.rsPromptOneTxtBox {
	text-align: left;
	width: 60%
}
.c_rsHdg {
	text-align: center;
	background-color: #CCC; 
}

.c_rsDiffHdg {
	text-align: center;
}

.rsNA {
	background-color:  #CCCCCC;
	text-align: center;
}

.rsSideNA {
	background-color:  #CCCCCC;
	text-align: center;
}

/* auto suggest styles */
.auto_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}

.auto_link_over {
	background-color: #ededed;
	padding: 2px 6px 2px 6px;
}

.autosuggest {
	position: absolute;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #cccccc;
	border-radius:4px;
	z-index: 999999;
	display: none;
	min-width: 160px;
	overflow:auto;
}

/* for repeated scale and tables */

.naHorizontal {
	text-align: center;
	background-color: #CCC;
}

.c_glshow {
	background-color: #ededed;
}

.c_a_p { /* allocation question prompts */
	float: left;
	clear: left;
	width: 50%;
}

.c_allocationTxtBox {
	float: left;
	margin: 2px 2px 2px 2px;
}

.searchcriteria {
  flex: 0 0 auto; /* Prevent the item from growing or shrinking */
  margin: 5px 0px 5px 5px;
}

.searchresult {
  flex: 1; /* Allow the item to grow and fill the remaining space */
  margin: 5px 0px 5px 0px;
}

.flexrow {
  display: flex;
  flex-direction: row;
  gap: 5px; /* Add space between items in the row */
}

.filters_window {
	position: absolute;
	z-index: 9998;
	border: solid thin #c6d5e1;
	display: none;
}

.filters_window_inline {
	border: solid thin #c6d5e1;
	display: none;
}

.filters {
	clear: left;
  float: left;
  height: 80%;
  margin: 0 0 5px 5px;
  overflow: auto;
  width: 99%;
}

.filtersnap {
	float: left;
	clear: left;
	width: 98%;
	height: 72%;
	margin-left: 5px;
	overflow: auto;
}

.filters1 {
    border: thin solid #ccc;
    clear: left;
    float: left;
    height: 62%;
    margin: 0 0 5px 5px;
    overflow: auto;
    width: 98%;
}

.filtersalrt {
    clear: left;
    float: left;
    height: auto;
    margin: 0 0 10px 5px;
    overflow: auto;
    width: 98%;
}

.filterspnl {
    clear: left;
    float: left;
    height: 52%;
    margin: 0 0 10px 5px;
    overflow: auto;
    width: 80%;
	border: solid thin #ccc;
}

.filter1 { /* left parenthesis)  */
	float: left;
	clear: left;
	height: 22px;
	margin: 2px 0px 0px 2px;
	width: 5%;

}


.filter2 { /* question prompt;  prompt and select */
	float: left;
	clear: none;
	width: 102px;
	height: 20px;
	margin: 2px 0px 0px 2px;
	width: 15%;

}


.filter3 { /* side prompt;  prompt and select */
	float: left;
	clear: none;
	height: 22px;
	margin: 2px 0px 0px 2px;
	width: 15%;
}


.filter4 { /* side prompt;  prompt and select */
	float: left;
	clear: none;
	height: 22px;
	margin: 2px 0px 0px 2px;
	width: 15%;
}


.filter5 { /* side prompt;  prompt and select */
	float: left;
	clear: none;
	height: 22px;
	margin: 2px 0px 0px 2px;
	width: 8%;
}


.filter6 { /* side prompt;  prompt and select */
	float: left;
	clear: none;
	height: 22px;
	margin: 2px 0px 0px 2px;
	width: 15%;

}

.filter7 { /* side prompt;  prompt and select */
	float: left;
	clear: none;
	height: 20px;
	margin: 2px 0px 0px 2px;
	width: 5%;

}

.filter8 { /* right paren */
	float: left;
	clear: none;
	height: 20px;
	margin: 2px 0px 0px 2px;
	width: 5%;
}


.filter9 { /* and or */
	float: left;
	clear: none;
	height: 20px;
	margin: 2px 0px 0px 2px;
	width: 5%;
}

/*===============================
Report area styles
=================================*/


.combo4 {
	width: 125px;
} 

.combo6 {
	width: 180px;
} 

.categoryCombo5 {
	width: 100%;
} 

.filter_tb {
	height: 15px;
	width: 95%;
	float: left;
}

.filter_tb_n {
	height: 15px;
	width: 50px;
	margin-right: 0px;
	text-align: right;
	float: right;
}

.o_report_area {
	float: left;
	clear: left;
	width: 900px;
	margin-top: 10px;
	padding-top: 5px;
	margin-left: 5px;
	height: auto;
}

.left_rpt {
 	clear: left;
  float: left;
  height: auto;
  margin-left: 1%;
  width: 40%;
}
.left_rpt1 {
	clear: left;
  float: left;
  height: auto;
  margin-left: 5px;
  width: 18%;
}

.left_rpt2 {
	clear: none;
  float: left;
  height: auto;
  margin-left: 1%;
  width: 60%;
}

.middle_rpt {
	float: left;
	clear: none;
	width: 37%;
	height: auto;
}
.middle_rpt1 {
	clear: left;
  float: left;
  height: auto;
	min-height: 20px;
  margin-left: 1%;
  width: 125px;
}
.middle_rpt2 {
	clear: none;
  float: left;
  height: auto;
  margin-left: 1%;
  width: 60%;
}

.right_rpt {
	float: right;
	clear: none;
	width: auto;
	height: 95px;
	margin-right: 2%;
}

.rpt_save {
  clear: none;
  float: left;
  width: 60%;
	margin-left: 5px;
	margin-top: 10px;
}

.rpt_pp_mnu {
	font-size: 95%;
  border-radius: 0;
  border: 1px solid #ccc;
  height: 22px;
  width: 69px;
  float: left;
  clear: none;
  margin-right: 5px;
}

.codedckbox {
	float: left;
	clear: left;
	margin: 3px 0px 0px 3px;
}

.chartckbox_p {
	float: left;
	clear: left;
	margin-top: 2px;
}

.o_prompt {
	float: left;
	clear: left;
	width: 20%;
	margin-bottom:5px;
}

.coded_prompt {
	float: left;
	clear: none;
  margin-left: 4px;
  padding-top: 4px;
}

.snap_prompts {
	float: left;
	clear: none;
	padding-top: 3px;
}

.coded_prompt_fy {
	float: left;
	clear: none;
	margin-left: 30px;
}

.report_tb	{
	float: left;
	clear: none;
}


.reportName {
  float: left;
  margin-left: 1%;
}

.report_save {
	float: left;
	clear: left;
	width: 65px;
	cursor: pointer;
}

.report_share {
	float: left;
	clear: none;
	margin-left: 5px;
	width: 65px;
	cursor: pointer;
}

.report_delete {
	float: left;
	clear: none;
	margin-left: 5px;
	width: 65px;
	cursor: pointer;
}

.formvar {
	height: 0px;
	display:none;
}

.chart_hdg {
	float: left;
	clear: left;
	margin: 2px 0px 10px 10px;
	width: 50%;
}

.chtsnap{
	float: left;
	clear: left;
	height: auto;
	margin: 5px 0px 0px 10px;
}

.chtrpt{
	float: left;
	clear: left;
	height: 220px;
	width: 95%;	
	margin: 10px 0px 10px 10px;
	border: solid thin #c6d5e1;
}

.chtkd {
	float: left;
	clear: left;
	height: 500px;
	width: auto;	
	margin: 10px 0px 10px 10px;
	border: solid thin #c6d5e1;
}

.shwchtrst{
	float: left;
	clear: left;
	height: 150px;
	width: 95%;	
	margin-left: 10px;
	overflow: auto;
	border: solid thin #c6d5e1;
	display: none;
}

.chart_ediv {
	float: left;
	clear: left;
	width: 90%;
	height: auto;
}

.shwkdrst{
	border: thin solid #C6D5E1;
    border-radius:0px;
    clear: none;
    display: none;
    float: left;
    height: 500px;
    margin: 10px 0 0 30px;
    overflow: auto;
    width: 40%;
}

.chartopt {
  float: right;
  height: 87%;
  width: 25%;
}

.chartopta {
    float: right;
    height: 80%;
    left: 70%;
    position: absolute;
    top: 10%;
    width: 30%;
}

.chartoptbd {
	clear: left;
    height: auto;
    margin: 10px 0 0 5px;
    width: 100%;
}

.chtbutton {
	display: inline;
    float: right;
    height: 20%;
    left: 70%;
    position: absolute;
    top: 70%;
    width: 25%;
}
.chartmsg {
	float: left;
	clear: both;
	margin-top: 10px;
}

.chartchangelbl {
	float: left;
	clear: left;
	width: 90px;
}

.chtkdlabel {
	float: left;
	clear: left;
	margin-top: 2px;
	width: 150px;
}

.chtkdtxt {
	float: left;
	clear: none;
	margin: 0px 0px 2px 2px;
}

.chartchangecombo {
  clear: none;
  float: left;
  margin: 0 0 5px 5px;
}

.advrptsv {
	clear: both;
  float: right;
  height: auto;
}

.rptsavebt {
	float: right;
	clear: none;
	width: 100px;
	height: 30px;
}

#inputcontrols {
	float: right;
	clear: both;
	width: 100px;;
	height: 50px;
	margin-top:10px;
}

.loader {
	position: absolute;
	left: 45%;
	top: 45%;
	width: 50px;
	height: 50px;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	z-index: 999999;
}

.mr_1 {
	float: left;
	clear: left;
	width: auto;
	color: #333;
	margin: 0px 0px 5px 10px;
}

.mr_2 {
	float: left;
	clear: none;
	color: #333;
	width: auto;
	margin: 0px 0px 5px 5px;
}

.mr_3 {
	float: right;
	clear: none;
	color: #333;
	margin: 0px 15px 5px 0px;
}

.mr_4 {
	float: left;
	clear: left;
	color: #333;
	height: 20px;
	margin: 0px 0px 0px 10px;
}

.mr_5 {
	float: right;
	clear: none;
	color: #333;
	margin: 0px 15px 0px 0px;
}

.o_left {
	float: left;
	clear: left;
	width: 100%;
	height: auto;
	margin: 2px 0px 0px 0px;
}

.o_combo_hld {
	float: right;
	clear: none;
	height: 80px;
	width: 320px;
	margin: 0px 10px 0px 0px;
}

.o_rpts {
	float: left;
	clear: left;
	width: 100%;
	height: auto;
	margin-top:15px;
}

.o_rpts1 {
	float: left;
	clear: left;
	width: 80%;
	height: 30px;
	margin-top: 10px;
}

.o_rpts2 {
	float: left;
	clear: none;
	width: 20%;
	height: 50px;
	margin-top: 10px;
}

.o_right {
	float: right;
	clear: none;
	width: 25%;
	height: 500px;
}

.exec_left {
	float: left;
	clear: left;
	width: 100%;
	height: 480px;
}

.exec_right {
	display: none;
}

.o_reports_open {
  clear: none;
  float: left;
  margin: 2px 0 0 5px;
}
	
.o_rpt_hdg {
  color: crimson; 
  float: left;
  margin: 2px 0 0 10px;
	width: 100px;
}

.o_rpt_hdg3 {
  float: left;
	clear: left;
  margin: 8px 0 0 7px;
}

.o_rpt_hdg4 {
    clear: left;
    display: inline;
    float: left;
    margin: 3px 0 5px 5px;
    width: 300px;
}

.o_rpt_hdg2 {
	float: left;
	clear: left;
	margin: 5px 0px 10px 5px;
	color: crimson; ;
}

.xleft {
	float: left;
	clear: left;
	width: 100%;
	height: 350px;
}

.xlefthdg {
	float: left;
	clear: left;
	width: 100%;
	height: 28px;
}

.xleftbody {
	float: left;
	clear: left;
	width: 100%;
	height: 190px;
	overflow:auto;
	margin-top: 10px;
}

.xright {
	float: left;
	clear: none;
	width: 75%;
}

/* classes for timeframe */

.timediv {
	float: left;
	clear: left;
	width: 100%;
}

.timediv1 {
	float: left;
	clear: none;
	margin-left: 5px;
	width: auto;
	height: 60px;
}

.tf_prompt {
	float: left;
	clear: none;
	width: 80px;
	margin-left: 5px;
}

.tf_prompt1 {
	float: left;
	clear: none;
	margin-left: 10px;
}

.datepromptdiv {
	float: left;
	clear: left;
	margin: 10px 0px 0px 5px;
	width: 40px;
	display: none;
}

.datepromptdiv1 {
	float: left;
	clear: none;
	margin-top: 10px;
	width: 30px;
	display: none;
}

.datetbdiv {
	float: left;
	clear: none;
	margin:10px 5px 0px 5px;
	width: 88px;
	display: none;
}

.dateicondiv {
	float: left;
	clear: none;
	margin: 12px 0px 0px 2px;
	width: 25px;
	display: none;
}

.dlcombo {
	float: left;
	clear: left;
	width: 200px;
	margin: 10px 0px 0px 5px;
}

.grpselcombo {
	float: left;
	clear: left;
	width: 98%;
	min-height: 50px;
	border: solid thin #c6d5e1;
}

.search_grp {
	clear: left;
  float: left;
	margin: 5px 0px 0px 5px;
  width: 150px;
}

.grpselhdg {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
}


.printingdiv {
	position: relative;
	width: 70%;
	left: 15%;
	top: 30%;
	z-index: 999999;
	border: solid thin #c6d5e1;
}

.invsch {
	float: left;
	clear: both;
	width: 90%;
	margin: 30px 0px 10px 20px;;
}

.sel_area {
	float: right;
	margin-right: 5px;
	clear: none;
	width: auto;
}

/*==================================================
styels for advanced reporting advanced options
====================================================*/

.col_hdg {
	float: left;
	clear: none;
	width: 200px;
	margin: 0px 0px 3px 5px;
	border-bottom: solid thin #c6d5e1;
}

.col1_hdg {
	float: left;
	clear: none;
	width: 100px;
	margin: 0px 0px 3px 5px;
	border-bottom: solid thin #c6d5e1;
}

.col1_c {
	float: left;
	clear: left;
	width: 100px;
	margin: 0px 0px 3px 10px;
}

.col2_c {
	float: left;
	clear: none;
	width: 200px;
	margin: 0px 0px 3px 0px;
}

.col3_c {
	float: left;
	clear: none;
	width: 200px;
	margin: 0px 0px 3px 5px;
}

.addgroup {
	float: left;
	clear: left;
	width: 100px;
	margin-left: 5px;
}

.delgroup {
	float: left;
	clear: none;
	width: 100px;
	margin-left: 5px;
}

.grptable {
	float: left;
	clear: left;
	color:#4c4c4c;
}

.calleft {
	float: left;
	clear: left;
	width: 30px;
	height: 25px;
	text-align: center;
	cursor: pointer;
}

.calright {
	float: left;
	clear: none;
	width: 30px;
	height: 25px;
	text-align: center;
	cursor:pointer;
}

.clhleft {
	float: left;
	clear: left;
	width: 30px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: white; 
}
.clhright {
	float: left;
	clear: none;
	width: 30px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	color: crimson; 
}
.calhda {
	float: left;
	clear: none;
	width: 20px;
	height: 22px;
	color: white;
	text-align:center;
	cursor: pointer;
}

.calhda:before {
   content: "\003C"; 
   font-size: 14px;
}

.calhda:hover {
	 color: silver; 
}

.calhdyeara {
	float: left;
	clear: left;
	width: 30px;
	height: 22px;
	color: white;
	text-align:left;
	cursor: pointer;
}

.calhdyeara:before {
   content: "\003C\003C"; 
   font-size: 14px;
}

.calhdyeara:hover {
	 color: silver; 
}

.calhdyearb {
	float: left;
	clear: none;
	width: 30px;
	height: 22px;
	color: white;
	text-align:right;
	cursor: pointer;
}

.calhdyearb:before {
   content: "\003E\003E"; 
   font-size: 14px;
}

.calhdyearb:hover {
	 color: silver; 
}

.calhdb {
	float: left;
	clear: none;
	padding-top: 2px;
	width: 95px;
	height: 22px;
	text-align:center;
}

.calhdc {
	float: left;
	clear: none;
	color: white;
	width: 30px;
	height: 22px;
	text-align:center;
	cursor: pointer;
}

.calhdc:before {
   content: "\003E"; 
   font-size: 14px;
}

.calhdc:hover {
	 color: silver; 
}

.o_divb_bd {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 5px;
	height: 250px;
	border-bottom: solid thin #ccc;
}
.adv_run {
	clear: right;
    display: inline;
    float: right;
    margin-top: 10px;
    padding-right: 50px;
    width: 120px;
	height: auto;
}

.filter_hdg {
	float: left;
	clear: left;
	width: 100px;
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline;
}

.filteron {
	float: left;
	clear: both;
	margin-left: 4px;
	margin-top: 2px;
}

.filteron:before {   
	content: "\2666  "; 
	color:#0C0;
	font-size: 14px;	
}

.filteroff {
	float: left;
	clear: left;
	margin-left: 4px;
	margin-top: 2px;
}


.filteroff:before {   
	content: "\2666  "; 
	color:crimson; 
	font-size: 14px;	
}

.nbhld {
	float: right;
	clear: none;
	width: 50px;
	margin: 10px 10px;
}

.pipeinsert {
	float: left;
	clear: none;
	min-width: 70px;
	margin: 5px 0px 0px 5px;

}

#upload_file {
	position: relative;
	float: left;
	color: red;
	margin-left: 5px;
	clear: left;
	width: 95%;
}

#frm1 {
	float: left;
	clear: left;
	margin-left: 5px;
}


#frm4 {
	float: right;
	clear: none;
	margin-right: 5px;
	margin-top: 20px;
}

/*========================================
QUESTION STYLES
=========================================*/

/* ===================================
Question Styles
======================================*/

.c_tb_pr { /* format of the textbox prompts */
	float: left;
	clear: left;
	margin-right: 2px;
	overflow-wrap: break-word;
}

.c_tb { /* textbox class */
	float: left;
	clear: none;
	margin: 0px 5px 5px 0px;
}


.c_tb_req { /*format of the required message for text box questions */
	float: left;
	clear: left;
	color: #F00;
	width: auto;
	margin: 0px 0px 5px 10px;
}

/* allocation validation designer */

#a_prompt {
	float: left;
	clear: left;
	margin-left: 2px;
	width: 70%;
	display: inline;
}

#a_tb {
	float: left;
	clear: none;
	margin-left: 2px;
	width: 25%;
	display: inline;
}

#al_cb {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	width: 95%;
	display: inline;
}

.al_div {
	float: left;
	clear: left;
	margin-bottom: 5px;
	display: inline;
}

#requiredAreaDiv {
	float: left;
	clear: left;
	display: inline;
}

/* for allocation question and numeric fields */


.c_n_allocate {
	
	float: left;
	clear: none;
	text-align: right;
	margin: 0px 5px 5px 0px;

}

.c_n_allocation { /* numeric entry box for allocation */
	float: left;
	clear: none;
	text-align: right;
	margin-right: 5px;
}

.c_nfr { /*numeric response float right */
	float: right;
	text-align: right;
	width: 50px;
	margin-right: 5px;
}

.numericTotal {
	float: left;
	clear: none;
	text-align: center;
	font-weight: bolder;
	width: 72px;
	margin-top: 5px;
}

.allocationTotalLbl {
	float: left;
	clear: left;
	width: 35%;
	font-weight: bold;
	margin-top: 5px;
}

.dediv {
	background-color: #FFF;
	border: solid thin #c6d5e1;
}

.imgclass1 {
	border: dashed thin #c6d5e1;
	max-width:200px;
}

.imgclass2 {
	border: none;
	max-width:200px;
}

.imagesmenu {
	float: left;
	clear: left;
	width: 98%;
	height: 30px;
	padding-top: 5px;
}

.uploaddiv {
	float: left;
	clear: left;
	width: 98%;
	height: 20px;
	padding-top: 10px;
}

.usertxtbox {
	border: solid thin #c6d5e1;
	height: 20px;
	width: 80%;
	
}

.inputmsg {
	float: left;
	clear: left;
	margin: 5px 0px 0px 5px;
	display: inline;
}

.inputmsg2 {
	float: left;
	clear: left;
	width: 24px;
	margin: 5px 0px 0px 5px;
}

.inputmsg3 {
	float: left;
	clear: none;
	margin-left: 2px;
	padding-top: 8px;
}

.dashbopt {

	margin: 5px 0px 0px 10px;
}

.lsynch {
	margin: 5px 0px 0px 10px;
  padding-bottom: 20px;
}

.readonlyTB {
	color: #000000;
	background-color: #FFFFCC;

}
.hiddenTB {
	width: 7em;
	text-align: right;
	visibility:hidden;
}

.numericTB {
	width: 7em;
	text-align: right;
}

.numericCell {
	text-align: right;
	width: 50px;
}

.width7em {
	width: 7em;
}

.numericTBreq {
	width: 7em;
	text-align: right;
	border: solid 1px #f00;}
				
.c_hide {
	display: none;
}