/* CSS Document */

body  {
	margin: 0px;
	padding: 0px;
}
body, td  { 
	font-size: 14px;
  	font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	color:  #333;
}

.content{
	float:left;
	width:100%;
	min-height:335px;	
}

.b-iframe{
	float:left;
	width:100%;
	min-height:335px;
	
}

#Table1{border: 1px solid #CCC; border-radius: 5px;	}

.btn {
	 margin-top: 10px;
  background-color: #273F6B;
  color: #FFF;
  border: none;
  line-height: 30px;
  border-radius: 6px;
  padding: 0 15px;
  width: 100px;
  cursor: pointer;
}

#container_nopop {
	border-top: 1px solid #999;
	border-bottom: 2px solid #000;
	border-left: 1px solid #999;
	border-right: 2px solid #000;
	width: 535px;
}

.head{
  line-height: 50px;
  font-size: 130%;
  font-weight: 600;
  float: left;
  width: 98%;
  background-color: #273F6B;
  text-align: left;
  color: #FFF;
  padding-left: 2%;
  border-radius:5px 5px 0 0;

}

/*.commentHeader{
  font-weight: 600;
  color: #416e92;
  position: absolute;
  border-radius: 3px;
  background-color: #f2f2f2;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 3px -6px 10px #000;
  width: auto;
  float: left;
  margin-top: 32px;
  margin-left: 10px;
  z-index: 1;
}
*/

.bevel {
  color: #416e92;
  background: #f2f2f2;
  box-shadow: inset 0 16px 16px -16px rgba(0, 0, 0, 0.06);
  position: relative;
  width: 100%;
  min-height: 105px;
  float: left;
  height: inherit;
  border-top: 1px solid white;
  padding-bottom: 16px;
  margin-top:25px;
}

.bevel h4 {
  font-weight: 600;
  color: #416e92;
  position: absolute;
  /* top: -.7em; */
  top: -10px;
  left: 13px;
  display: inline-block;
  margin: 0;
  padding: .5% 2%;
  border-radius: 3px;
  background-color: #f2f2f2;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 3px -6px 10px #000;
}

.bevelcontentDiv {
  float: left;
  width: 100%;
  padding: 25px 0px 0px 0;
}

.bevelcontentDiv > table{ margin-left:2%; width:96%;}
.bevelcontentDiv >textarea {margin-left: 3%; width:418px !important; border-radius:4px;}

/*.header  { 
	background:  #EEE;
	border: 1px solid #CCC;
	padding: 7px 10px;
	font-weight:bold;
}
.bevel  { 
	background:  #F2F2F2;
	border: 1px solid #FFF;
	padding: 0;
	position: absolute;
  	margin-top: 7px;
  	float: left;
	width:100%;
}*/
a:link, a:visited  {
	color: #00C;
}
a:hover, a:active  {
	color: #C00;
} 
.alert {
	color: #C00;
	font-weight: bold;
}
/* ------------------------------------- Form Elements ------------------------------------- */ 
select, textarea, .inputText  {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px;
}
.commentBevel select, textarea  {
	width: 425px;
	margin: 3px 0px;
}
textarea.small  {
	height: 60px;
}
textarea.medium  {
	height: 85px;
}
textarea.large  {
	height: 130px;
}
.inputText {
/*	width: 260px;*/
}
/* ------------------------------------- Banner ------------------------------------- */
#banner  { 
	background: #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
} 
/* ------------------------------------- Custom Block ------------------------------------- */
#customblock  { 
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF
} 
/* ------------------------------------- Main ------------------------------------- */
#main  { 
	border-top:  1px solid #CCC;
}
	#main .header  { 
		border-bottom:  1px solid #CCC;
	}
.cduHeader {
	padding:  0px 10px 0px 10px;
}
#noPad td {
	padding: 0px;
}
#key {
	float: right;
	width: 125px;
	font-size: 9px;
}
/*.CDUbevel {
	padding:  20px 7px 0px 10px;
}*/

.cduLabel  { 
	padding-left: 0px !important;
	padding-bottom: 5px;
	padding-right:0px;
}
.overallLabel  { 
	padding-left: 0px;
	padding-bottom: 5px;
	font-weight: bold;
}
.scaleTable td {
	padding:  2px 0px 2px 25px;
	
}
.CDUTable {
	/* border-bottom:  1px solid #CCC; */
	margin-bottom:  3px;
}
.keyTable {
	border-top:  1px solid #CCC;
	margin-bottom: 5px;
}
.keyTable td {
	font: 10px Arial, Helvetica, sans-serif;
}
.scaleRadio  { 
	height: 20px;
} 
.scaleText  { 
	white-space: nowrap;
} 
#keyTable {
	background: #EEE;
	border: 1px solid #CCC;
	margin: 4px 0px;
}
#keyTable td {
	font-size: 10px;
	padding: 0px;
}
.commentBevel {
	padding-right: 10px;
	/*border-right: 1px solid #CCC;*/
}
#commentLimit {
	color: #999;
	font-size: 10px;
	padding-bottom: 3px;
	text-align: right;
}
#tsText {
	display: block;
}
/* ------------------------------------- Legend ------------------------------------- */
#legend  { 
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
} 
	#legend .bevel { 
	padding:  2px;
	} 
/* ------------------------------------- CS link/Email field ------------------------------------- */
#cs {
	border:  1px solid #FFF;
	border-top:  1px solid #CCC;
}
/* ------------------------------------- Questions ------------------------------------- */
#questions  { 
	border-top:  1px solid #CCC;
}
	#questions .header {
		border-bottom:  0px solid #CCC;
	}
#questionsontop  { 
	border-top: 1px solid #CCC;
}
.answer  { 
	padding: 0px 5px;
	white-space: nowrap;
	font-size: 12px;
} 
.answerSpan  { 
	float: right;
	padding-left: 5px;
} 
#scrollQuestions {
	overflow: auto;
	width: 535px;
}
.reqQuestion, .reqHilite {
	padding-left: 10px;
	background-image: url('https://secure.opinionlab.com/images/reqAsterisk.gif');
	background-repeat: no-repeat;
	font-weight: bold;
	height: auto !important;
	height: 10px;
}
.commentBevel .reqQuestion select {
	width: 230px;
}
.reqHilite {
	color: #C00;
}
ul.radioAnswer {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
}
ul.radioAnswer li {
	margin: 0px;
	padding: 0px;
}
ul.radioAnswer li input {
	margin: 5px 10px 5px 0px;
}

	ul.answerTypeUL {
		float: right;
		margin: 0px;
		padding: 0px;
	}
	ul.answerTypeUL li {
		display: inline;
		float: right;
		text-align: center;
	}
	ul.answerTypeUL li label {
		padding: 2px 7px 0px 7px;
		display: block;
		visibility: visible;
	}
	label.txtlbl {
	  display: inline;
	  position:absolute;
	  top:-9999px;
	  left:-9999px;
	}
.answerType td {
	text-align: center;
	font-size: 12px;
}
.answerType label {
	padding: 2px 7px 0px 7px;
	display: block;
	visibility: visible;
}
.selectHeader {
	  border: 1px solid #CCC; border-width: 1px 0px; background: #EEE; margin: 4px 0px;
	}
/* ------------------------------------- Links ------------------------------------- */
#links  { 
	border: 0px solid #FFF;
	border-top: 1px solid #CCC;
} 
/* ------------------------------------- Footer ------------------------------------- */
#reqNotice  { 
	border-top: 1px solid #CCC;
}
#footer  { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
	background: #FFF;
}
#footer .text  { 
	font-size: 10px;
	padding: 4px 0px 4px 14px;
	line-height: 150%;
}
#footer a, #footer a:link, #footer a:visited  { 
	white-space: nowrap;
	color: #333;
}
#footer a:hover, #footer a:active  { 
	color: #C00;
}
.submitButton  { 
	margin-right: 10px;
	font-size: 14px;
}
/* ------------------------------------- TY Window ------------------------------------- */
#scrollingContent {
	display: block;
	overflow-y: auto;
}
#tyMessage, #isLinks, #closeLink {
	padding: 10px 30px;
}
#closeLink {
	text-align: center;
}
#scrollingContent .header  { 
	border-top: 1px solid #CCC;
}

.scaleBg{
    text-align: right;
    background: url('/_layouts/styles/v2/images/bgTable.jpg') no-repeat;
    float: right;
    width: 190px;
    width: 180px\9;
    right: 17px;
}

.scaleBg img{
    width: 210px;
    margin-right: 10px;
    -moz-margin-right: 0px;
    margin-right: 0px\9;
    margin-top:2px;
    float:right;
    
}
.scaleText .c1, .scaleText .c2, .scaleText .c3, .scaleText .c4, .scaleText .c5
{
    color:#FFFFFF;    
}