body { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; background: #e3e3e3; color: #2a3038; height: 100%; }
html { height: 100%; }
.page-title { padding-bottom: 10px; background: #33383e; color: #f6f6f6; width: 100%; }
.box1 { float: right; background: #33383e; color: #FFF; padding: 5px; border-left: 1px solid #4c535b; border-right: 1px solid #292d32; }
.box2 { float: right; background: #3671b9; color: #FFF; padding: 5px; border-left: 1px solid #3d7fcf; border-right: 1px solid #2b5588;}
.box2 a, .box3 a, .box4 a { color: #FFF;}
.box3 a { color: #FFF;}
.box3 { float: right; background: #3671b9; color: #FFF; padding: 5px; border-left: 1px solid #3d7fcf;}
.box4 { float: right; background: #3671b9; color: #FFF; padding: 5px; border-left: 1px solid #3d7fcf; border-right: 1px solid #3d7fcf;}
.top-bar { background: #13181f;}
.top-links-box { background: #2f2f31; padding: 5px;}

.align-right { text-align: right; }
.align-left { text-align: left;}
.align-center { text-align: center; }

.float-right { float: right; }
.top-margin { margin-top: 15px; }
.spacing-elements { margin-top: 10px; }

.star { margin-left: 3px; margin-right: 3px; cursor: pointer; }
.footer { margin: 20px; }
#question { display: none; }
#question_display { display: none; }
#potential_answers { display: none;}
#star_count { display: none; }
#page_display { display: none; }
#required_display { display: none; }
#potential_answers_image { display: none; }
#thumbnail_size_w { display: none; }
#thumbnail_size_h { display: none; }
#custom_rating { display: none; }
.survey_thumbs { margin: 5px; text-align: center;}

.chart { width: 500px; height: 200px; border-left: 1px solid #000; border-bottom: 1px solid #000; position: relative; margin-bottom: 100px;  }
.chart-bit { position: absolute; bottom: 0px; left: 5px; width: 30px; background: #d91a50; height: 1px;  }
.chart-bit-text { padding-left: 10px; writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
white-space:nowrap;
	display:block;
	font-size: 10px;}
.chart-scale-max { position: absolute; left: 0px; top: 0px; color: #000; z-index: 999999;}
.small-text { font-size: 11px; }
.fb-share-button { width: 100px; height: 100px; }

.survey-header { background: #38404d; height: 50px; }
.logo-text { color: #FFF; font-size: 22px; padding-top: 5px;}
.header-links { text-align: right; padding-top: 5px;}
.content-area { height: 100%; margin-top: 20px; border-radius: 4px 4px 4px 4px; padding: 10px; }

.panel-default .panel-heading { background: #5b677b; color: #FFF; border-color: #38404d;}
.panel-default { border-color: #38404d;}
.panel-footer2 {
   color: gray;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
}


.button{text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#e5ffff; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }.button:hover{
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#084d4d; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }
 
 
 .button2{text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:solid 1px #E18811; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#808080; 
 background-color:#FFE5B4; 
 background-image: -moz-linear-gradient(top, #FFE5B4 0%, #FBB917 100%); 
 background-image: -webkit-linear-gradient(top, #FFE5B4 0%, #FBB917 100%); 
 background-image: -o-linear-gradient(top, #FFE5B4 0%, #FBB917 100%); 
 background-image: -ms-linear-gradient(top, #FFE5B4 0% ,#FBB917 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #FFE5B4 0% ,#FBB917 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }.button2:hover{
 padding:11px 32px; 
 border:solid 1px #E18811; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#808080; 
 background-color:#FFE5B4; 
 background-image: -moz-linear-gradient(top, #FFE5B4 0%, #FBB917 100%); 
 background-image: -webkit-linear-gradient(top, #FFE5B4 0%, #FBB917 100%); 
 background-image: -o-linear-gradient(top, #FFE5B4 0%, #FBB917 100%); 
 background-image: -ms-linear-gradient(top, #FFE5B4 0% ,#FBB917 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #FFE5B4 0% ,#FBB917 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }
 
  .button3{text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:solid 1px #000000; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#FFFFFF;
 background-color:#FFE5B4; 
 background-image: -moz-linear-gradient(top, #2ECC71 0%, #2ECC71 100%); 
 background-image: -webkit-linear-gradient(top, #2ECC71 0%, #2ECC71 100%); 
 background-image: -o-linear-gradient(top, #2ECC71 0%, #2ECC71 100%); 
 background-image: -ms-linear-gradient(top, #2ECC71 0% ,#2ECC71 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #2ECC71 0% ,#FBB917 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }.button3:hover{
 padding:11px 32px; 
 border:solid 1px #000000; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#1D8348; 
 background-color:#FFE5B4; 
 background-image: -moz-linear-gradient(top, #82E0AA 0%, #82E0AA 100%); 
 background-image: -webkit-linear-gradient(top, #82E0AA 0%, #82E0AA 100%); 
 background-image: -o-linear-gradient(top, #82E0AA 0%, #82E0AA 100%); 
 background-image: -ms-linear-gradient(top, #82E0AA 0% ,#82E0AA 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #82E0AA 0% ,#82E0AA 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }
 
  .button4{text-decoration:none; text-align:center; 
 padding:11px 32px; 
 border:solid 1px #000000; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#FFFFFF; 
 background-color:#FFE5B4; 
 background-image: -moz-linear-gradient(top, #E74C3C 0%, #E74C3C 100%); 
 background-image: -webkit-linear-gradient(top, #E74C3C 0%, #E74C3C 100%); 
 background-image: -o-linear-gradient(top, #E74C3C 0%, #E74C3C 100%); 
 background-image: -ms-linear-gradient(top, #E74C3C 0% ,#E74C3C 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #FFE5B4 0% ,#FBB917 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }.button4:hover{
 padding:11px 32px; 
 border:solid 1px #000000; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#FF0000; 
background-color:#FFE5B4; 
 background-image: -moz-linear-gradient(top, #F5B7B1 0%, #F5B7B1 100%); 
 background-image: -webkit-linear-gradient(top, #F5B7B1 0%, #F5B7B1 100%); 
 background-image: -o-linear-gradient(top, #F5B7B1 0%, #F5B7B1 100%); 
 background-image: -ms-linear-gradient(top, #F5B7B1 0% ,#F5B7B1 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #F5B7B1 0% ,#F5B7B1 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
 }