/** GlobalStylesheet.css **/
/* COLOR REFERENCE
Bold Blue = #3D72D6 (selected items)
Light Blue = #E6ECF5 (the account box background)
Dark Blue = #91A4C4 (the brand type in account box)
Help Yellow = background:#FFFFC7; border:#FFDC81;
Error Red = #cc0000 (Used for Error Messages Background color, usually with white text)

*/
/* browser resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}
textarea {
  font-size:9pt;
}
table {
  border-collapse:collapse;
  border-spacing:0;
  padding: 0;
  margin: 0;
}

hr {
  border: 1px solid white;
  border-width: 1px 0;
  border-top: 1px solid #d9d9d9;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}
em { /** modified by jeff at qualtrics, used to be in the above rule **/
  font-style:normal;
}
strong{
  font-weight:bold;
}
ol,ul {
  list-style:none;
}
dd{
  margin-left:19px;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:bold;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}
/* end reset */

body{
  margin:0;
  padding:0;

}
.cke_skin_qualtrics .cke_focus {
  outline: none;
}
body,
input,
button,
textarea{
  font-family:arial, helvetica, sans-serif;
}
body.waitCursor{
  cursor:wait;
}
@media print {
  body{
    overflow-y: visible;
  }
}
body, table, li{
  font-size:12px;
}
a, .a
{
  outline: none;
  text-decoration:underline;
  color:#366ccc;
  cursor:pointer;
}
.NoTextSelect{
  /* prevents text selection*/
  -khtml-user-select: none;
  -moz-user-select: none;
}
.AutoClearMessage{
  color:#999;
}
label.Placeholder span{
  -webkit-transition: opacity 0.2s ease-out;
}
.Fade{
  -webkit-transition: opacity 0.2s ease-out;
  opacity:0.5;
}
.Pointer{
  cursor:pointer;
}
a.NoUnderline{
  text-decoration:none;
}
a.NoUnderline:hover{
  text-decoration:underline;
}
ul, li{
  list-style:none;
  padding:0;
  margin:0;
}
h1, h2, h3{
  margin:0 0 0.3em 0;
  padding:0;
  color:#333333;
  font-weight:bold;
}
p{
  margin-bottom:1em;
}
h1{
  font-size:190%;
}
h2{
  font-size:150%;
}
select optgroup {
  /*font-weight: normal;*/
  font-style: normal;
  /*color: #777777;*/
}
select optgroup option{
  color: black;
}
.clear{
  clear:both;
}
.clearLeft{
  clear:left;
}
.Left{
  float:left;
}
.Right,
body a.Right{
  float:right;
}

.AlignRight{
  text-align:right;
}

.Hidden {
  display: none;
}
.Light{
  color:#666;
}
.LogoContainer{
  padding:10px;
}
#MastHeadTop #Logo img,
#MastHead .LogoContainer img{
  max-height:120px;
  max-width:550px;
}
#BottomLocator{
  /* this is a 1x1px div that lives at the bottom right of the screen
  it helps IE know what the browser dimensions are cause it can't seem
  to figure it out on its own*/

  position:absolute;
  bottom:1px;
  right:1px;
  height:1px;
  width:1px;
  background-color:white;
  font-size:0px;
}

.center{
  margin: 0 auto;
  text-align: center;
}
.TextBoxLabel{
  line-height:30px;
  margin-right:5px;
}
input.TextBox,
select.SelectBox{
  vertical-align:middle;
}
input.TextBox{
  background:white;
  border-width:1px 1px 1px 1px;
  border-style: solid;
  padding:3px;
  font-size: 12px;
}
input.TextBox,
textarea.TextBox{
  border-color: #999 #ccc #ccc #999;
  border-width:1px 1px 1px 1px;
  padding:3px;
}
input.TextBox:disabled{
  border-color: #ddd;
  background:#eee;
  color:#999;
}
input.Searching
{
  background:white url(/static/q-generic/~/img/spinner.gif) no-repeat right 2px;
}
#QMenu .MenuInputContainer{
  background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    padding: 5px 10px;
}
#QMenu .MenuInputContainer input{
  width:100%;
  padding: 4px 0;
    text-indent: 4px;
    border: 1px solid #AAAAAA;
}
.IE7 #QMenu .MenuInputContainer input{
  width:auto;
}
#ServerTime{
  display: none;
}
#ImagePreload{
  display: none;
}
span.Error{
  font-weight:bold;
  color:#cc0000;
}
a.Back{
  /*display:block;*/
  font-weight:bold;
  position:relative;
  margin-bottom:10px;
  margin-left: 12px;
}
#Content a.Back .Icon{
  height:16px;
  width:11px;
  position:absolute;
  top:0px;
  left:-12px;
  background:white url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat -258px -76px;
}


body{
  background-color: #F2F2F2;
  min-width:1000px;
}
body.iframe{
  min-width:0;
}
#MastHead{
  background:#fff;
}
.SFiFrame #MastHead{
  display:none;
}
.XShare #MastHead{
  padding-top:40px;
}
.XShare #HeadsUp #SurveySelector{
  display:none;
}
#MastHeadTable{
  table-layout:fixed; /* for speed */
}
#MastHeadTable,
#NavContainer{
  position:relative;
}
#LogoContainer{
  vertical-align:top;
  padding:0 15px;
}
#NavContainer{
  vertical-align:bottom;
}

.validationError
{
  color: #FFFFFF;
  background-color: #CC0000;
  border: 1px solid #AA0000;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 10px;
}
#MastHead #NavHelp {
  position: relative;
  float: right;
  top: 10px;
  line-height: 20px;
  margin-right: 20px;
  padding: 0 5px;
  margin-left: 15px;
}
#MastHead #NavHelp #NavHelpButton {
  text-decoration: none;
  color: #777;
}

.FailedValidation {
  color:red;
}

.FailedBrandIDValidation {
  color: red;
  white-space: pre-wrap;      /* CSS3 */
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -o-pre-wrap;   /* Opera 7 */
  word-wrap: break-word;      /* IE */
}

/************************************
* Account Menu            *
************************************/
#QMenu.SurveySelect
{
  padding-top:0px;
}
#QMenu.SurveySelect.Rename .MenuSearch input {
  width:86%
}
#QMenu.SurveySelect .MenuSearch input {
  width:75%;
}
#MastHead{
  position:relative;
  border-bottom:1px solid #aaa;
}
.IE6 #MastHead{
  zoom:1;
}
#Content{
  background-color:white;
  min-height:300px;
}
.SmallFadeToWhite{
  height:4px;
  background: url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x;
}
#Toolbar{
  border-top:none;
  height:84px;
}
#Toolbar ul.SectionTabsList li{
  padding-top:1px;
  margin-top: 3px;
}
#Toolbar ul.SectionTabsList li a{
  text-decoration:none;
  float:left;
  padding-top: 0px;
  padding-bottom: 7px;
  line-height: 20px;
  position: relative;
  min-width: 50px;
}
#Toolbar ul.SectionTabsList li .IconContainer{
  height: 47px;
  overflow: hidden;
}
#Toolbar ul.SectionTabsList li .IconContainer .Icon{
  margin: 0px auto 0;
  height: 50px;
  width: 60px;
}
#Toolbar ul.SectionTabsList li.Active a .Background{
  background: none repeat scroll 0 0 #B7B7B7;
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    bottom: 0px;
    left: 0;
    opacity: 0.15;
    filter:alpha(opacity=15);
    position: absolute;
    right: 0;
    top: 0;
}
#SmallToolbar{
  height:15px;
  background:transparent url(/static/q-generic/~/img/toolbar.png) repeat-x 0px 0px;
  border-bottom:1px solid #aaa;
  margin-bottom:20px;
}
#ToolbarShadow{
  background:transparent url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x 0px 0px;
  height:4px;
}
#ContentContainer{
  background:white;
  padding-bottom:50px;

}
#HeadsUp{

  margin:10px;
  padding-top:5px;
}

#HeadsUp .Inner{
  margin:0 10px;

}
/**
* Page Footer
*/
#pagefooter{
  height:70px;
  float:left;
  position:relative;
  left:50%;
  text-align:center;
  color:#B3B3B3;
  font-size:12px;
}
#pagefooterwidth{
  margin-left:-100%;
}
.footerlinks{
  margin:10px;
}
.footerlinks a{
  color:#416DB5;
  text-decoration:none;
  margin:0 8px;
}
.footerlinks a:hover{
  text-decoration:underline;
}
#FooterFade{
  height:10px;
  background: url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x 0 -4px;
}
#pagefooter .linkrow ul, #pagefooter .linkrow ul li, #pagefooter .footerlinks ul, #pagefooter .footerlinks ul li{
  margin: 0; padding: 0;
  list-style: none;
  display: inline;
}
#BrandFooterImageContainer{
  text-align:center;
}

/***************************
* The Toolbar (Toolbars)
***************************/

#Toolbar{


  background:transparent url(/static/q-generic/~/img/toolbar.png) repeat-x 0 0;

  border-width:1px 0px;
  height:82px;
  /* margin
  position:relative;
  left:-10px;
  margin-right:-10px;*/
}

#Toolbar ul.SectionTabsList{
  float:left;
  margin-left:8px;
  margin-right:10px;
}
#Toolbar ul.SectionTabsList li{
  text-align:center;
  display:inline;
  float:left;
}
#Toolbar ul.SectionTabsList li span{
  display:block;
  color:#333333;
  font-weight:bold;
  font-size:100%;
  text-align:center;
  text-shadow:0px 1px #DDD;
  position:relative;
  z-index:100;
}
#Toolbar ul.SectionTabsList li span.Background{
  background: #fff;
    border: 1px solid #666666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    bottom: 4px;
    left: 0;
    margin-top: 0px;
    opacity: 0.25;
    filter:alpha(opacity=15);
    position: absolute;
    right: 0;
    top: 6px;
    z-index:90;
    display:none;
}
#Toolbar ul.SectionTabsList li a:hover span{
  color:black;
}
#Toolbar ul.SectionTabsList li a.Revision:hover span{
  color:#333333;
}

/* vertical separator */
#Toolbar .VSeparator {
  float:right;
  width:0px;
  height:72px !important;
  margin-top:5px;
  border-right:1px solid #fff;
  border-left:1px solid #666;
  margin-right:12px;
  _margin-right:12px; /*ie 6 double margin bug.*/
  margin-left:12px;
  opacity: 0.2;
  -moz-opacity: 0.2;
  filter:alpha(opacity=20);
}
#Toolbar .VSeparatorLeft{
  float:left;
}


/**************************
*
*    Bezel Bars
*
***************************/

.bezelBar {
  position: absolute;
  width: 600px;
  height: 30px;
  left: 50px;
  top: 500px;
  z-index:1000;
  border: 3px solid white;
  padding-left:7px;
  background-color: #3c5ba3;
  background-image: linear-gradient(top, #4d6aac 27%, #3c5ba3 100%);
  background-image: -o-linear-gradient(top, #4d6aac 27%, #3c5ba3 100%);
  background-image: -moz-linear-gradient(top, #4d6aac 27%, #3c5ba3 100%);
  background-image: -webkit-linear-gradient(top, #4d6aac 27%, #3c5ba3 100%);
  background-image: -ms-linear-gradient(top, #4d6aac 27%, #3c5ba3 100%);
  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.27, #4d6aac),  color-stop(1, #3c5ba3) );
  -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:  0px 0px 10px rgba(50, 50, 50, 0.75);
  box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
  border-radius: 5px;
}

.bezelBar .bezelBarButton {
  width: 100px;
  border: 1px solid #243760;
  height: 20px;
  margin: 4px;
  margin-left: 7px;
  background-color: #415fab;
  background-image: linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -o-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -moz-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -webkit-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -ms-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.27, #5a75b8),  color-stop(1, #415fab) );
  border-radius: 2px;
  float:left;
}

a.menuButton b, a.button b {
  border-color: #243760;
}

.bezelBar a.SelectMenuButton b b, .bezelBar a.button b b, .bezelBar a.CompactMenuButton b b {
  background-color: #415fab;
  background-image: linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -o-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -moz-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -webkit-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -ms-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.27, #5a75b8),  color-stop(1, #415fab) );
}

.bezelBar a.SelectMenuButton b b:hover,
.bezelBar a.button b b:hover,
.bezelBar a.CompactMenuButton b b:hover {
  background: #5a75b8;
}

.bezelBar a.SelectMenuButton b b b, .bezelBar a.button b b b {
  height: 21px;
  line-height: 21px;
  margin: 0px;
  border-top: 1px solid #8697DC;

}

.bezelBar a.menuButton, .bezelBar a.button {
  margin-top: 3px;
  color: #fff;
  font-weight:bold;
  float:left;
}

.bezelBar .bezelBarButton:hover {
  background: #5a75b8;
}

.bezelBar .bezelBarButton.red:hover {
  background: #a94837;
}
.bezelBar .bezelBarButton.gray:hover {
  background: #5b5b5b;
}

.bezelBar .bezelBarButton.red {
  border-color: #662315;
  background-color: #a3412e;
  background-image: linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -o-linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -moz-linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -webkit-linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -ms-linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.27, #a94837),  color-stop(1, #a3412e) );
}
.bezelBar .bezelBarButton.gray {
  background-color: #353536;
  background-image: linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -o-linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -moz-linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -webkit-linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -ms-linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.27, #505153),  color-stop(1, #353536) );
}

.bezelBar .bezelBarButton b {
  border-top: 1px solid #8697DC;
  display: block;
  padding: 3px;
  overflow: hidden;
  padding-left: 6px;
  color: white;
  font-size: 11px;
}
.bezelBar .bezelBarButton.close {
  width: 25px;
  float: right;
}
.bezelBar .bezelBarButton.close b {
  padding-left: 9px;
}

.bezelBar .bezelBarButton.red b {
  border-color: #d57f6f;
}
.bezelBar .bezelBarButton.gray b {
  border-color: #6f6f6f;
}

.bezelBar .bezelBarButton.disabled, .bezelBar .bezelBarButton.disabled:hover {
  background-color: #415fab;
  background-image: linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -o-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -moz-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -webkit-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -ms-linear-gradient(top, #5a75b8 27%, #415fab 100%);
  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.27, #5a75b8),  color-stop(1, #415fab) );

  cursor: default;
  opacity: .6;
  filter: alpha(opacity = 60);
}
.bezelBar .bezelBarButton.disabled.red, .bezelBar .bezelBarButton.disabled.red:hover {
  background-color: #a3412e;
  background-image: linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -o-linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -moz-linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -webkit-linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -ms-linear-gradient(top, #a94837 27%, #a3412e 100%);
  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.27, #a94837),  color-stop(1, #a3412e) );
}
.bezelBar .bezelBarButton.disabled.gray, .bezelBar .bezelBarButton.disabled.gray:hover {
  background-color: #353536;
  background-image: linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -o-linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -moz-linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -webkit-linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -ms-linear-gradient(top, #505153 27%, #353536 100%);
  background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.27, #505153),  color-stop(1, #353536) );
}


.bezelBar .icon {
  width: 16px;
  height: 16px;
  float: left;
  margin: -2px 5px 0 0px;
}
.IE7 .bezelBar .icon,
.IE6 .bezelBar .icon {
  display: inline-block;/* ie6 cant figure out the float properly but it can do inline-block instead*/
  float: none;
}
.bezelBar .icon.whiteEdit {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -68px -165px;
  height:16px;
  width:16px;
}
.bezelBar .icon.whiteRemove {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -105px -165px;
  height:16px;
  width:16px;
}
.bezelBar .icon.whitePlus {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -80px -165px;
  height:16px;
  width:16px;
}
.bezelBar .icon.whiteMinus {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -93px -165px;
  height:16px;
  width:16px;
}


/**************************
*
* System Wide Layout Stuff
*
***************************/
.Section_Body_Table{
  width:100%;
}

/*** Sub-Section Styles */
.SectionTitle{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0px;
}
.SectionSubTitle{
  font-size: 14px;
  margin-bottom: 15px;
  color:#777777;
  font-weight:normal;
}
.SectionDescription{
  background-color:#FFFFC7;
  border:1px solid #FFDC81;
  padding:10px;
  font-weight:bold;
}
#SectionContainerContainer{
  margin:20px; /* margin is important for the 360 home stuff*/
}
.SectionContainer
{
  margin:20px;
  zoom: 1;
}

/**************************
* Rounded Corners
***************************/
div.RoundedCorners,
div.RoundedCorners div.TopRight,
div.RoundedCorners div.BottomLeft,
div.RoundedCorners div.BottomRight {
  background-repeat:no-repeat;
  background-position:left top;
}
div.RoundedCorners div.TopRight{
  background-position:right top;
}
div.RoundedCorners div.BottomLeft{
  background-position:left bottom;
}
div.RoundedCorners div.BottomRight{
  background-position: right bottom;
  height:auto;
  min-height:1.5em;
  padding:0px 1.5em;
  clear:both;
}
/************************
*   Message Box     *
*************************/
#MessageBox{
  position:fixed;
  _position:absolute;
  left:0;
  top:0;
  background-color:#C9E2D3;/* green */
  background-color:#D5CAE2;/* purple */
  background-color:#B9D0FF;/* blue */
  opacity: 0.90;
  -moz-opacity: 0.90;
  /*filter:alpha(opacity=90); slow*/
  z-index:9999999;
  max-width:90%;
}
#MessageBox div{
  position:relative;
  padding:5px 10px;
  border-bottom:1px solid #90A298;/* green*/
  border-bottom:1px solid #B49999;/* purple*/
  border:1px solid #9BAED5;/* blue*/
  border-width:0 1px 1px 0;

}
#MessageBox div.debug{
  background-color:black;
  color:lawngreen;
  text-align:left;
  overflow:auto;
  max-height:500px;
}
#MessageBox div.debug .HiddenDebug{
  border:none;

}
#MessageBox div.debug .HiddenDebug pre{
  display:none;
}
#MessageBox div.debug.Over .HiddenDebug pre{
  display:block;
}

/*********************
*
* Tables Styles
*
**********************/

/*********************
*
* Simple Table
*
**********************/
.SimpleTable{
  border-width:0 1px 1px 0;
}
.SimpleTable thead th{
  background:#cccccc url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x 0 -144px;
  border-right:1px solid #aaaaaa;
  color:#fff;
  font-weight:bold;
  text-align:center;
  padding:6px 10px;
}
.SimpleTable tr.AltRow th,
.SimpleTable tr.AltRow td{
  background:#F6F6FA;
}
.SimpleTable tr th,
.SimpleTable tr td{
  padding:6px 10px;
  border:1px solid #E3E3E6;
  border-collapse:collapse;
}

/*********************
*
* Nice Table
*
**********************/
.NiceTable{
  border-collapse:collapse;
  border:1px solid #aaaaaa;

}
.NiceTable th{
  margin:0;
  background:#cccccc url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x 0 -144px;
  color:white;
  border-right:1px solid #aaaaaa;
  font-weight:bold;
  height:26px;
  line-height:10px;
  border-bottom:1px solid #666;
  cursor:pointer;
}
.GroupUsers .NiceTable th.Col_Actions{
  width: 144px;
}

.NiceTable th a{
  display:block;
  margin:0;
  color:white;
  font-weight:bold;
  padding:0px 16px;
  height:26px;
  line-height:26px;
  text-decoration:none;
  white-space:nowrap;
}

.NiceTable td{
  padding:8px 14px;
  border-right:1px solid #aaaaaa;
}
.NiceTable tr.alternateRow{
  background-color:#f2f5fe;
}
.NiceTable tfoot{
  background-color:#f2f2f2;
}
.NiceTable tfoot td{
  border-top: 1px solid #aaaaaa;
}
.NiceTable th a:hover
{
  background-color:#777777;
  text-decoration:underline;
}

.NiceTable th:hover.unsortable
{
  cursor:default;
}
.NiceTable th:hover.unsortable a
{
  background:#cccccc url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x 0 -144px;
  cursor:default;
  text-decoration:none;
}

.NiceTable th.sort a
{
  background-color:#555555;
}
.NiceTable th.SortLoad a
{
}

.NiceTable td.emptyTableMessage
{
  font-style: italic;
  color: #666666;
  text-align: center;
}
.NiceTable tr.TitleRow td{
  text-align: left;
  background:#CCCCCC url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x scroll 0pt -430px;
  font-size:10px;
  line-height:11px;
  height:17px;
  padding:0px 10px;
  border-top:1px solid #dddddd !important;
  border-right: none;

}

/***************************
* Nice Table Extension
****************************/
.SelectableNiceTable table{

}
.SelectableNiceTable th.Col_Selected{
  border-bottom:none;
  padding:0px;
}
.SelectableNiceTable th.Col_Status{
  width:5em;
}
.SelectableNiceTable th.Col_Status a{
  padding:0px 5px;
  text-align:center;
}
.SelectableNiceTable td.Col_Status div{
  margin:0 auto;
}
.SelectableNiceTable .Col_Selected{
  background:#E6ECF5;
  width:20px;
  padding:5px;
}
.SelectableNiceTable .Col_Date{
  width:130px;
}
.SelectableNiceTable tr.alternateRow{
  background:white;
}
.SelectableNiceTable .Col_Selected .ConnectorContainer{
  position:relative;
  width:32px;
}
.SelectableNiceTable .Col_Selected .Connector{
  width:32px;
  background:#E6ECF5;
  border-left:1px solid #aaa;
  border-right:1px solid #aaa;

  height:30px;
  position:absolute;
  top:-35px;
  left:-1px;
}
.SelectableNiceTable .ConnectorOverlay{
  position: absolute;
  width: 32px;
  height: 1px;
  top: 34px;
  left: 0px;
  background-color: #E6ECF5;
}


.SelectableNiceTable .SelectControls{
  background:#E6ECF5;
  border:1px solid #aaa;
  margin-bottom:20px;
  padding:10px;
}
.SelectableNiceTable .SelectControls{
  position:relative;
}
.SelectableNiceTable .SelectControls .Disabled,
.SelectableNiceTable .SelectControls .Disabled a{
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter:alpha(opacity=70);
}

.SelectableNiceTable .SelectControls .Disabled a{
  cursor:default;
}
.SelectableNiceTable tr.SelectedRow td{
  background:#FEFFBC;
}
.SelectableNiceTable tr.SelectedRow td.Col_Selected{
  background:#D6DBE4;
}
/********************
*
* Nice Subsection Content Container Styles
*
*********************/
.SearchContainerTable
{
  background-color: #F2F2F2;
  border-top: 1px solid #D9D9D9;
  border-collapse: separate;
  width: 100%;
}
.SearchContainerTable .toptd
{
  border-top: 1px solid white;
  border-bottom: 1px solid #D9D9D9;
  color: #4D4D4D;
  padding: 5px;
}
/*****************************
 * Paginated Table
 * ***************************/
.PaginatedTable .paginationcontrols,
.NiceTable .paginationcontrols {
  background-color: #ededed;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  text-align: center;
  position: relative;
  color: #AAAAAA;
  font-size: 8pt;
}
.PaginatedTable td.empty {
  font-style:italic;
  color: #777777;
  text-align: center;
}
.PaginatedTable .paginationFooter td,
.NiceTable .paginationFooter td{
  background-color: #EDEDED;
  padding: 0;
}
.PaginatedTable .paginationcontrols .pagecount{
  height: 45px;
}
.PaginatedTable .paginationcontrols .pagecount div{
  line-height: 12px;
}
.PaginatedTable .paginationcontrols .pagecount .CountContainer{
  padding-top: 15px;
  padding-bottom: 3px;
}
.PaginatedTable .paginationcontrols .pagecount span{
  margin: 0 2px;
}
.PaginatedTable .paginationcontrols .footerinfo {
  margin: 5px 0 20px 15px;
  text-align: left;
}
.PaginatedTable .paginationcontrols .footerinfo .statusline {
  margin: 5px;
}
.PaginatedTable .paginationcontrols .footerinfo .Status {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -92px -130px;
  height:14px;
  width:14px;
  float:left;
  margin-right:10px;
}
.PaginatedTable .paginationcontrols .footerinfo span {
  font-size:9pt;
}
.PaginatedTable .paginationcontrols .footerinfo .greenStatus {
  background-position:-126px -109px;
}
.PaginatedTable .paginationcontrols .footerinfo .redStatus {
  background-position:-144px -109px;
}

.PaginatedTable a.previousPageButton,
.PaginatedTable a.nextPageButton {
}
.PaginatedTable a.previousPageButton {
  position: absolute;
  left: 8px;
  top: 6px;
}
.PaginatedTable a.nextPageButton {
  position: absolute;
  right: 8px;
  top: 6px;
}
.PaginatedTable a.nextPageButton span.lefttext {
  float: left;
  margin-right: 6px;
}
.PaginatedTable a.nextPageButton span.icon {
  float: left;
  margin-right: 0px;
}

.PaginatedTable .row td{
  background-color: #ffffff;
}

.PaginatedTable .altrow td{
  background-color: #f7f7f7;
}
.PaginatedTable tr.highlight td{
  background-color: transparent;
}
.PaginatedTable .paginationcontrols .PageSelectToggle
{
  font-size: 8pt;
  color:#366CCC;
  cursor: pointer;
}
.PaginatedTable .PageSelector {
  width: 600px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space:nowrap;
  margin:10px auto;
  padding: 2px;
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
  text-align:center;
}
.PaginatedTable .PageSelector .PaginationPages {
  padding: 0 5px;
  color: #777777;
  text-decoration:none;
  vertical-align:middle;
}
.PaginatedTable .PageSelector .CurrentPage {
  color: #333333;
  font-size: 10pt;
  font-weight: bold;
  vertical-align:middle;
}

.SelectableTable {
  border: none;
}
.SelectableTable .SelectControls td {
  background-color: #E6ECF5;
  padding: 10px 14px;
  border-color:#AAAAAA;
  border-style:solid solid none solid;
  border-width:1px;
}

.SelectableTable .SelectControls span {
  padding: 10px 5px;
  font-weight: bold;
}
.SelectableTable .SelectControls span a{
  padding: 0px 5px;
  cursor:pointer;
}
.SelectableTable .SelectControls span.Disabled,
.SelectableTable .SelectControls span.Disabled a{
  color: #BCC6D6;
  cursor:default;
}
.SelectableTable .SelectControls .customMenu{
  float: right;
}
.SelectableTable tr.headerSpacer td {
  height: 20px;
}
.SelectableTable tr.headerSpacer td.emptySpace {
  border-color:#AAAAAA;
  border-style:solid none solid solid;
  border-width:1px;
}

.SelectableTable  tr td.spacer {
  background-color: #E6ECF5;
  border-color:#AAAAAA;
  border-style:none solid;
  border-width:1px;
  text-align: center;
  width: 15px;
  background-image:none;
}
.SelectableTable  tfoot td {
  border-color:#AAAAAA;
  border-style:none solid solid solid;
  border-width:1px;
}
.SelectableTable tr.SelectedRow td{
  background-color: #FEFFBC ;
}
.SelectableTable tr.SelectedRow td.spacer{
  background-color: #D6DBE4;
}
.SelectControls .delete{
  color: #cc0000;
}
#SelectAllPrompt {
  background-color: #FEFFBC;
  border-color: #AAAAAA;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#SelectAllPrompt a {
  margin-left: 3px;
  margin-right: 3px;
}

/*****************************
 * Permissions Table
 * ***************************/
.SectionContainer .emptyTableMessage,
.PermissionsTable .emptyTableMessage
{
  font-style: italic;
  color: #666666;
  text-align: center;
  padding: 20px;
}
.PermissionsTable .emptyTableMessage
{
  padding: 10px;
}


/**************************************
 * AJAX Loading Images
 **************************************/

.candyBarLoadingImage {
  background: transparent url(/static/q-generic/\~/img/ajax-loading.gif) no-repeat;
  width: 220px;
  height:19px;
  margin:20px auto;
  text-align:center;
}

.Q_Window .candyBarLoadingImage{
  position:absolute;
  top:50%;
  left:50%;
  margin-left: -110px;
  margin-top:-10px;
}
.mediumRingLoadingImage {
  width:32px;
  height:32px;
  margin:20px auto;
  background:transparent url(/static/q-generic/~/img/ajax_loading.gif) no-repeat 0 0;
  text-align:center;
}
.smallRingLoadingImage {
  width:16px;
  height:16px;
  background:transparent url(/static/q-generic/~/img/ajax_loading2.gif) no-repeat 0 0;
  text-align:center;
}
.smallBarLoadingImage {
  width:16px;
  height:11px;
  background:transparent url(/static/q-generic/~/img/ajax_loading3.gif) no-repeat 0 0;
  text-align:center;
}

/**********************
 * Folders
 *********************/

.Folders a {
  /* color: black; */
}
.Folders .r1 {
  height: 1px;
  font-size: 1px;
  margin: 0 2px;
  background: #E6ECF5;
}
.Folders .r2 {
  height: 1px;
  font-size: 1px;
  margin: 0 1px;
  background: #E6ECF5;
}

.Folders .Inner {
  position: relative;
  padding: 6px 10px;
  background: #E6ECF5;
}
.Folders .FolderIcon {
  display:block;
  float:left;
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') repeat-x -250px 3px;
  height:20px;
  width:19px;
  margin-right:8px;
  position:relative;
}
.Folders select {
  width: 200px;
  margin: 2px 10px 0px 0px;
}

/**
* Other things inside Folders
*/
.searchInput input{
  width:200px;
  font-size:13px;
  position:relative;
  margin-top:-5px;
  top:3px;
  padding-left:23px;
  background:white url(/static/q-generic/~/img/inputicons.png) no-repeat 1px -46px;
}

/**************************
 * JavaScript PopUp
 **************************/

.JavaScriptAPI.cssEditorContainer {
  background-color:#fff;
  border-color:#ccc;
  border:1px solid #ccc;
}
.JavaScriptAPI.Container{
  background-color:#f8f8f8;
}
.JavaScriptAPI.Link {
  margin-top: 7px;
  display: block;
}
/**************************
 * Multi JavaScript PopUp
 **************************/
.EditorTabs  {
  padding-left: 10px;
}
.EditorTabs .EditorTab {
  border: 1px solid #777777;
    display: block;
    float: left;
    border-bottom: none;
    padding: 5px;
  margin: 2px 2px 0 2px;
  cursor: pointer;
}
.EditorTabs .selected {

  font-weight: bold;
  background-color: #eeeeee;
}
.MultiContentContainer {
    border-top: 1px solid #777777;
}
#ActionSetJSEditor {
    overflow-y: hidden;
  padding: 10px 0 0 0;
}
/**************************
 * Import PopUp
 **************************/
.Import #fileSelectionContainer {
  width: 736px;
}
.Import #explanationContainer{
  width: 600px;
  float:left;
  background:#FFFFC7;
  border:1px solid #FFDC81;
  margin-right:10px;
  padding-bottom: 5px;
  min-height: 145px;
  _height: 145px;
}
.Import #explanationContainer.FullWidth {
  width: 736px;
}

.Import .ExampleDocument{
  float:left;
  background:#F9F9F9;
  border:1px solid #DCDCDC;
  padding:7px;
  height: 136px;
  text-align:center;
}
.Import .ExampleDocument div{
  text-decoration:underline;
}
.Import .ExampleDocument .FileSize{
  color:#999999;
  text-decoration:none;
}
.Import #fileInputContainer {
  margin-top:10px;
  margin-bottom:7px;
  padding:10px;
  background:#E8F1F7;
  border:1px solid #C4DDED;
  width: 714px;
  height: auto;
}
.Import #Options{
  margin-top: 20px;
  display: block;
}
.Import #OptionsLink{
  top:4px;
  min-width: 90px;
  padding-right:20px;
  position:relative;
}
.Import .InputContainer{
  float: left;
}
.Import .InputContainer span{
  position: relative;
  top: 12px;
}
.Import .InputContainer #PickFile,
.Import .InputContainer #ReuploadButton,
.Import .InputContainer #fileField{
  position: relative;
  top: -12px;
  z-index: 0;
  left: 10px;
  padding:4px;
}
.Import .InputContainer #fileField{
  max-width: 370px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.Import #OptionsContainer .Option{
  float: left;
  margin-right: 15px;
  width: auto;
}
.Import #OptionsContainer .Option#decimalFormat{
  margin-left: 10px;
  width: 140px;
}
.Import #OptionsContainer .Option .QComboBox input{
  width: 60px;
}
.Import  #FileUploaderForm {
  float: left;
}
.Import  #FileUploaderForm .InputContainer strong{
  margin-left:4px;
  display:block;
  margin-bottom:10px;
}
.Import #OptionsContainer .Option strong,
.Import #OptionsContainer .Option strong label{
  display:block;
  margin-bottom:3px;
}
.Import #OptionsContainer .Option div,
.Import #OptionsContainer .Option > input{
  margin:3px 2px 0 2px;
}
.Import #OptionsLink b b b span.icon{
  background:transparent url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat scroll;
  float: right;
  position: relative;
  opacity: .7;
}
.Import #OptionsLink.Open b b b span.icon{
  background-position: -263px -94px;
  width:8px;
  height:6px;
  top:4px;
}
.Import #OptionsLink.Closed b b b span.icon{
  background-position: -273px -93px;
  width: 6px;
  height: 8px;
  top: 2px;
}
.Import #explanationContainer ul,.Import #explanationContainer li{
  list-style-type: disc;
  list-style-position: inside;
  margin-top: 15px;
  margin-left: 5px;
  color:#666666;
}
.Import #loadingImage,
.Import #loadingBar{
  background: transparent url(/static/q-generic/~/img/ajax-loading.gif) no-repeat scroll 0 0;
  height: 20px;
  width: 220px;
  margin: 12px auto;
}
.Import .customField{
  color: blue;
}
.Import .defaultField{
  color: black;
}
.Import .ignoreField{
  color: red;
}
.Import .table{
  border: black solid 1px;
}
.Import #progressBarContainer{
  margin: 40px;
  width: 450px;
  position: relative;
  left: 25px;
}
/* There is a scroll bar at the bottom, this removes it */
#ImportPanelsPopUp .Import #progressBarContainer{
  position: inherit;
  width: auto;
}
.Import #uploadProgressBarContainer{
  text-align: center;
}
.Import .uploadProgressBarLabel {
  margin: 5px;
  color: #333333;
}
.Import #uploadProgressBarContainer .QProgressBarOuter{
  margin: auto;
}
.Import hr{
  border-top-color:#ccc;
  margin-left:-10px;
  margin-right:-10px;
  margin-top:5px;
}
.Import #tablePreview{
  width:100%;
  background:#E8F1F7;
  border:1px solid #C4DDED;
  margin-top:10px;
}
.Import #tablePreview td{
  padding:5px;
  border-right:1px solid #D3E2EB;
  text-align:left;
  font-family:Monospace;
}
.Import #tablePreview select{
  width: auto;
}
.Import .validationError {
  width: 718px;
}
.Import #ResultsMessage {
  margin: 20px;
}
.Import #fileField{
  margin-left: 10px;
  font-weight: bold;
  top: 0px;
}

/*************************
*
* Delete Confirmation
*
**************************/
.deleteConfirmationContainer
{
  padding-left: 20px;
}
.deleteWarningGraphic {
  width: 40px;
  height: 35px;
  background: transparent url(/static/q-generic/~/img/WarningSmall.gif) no-repeat;
  float: left;
  margin-top:13px;
}
.deleteConfirmation .strong .deleteWarningGraphic {
  width: 145px;
  height: 126px;
  background: transparent url(/static/q-generic/~/img/Warning.gif) no-repeat;
  float: left;
  margin-top:22px;
}
.deleteConfirmation .deleteHeader {
  color: #cc0000;
  padding: 10px;
  font-size: 16pt;
  font-weight: bold;
}
.deleteConfirmation .deleteMessage {
  padding: 10px;
  font-weight: bold;
}
.deleteConfirmation .confirmMessage {
  color: #cc0000;
  padding: 10px;
  font-weight: bold;
}
.deleteConfirmation input {
  margin-left: 10px;
  width: 200px;
}
.deleteConfirmation input.checkbox {
  width: 20px;
}
.deleteConfirmation .PopUpWarningText {
  font-weight:bold;
}
.deleteConfirmation .PopUpWarningTable {
  margin-top:20px;
}
.deleteConfirmation .rightContainer {
  float: left;
  padding-left: 20px;
  width: 315px;
}
.deleteConfirmation .advancedOptions {
  text-align: left;
}
.deleteConfirmation .advancedOptions input{
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 5px;
}
.deleteConfirmation .advancedOptions label{
  margin-top: 20px;
  margin-right: 20px;
}
/*************************
*
* Qualtrics.Confirm
*
**************************/

.ConfirmationContainer
{
  padding-left: 20px;
}
.ConfirmationWarningGraphic {
  width: 40px;
  height: 35px;
  background: transparent url(/static/q-generic/~/img/WarningSmall.gif) no-repeat;
  float: left;
  margin-top:13px;
}
.Confirm .strong .ConfirmationWarningGraphic {
  width: 145px;
  height: 126px;
  background: transparent url(/static/q-generic/~/img/Warning.gif) no-repeat;
  float: left;
  margin-top:22px;
}
.Confirm .ConfirmationMessage {
  padding: 10px;
  font-weight: bold;
}
.Confirm .ConfirmationHeader {
  color: #cc0000;
  padding: 10px;
  font-size: 16pt;
  font-weight: bold;
}
.Confirm .StrongConfirmMessage {
  color: #cc0000;
  padding: 10px;
  font-weight: bold;
}
.Confirm input {
  margin-left: 10px;
  width: 200px;
}
.Confirm input.checkbox {
  width: 20px;
}
.Confirm .PopUpWarningText {
  font-weight:bold;
}
.Confirm .PopUpWarningTable {
  margin-top:20px;
}
.Confirm .rightContainer {
  float: left;
  padding-left: 20px;
  width: 315px;
}
/************************
*   Message Box     *
*************************/
#MessageBox{
  position:fixed;
  _position:absolute;
  left:0;
  top:0;
  background-color:#C9E2D3;/* green */
  background-color:#D5CAE2;/* purple */
  background-color:#B9D0FF;/* blue */
  opacity: 0.90;
  -moz-opacity: 0.90;
  /*filter:alpha(opacity=90); slow*/
  z-index:9999999;
}
#MessageBox div{
  position:relative;
  padding:5px 10px;
  border-bottom:1px solid #90A298;/* green*/
  border-bottom:1px solid #B49999;/* purple*/
  border:1px solid #9BAED5;/* blue*/
  border-width:0 1px 1px 0;

}
#MessageBox div.debug{
  background-color:black;
  color:lawngreen;
  text-align:left;
  overflow:auto;
  max-height:500px;
}
#MessageBox div.debug .HiddenDebug{
  border:none;

}
#MessageBox div.debug .HiddenDebug pre{
  display:none;
}
#MessageBox div.debug.Over .HiddenDebug pre{
  display:block;
}

/********************
*
*   Help
*
*********************/
.Help,
.HelpHeader{
  padding:5px 10px;
  background:#FFFFC7;
  border:1px solid #FFDC81;
  color:#333333;
  font-weight:bold;
}
.HelpHeader{
  margin-bottom:10px;
}

#MastHead #Help {
  float: right;
}
#MastHead #Help #HelpButton {
  cursor: pointer;
  background-color: #FEFFBC;
  border: 1px solid #FCD570;
  float: left;
  height: 19px;
  line-height: 20px;
  text-align: center;
  padding: 4px 7px 4px 7px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #333333;
  text-decoration: none;
  background: #FEFFBC;
  margin-right: 17px;
  position: relative;
}

#HeadsUp #Help #HelpButton,
.Create #Help #HelpButton {
  cursor:pointer;
  background-color:#FEFFBC;
  border:1px solid #FCD570;
  float:left;
  height:20px;
  line-height:20px;
  text-align:center;
  padding:4px 7px 4px 7px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color:#333333;
  text-decoration: none;
  background:#FEFFBC;
}


#HeadsUp #Help #Bottom .clear{
  font-size:0;
}
#HeadsUp #Help #Bottom #MoreHelp{
  float:left;
}
#HeadsUp #Help #Bottom #HideHelp{
  float:right;
}
#HeadsUp .Feedback{
  float:left;
  position:relative;
  left:8px;
  top:8px;
}

#HeadsUp #Forum{
  right:5px;
}
#HeadsUp .Feedback a{
  font-size:11px;
  color:#bbbbbb;
}
#HeadsUp .Feedback a:hover{
  color:#777777;
}
#HelpContent h1 {
  font-weight: bold;
  text-align: center;
  font-size: 140%;
}
#HelpContent h2 {
  font-weight: bold;
  text-decoration: underline;
  font-size: 110%;
  margin-bottom: 6pt;
}
#HelpContent em {
  font-weight: bold;
}
#HelpContent table {
  border:1px solid #a8a8a8;
}
#HelpContent td,
#HelpContent th{
  border:1px solid #a8a8a8;
  padding:5px;
}
#HelpContent td.ColumnHeader{
  background:#CCCCCC url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x scroll 0px -376px;
  font-weight:bold;
  color:white;
}
#HelpContent td.Tasks{
  background:white;
}
#HelpContent table td.Star{
  background-position:0 -144px;
}
#HelpContent table td.Star div.icon{
  float:left;
  margin-right:5px;
}
#HelpContent td.Tasks div.icon{
  height:30px;
  margin:0px auto;
}
#HelpContent th{
  font-weight:bold;
  background-color:#FCD570;
  padding:7px;
}

/* special helps */
.HelpTip{
  margin:0 auto;
  z-index:10001;
  background-color:#FEFFBC;
  border:1px solid #FCD570;
  border-width:3px 0;
  text-align:center;
  padding:10px;
}
.HelpTip a.CloseLink{
  position:absolute;
  right:0px;
  bottom:0px;
}
.HelpTip .OfficeFeedback {
  text-align:center;
  margin-top:15px;
  margin-bottom:5px;
}
.HelpTip hr.YellowBorder {
  border: 1px solid #FFE9B0;
  border-width: 1px 0;
  border-top: 1px solid #E2CE99;
  margin:20px 0px;
}
.HelpTip .OfficeFeedback .QText {
  text-align:left;
  margin:10px;
  font-weight:bold;
}
.HelpTip .OfficeFeedback .ChoiceDiv {
  display:inline-block;
  text-align:center;
  width:105px;
  font-size:11px;
}
.IE7 .HelpTip .OfficeFeedback .ChoiceDiv {
  float:left;
}
.HelpTip .hidden {
  display:none;
}

/***********************
* QSuggest
************************/
.QSuggest {
  display: inline;
  position: relative;
}
#QMenu ul.QSuggest li a:hover {
  text-decoration: none;

}
#QMenu ul.QSuggest li a {
  /*ie6 fixes */
  _height: 1.2em;
  _white-space: nowrap;
}
#QMenu span.match {
  font-weight: bold;
}
#QMenu span.NoResults {
  display:block;
  padding:5px;
  width:198px;
}

/**********************************
 * PDF printer dialog
 **********************************/
 .QPDFPrinter .pdfExportOptions
 {
  background-color: #E8F1F7;
  border:1px solid #C4DDED;
  padding: 10px;
 }
 .QPDFPrinter label
 {
  font-weight: bold;
  margin:0 3px;
 }
 .QPDFPrinter label,
 .QPDFPrinter input,
 .QPDFPrinter select
 {
  margin: 4px;
 }
 .QPDFPrinter label,
 .QPDFPrinter input
 {
  vertical-align: middle;
 }
 .QPDFPrinter input.TextBox
 {
  width: 200px;
 }
 /** Public Report PDF icon **/
 #QualtricsReport xspan.exportPDF{
  float: right;
  background: url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat scroll -48px 0 transparent;
  height: 16px;
  width: 16px;
  margin: 1px 8px 0 -2px;
 }
 #QualtricsReport span.exportPDF{
  position:absolute;
  top: 10px;
  right: 10px;
  background: url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat scroll -48px 0 transparent;
  height: 16px;
  width: 16px;
  z-index: 100;
 }

/**********************************
 * PDF preview
 **********************************/
#QPDFPrinterPreview {
  background:rgb(146,146,146);
}
 .PDFPreview .PDFPreviewPage  {
  position:relative;
  overflow:hidden;
  margin: 15px auto;
  background-color:#FFF;
  -moz-box-shadow: 0px 0px 30px #000;
  -webkit-box-shadow: 0px 0px 30px #000;
  box-shadow: 0px 0px 20px #000;
 }
 .PDFPage {
  position: relative;
 }
.PDFFooter  {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin: 0 auto;
 }
.PDFFooter  .PageNumber {
  text-align: center;
  width: 100%;
  margin: 10px;
 }
.PDFHeader  {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 100%;
 }

 .PDFPreview .Letter .Portrait {
  width: 1125px;
  height: 1500px;
 }
 .PDFPreview .Letter .Landscape {
  height: 1125px;
  width: 1500px;
 }
/**********************************
 * PDF Base
 **********************************/
.PDF {
  background-color: #ffffff;
}
 /*************************************************************************************************
 *          STATUS ICONS
 *************************************************************************************************/
.gray_status,
.yellow_status,
.blue_status,
.green_status,
.red_green_status,
.red_status {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -92px -130px;
  height:14px;
  width:14px;
}
.gray_status{
  background-position:-92px -130px;
}
.yellow_status{
  background-position:-109px -130px;
}
.blue_status{
  background-position:-109px -147px;
}
.green_status{
  background-position:-126px -130px;
}
.red_green_status {
  background-position:-126px -147px;
}
.red_status{
  background-position:-143px -130px;
}

/*******************************************************************************
*  Selectors (UserSelector, OrgSelector, etc)
*******************************************************************************/
.UserSelector
{
  position: relative;
}

.UserSelector .Initial,
.OrgSelector .Initial
{
  color: #AAA;
}

.UserSelector .Invalid,
.OrgSelector .Invalid
{
  background: #F7DCDC;
}

.UserSelector .Valid,
.OrgSelector .Valid
{
  background: #DDF7E4;
}

.UserSelector .UserSelectorResult,
.OrgSelector .OrgSelectorResult
{
  background:#FEFFBC;
  border:1px solid #FCD570;
  display:none;
  position:absolute;
  padding:5px;
  width:274px;
  color: #786435;
}

.UserSelector .Loading,
.OrgSelector .Loading
{
  position: absolute;
  left: 210px;
  top: 4px;
  display: none;
}

.UserSelector .Username {
  width: 226px;
}


/*******************************************************************************
 * Section Warning Banner Styles
 * Used to frame a warning message at the top of a section like when a user is not
 * verified, or is over quota (such as responses) Apply to a div with text inside
 ******************************************************************************/
 .SectionWarningBanner{
  background-color: #c00;
  border: 1px solid #a00;
  padding: 8px 8px;
  font-weight: bold;
  margin: 10px 10px 0px;
  color: white;
  line-height: 18px;
  zoom: 1;
 }
.SectionWarningBanner a {
  color: white;
}
.SectionWarningBanner em {
  font-weight: bold;
  font-size: 130%;
}
.Q_Window .SectionWarningBanner{
  margin: 0px 10px;
  font-size: 120%;
  text-align: center;
}

.PopUp_ItemTextRed {
   color: Red;
   padding-right: 15pt;
   padding-left: 5pt;
   font-size: 9pt;
   font-weight: bold;
   padding-top:15pt;
}


/*******************************************************************************
* inline editor
*******************************************************************************/
#pageDiv #inlineEditor,
#pageDiv .inlineEditor,
#mainContentDiv .inlineEditor
{
  background-color:#feffbc;
  position:absolute;
  border:2px solid gray;
  border-width:2px 1px 1px 2px;
  border-color:#888888 #aaaaaa #aaaaaa #888888;

  font-size:11px;
  z-index:11000;
  overflow:hidden;
}
#pageDiv .inlineEditor em
{
  font-style:italic;
}
#pageDiv #inlineEditor_FCKInput{
  /* this is the text area that doesnt do much exept serve as way to see and get the text when the fck is warming up.*/
  width:100%;
  background-color:#feffbc;
  border:none;
  height:100%;
}
.Editable{
  cursor:pointer;
}
.Editable a:hover{
  background-color:#feffbc;
}
.Block.Locked .Editable {
  cursor: default;
}
/*******************************************************************************
* File Uploader
*******************************************************************************/

.uploadGraphic input#fileField,
.uploadFile input#fileField {
  width: auto;
}
.uploadGraphic .inputContainer,
.uploadFile .inputContainer {
  background-color:#f2f2f2;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  padding:10px;
  color:#4d4d4d;
  font-weight:bold;
  height:20px;
}
.uploadGraphic .inputContainer,
.uploadFile .inputContainer input{
  margin: 0 10px;
}
.uploadGraphic.branding #previewImageContainer img.divisionBranding{
  max-width:550px;
  max-height:120px;
}
.uploadGraphic.branding h3{
  padding-left:10px;
}
.uploadGraphic.branding h3 a{
  padding-left:10px;
  font-size:12px;
}
.uploadGraphic.branding #cssUrlInputContainer{
  margin-bottom:40px;
  height:auto;
}
.uploadGraphic.branding #cssFieldWarning{
  display:block;
  padding-top:15px;
  margin-left:10px;
  color:#777;
  width:100%
}
.InsertFile .filtered {
  color: white;
  background-color: #777777;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
}

/**********************************
 * Media Popup
 **********************************/
.InsertMedia label{
  font-weight: bold;
}
.InsertMedia input{
  margin: 5px;
}
.InsertMedia .PreviewOuter{

}
.InsertMedia .VideoURL{
  width: 560px;
}
.InsertMedia .URLContainer{
  margin: 10px 0;
}
.InsertMedia .AdvancedContainer a{
  font-size:8pt;
}
.InsertMedia .PreviewContainer{
  width: 400px;
  height: 225px;
  border: 1px solid #aaaaaa;
  margin: 0 auto;
}
.InsertMedia .PreviewContainer .WaiterContainer{
  margin: 50px auto;
  width: 32px;
}
.InsertMedia .error{
  font-weight: bold;
  background-color:#cc0000;
  border: 1px solid #aa0000;
  color: #ffffff;
  font-style:normal;
}
.HideOnOverlay .qmedia
{
  display:none;
}
/*************************************************************************************************
 *         Graphic Popups
 *************************************************************************************************/
.InsertGraphic #loadingImage,
.InsertFile #loadingImage {
  background: transparent url(/static/q-generic/\~/img/ajax-loading.gif) no-repeat;
  width:220px;
  height:19px;
  margin:40px auto;
}
.InsertGraphic #Thumbnails,
.InsertFile #loadingImage {

  overflow-y:auto;
  overflow-x:hidden;
}
.InsertGraphic #Thumbnails hr,
.InsertFile #Thumbnails hr {
  border:0px;
  border-top:1px solid black;
}
.InsertGraphic .controlsContainer,
.InsertFile .controlsContainer {
  border:1px solid #cccccc;
  margin-bottom: 5px;
  background-color:#f2f2f2;
  padding:10px;
  color:#4d4d4d;
  font-weight:bold;
  height:20px;
  position:relative;
}
.InsertGraphic .controlsContainer span,
.InsertFile .controlsContainer span {
  margin-left:10px;
}
.InsertGraphic .controlsContainer #SelectorContainer,
.InsertFile .controlsContainer #SelectorContainer {
  margin-left:4px;
}
.InsertGraphic .thumbcontainer,
.InsertFile .thumbcontainer {
  width:93px;
  height:125px;
  float:left;
  text-align:center;
  padding:8px;
  cursor:pointer;
}
.InsertGraphic .innerContainer,
.InsertFile .innerContainer {
  display:block;
}
.InsertGraphic a.thumbcontainer,
.InsertFile a.thumbcontainer {
  text-decoration: none;
}
.InsertGraphic a.thumbcontainer:hover,
.InsertFile a.thumbcontainer:hover {

}
.InsertGraphic .thumbcontainer span,
.InsertFile .thumbcontainer span {
  font-size:12px;
  color:#333333;
  font-weight: bold;
  display: inline-block;
  height: 30px;
  width: 100px;
  overflow: hidden;
}
.InsertGraphic a.thumbcontainer:hover .thumbframe,
.InsertFile a.thumbcontainer:hover .thumbframe {
  border:3px solid #ddd;
}
.InsertGraphic a.thumbcontainer:active .thumbframe,
.InsertFile a.thumbcontainer:active .thumbframe {
  border:3px solid #3D72D6;
}
.InsertGraphic .thumbcontainer .thumbframe,
.InsertFile .thumbcontainer .thumbframe {
  width:70px;
  height:70px;
  padding:5px;
  border:3px solid #fff;
  margin: 0 auto;
  position: relative;
}
.InsertGraphic .thumbcontainer .thumbframe .smallBarLoadingImage,
.InsertFile .thumbcontainer .thumbframe .smallBarLoadingImage{
  position: absolute;
  top: 33px;
  left: 50%;
  margin-left: -8px;
}
.InsertGraphic .thumbcontainer .thumbframe img,
.InsertFile .thumbcontainer .thumbframe img {
  position: absolute;
  top: 5px;
  left: 5px;
}
.InsertFile .thumbcontainer .thumbframe {
  width:60px;
  height:60px;
}
.LibrarySelector .ThumbContainer .quickToolbar,
.InsertGraphic .thumbcontainer .quickToolbar,
.InsertFile .thumbcontainer .quickToolbar {
  display: none;
  position: relative;
}
.LibrarySelector  .ThumbContainer:hover .quickToolbar,
.InsertGraphic .thumbcontainer:hover .quickToolbar,
.InsertFile .thumbcontainer:hover .quickToolbar {
  display: block;
}
.LibrarySelector .ThumbContainer .quickToolbar .icon,
.InsertGraphic .thumbcontainer .quickToolbar .icon,
.InsertFile .thumbcontainer .quickToolbar .icon {
  position:absolute;
  left:10px;
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -193px -130px;
  height:16px;
  width:16px;
}
.LibrarySelector .ThumbContainer .quickToolbar .icon.copy,
.InsertGraphic .thumbcontainer .quickToolbar .icon.copy,
.InsertFile .thumbcontainer .quickToolbar .icon.copy {
 position:absolute;
  left:10px;
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -193px -130px;
  height:16px;
  width:16px;
}
.LibrarySelector .ThumbContainer .quickToolbar .icon.edit,
.InsertGraphic .thumbcontainer .quickToolbar .icon.edit,
.InsertFile .thumbcontainer .quickToolbar .icon.edit {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -193px -97px;
  height:16px;
  width:16px;
  left:40px;
}
.InsertGraphic .categorytitle,
.InsertFile .categorytitle {
  clear:both;
  font-size:10pt;
  font-weight:bold;
  border-bottom:1px solid #777777;
  background:#CCCCCC url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x scroll 0px -395px;
  color:white;
  padding: 7px;
  zoom:1;
}
.InsertGraphic .category,
.InsertFile .category {
  float:left;
  line-height:22px;
  margin-right:5px;
}
.InsertGraphic .categorycontainer,
.InsertFile .categorycontainer {
  margin: 5px 0;
}
.InsertGraphic .EmptyLibraryMessage,
.InsertFile .EmptyLibraryMessage {
  text-align:center;
  font-weight: bold;
  font-size: 12pt;
  padding:60px;
}
.InsertGraphic .uploadButton,
.InsertFile .uploadButton,
.InsertFile .uploadButton:active {
  position:absolute;
  right: 3px;
  top: 3px;
}
#uploadGraphic {
  padding: 15px;

}
.uploadGraphic #FileUploaderForm,
.uploadFile #FileUploaderForm {
  margin: 10px 0;
  min-width:750px;
}
#FileUploaderForm div input{
  margin-left:5px;
}
.uploadGraphic .inputTableContainer,
.uploadFile .inputTableContainer {
  padding:10px;
  margin: 10px 0;
}
.uploadFile .fileInfoContainer {
  margin: 0 0 10px 0;
  padding: 0 10px 10px 10px;
  text-align: center;
}
.uploadGraphic .inputContainer,
.uploadFile .inputContainer {
  height:30px;

}
.uploadGraphic .PopUp,
.uploadFile .PopUp {
  zoom: 1;
}

.uploadGraphic .inputTable,
.uploadFile .inputTable,
.uploadFile .fileInfo {
  color:#4d4d4d;
  font-weight:bold;
}
.uploadFile .fileInfo {
  margin-left:auto;
  margin-right:auto;
}
.uploadGraphic .inputTable td,
.uploadFile .inputTable td,
.uploadFile .fileInfo td {
  padding:5px;
}
.uploadGraphic .inputTable td.left,
.uploadFile .inputTable td.left,
.uploadFile .fileInfo td.left {
  text-align:right;
}
.uploadGraphic .inputTable td.right,
.uploadFile .inputTable td.right,
.uploadFile .fileInfo td.right {
  text-align:left;
}
.uploadGraphic .inputTable td .qbutton,
.uploadFile .inputTable td .qbutton,
.uploadFile .fileInfo td .qbutton {
  float:none;
  margin-left:10px;
}
.uploadGraphic .orSpan {
  color: #aaaaaa;
  margin: 0 5px;
}
.uploadGraphic #urlField {
  width: 296px;
}
.uploadGraphic #cssUrlField {
  width: 550px;
}
.uploadGraphic #descriptionField,
.uploadFile #descriptionField {
  width: 300px;
  margin-left:0px;
}
.uploadGraphic #categoryInputRow td div,
.uploadFile #categoryInputRow td div {
  position:relative;
  zoom:1;
}
.uploadGraphic #categoryField,
.uploadFile #categoryField {
  margin-left:0px;
  width: 282px;
}
.uploadGraphic #loadingImage,
.uploadFile #loadingImage {
  background: transparent url(/static/q-generic/\~/img/ajax-loading.gif) no-repeat;
  width:220px;
  height:19px;
  margin:40px auto;
}
.uploadGraphic #loadingError,
.uploadFile #loadingError {
  background-color:#CC0000;
  color:#FFFFFF;
  font-weight:bold;
  margin: 5px auto;
  padding: 4px;
  width: 26em;
}
.uploadGraphic #FileUploaderForm span,
.uploadFile #FileUploaderForm span {
  width:50px;
}

.uploadGraphic #imageContainer,
.uploadFile #fileContainer {
  text-align:center;
  min-height: 50px;
  position: relative;
}
.uploadGraphic .cropable #previewImageContainer{
  position: relative;
}
.uploadGraphic .cropable #previewImageContainer img {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
}
.uploadGraphic .cropable #previewImageContainer .overlay {
  background: #FFFFFF;
  bottom: 0;
  display: block;
  left: 0;
  opacity: 0.8;
  filter:alpha(opacity=80);
  position: absolute;
  right: 0;
  top: 0;
}

.uploadGraphic .cropable #previewImageContainer .box{
  border: solid 1px;
  height: 200px;
  width: 200px;
  position: absolute;
  z-index: 999;
  background:url(/static/q-generic/~/img/Spacer.gif);
}
.uploadGraphic .cropable #previewImageContainer .box .handle{
  height: 6px;
  width: 6px;
  background: #FFFFFF;
  border: 1px solid;
  position: absolute;
  z-index: 999;
}
.uploadGraphic .cropable #previewImageContainer .box .handle.topLeft{
  top: -3px;
  left: -3px;
}
.uploadGraphic .cropable #previewImageContainer .box .handle.topRight{
  top: -3px;
  right: -3px;
}
.uploadGraphic .cropable #previewImageContainer .box .handle.bottomLeft{
  bottom: -3px;
  left: -3px;
}
.uploadGraphic .cropable #previewImageContainer .box .handle.bottomRight{
  bottom: -3px;
  right: -3px;
}
.uploadGraphic .cropable .orSpan,
.uploadGraphic .cropable .toggleLink{
  display: none;
}
.uploadGraphic #sizeInputs input
{
  width:50px;
}
.uploadGraphic #sizeInputs #heightSpan
{
  margin:0 10px;
}
.uploadFile #previewFileContainer {
  width: 700px; /* IE8 Compat mode seems to require this*/
}

/******************************************************************************
* new library manager
******************************************************************************/
.LibraryManager {

}
.LibraryManager .ControlsContainer {
  border:1px solid #cccccc;
  margin-bottom: 5px;
  background-color:#f2f2f2;
  padding:10px;
  color:#4d4d4d;
  font-weight:bold;
  height:20px;
  position:relative;
}
.LibraryManager .ControlsContainer span {
  margin-left:10px;
}
.LibraryManager .ControlsContainer #SelectorContainer {
  margin-left:4px;
}
#InsertGraphic .LibraryManager .UploadButton {
  position:absolute;
  right: 3px;
  top: 3px;
}
.LibraryManager .candyBarLoadingImage{
  margin: 20px auto;
  position: inherit;
}
.LibraryManager .searchInput {
  padding-left: 5px;
}
.LibraryManager .DropOver {
  background-color:#FFFFC7;
}
.IE .LibraryManager .DropPlaceholder {
  display: none;
}
.LibraryManager .DropPlaceholder {
    float: left;
    height: 70px;
    margin: 9px 12px;
    padding: 5px;
    width: 70px;
  line-height: 70px;
  text-align: center;
  border: 1px dashed #DDD;
}
.LibraryManager .DropPlaceholder .DropMessage {
  color: #DDD;
  text-align: center;
}
.LibraryManager .DropOver .DropPlaceholder {
  border: 3px dashed #999;
}
.LibraryManager .DropWait {
  border: none;
}
.LibraryManager .DropOver .DropPlaceholder .DropMessage {
  display:none;
}

.LibraryManager .CategoryTitle {
  clear:both;
  font-size:10pt;
  font-weight:bold;
  border-bottom:1px solid #777777;
  background:#CCCCCC url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x scroll 0px -395px;
  color:white;
  padding: 7px;
  zoom:1;
}
.LibraryManager .ThumbContainer {
  width:93px;
  height:125px;
  float:left;
  text-align:center;
  padding:8px 8px 15px;
  cursor:pointer;
  text-decoration: none;
}
.LibraryManager .ThumbContainer span {
  font-size:12px;
  color:#333333;
  font-weight: bold;
  display: inline-block;
  height: 30px;
  width: 100px;
  overflow: hidden;
}
.LibraryManager .ThumbContainer:hover .ThumbFrame {
  border:3px solid #ddd;
}
.LibraryManager .ThumbContainer:active .ThumbFrame {
  border:3px solid #3D72D6;
}
.LibraryManager .ThumbContainer .ThumbFrame {
  width:70px;
  height:70px;
  padding:5px;
  border:3px solid #fff;
  margin: 0 auto;
  position: relative;
}
.LibraryManager .ThumbContainer .ThumbFrame .smallBarLoadingImage{
  position: absolute;
  top: 33px;
  left: 50%;
  margin-left: -8px;
}
.LibraryManager .ThumbContainer .ThumbFrame img {
  position: absolute;
  top: 5px;
  left: 5px;
}
.LibraryManager .ThumbContainer .QuickToolbar {
  display: none;
  position: relative;
}
.LibraryManager .ThumbContainer:hover .QuickToolbar {
  display: block;
}
.LibraryManager .ThumbContainer .QuickToolbar .icon {
  vertical-align:middle;
  margin:0 3px;
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -193px -130px;
  height:16px;
  width:16px;
}
.LibraryManager .ThumbContainer .QuickToolbar .icon.copy {
  background:url('/static/q-generic/~/img/editwidgets.png') no-repeat -58px -0px;
  height:20px;
  width:20px;
}
.LibraryManager .ThumbContainer .QuickToolbar .icon.edit {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -193px -97px;
  height:16px;
  width:16px;
}
.LibraryManagerCopyDialog table {
  padding: 5px;
  float: left;
  margin: 10px;
}
.LibraryManagerCopyDialog td {
  padding: 5px;
}
.LibraryManagerCopyDialog .label {
  font-weight: bold;
  font-size: 10pt;
  text-align: right;
  width: 150px;
}
.LibraryManagerCopyDialog .ThumbnailContainer {
  float: left;
  margin: 10px;
  padding: 5px;
}
/**********************************
 * ColorPicker
 **********************************/
 .ColorPickerSwatch {
  height: 20px;
  width: 20px;
  cursor: pointer;
    display:block;
  position:relative;
 }
 .TransparentSwatch {
  height: 19px;
  width: 19px;
  cursor: pointer;
  top: 213px;
  left: 175px;
  border: 1px solid #000000;
  position: absolute;
  background: #ffffff url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat -96px -20px;
 }
 .ExtendedColorPicker .ImageSelectIcon {
  width: 19px;
  height: 19px;
  background: #ffffff url(/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png) no-repeat -292px -21px;
  left: 153px;
  position: absolute;
  top: 213px;
  border: 1px solid #000000;
  cursor: pointer;
 }
 .ColorPickerSwatch .inner{
  display:block;
  margin:1px;
  height: 18px;
  width: 18px;
  border: 1px solid #000000;
 }
 .ColorPickerContainer{
  border: 1px solid black;
    background:#fff;
    background-color:RGBA(34,34,34,0.8);
    padding:5px;
    position:absolute;
    overflow:hidden;
  width:244px;
  height:230px;
 }
 .ColorPickerContainer .satVal{
  position:relative;
  width:200px;
  height:200px;
    float:left;
    margin:1px;
 }
 .ColorPickerContainer .crossHairs{
  position:absolute;
  width: 22px;
  height: 22px;
 }
 .ColorPickerContainer .hue{
  position:relative;
    float:left;
    margin:1px 1px 1px 6px;
  width:35px;
  height:200px;
 }
 .ColorPickerContainer .huePosition{
  position:absolute;
  width:35px;
  height:11px;
 }
 .ColorPickerContainer .hueSelector{
  display:block;
  width:35px;
  height:200px;
 }
 .ColorPickerContainer .preview{
  height:20px;
  width:80px;
  position:relative;
    float:left;
    clear:left;
  border:1px solid black;
    margin-top:5px;
 }
 .ColorPickerContainer .hexInput{
  position:relative;
  width:70px;
  float:left;
    margin: 5px 0 0 5px;
    border-color:black;
 }
 .ColorPickerContainer .OKButton{
  position: relative;
  height: 10px;
  line-height: 10px;
    float:right;
    margin: 5px 0 0;
    padding:5px 9px;

 }
/****************************
*
* Multi Color Picker
*
*****************************/
.MultiColorPicker .MCPContainer {
    width:194px;
}
.MultiColorPicker .MCPCGButton {
  display: block;
  position: absolute;
  top:-1px;
  right: -26px;
  width: 24px;
  height: 28px;
  border: 1px solid #AAA;
  border-left: none;
  background:#FFF url(/static/q-generic/~/img/x_backgrounds.gif) repeat-x 0 -43px;
}
.MultiColorPicker .MCPCGButton b{
  top: 14px;
  border: 4px solid transparent;
  border-top-color: #333;
}
.BigFields div label {
  display: block;
  float: left;
  width: 120px;
  padding-right: 10px;
  font-weight: bold;
  color:#666;
  text-align: right;
  font-size: 16px;
  line-height: 30px;
}
.BigFields .Q_Window > div > div,
.BigFields .Q_Window Form > div > div {
  overflow: hidden;
  padding: 5px;
}
.BigFields .Q_Window .QComboBox {
  padding:0;
}
.BigFields .Q_Window .QComboBox .ComboBoxButton {
  border-color: #999999;
}
.BigFields .QComboBox input {
  margin-top:0;
}
.BigFields div input,
.BigFields div p.ColorSet {
  display: block;
  float: left;
  width: 200px;
  height: 20px;
  font-size: 14px;
  color: #333;
}
.BigFields div input.AutoClearMessage {
  color: #999;
  width: 220px;
}
.BigFields div p.ColorSet {
  height: 26px;
    width: 204px;
    margin: 0;
}
.BigFields .SelectMenuButton {
  float: left;
}
.BigFields div.Warning {
  background: #A00;
    border: 1px solid #800;
    color: white;
    font-size: 14px;
    margin-top: 3px;
    text-align: center;
}
.WebsiteColorLoader div label{
  width: 160px;
}
.WebsiteColorLoader .QSpinner a {
  margin: 6px;
}
.WebsiteColorLoader .QSpinner input {
  width: 50px;
}
div#QMenu.CGLibrarySelect {
  z-index: 2100000;
}
.WebsiteColorLoader div div div.QSpinner {
  padding: 0;
}
/*****************************
* Color Library Manager
******************************/
.ColorLibraryManager .Q_Window {
  padding:0;
  overflow: hidden;
  background-color: #E6E6E6;
}
.ColorLibraryManager .CLibrarySelectBox {
  position: absolute;
    top: 14px;
    right: 12px;
    overflow: hidden;
    padding: 6px;
}
.ColorLibraryManager .CLibrarySelectBox > strong {
  float:left;
  color: #666;
  font-size: 16px;
  padding:5px 10px;
}
.SelectMenuButton.CLibrarySelector .HighlightTop {
  filter:alpha(opacity=50);
  opacity:.5;
}
a.menuButton.CLibrarySelector b b b {
  background:transparent url(/static/q-generic/~/img/dropdownarrowwhite.gif) no-repeat right center;
  font-weight:bold;
}
.ColorLibraryManager .CControl {
  position: relative;
  float:left;
  overflow: hidden;
  height: 450px;
}
.CCList {
  position: relative;
  float: left;
  height: 100%;
  border-right: 1px solid #CCC;
  background-color:#FFF;
}
.CLCList {
  width: 205px;
}
.CGCList {
  width:236px;
}
.CCList ul {
  max-height: 425px;
  overflow: auto;
  width: 100%;
}
.CCList ul, .CCList li {
  position: relative;
  display: block;
}
.CCList li {
  padding: 10px 35px 10px 10px;
  color: #333;
  border-bottom:1px solid #CCC;
  cursor: pointer;
}
.CCList li:after {
  content: '.';
  clear:both;
  display: block;
  height: 0;
  overflow: hidden;
}
.CCList li > span {
  display: block;
  width: 160px;
    white-space: nowrap;
    overflow: hidden;
  text-overflow: ellipsis;
}
.CCList li a {
  display:none;
  position: absolute;
  top:0;
  right: 0;
  width: 25px;
  height: 100%;
  border:1px solid #213F77;
  border-top:none;
  background-color:#305BAB;
}
.CCList li a b {
  position: relative;
  display: block;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #FFF;
  top: 20px;
  left: 8px;
}
.CLCList li a b {
  top: 32px;
}
.CCList li:hover a,
.CCList li.Hover a,
.CCList li.Selected a {
  display: block;
}
.CCList li.Hover,
.CCList li:hover {
  color: #FFF;
  background-color: #3D72D6;
  border-bottom-color: #213F77;
}
.CCList li.Selected {
  background-color:#e6e6e6;
  color: #333;
  border-bottom-color: #CCC;
}
.CCList li.Selected a {
  border-color: #999;
  background-color:#b3b3b3;
}
p.ColorSet {
  position: relative;
  height: 20px;
  min-width: 20px;
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
  border: 1px solid #FFF;
  margin: 5px 0;
  border-radius: 2px;
}
p.ColorSet div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.75);
}
p.ColorSet span {
  display: inline-block;
  height: 100%;
}
#QMenu li.MCPColorSet a.MenuItemLink {
  padding:8px;
}
.MCPColorSet span.icon {
  display: none;
}
.CLCList li p {
  width: 140px;
}
.CCList > a {
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  padding: 2px;
  height: 25px;
  text-decoration: none;
}
.CCList > a > * {
  display: block;
  float: left;
  line-height: 26px;
}
.CCList > a strong {
  font-weight: bold;
  padding: 0 10px;
  font-size: 18px;
}
.CCList > a .Highlight {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #FFF;
  opacity: .3;
  filter: alpha(opacity=30);
}
.CCList > a > b {
  position: absolute;
  width: 25px;
  right: -1px;
  top: 0;
  bottom: 0;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}
.CCList > a > b .Highlight {
  width: 1px;
  height: 100%;
}
.CCList > a > b b {
  position: relative;
  display: block;
  width: 0;
  top: 11px;
  left: 8px;
  border: 4px solid transparent;
  border-top-color: #FFF;
}
.SelectMenuButton.CLibrarySelector > b > b,
.CLCList > a {
  background: #8E8E8E; /* old browsers */
  background: -moz-linear-gradient(top, #B3B3B3 0%, #8E8E8E 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B3B3B3), color-stop(100%,#8E8E8E)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B3B3B3', endColorstr='#8E8E8E',GradientType=0 ); /* ie */
  color: #FFF;
  text-shadow: 0 -1px #666;
  border-top: 1px solid #999;
}
.CGCList > a {
  background: #CCC; /* old browsers */
  background: -moz-linear-gradient(top, #EEE 0%, #CCC 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#CCC)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#CCCCCC',GradientType=0 ); /* ie */
  color: #4D4D4D;
  text-shadow: 0 1px #FFF;
  border-top: 1px solid #AAA;
}
.CGCList > a > b {
  border-color:#AAA;
}
.CGCList > a > b b {
  border-top-color: #4D4D4D;
}
.CGCList > a .Highlight {
  opacity: .5;
  filter: alpha(opacity=50);
}
.CGCList .TitleBox {
  background-color: #F6F6F6;
    border-bottom: 1px solid #CCC;
    padding: 12px;
}
.CGCList .TitleBox input {
  border: 1px solid #ADADAD;
  padding: 5px;
  font-size:14px;
  color: #555;
  width: 200px;
}
.CGCList li p {
  display: block;
  float: left;
  margin: 0;
}
.CGCList li > span {
  float: left;
  line-height: 22px;
  padding: 0 10px;
  width: 80px;
}
.CGCList ul {
  max-height: 370px;
}
.CControl .ColorPickerContainer {
  position: relative;
  background-color: transparent;
  padding: 14px;
  border:none;
  height:auto;
  width:auto;
}
.CControl .ColorPickerContainer .preview,
.CControl .ColorPickerContainer .hueSelector,
.CControl .ColorPickerContainer .satVal img {
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
  border:1px solid #FFF;
}
.CControl .ColorPickerContainer .preview div {
  position: absolute;
  top:0;
  right:0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.75);
}
.CControl .ColorPickerContainer .satVal img.crossHairs {
  box-shadow: none;
  border: none;
}
.CControl .ColorPickerContainer .hueSelector {
  position: relative;
  top: -1px;
  left: -1px;
}
.CControl .ColorPickerContainer .hue {
  position: relative;
  top: 1px;
  left: 5px;
}
.CControl .ColorPickerContainer > * {
  margin: 8px;
}
.CControl .ColorPickerContainer .OKButton {
  display: none;
}
.CControl .ColorPickerContainer input,
.CControl .ColorPickerContainer .preview {
  width: 88px;
}
.CControl .ColorPickerContainer input {
  position: relative;
  top: -1px;
  padding: 4px;
  border-color: #ccc;
  color: #333;
}
.CCList .GuidingText {
  position: relative;
  top: 155px;
    width: 175px;
    margin:0px auto;
    padding: 20px;
  color: #3D72D6;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}
.CGCList .GuidingText {
  top: 105px;
}
.CCList .GuidingText span {
  display: block;
  font-size: 200%;
}
.CCList .GuidingText span:after {
  content: "\0021E3"; /* "\002193" */
}

/*****************************
*
* QSlider
*
******************************/

.QSlider{
  position:relative;
    text-decoration:none;
  display:inline-block;
}
.QSlider:hover{
  opacity:1;
  filter:alpha(opacity=100);
}
.QSlider .handle,
.QSlider .track{
  display:block;
    height:16px;
    background: url(/static/q-generic/\~/img/slidersprites.png) repeat-x 0px -67px;
}
.QSlider .trackHolder{
  position:relative;
    float:left;
}
.QSlider.slider.vertical .track {
  background:url("/static/q-generic/~/img/sliderspritesvertical.png") repeat-y scroll 14px 0 transparent;
  height:200px;
  position:relative;
  width:34px;
  height:100%;
}
.QSlider.slider .handle{
  overflow:hidden;
    background-repeat:no-repeat;
    background-position: -20px 0;
    padding: 0;
    margin-left:-6px;
    width:13px;
  cursor:grab;
  cursor:-moz-grab;
  cursor:url(/static/q-generic/~/img/openhand.cur), default;

  position:absolute !important;
  top:1px;
  height: 13px;
  background-image:none;
  background: linear-gradient(center top, #9DC4FD 0%, #9DC4FD 40%, #79ACFC 60%, #658FD1 100%);
  background: -o-linear-gradient(center top, #9DC4FD 0%, #9DC4FD 40%, #79ACFC 60%, #658FD1 100%);
  background: -moz-linear-gradient(center top, #9DC4FD 0%, #9DC4FD 40%, #79ACFC 60%, #658FD1 100%);
  background: -webkit-gradient(linear,center top,center bottom,color-stop(0, #79ACFC),color-stop(.4, #79ACFC),color-stop(.6, #79ACFC),color-stop(1, #658FD1));
  background: -ms-linear-gradient(center top,  #9DC4FD 0%, #9DC4FD 40%, #79ACFC 60%, #658FD1 100%);
  background-color:#6F9DE6;
  border:1px solid #5173A5;
  border-top-color:#658FD1;
  border-radius: 8px;
  box-shadow:0 1px 1px rgba(0,0,0,0.2);
}
a.QSlider.slider:active .handle{
    cursor:-moz-grabbing;
  cursor:url(/static/q-generic/~/img/closedhand.cur), default;
}
.QSlider.slider.vertical .handle{
  position:absolute;
  background:url("/static/q-generic/~/img/sliderspritesvertical.png") repeat scroll -22px 0 transparent;
  height:10px;
  width:34px;
  display:block;
}
.QSlider.slider.vertical:hover .track .handle{
  background-position: -22px 10px;
}
.QSlider.vertical .ticks {
  position:relative;
  background:url(/static/q-generic/~/img/rulerTicksVertical.gif) 8px 0 repeat-y;
}
.QSlider .trackHolder .track .highlight {
  position:absolute;
  left:0;
  top:6px;
  width:0;
  height:5px;
  background:#79ACFD;
  border-bottom:1px solid #6D9AE2;
}
.QSlider .trackHolder .track .highlight b {
  display:block;
  position:absolute;
  top:1px;
  left:0;
  right:0;
  height:1px;
  background:#9DC4FD;
}
.QSlider input {
  width: 30px;
  margin-left: 15px;
}

.QSlider .incButton {
  display:block;
  background:transparent url("/static/q-generic/~/img/sliderspritesvertical.png") no-repeat;
  width:17px;
  height:17px;
  cursor:pointer;
}
.QSlider.vertical .incButton {
  position:relative;
  left: 10px;
    float:left;
    clear:both;
    padding:0;
}
.QSlider.vertical .trackHolder {
    clear:both;
}
.QSlider.slider.vertical .handle{
    padding:0;
}
.QSlider .increment {
  background-position: -75px -1px;
}
.QSlider:hover .increment {
  background-position: -111px -1px;
}
.QSlider .decrement {
  background-position: -57px -1px;
}
.QSlider:hover .decrement {
  background-position: -93px -1px;
}
.QSlider span {
    padding-left:15px;
    font-weight:bold;
    color:#333;
}
/*****************************
*
* QSpinner
*
******************************/
.QSpinner .RoundedMinus,
.QSpinner .RoundedPlus{
  float:left;
  background:url('/static/q-generic/~/img/editwidgets.png') no-repeat 0px -111px;
  height:16px;
  width:16px;
  text-indent:-99999px;
  margin:4px;
  cursor:pointer;
}
.QSpinner .RoundedPlus{
  background-position:-20px -111px;
}


/*****************************
*
* Menus
*
******************************/
.Close {
  background:transparent url('/static/q-generic/.blob/4d6d48599a05dee86a103f4bc6a763a6f70efcfd_widgets.png') no-repeat -188px -77px;
  height:17px;
  width:23px;
  margin:2px 2px 0 0;
  cursor:pointer;
}

/**************************************
* progress bar
**************************************/
.QProgressBarInner {
  border: 1px solid #eeeeee;
  float: left;
  width: 90%;
  margin-bottom: 5px;
}
.QProgressBarOuter {
  width: 400px;
  line-height: 10px;
  color: #AAAAAA;
}
.QProgressBar {
  background-color: #cc0000;
  height: 10px;
  display:block;
}
.QProgressBarValue {
  float:right;
}
.QRemainingTime {
  text-align:center;
}

#QHiddenHelper {
  position:relative; /*IE7 needs this or overflow hidden will be visible*/
    overflow:hidden;
    width:100%; /*we can actually get correct sizes with width 100%*/
    height:0px;
}
/*float every immediate decendant to the left to get an accurate size*/
#QHiddenHelper > * {
    float:left;
  position:relative !important;
}
/********************************
 * Floating Editor Styles
 ********************************/

.FloatingEditor .cke_skin_qualtrics .cke_wrapper,
.FloatingEditor .cke_skin_qualtrics {
  display: inline;

}
.FloatingEditor .cke_skin_qualtrics .cke_editor {
  width: auto;

}
.FloatingEditor .cke_skin_qualtrics .cke_contents {
  border: none;

}
.FloatingEditor .cke_skin_qualtrics .cke_contents iframe {
  position: absolute;
  overflow: hidden;
  border: 1px solid #777777;
  -moz-box-shadow: 0 0 2px 2px #777;
  -webkit-box-shadow: 0 0 2px 2px #777;
  box-shadow: 0 0 2px 2px #777;
  padding:  10px;
  background-color:#ffffff

}
.FloatingEditor .cke_skin_qualtrics .cke_toolbox {
  -moz-box-shadow: 0 0 2px 2px #777;
  -webkit-box-shadow: 0 0 2px 2px #777;
  box-shadow: 0 0 2px 2px #777;
  background-color:#e6ecf5;
  position: absolute;
  border: 1px solid #777777;
}
.CSS3 .FloatingEditor .cke_contents iframe{
  border:none;
}
.CSS3 .FloatingEditor .cke_toolbox{
  border:none;
}
.FloatingEditor .cke_skin_qualtrics .cke_bottom {
  display: none;

}

.FloatingEditor .cke_contents textarea, .FloatingEditor .cke_contents iframe {
  display: none;
}
/**
* piped text
*/

#QMenu.PipedTextMenu ul.QMenuList li,
#QMenu .PipedTextMenu ul.QMenuList li,
#QMenu .QSubMenu .TextEntryValidationMenu #TextEntryForceResponse {
  /* dont worry about how weird this looks. It needs both to work as a submenu without resorting to an important flag*/
  border-bottom:1px solid #ccc;
}
#QMenu.PipedTextMenu .PipedTextRoot span.icon{
  background:url(/static/q-generic/~/img/pipingsprites.png) no-repeat -6px -26px;
  height:19px !important;
  width:18px !important;
}
#QMenu.PipedTextMenu .PipedTextRoot li a{
  line-height:18px !important;
}
#pageDiv #QMenu.PipedTextMenu .OverflowWrapper .PipedTextRoot li{
  border-width:1px;
  border-color:#999 #666 #666 #999 !important;
  border-style:solid;
  background:#f5f5f5;
  margin:3px;
}
#QMenu .PipedTextRoot ul li.HasSubMenu .ArrowIcon,
#QMenu .PipedTextRoot ul.HasActiveSubMenu li.HasSubMenu:hover .ArrowIcon{
  background-color:transparent;
}
.PipedTextRoot div.QuestionsMenu li a{
  white-space:normal;
}
.PipedTextRoot div.WebServiceMenu,
.PipedTextRoot div.EmbeddedDataMenu,
.PipedTextRoot div.CustomSurveyLinkMenu,
.PipedTextRoot div.CustomOptOutLinkMenu {
  white-space:nowrap;
  padding:5px;
}
.PipedTextRoot div.TicketDataMenu {
  white-space:nowrap;
  padding:5px;
}
.PipedTextRoot div.WebServiceMenu input,
.PipedTextRoot div.EmbeddedDataMenu input,
.PipedTextRoot div.CustomSurveyLinkMenu input,
.PipedTextRoot div.CustomOptOutLinkMenu input {
  width:20em;
  font-size:15px;
  padding:4px;
  margin-top:-1px;
}
.PipedTextRoot div.TicketDataMenu input {
  width:20em;
  font-size:15px;
  padding:4px;
  margin-top:-1px;
}

.PipedTextRoot div.WebServiceMenu {
  width: 36em;
}
.PipedTextRoot div.WebServiceMenu input {
  float: left;
  display: inline-block;
  width: 28em;
}
.PipedTextRoot div.WebServiceMenu .menuButton {
  float: left;
  display: inline-block;
  margin: -1px 4px;
}
#QMenu .WebServiceFieldExample {
  font-style: italic;
  color: #777777;
  margin-left: 40px;
  width: 300px;
  padding-right: 60px;
  white-space:normal;
}
#QMenu ul li a.MenuItemLink:hover .WebServiceFieldExample,
#QMenu ul li a.MenuItemLink.SelectionFlash:hover .WebServiceFieldExample,
#QMenu ul.HasActiveSubMenu li a.MenuItemLink:hover .WebServiceFieldExample,
#QMenu ul.ArrowSelectMode li a.MenuItemLink:hover .WebServiceFieldExample,
#QMenu ul.ArrowSelectMode li.ArrowSelected a.MenuItemLink.SelectionFlash .WebServiceFieldExample {
  color: #ffffff;
}

#QMenu .PipedTextRoot #PipedTextThreeSixty span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextThreeSixty a:hover span.icon{
  background-position:-6px -48px;
}

#QMenu .PipedTextRoot li#PipedTextThreeSixty.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextThreeSixty a:hover .icon,
#QMenu .PipedTextRoot li#PipedTextThreeSixty.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.PipedTextThreeSixty li#PipedTextGeoIP.ArrowSelected a .icon{
  background-position:-35px -48px;
}

#QMenu .PipedTextRoot #PipedTextLoopAndMerge span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextLoopAndMerge a:hover span.icon{
  background-position:-6px -4px;
}
#QMenu .PipedTextRoot li#PipedTextLoopAndMerge.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextLoopAndMerge a:hover .icon,
#QMenu .PipedTextRoot li#PipedTextLoopAndMerge.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextLoopAndMerge.ArrowSelected a .icon{
  background-position:-35px -4px;
}

#QMenu .PipedTextRoot #PipedTextQuota span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextQuota a:hover span.icon{
  background-position:-6px -24px;
}
#QMenu .PipedTextRoot li#PipedTextQuota.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextQuota a:hover .icon,
#QMenu .PipedTextRoot li#PipedTextQuota.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextQuota.ArrowSelected a .icon{
  background-position:-35px -24px;
}
#QMenu .PipedTextRoot #PipedTextDate span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextDate a:hover span.icon{
  background-position: -2px -264px;
    margin: 0 2px 0 0;
    width: 26px !important;
}
#QMenu .PipedTextRoot li#PipedTextDate.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextDate a:hover .icon,
#QMenu .PipedTextRoot li#PipedTextDate.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextDate.ArrowSelected a .icon{
  background-position: -30px -264px;
}
#QMenu .PipedTextRoot #PipedTextSurveyQuestion span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextSurveyQuestion a:hover span.icon{
  background-position:-6px -114px;
}
#QMenu .PipedTextRoot li#PipedTextSurveyQuestion.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextSurveyQuestion a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextSurveyQuestion.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextSurveyQuestion.ArrowSelected a .icon{
  background-position:-35px -114px;
}
#QMenu .PipedTextRoot #PipedTextPanelField span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextPanelField a:hover span.icon{
  background-position:-6px -48px;
}

#QMenu .PipedTextRoot li#PipedTextPanelField.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextPanelField a:hover .icon,
#QMenu .PipedTextRoot li#PipedTextPanelField.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextPanelField.ArrowSelected a .icon{
  background-position:-35px -48px;
}

#QMenu .PipedTextRoot #PipedTextGeoIP span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextGeoIP a:hover span.icon{
  background-position:-5px -243px;
}

#QMenu .PipedTextRoot li#PipedTextGeoIP.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextGeoIP a:hover .icon,
#QMenu .PipedTextRoot li#PipedTextGeoIP.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextGeoIP.ArrowSelected a .icon{
  background-position:-33px -243px;
}

#QMenu .PipedTextRoot #PipedTextEmbeddedData span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextEmbeddedData a:hover span.icon{
  background-position:-6px -71px;
}
#QMenu .PipedTextRoot li#PipedTextEmbeddedData.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextEmbeddedData a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextEmbeddedData.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextEmbeddedData.ArrowSelected a .icon{
  background-position:-35px -71px;
}

#QMenu .PipedTextRoot #PipedTextResponseId span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextResponseId a:hover span.icon{

  background-position:-6px -90px;
}
#QMenu .PipedTextRoot li#PipedTextResponseId.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextResponseId a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextResponseId.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextResponseId.ArrowSelected a .icon{
  background-position:-35px -90px;
}
#QMenu .PipedTextRoot #PipedTextScoring span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextScoring a:hover span.icon{
  background-position:-6px -26px;
}
#QMenu .PipedTextRoot li#PipedTextScoring.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextScoring a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextScoring.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextScoring.ArrowSelected a .icon{
  background-position:-35px -26px;
}

#QMenu .PipedTextRoot #PipedTextSurveyLinks span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextSurveyLinks a:hover span.icon{
  background-position:-6px -26px;
}
#QMenu .PipedTextRoot li#PipedTextSurveyLinks.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextSurveyLinks a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextSurveyLinks.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextSurveyLinks.ArrowSelected a .icon{
  background-position:-35px -26px;
}
#QMenu .PipedTextRoot #PipedTextWebService span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextWebService a:hover span.icon{
  background-position:-6px -137px;
}
#QMenu .PipedTextRoot li#PipedTextWebService.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextWebService a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextWebService.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextWebService.ArrowSelected a .icon{
  background-position:-35px -137px;
}
#QMenu .PipedTextRoot #PipedTextJS span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextJS a:hover span.icon{
  background-position:-6px -200px;
}
#QMenu .PipedTextRoot li#PipedTextJS.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextJS a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextJS.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextJS.ArrowSelected a .icon{
  background-position:-35px -200px;
}
#QMenu .PipedTextRoot #PipedTextHTML span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextHTML a:hover span.icon{
  background-position:-6px -181px;
}
#QMenu .PipedTextRoot li#PipedTextHTML.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextHTML a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextHTML.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextHTML.ArrowSelected a .icon{
  background-position:-35px -181px;
}
#QMenu .PipedTextRoot #PipedTextCookie span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextCookie a:hover span.icon{
  background-position:-6px -221px;
}
#QMenu .PipedTextRoot li#PipedTextCookie.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextCookie a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextCookie.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextCookie.ArrowSelected a .icon{
  background-position:-35px -221px;
}
#QMenu .PipedTextRoot #PipedTextURL span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextURL a:hover span.icon{
  background-position:-6px -161px;
}
#QMenu .PipedTextRoot li#PipedTextURL.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextURL a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextURL.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextURL.ArrowSelected a .icon{
  background-position:-35px -161px;
}
#QMenu .PipedTextRoot #PipedTextLoginInfo span.icon,
#QMenu ul.HasActiveSubMenu li#PipedTextLoginInfo a:hover span.icon{
  background-position:-5px -288px;
}
#QMenu .PipedTextRoot li#PipedTextLoginInfo.ActiveSubMenu .icon,
#QMenu .PipedTextRoot li#PipedTextLoginInfo a:hover .icon,
#QMenu ul.PipedTextRoot li#PipedTextLoginInfo.ActiveSubMenu:hover .icon,
#QMenu .PipedTextRoot ul.ArrowSelectMode li#PipedTextLoginInfo.ArrowSelected a .icon{
  background-position:-34px -288px;
}

/* ie6 browser notice */
.BrowserWarning{
  background-color:#4d4d4d;
  color:#ffffff;
  width:720px;
  margin:10px;
}
.BrowserWarning .Message {
  overflow: hidden;
}
.BrowserCountdown {
  font-size: 16pt;
  margin: 15px 0;
}
.BrowserCountdown span.days{
  font-size: 20pt;
  font-weight: bold;

}
div.BrowserWarning li{
  float: left;
  margin: 10px 10px 0px;
}
div.BrowserWarning div.BottomRight{
  padding:10px;
}
.BrowserWarning .Close{
  background:transparent url(/static/q-generic/~/img/IconDeleteGrayDarkBg.png) no-repeat scroll left top;
  float:right;
  width:16px;
  height:16px;
  margin-top:-5px;
  margin-right:-3px; /* this gets set to 6px by the ie6 double margin bug, but we are only showing this to ie6 users so its ok.  */
}

.BrowserWarning strong{
  color:white;
}
.BrowserWarning li{
  margin:8px 0 0 10px;
  height:20px;
}
.BrowserWarning a{
  text-decoration:none;
}
.BrowserWarning a .icon{
  height:21px;
  width:21px;
  float:left;
  margin-right:3px;
  background: transparent url(/static/q-generic/~/img/browsericons.png) no-repeat scroll -0px -0px;
}
.BrowserWarning a.Firefox .icon{
  background-position:-0px -25px;
}
.BrowserWarning a.Chrome .icon{
  background-position:-0px -47px;
}
.BrowserWarning a strong{
  text-decoration:underline;
}
.BrowserWarning a span{
  color:#D7D7D7;
}

/* */
.Drilldown
{
  float: right;
}
#BrowserWarning
{
  float: left;
}
.Drilldown .ListContainer
{
  overflow: auto;
}
.Drilldown .ButtonContainer
{
  margin-top: 15px;
  padding: 4px;
  border: 1px solid #CECECE;
}
.Drilldown .ButtonContainer .Title
{
  font-weight: bold;
}
.Drilldown .ButtonContainer .Option
{
    font-size: 14px;
    padding: 7px 3px;
}
.Drilldown .ListItem
{
    border-bottom: 1px solid #CECECE;
  border-right: 1px solid #CECECE;
  border-left: 1px solid #CECECE;
  color: #333;
  font-size: 14px;
  padding: 7px;
  position: relative;
}
.Drilldown .ListItem.SelectAll
{
  padding:7px 3px;
  height: 16px;
}
.Drilldown .ListItem.First
{
  border-top: 1px solid #CECECE;
}
.Drilldown .ListItem:hover
{
  background: #cccccc;
  border-color: #a7a9ac;
  cursor: pointer;
}
.Drilldown .ListItem.Header
{
  background: #777777;
  color: #FFFFFF;
}
.Drilldown .ListItem.Header:hover
{
  background: #777777;
  cursor:default;
}
.Drilldown .Header .Name
{
  font-weight:bold;
}
.Drilldown .ListItem.selected
{
    color:#ececec;
  background: #7398CE;
}
.Drilldown .Name
{
  margin: 7px 3px;
}
.Drilldown .DrilldownButton
{
  display: block;
  height: 100%;
  width: 30px;
  background: transparent url(/static/q-generic/~/img/menuarrow.png) no-repeat scroll 12px 11px;
  position: absolute;
  top: 0;
  right: 0;
}

.Drilldown .DrilldownButton.Selectable {
  border-left:1px solid #999;
  background-color: white;
}
.Drilldown .selected .DrilldownButton.Selectable {
  border-left:1px solid #4D6689;
}

.BulletedList li
{
  list-style: disc inside;
  margin-left: 15px;
}

/************************
* SearchBox
************************/
.SearchBox {
  position: relative;
  float: left;
  background-color: #FFF;
  border: 1px solid #AAA;
  border-radius: 2px;
}
.SearchBox .SearchBoxShadow {
  background: white url("/static/q-reporting/~/img/reportingwidgets.png") repeat-x scroll 0 -4px;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 2px;
  opacity: 0.5;
  filter:alpha(opacity=50);
}
.SearchBox input {
  border:none;
  background-color: transparent;
  font-size: 18px;
  height: 28px;
  padding: 1px 28px;
}
.SearchBox span {
  background: url("/static/q-reporting/~/img/reportingwidgets.png") no-repeat -96px -335px;
  display: block;
  height: 18px;
  left: 6px;
  position: absolute;
  top: 6px;
  width: 18px;
}
.SearchBox span.Cancel {
  cursor: pointer;
  left: auto;
  right: 6px;
  display: none;
}
/**********************
* QToggleSwitch
***********************/
.QToggleSwitch,
.QToggleSwitch a {
  display:block;
  float:left;
  height:27px;
}
.QToggleSwitch {
  border:1px solid #666;
  background:#666;
  box-shadow:inset 0 1px 3px #333;
  border-radius: 2px;
  padding:0;
  overflow:hidden;
}
.QToggleSwitch a {
  font-weight:bold;
  font-size:12px;
  color:#EEE;
  text-decoration:none;
  text-shadow:0 -1px #444;
  padding: 0 10px;
  line-height:27px;
  border-radius:1px;
}
.QToggleSwitch .Off {
  box-shadow: 0 0 2px #rgba(0,0,0,.5);
  background: url(/static/q-generic/~/img/x_backgrounds.gif) 0 -44px repeat-x;
  color:#AAA;
  text-shadow:0 1px #FFF;
  box-shadow: 0 0 4px #333;
}
/**********************
* QToggleSwitch
***********************/
.QToggleSwitch,
.QToggleSwitch a {
  display:block;
  float:left;
  height:27px;
}
.QToggleSwitch {
  border:1px solid #666;
  background:#666;
  box-shadow:inset 0 1px 3px #333;
  border-radius: 2px;
  padding:0;
  overflow:hidden;
}
.QToggleSwitch a {
  font-weight:bold;
  font-size:12px;
  color:#EEE;
  text-decoration:none;
  text-shadow:0 -1px #444;
  padding: 0 10px;
  line-height:27px;
  border-radius:1px;
}
.QToggleSwitch .Off {
  box-shadow: 0 0 2px #rgba(0,0,0,.5);
  background: url(/static/q-generic/~/img/x_backgrounds.gif) 0 -44px repeat-x;
  color:#AAA;
  text-shadow:0 1px #FFF;
  box-shadow: 0 0 4px #333;
}

/*
 * a much better toggle switch
 */
.QSwitch {
  position:relative;
  display:inline-block;
  height: 20px;
  width: 52px;
}
.QSwitch.Disabled{
  opacity: .5;
}
.QSwitch > span {
  position:absolute;
  display:block;
  top:0;
  height:21px;
  width: 32px;
  overflow:hidden;

  -webkit-transition: width .2s;
  -moz-transition: width .2s;
  -ms-transition: width .2s;
  -o-transition: width .2s;
  transition: width .2s;
}
.QSwitch > span.OnText {
  left:0;
  width:0;
  border-radius: 2px 0 0 2px;
}
.QSwitch > span.OffText {
  right: 0;
  border-radius: 0 2px 2px 0;
}
.QSwitch > span > span {
  position:absolute;
  top:0;
  padding:5px 0;
  height:12px;
  width: 32px;
  text-align:center;
  line-height:12px;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  border-radius: 2px;
}
.QSwitch .OnText {
  color:#FFF;
  text-shadow: 0 -1px #1459A3;
  border: 1px solid #4688CF;
  background: #589CE6 url(/static/q-generic/\~/img/ts_x_backgrounds.png) 0 -805px;
}
.QSwitch.Red .OnText {
  background-position: 0 -828px;
  background-color:#E43D3D;
  border-color:#CF3030;
  text-shadow: 0 -1px #A30000;
}
.QSwitch.Green .OnText {
  background-position: 0 -851px;
  background-color:#8ACF46;
  border-color:#72B82C;
  text-shadow: 0 -1px #5BA314;
}

.QSwitch .OnText > span {
  right:0;
}
.QSwitch .OffText {
  color:#666;
  text-shadow: 0 1px #FFF;
  border: 1px solid #B8B8B8;
  background: #DFDFDF url(/static/q-generic/\~/img/ts_x_backgrounds.png) 0 -874px;
}
.QSwitch .OffText > span {
  left:0;
}
.QSwitch > b {
  position:absolute;
  top:-1px;
  left:0;
  display:block;
  width: 20px;
  height: 23px;
  overflow:hidden;
  background:#E6E6E6 url(/static/q-generic/\~/img/ts_x_backgrounds.png) 0 -897px;
  border: 1px solid #B8B8B8;
  border-radius: 2px;
  box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2);

  -webkit-transition: left .2s;
  -moz-transition: left .2s;
  -ms-transition: left .2s;
  -o-transition: left .2s;
  transition: left .2s;
}
.QSwitch > b:after {
  content:'';
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right: 0;
  border-top: 1px solid #FFF;
}
.QSwitch.On > b:after {
    border-left: 1px solid #FFFFFF;
}
.QSwitch.On > b {
  left:32px;
  border-left-color:#4688CF;
}
.QSwitch.On.Red > b {
  border-left-color:#CF3030;
}
.QSwitch.On.Green > b {
  border-left-color:#72B82C;
}
.QSwitch.On > span.OnText {
  width:32px;
}
.QSwitch.On > span.OffText {
  width:0;
}
/**********************
* Logged In As Banner
***********************/
.LoggedInAsBanner,
.LoggedInAsBanner .FixedContent{
    height: 25px;
    line-height: 25px;
}
.LoggedInAsBanner .FixedContent{
  position:fixed;
  width: 100%;
  background: none repeat scroll 0 0 #990000;
    border-bottom: 1px solid #660000;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  text-align: center;
    color:#e0b3b3;
  z-index:99999999;
}
.LoggedInAsBanner .FixedContent:hover .Close{
  height: 23px;
    position: absolute;
    right: 5px;
    top: -1px;
    width: 21px;
  background:transparent url(/static/q-reporting/\~/img/reportingwidgets.png) no-repeat -120px -333px;
}
.LoggedInAsBanner strong{
  color:#fff;
}

/**********************
* History Module Styles
***********************/

/** QDateFormatter Styles */
.DateFormatter .DatePreview{
  display: block;
  font-size: 32px;
  font-weight: bold;
  padding: 15px;
  clear: left;
  text-align: center;
}

.ControlPanel .DateFormatter .ExpressionButtonAdd{
  margin-top: 3px;
}