/* Survey specific styles */


.survey-smallertext{
	font-size: 12px;
	text-decoration: none;
}

.survey-largertext{
	font-size: 14px;
	text-decoration: none;
}

.survey-smalltext{
	font-size: 10px;
	color: gray;
	text-decoration: none;
}

.survey-smalltext-red{
	font-size: 10px;
	color: color: #FF5A00;
	text-decoration: none;
}

.survey-smalltext A{
 	color: gray;
	text-decoration: none;
}

.survey-smalltext A:hover{
	color: gray;
	text-decoration: underline;
}

.survey-smalltext A:hover{
 	TEXT-DECORATION: underline
 	color: gray;
}

.survey-largetext{
	font-size: 14px;
}

.likeA{
	color: #FF5A00;
	TEXT-DECORATION: underline;
	cursor: hand;
}

.big{
	font-size: 16px;
}

.bigLikeA{
	color: #FF5A00;
	TEXT-DECORATION: none;
	cursor: hand;
	FONT-WEIGHT: bold
}

.bigLikeA A{
	TEXT-DECORATION: none;
}

.bigLikeA A:hover{
	TEXT-DECORATION: underline;
}

.instruction{
	font-size: 11px;
}

.smallLikeA{
	color: #FF5A00;
	TEXT-DECORATION: underline;
	cursor: hand;
	FONT-WEIGHT: bold
}

.survey-footerlink {
	font-size: 10px;
	color: gray;
	TEXT-DECORATION: none;
}

.survey-footerlink A{
	font-size: 10px;
	color: gray;
	TEXT-DECORATION: none;
}

.survey-footerlink A:hover{
	color: black;
	TEXT-DECORATION: underline;
}

.survey-footerlink A:visited{
	color: gray;
}

.survey-footerlink A:focus{
	color: gray;
}

.survey-steps A{
	color: black;
	TEXT-DECORATION: none;
}

.survey-steps A:hover{
	color: black;
	TEXT-DECORATION: underline;
}

.survey-steps A:visited{
	color: black;
	TEXT-DECORATION: none;
}

.survey-steps A:focus{
	color: black;
	TEXT-DECORATION: none;
}

.survey-menu-background{
	BACKGROUND-COLOR: #EEEEEE;
}

.survey-largetext A{
	font-size: 14px;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
}

.survey-largetext A:hover{
 	FONT-WEIGHT: bold
}


.survey-popups-Popup {
  background-color: grey;
  border: 3px solid #87B3FF;
  padding: 4px;
}

.survey-help-link{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 7pt;
  FONT-STYLE: italic;
  color: #FF5A00;
  TEXT-DECORATION: none;
}

.survey-help-link A:hover{
	color: #FF5A00;
	TEXT-DECORATION: underline;
}

.survey-help-link A:visited{
	color: #FF5A00;
	TEXT-DECORATION: none;
}

.survey-help-link A:focus{
	color: #FF5A00;
	TEXT-DECORATION: none;
}

.survey-link{
  color: #FF5A00;
  TEXT-DECORATION: underline;
  cursor: hand;
}

.survey-link A:hover{
	TEXT-DECORATION: none;
}

.survey-link A:visited{
}

.survey-link A:focus{
}


.survey-toptext {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 5px; COLOR: #404040; PADDING-TOP: 0px; TEXT-DECORATION: none
}

.survey-colourtext {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	MARGIN: 0px 0px 5px;
	COLOR: #FF5A00;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
}

.survey-bluetext {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	MARGIN: 0px 0px 5px;
	COLOR: #0000EE;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
}


.survey-tour{
	font-family: "Arial";
	font-size: 9pt;
}

.survey-tour-colourtext {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 5px; FONT: bold; COLOR: #FF5A00; PADDING-TOP: 0px; TEXT-DECORATION: none
}

.survey-tour-title{
	  font-weight: bold;
	  font-size: 13pt;
	  color: #FF5A00;
}
		
.survey-progress-page-current {
	font-weight: bold;
	color: #FF5A00;
	font-size: 24px;
	text-decoration: none;
}

.survey-progress-page-current A{
	font-weight: bold;
	color: #FF5A00;
	font-size: 24px;
	text-decoration: none;
}

.survey-progress-page-current A:hover{
	font-weight: bold;
	color: #FF5A00;
	font-size: 24px;
	text-decoration: none;
}

.survey-progress-page {
	color: gray;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	cursor: hand;	
}

.survey-progress-page A{
	color: gray;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}

.survey-progress-page A:hover{
	color: #FF5A00;
	font-weight: normal;
	font-size: 13px;
	text-decoration: underline;
}

.survey-small-progress-page {
	color: gray;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	cursor: hand;	
}

.survey-small-progress-page A{
	color: gray;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

.survey-small-progress-page A:hover{
	color: #FF5A00;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

.survey-steps-background{
	background-image: url(img/steps_background.jpg);
}

.survey-testimonial{
	font-size: 11px;
}

.survey-error {
	  background:#f00;
	  color: white;
	  font-weight: bold;
  	  border:1px solid #aaa;
      border-top:1px solid #ddd;
      border-left:1px solid #ddd;
}

.survey-warning {
	  background:#0f0;
	  color: white;
	  font-weight: bold;
  	  border:1px solid #aaa;
      border-top:1px solid #ddd;
      border-left:1px solid #ddd;
}

.survey-info {
	  background:#00f;
	  color: white;
	  font-weight: bold;
  	  border:1px solid #aaa;
      border-top:1px solid #ddd;
      border-left:1px solid #ddd;
}

.survey-info A{
	color: white;
	TEXT-DECORATION: none;
}

.survey-info A:hover{
	color: white;
	TEXT-DECORATION: underline;
}

.survey-info A:visited{
	color: white;
	TEXT-DECORATION: none;
}

.survey-info A:focus{
	color: white;
	TEXT-DECORATION: none;
}


.answerset-grid-header {
  background: #cce;
  border:1px solid #aaa;
  font-weight: bold
}

.answerset-grid-row {
  background: #ddf;
  border:1px solid #aaa;
  padding: 4px;
}

.answerset-grid-row-selected {
	background: #ddf;
	border:1px solid #aaa;
	padding: 4px;
}

.survey-grid-row {
  background: #eee;
  border-top: 1px solid #666;
  padding: 4px;
}

.survey-grid-row-pagebreak {
  background: #fff;
  border-top: 1px solid #666;
  padding: 4px;
}

.survey-grid-row-selected {
  background: #eef;
  border-top: 1px solid #666;
  padding: 4px;
}

.survey-grid-header {
  background: #fff;
  font-weight: bold
}

.survey-grid-row-selected-subsection {
  background: #ddf;
  border: 1px solid #666;
  padding: 4px;
}

.survey-grid-row-subsection {
  background: #eef;
  padding: 4px;
}

.survey-grid-header td {
  padding: 6px 20px 6px 20px;
  border: 1px solid #666;
  background: #ccd;
}

.survey-grid td {
  padding: 6px 20px 6px 20px;
  border: 1px solid #666;
  background: #eef;
}

.survey-data-grid-header td {
	padding: 2px;
	background: #ccd;
	border: 1px solid #FFF;
	margin: 0px;
}

.survey-data-grid td {
  padding: 2px 2px 2px 2px;
  margin: 0px;
  background: #eef;
  border: 1px solid #FFF;
}

.survey-grid-small td {
  padding: 6px 20px 6px 20px;
  border: 1px solid #666;
  background: #eef;
  font-size: 11px;
}


.survey-GreyBox {
  background: #dde;
  border: 1px solid #666;
  padding: 4px;
}

.survey-LightBorderBox {
  border: 1px solid #eeeeee;
}

.survey-WhiteBoxLarge {
  font-size: 14px;
  background: #eeeeee;
  border: 1px solid #cccccc;
  padding: 8px;
  margin: 8px;
}

.survey-WhiteBoxLargeCell {
  font-size: 14px;
  background: #eeeeee;
  padding: 8px;
  margin: 8px;
}

.survey-WhiteBox {
  padding: 2px;
  background: #eeeeee;
}

.survey-WhiteBoxSmall {
  font-size: 10px;
  background: #eeeeee;
}

.survey-GrayBack {
	font-size: 14px;
	background: #BFBFFF;
	padding: 5px;
	color: #000000;
}

.survey-PreviewBox {
  background: #eef;
  border: 1px dotted #555;
  padding: 4px;
}

.survey-backLikeSelectedBox {
	background: #dde;
}

.survey-SelectedBox {
  background: #dde;
  border: 3px solid #002;
  padding: 4px;
}

.survey-UnselectedBox {
  background: #ffe;
  border: 1px solid #002;
  padding: 4px;
}

.survey-title {
  background: #dde;
  font-size: 28px;
  border: 1px solid #002;
  padding: 4px;
}

.survey-popups-Popup {
  background-color: white;
  border: 1px solid #87B3FF;
  padding: 4px;
}

/* GWT Standard Styles */

.gwt-BorderedPanel {
}

.gwt-Button {
  background:#f5f5f5;
  border:1px solid #aaa;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  padding: 2px;
  width: 12em;
  text-align: center;
}

.gwt-Button-Small {
  background:#f5f5f5;
  border:1px solid #aaa;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  padding: 2px;
  width: 6em;
  height: 2em;
  text-align: center;
  font-size: 10px;
}

.gwt-PushButton {
  background:#000;
  border:1px solid #aaa;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  padding: 2px;
  text-align: center;
}

.gwt-Button:active {
  border:1px solid #aaa;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

.gwt-Button[disabled] {
  background: #ccc;
  border:1px solid #999;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  color: #888;
}

.gwt-DialogBox {
  border: 2px outset;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}

.gwt-MenuBar {
  background-color: #C3D9FF;
  border: 1px solid #87B3FF;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
  padding: 1px 4px 1px 4px;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background-color: #E8EEF7;
}

.gwt-TabPanel {
  margin-top: 4px;
}

.gwt-TabPanelBottom {
  background-color: #E8EEF7;
}

.gwt-TabBar {
  padding-top: 2px;
  border-bottom: 4px solid #87B3FF;
  background-color: #fff;
}

.gwt-TabBar .gwt-TabBarFirst {
}

.gwt-TabBar .gwt-TabBarRest {
}

.gwt-TabBar .gwt-TabBarItem {
  padding: 4px;
  cursor: pointer;
  cursor: hand;

  background-color: #e8eef7;
  border-bottom: 2px solid white;
  margin-right: 2px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  padding: 4px;
  font-weight: bold;
  cursor: default;

  background-color: #87b3ff;
  border-bottom: 2px solid #87b3ff;
  margin-right: 2px;
}

/*.gwt-TextArea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}*/

.gwt-TextBox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.gwt-TextBox-readonly {
  color: #888;
}

.gwt-Tree {
  background: white;
}

.gwt-Tree .gwt-TreeItem {
}

.gwt-Tree .gwt-TreeItem-selected {
  background-color: #C3D9FF;
}

.gwt-StackPanel {
}

.gwt-StackPanel .gwt-StackPanelItem {
  background-color: #C3D9FF;
  cursor: pointer;
  cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-PushButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-RichTextArea {
	background-color: white;
}

/*
.gwt-RichTextArea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: white;
}*/

.gwt-RichTextToolbar {
  /*background-color: #C3D9FF;*/
  background-color: #ddf;
  padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 2px;
  /*background-color: #E8F1FF;*/
  background-color: #ddf;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 2px;
  /*background-color: #E8F1FF;*/
  background-color: #ddf;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-HorizontalSplitPanel {
  border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .hsplitter {
  background-color: #C3D9FF;
  cursor: move;
}

.gwt-HorizontalSplitPanel .left {
  background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
}

.gwt-VerticalSplitPanel .splitter {
  background-color: #C3D9FF;
  height: 8px;
  cursor: move;
}

.gwt-SuggestBoxPopup {
  border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
  padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
  background-color: #C3D9FF;
  padding: 2px;
}

.gwt-ProgressBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #AAAAAA;
  height: 14pt;
  width: 50%;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
  background-color: #67A7E3;
}
.gwt-ProgressBar-shell .gwt-ProgressBar-text {
  padding: 0px;
  margin: 0px;
  color: white;
}

  .gwt-GlassPanel {

    /* Override glass panel color to be `green` */
    background-color: black !important;

    /* Override glass panel to 10% opacity (= 90% transparency) */
    filter: alpha(opacity = 10) !important; /* IE */
    opacity: 0.1 !important; /* non-IE */

    /*
      NOTE: Please do NOT use either CSS 'width' or 'height' here, as
      this would defeat much of the effort that went into GlassPanel
      in order to get it to work consistently in a variety of
      circumstances. Specifically, please resist the urge to use
      'width/height: 100%' or similar constructs.
    */
  }