/* Please keep css in compact format to save space */
/* Styles for Text Elements */
div.elementTitleField {font-family:Arial;font-size:12px;font-weight:normal;color:#000000;text-align:left;width:150px;}
div.textElementEditor {text-align:left;overflow: hidden;width:155px;}
input.elementTextBox {font-family:Arial;font-size:11px;width:150px;}

/* Styles for Toolbar */
div.fontList {font-family:Arial;font-size:11px;text-align:left;}
div.fontSizeList {font-family:Arial;font-size:11px;text-align:left;}
div.fontSizeListOption {font-family:Arial;font-size:12px;text-align:left;}

table.nav {width:755;padding:0px;margin:0px;vertical-align:middle;background-color:#ffffff;}
td.nav {vertical-align:middle;}
div.nav {font-family:Arial;font-size:11px;font-weight:bold;color:#007bab;}
div.navp {font-family: Arial;font-size: 11px;font-weight: bold;color: #555555;}

a.customDownloadLink {font-family:Arial;font-size:12px;color:#133f65;text-decoration:none;}
table.customDownloadTable {width:100%;}
td.customDownloadCell {text-align:center;padding-top:5px;}
td.symbolOption {padding: 0px; font-family:Arial;font-size:13px;font-weight:bold;color:#000000;overflow:hidden;border:solid 1px #999999;text-align:center;vertical-align:middle;}

div.settings {font-family:Arial;font-size:12px;font-weight:normal;color:#133f65;}
div.settingOptions {font-family:Arial;font-size:12px;}

/* Styles for Message Boxes */
table.errMsg {width:100%;height:100%;z-index:17;text-align:center;vertical-align:middle;font-family:Arial;font-size:12px;font-weight:bold;color:#FFFFFF;}
table.userMsg {vertical-align:middle;text-align:left;font-family:Arial;font-size:11px;color:#999999;width:100%;height:100%;}
table.runtimeMsg {text-align:left;font-family:Arial;color:#999999;font-size:11px;vertical-align:middle;width:100%;height:100%;}

.tooltip {width:200px;color:#000;font:lighter 11px/1.3 Arial,sans-serif;text-decoration:none;text-align:center;}
.tooltip span.top {padding:30px 8px 0;background:url(/AjaxStudio/img/generic/BubbleTooltips.gif) no-repeat top}
.tooltip b.bottom {padding:3px 8px 15px;color:#548912;background: url(/AjaxStudio/img/generic/BubbleTooltips.gif) no-repeat bottom}

.whiteFill {background-color: #ffffff;}
.blank {}

.bt 
{
	cursor: pointer;
	border: 0;
}

.studio_controls { float: left; margin-top: 20px; padding: 2px 0 5px 0; height: auto; }

.control { float: left; margin: 3px 0 0 5px; } 
.control .title, .dropControl .title  { text-align: left; font-family: Arial; font-size: 11px; height: 21px; line-height: 21px; padding: 0 0 0 5px; } 
.listOption { font-family:Arial;font-size:12px;text-align:left; float: left; margin: 3px 0 0; }

/*==================================================================
  Slider - jQuery UI
===================================================================*/
.slider-countbox {
  margin: 0 0px 0 20px;
  color: #f6931f;
  font-weight: bold;
  border: 0;
  background: transparent;
  width: 100px;
  display: inline-block;
}
.slider_submit {
  position: absolute;
  width: 80px;
  height: 20px;
  line-height: 20px;
  background: #efefef;
  text-align: center;
  color: #555;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #000000;
  color: #000000;
}

.slider-wrapper { width: 180px; margin: 10px 20px; }
.slider-wrapper,
.sliderv-wrapper {
  background: #E5E5E5;
  position: relative;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.0em;
  height: 1.0em;
  cursor: default;
  background: #fff;
  border: 3px solid #ccc;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -ms-touch-action: none;
  touch-action: none;
  margin-top: -3px;
  outline: none;
}
.ui-slider .ui-slider-handle:before {
  content: '';
  width: 7px;
  height: 7px;
  position: absolute;
  background-color: #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  z-index: 2;
  left: 4px;
  top: 4px;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
  background-color: #aaa;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.1em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical,
.sliderv-wrapper {
  width: .5em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.45em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.slider-input {
  color: #f6931f!important;
  border: 0;
  background: none;
}
.slider-group .sliderv-wrapper {
  height: 150px;
  float: left;
  margin: 15px 15px;
}
.ui-slider .ui-state-active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/* progress bar strips */
.ui-slider .ui-slider-range {
  background-size: 16px 16px;
  background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
}
/*==================================================================
  Slider Tooltips - jQuery UI
===================================================================*/
.slider-tip {
  display: block;
  position: absolute;
  text-align: center;
  font: 10pt Tahoma, Arial, sans-serif;
  background: #333333;
  padding: 10px;
  color: #fff;
}
.slider-wrapper .slider-tip {
  top: -50px;
  left: -15px;
}
.slider-wrapper .slider-tip:after {
  content: '';
  position: absolute;
  top: 98%;
  left: 35%;
  border-top: 8px solid #333333;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.sliderv-wrapper .slider-tip {
  left: 30px;
  top: -12px;
}
.sliderv-wrapper .slider-tip:after {
  content: '';
  position: absolute;
  top: 30%;
  right: 98%;
  border-right: 8px solid #333333;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.slider-wrapper.slider-primary .ui-slider .ui-slider-range {
  background-color: #4a89dc;
}
.slider-wrapper.slider-primary .ui-slider .ui-slider-handle {
  border-color: #4a89dc;
}
.slider-wrapper.slider-primary .ui-slider .ui-slider-handle:before {
  background-color: #4a89dc;
}