@import url("SRTheme.axd?css=page");

/*
* Global settings for all pages
*/
html
{
    width: 100%;
    height: 100%;
}
body 
{
    
    width: 100%;
    height: 100%;
}
form
{
    display:inline;
}
select,
textarea,
input,
table,
td,
th
{
    font-size: 11px !important;
    font-family: Arial, Verdana !important; 
}
dl 
{
    margin:0;
}
/* Adjustments to make 'selects' high as input fields (for 11px, Arial) */

select{
    /*padding:2px 0px;*/
}

select option {
    line-height:16px; 
}
input[type="radio"]+label,
input[type="checkbox"]+label{
    line-height:16px;
    vertical-align: text-bottom;
}
p
{
    margin: 0px 0px 12px 0px;
}
pre
{
    margin: 12px;
}
.disabled,
.disabled a{
    color:#808080 !important;
}

.disabled a{
	cursor: default;
	text-decoration: none;
}

.disabled .notdisabled 
{
    color: #000 !important;
}

.riSpin
{
    text-align: center;
}

.dynamic
{
    /* Sets a pane to dynamic height */
}
.addContentArea{
    background:#ffffff url(../images/bgAddContentArea.png) 0 0 repeat;
}
.addContentArea:hover,
.addContentArea.sel{
    background:#cae1f2 url(../images/bgAddContentAreaH.png) 0 0 repeat;
}
.movable {zoom:1;}
.movable-content
{
    border: dotted 1px #ccc;
    overflow:hidden;
    zoom: 1;
    margin-bottom: 6px;
    background-color:#fff;
    position:relative;
}
.movable-handle
{
    cursor:move !important;
    background:transparent url('../images/bgMovable.png') repeat 0 0 !important; 
    color: #fff;
}
.disabled .movable-handle
{
    background-image:url('../images/bgMovableD.png');
}
.movable-placeholder{
    background-color:#fbf9ee;
    border:1px solid #fcefa1;
}
.clickable{
    cursor:pointer !important;
}

/* Basic input grouping layout - 1 or 2 columns */
.artBaseTable{
        
}
.artBaseRow{
    overflow:hidden;
}
.artBaseRow.padTop
{
    padding-top: 6px;
}
.artBaseCol{
       
}
.artBaseCol .artCaption
{
    
}
.artBaseCol.artLeft{
    float:left;
    width:49.9%; /* IE sometimes think that 50% + 50% is a little bit more than 100%... */
}
.artBaseCol.artLeft .inputTbl,
.artBaseCol.artLeft .outputTbl,
.artBaseCol.artLeft .artWrapper{
    margin-right:12px;
}
.artBaseCol.artRight{
    float:right;
    width:49.9%;
}
.artBaseCol.artRight .inputTbl,
.artBaseCol.artRight .outputTbl,
.artBaseCol.artRight .artWrapper{
    margin-left:12px;
}
.artBaseRow.art3Col .artBaseCol.artLeft,
.artBaseRow.art3Col .artBaseCol.artMiddle,
.artBaseRow.art3Col .artBaseCol.artRight{
    float:left;
    width:33.33%;
}
.artBaseRow.art3Col .artBaseCol.artRight{
    float:right;
}
/*
* Page specific settings
*/
/* ~/Survey/Edit.aspx */
#tblSurveyUsers.inputTbl{
    width:100%;
}
td.publishedCalWrapper{
   vertical-align:top;
   background:transparent url('../images/vertSplit.png') no-repeat 50% 55%;
   height:24px; /*the content is absolute pos so the content itself do not affect the height of the cell correctly*/
}
div.publishedCalWrapper{
    position:relative;
    
}
#calPublishedFrom.calendar,
#calPublishedTo.calendar{
    float:none;
    position:absolute;
    width:42%;
}
#calPublishedTo.calendar{
    right:0;
} 
#divCalSplit{
    float:left;
    width:1%;
}
#divMultilingual{
    margin-top:3px;
}
#divMultilingual.dataTbl .wrapper{
    height:85px;
}
input.tbHours{
	width: 35px;
	text-align: right;
}

.page-top-bar { background-color: #A3B4C3;margin: -12px -12px 6px;overflow: hidden;padding: 3px 12px; }



/* Choosen
*******************************************/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 201010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  background-color: #fff;
  border: 1px solid #aaa;  
  /*
  border-radius: 5px;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  */
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('../images/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field 
{
  clear:left;
  float:none;
  display:block;
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
  border-top: 1px solid #aaa;
}
.chosen-container-multi .chosen-choices li:first-child.search-field 
{
    border-top: none;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100% !important;
  height: auto;
  outline: 0;
  border: 0 !important;
  
  background: white url('../images/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../images/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../images/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* Remember to copy changes to Public/Content/Survey.css */
.chosen-container .tooManyResults { display:none; color: #333;font-size: 0.89em;padding: 5px 6px 5px 42px;border-top: 1px solid #C2C7CD;background:#F1F1F1 url('../images/infoSmall.png') no-repeat 9px center;position:relative; }
.chosen-container .tooManyResults.splash { font-size:1.3em;}
.chosen-container .tooManyResultSplash { display:none; background-color: #ffe;padding:32px 12px; font-size:1.2em;position:absolute;top:0;left:0;right:0;bottom:0; }

.chosen-container .selControls {color: #333;font-size: 0.89em;padding: 5px 6px;border-bottom: 1px solid #C2C7CD;background-color:#F1F1F1;position:relative; }
.chosen-container .selControls a { color:#000; cursor:pointer;padding:0 3px; }
.chosen-container .selControls a.btnAll {  }
.chosen-container .selControls a:hover { text-decoration:underline;}
.chosen-cbx-item { position: relative; }
.chosen-cbx-item-cbx { position:absolute; top:0;left:0;bottom:0; border-right: 1px solid #C2C7CD;width:30px; }
.chosen-cbx-item-cbx > b { display:table; height:100%;width:100%; }
.chosen-cbx-item-cbx > b > b { text-align:center;display:table-cell;vertical-align:middle; }
.chosen-cbx-item-txt { margin-left: 36px; }


/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
@import url(Buttons.css);
@import url(Icons.css);
@import url("SRTheme.axd?css=styles");

h1
{
    font-size: 18px;
    margin: 0px;
    padding: 0px;
}
h2
{
    margin: 12px 0px 3px 0px;
    padding: 0px;
    font-size: 11px;

}
h2.h
{
    background: transparent url(../images/dataTblGroup.png) repeat-x 0 center;
    margin-bottom: 3px;
}
h2.topHdr
{
    margin-top:0px;
}
h2.h span
{
    background-image: none;
    padding-right: 6px;
    background-color: #f9fafb;
}
h3
{
    padding: 0;
    margin: 0 0 12px 0;
    font-size: 14px;
}
fieldset
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
ol,ul
{
    margin: 6px 0;
    padding-left: 40px;     
}
ol li,
ul li
{
    margin: 0;
    padding: 0;
}

.displayBlock { display:block !important; }

.fixedHeader
{
    position:fixed; 
    z-index: 5000000;
    background-color: #f9fafb;
}

table th
{
    text-align: left;
    font-weight: normal;
}

.block
{
    padding: 12px;
}
.pb
{
    padding-bottom: 12px;
}
.pb6{padding-bottom:6px;}
.pt6
{
    padding-top: 6px;
}
.sc
{
    overflow: auto;
}
.sc-y
{
    overflow-y: auto;
    overflow-x: visible;
}
.sc-x
{
    overflow-x: auto;
    overflow-y: visible;
}
.fl
{
    float:left;
}
.fr
{
    float:right;
}
.nw
{
    white-space:nowrap;
}
.tar
{
    text-align:right;
}
.tal
{
    text-align:left;
}
.btn
{
    /*cursor: pointer;*/
}
.fullLen
{
    width: 632px;
}
.error {
    color:#cc3300;
     
}
.calendar.valid-error
{
	background-color: lemonchiffon;
}
.vtext 
{
    -webkit-transform: rotate(270deg);	
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    width: 1.2em;
}
.propLabel { margin: 5px 0; }
.propWrapper { padding-bottom: 6px; }

input::-webkit-input-placeholder { color: Gray; font-style:italic; }
input:-moz-placeholder { color: Gray; font-style:italic; }
input.watermark,
.ctrl.watermark,
.watermark { color: Gray; font-style:italic; }
   
.invalid
{
    background-color:#FFEEEE !important;
    border-color:#AB0000 #DB0000 #E30000 #E20000 !important;
    color:#cc3300;
}
.requieredField {}
.notice 
{
    background-color: #ffe;
    padding: 3px 12px;   
    border-bottom: solid 1px #ABADB3;
    font-size: 14px; 
}
.notice img
{
    vertical-align:middle;
}
.ctrl
{
    /*border: inset 1px;*/
    border: solid 1px;
    border-color: #ABADB3 #DBDFE6 #E3E9EF #E3E9EF;
    background-color: #fff;
}
.ctrl:hover,
.ctrl.sel
{
    border-color: #5794BF #B7D5EA #C7E2F1 #C5DAED;
}
.ctrl-disabled
{
    /*border: inset 1px;*/
    border: solid 1px;
    border-color: #ccc #EFEFEF #F1F1F1 #EBEBEB;
    background-color: #E7E8EA;
    cursor:not-allowed;
}
.logoutBtn
{
    position:absolute;
    right: 6px;
    top: 0px;
    line-height: 22px;
}
.logoutBtn a
{
    color: #fff;
}
.btn50 input
{
    width: 50px;
}
.btnsMb input
{
    margin-bottom: 3px;
}
.clear
{
    clear:both;
    height: 0px;
}
.inputWrapper{
    padding-right: 6px;
}
.inputWrapper.selectBoxWrp{
    padding-right: 26px;
}
.inputWrapper input{
    width: 100%;
}
.selectWrapper
{
    padding-right: 0px;
}
.selectWrapper select
{
    width: 100%;
}
.txtWrapper
{
    padding-right: 6px;
}
.txtWrapper textarea
{
    width: 100%;
    margin:0;
}
.cbxWrapper
{
    padding-left: 20px;
}
.cbxWrapper input[type="checkbox"],
.cbxWrapper input[type="radio"]
{
    margin-left:-16px;
    padding-left: 0;
}

.translateInput { position:relative;padding-right:26px; }
.translateInput > input,
.translateInput > textarea { padding: 2px 22px 2px 2px;width:100%; }
.translateInput > a { display: block; position:absolute; top:0;bottom:0;right:1px;width:18px;cursor:pointer;background: url('../Images/Btns/Translate.png') no-repeat center center; }
.translateInput > a:hover { background-image: url('../Images/Btns/TranslateH.png'); }
.translateInput.txtWrapper > a { background-position: center 4px; }
.disabledTranslate .translateInput > a { cursor: default !important;background-image: url('../Images/Btns/TranslateD.png'); }
.noTranslate .translateInput { padding-right: 6px; }
.noTranslate .translateInput > input { padding: 2px; }
.noTranslate .translateInput > a { display:none; }

ul.rbl { list-style:none; padding:0; margin:0; }
ul.rbl > li { overflow: hidden; padding:0 0 2px 0; margin:0; vertical-align: top; min-height: 19px; }
ul.rbl > li > input { float:left; }
ul.rbl > li > label { margin-left: 22px; display:block; }

.sr-input-num,
.numberInput
{
    width: 60px;
}
.sr-input.number { width:6ch !important;text-align:right; }
.rtInput
{
    padding: 2px;
    cursor:text;
    min-height: 1.1em;
}
.innerInputWrapper
{
    padding:1px 0 2px 21px;
}

.infoTitle
{
    padding: 3px 12px;
    background-color: #FCFCFC;
    border:1px solid #abadb3;
    border-left-width: 0px;
    border-right-width: 0px;
    color:#333;
    margin-top: 3px;
}
.infoTitle a
{
    color:#333;
}
.btnInfo
{
    line-height: 20px;
    height: 20px;
    padding: 2px 3px 2px 22px;
    background-position: 4px center;
    background-repeat: no-repeat;
    float:right;
}
.btnInfoSaving
{
    background-image: url(../images/infoSaving.png);
}
.btnInfoGenerating 
{
    background-image: url(../images/btns/generate.png);
}
.btnInfoOK
{
    background-image: url(../images/infoOk.png);
}
.btnInfoError
{
    background-image: url(../images/infoError.png);
}
.btnInfoRemoving
{
    background-image: url(../images/btns/delete.png);
}
#loadingPane,
.loadingPane
{
    position: absolute;
    vertical-align:middle;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 5000000;
}
#loadingBlock
{
    background-color: #fff;
    padding: 6px;
    border: solid 1px #000;
    margin: 100px 30% 0 30%;
    
}
#loadingText
{
    line-height: 16px;
    white-space:nowrap;
}

/* Misc */
.unknownObj
{
    /*background-image: url(../images/unknownBg.png);*/
    background-color:#F0F0F0;
    border: dashed 1px #ccc;
}

.disabledOverlay
{
    position: absolute;
    background-color: #fff;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 5000000;
}
.disabledOverlayItem
{
    
}
.disabledOverlaySpinnerWrapper { position: absolute; }
.disabledOverlaySpinner
{
    position:absolute;
    top: 35%;
    left: 50%;
    margin-left: -43px;
    margin-top: -43px;
    background-color: #fff;
    border: 1px solid #DFE0E2;
    border-radius: 4px;
    padding: 6px;
    box-shadow: 0 0 16px 1px rgba(0,0,0,0.33);
    z-index: 5000005;
}
.disabledOverlaySpinner img
{
    width: 72px;
    height: 72px;
}
.disabledOverlaySpinner p { text-align:center; padding: 6px 0 0 0; margin: 0 -6px 0 0; color: #6E8492; width: 72px; overflow:hidden; }
.disabledOverlaySpinner .percent { color: #3C76A4; font-size: 18px; height: 72px; left: 6px; line-height: 72px; position: absolute; right: 6px; text-align: center; top: 6px; }


/* Progressbar */
.progressbar
{
    border: inset 2px;
    height: 14px;
    position:relative;
}
.progressbar .value
{
    background-color: Lime;
    height: 100%;
}
.progressbar .text
{
    position: absolute;
    top: 1px;
    bottom: 2px;
    
    left: 0px;
    right: 0px;
    width: 100%;
   
    text-align: center;
    vertical-align: middle;
     
}


/* Data Table */
div.dataTbl table:first-child{
    width:100%;
}
.dataTbl,
.dataTblNH
{
    background:#FCFCFC none repeat scroll 0 0;
    border:1px solid #abadb3;
    color:#333333;
    border-collapse:separate !important;
}
.dataTbl td, .dataTbl th,
.dataTblNH td, .dataTblNH th
{
    padding: 3px 6px 4px 6px;
    text-align: left;
    cursor: default;
}
.dataTbl td.intVal,
.dataTblNH td.intVal{
    text-align: right;
}
table.slim td, table.slim th
{
    padding: 0px 6px 1px 6px;
}
.dataTbl th.sort,
.dataTblNH th.sort
{
    cursor: pointer;
    text-decoration: underline;
}
.dataTbl td.btns, .dataTbl th.btns,
.dataTblNH td.btns, .dataTblNH th.btns
{
    padding: 0;
}
.dataTbl td.cbx, .dataTbl th.cbx,
.dataTblNH td.cbx, .dataTblNH th.cbx
{
    padding: 0;
    text-align: center;
}


.dataTbl .hdr th, .dataTbl .hdr td,
.dataTblNH .hdr th, .dataTblNH .hdr td
{
    background:#d5dadf url(../images/inputTbl2Hdr.png) repeat-x scroll 0 0;
    border-color:#d5dadf #c9ced3 #c2c7ce #d5dadf;
    border-style:solid;
    border-width:1px;
}
.dataTbl .hdrgrp th, .dataTbl .hdrgrp td,
.dataTblNH .hdrgrp th, .dataTblNH .hdrgrp td
{
    border-top-color: #D5D5D5;
}
.dataTbl .hdr th a, .dataTbl .hdr td a,
.dataTblNH .hdr th a, .dataTblNH .hdr td a
{
    color:#333333;
}
.dataTbl .row td, .dataTbl .rowAlt td,
.dataTblNH .row td, .dataTblNH .rowAlt td
{
    border-color:#FCFCFC #FFFFFF #FCFCFC #EDEDED;
    border-style:solid;
    border-width:1px;
}

.dataTbl tr.alt td,
.dataTblNH tr.alt td
{
    background-color: #eee;
}

.dataTbl .rowDisabled,
.dataTblNH .rowDisabled
{
    font-style:italic;
    color: #ccc;
}
.dataTbl .rowFoot td,
.dataTblNH .rowFoot td
{
   /* background:#f1fbfe url(../images/dataTblRowF.png) 0 0 repeat-x;*/
    border-top:1px solid #9db6c5;
}
.dataTbl .update td.first,
.dataTblNH .update td.first
{
    
    
}
.dataTbl .update td.first div,
.dataTblNH .update td.first div
{
    padding-left: 24px;
    background: url(../images/swUpdate.gif) 0 center no-repeat;
}

.dataTbl tr.hidden,
.dataTblNH tr.hidden
{
    display:none;
}

/* Data table group */
.dataTbl .group th,
.dataTblNH .group th
{
    background: #fff url(../images/dataTblGroup.png) 0 center repeat-x;
    color: #003399;
    cursor: pointer;
    border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
}
.dataTbl .group:hover th
{
    background-color:#e8f5fd;
    border-top-color:#d8f0fa;
	border-bottom-color:#d8f0fa;
}
.dataTbl .group th div,
.dataTblNH .group th div
{
    float:right;
    width: 21px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
}

.dataTbl .group:hover th div
{
    background-color:#e8f5fd;
}

.dataTbl .group th.c div,
.dataTblNH .group th.c div
{    
    background-image: url(../images/dataTblGroupArrowUp.png);
}

.dataTbl .group th.e div,
.dataTblNH .group th.e div
{
    background-image: url(../images/dataTblGroupArrowDown.png);
}
.dataTbl .group th span,
.dataTblNH .group th span
{
    background-image: none;
    background-color: #fff;
    padding-right: 6px;
    margin-left: -6px;
}

.dataTbl .group:hover th span
{
    background-color:#e8f5fd;
}

.dataTbl .group th span span,
.dataTblNH .group th span span
{
    margin-left: 6px;
    padding-right: 0px;
}

/* Lists */
.listCommands
{
    background-color:#d0d7dc;
    overflow:hidden;
    border:solid 1px #abadb3;
    border-top:none;
    padding:0 3px;
}

/* Groups */
.groups
{
    padding: 0px;
}
.groups .item
{
    padding: 2px 4px 3px 4px;
    border: solid 1px transparent;
    border-bottom: solid 1px #ccc;
    cursor:pointer;
}
.groups .item:hover
{
    border: dotted 1px blue;
}
.groups .item img
{
    border-width: 0px;
    margin-right: 3px;
} 
.groups .selected
{
    color: HighlightText;
    background-color: Highlight;
}

/* Inner Button Bar */
.innerButtonBar
{    
    height: 24px;
    border-top: solid 1px #919191;
    padding-right: 12px;    
    text-align:right;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/* Input Table */
/*
table.inputTbl { display:block !important; }
table.inputTbl > tbody,
table.inputTbl > tbody > tr,
table.inputTbl > tbody > tr > th,
table.inputTbl > tbody > tr > td,
table.inputTbl > tr,
table.inputTbl > tr > th,
table.inputTbl > tr > td
{ display:block; }
*/

.inputTbl
{
 
}
.inputTbl.singleColTbl{
    width:100%;
}
.inputTbl > thead > tr > th, 
.inputTbl > tbody > tr > th,
.inputTbl > tr > th,
.outputTbl th
{
    font-weight: normal;
    text-align: left;
    white-space:nowrap;
    padding-right: 9px;
    vertical-align:text-top;
    padding-top: 3px;
}
.inputTbl.singleColTbl th{
    padding:0 0 3px 0;
}
.inputTbl th.artHdr,
.outputTbl th.artHdr{
    padding-right: 0;
}
.inputTbl > thead > tr > td, 
.inputTbl > tbody > tr > td, 
.inputTbl > tfoot > tr > td, 
.inputTbl > tr > td {
    padding-bottom: 6px;
    vertical-align: top;
}
.inputTbl td.txt 
{
    padding-top: 3px;
}
.inputTbl td.inner{
    padding-right: 1px;
}
.inputTbl.onlyData td{
    padding-bottom: 0;
}
.inputTbl td input.std{
    width: 175px;
}
.inputTbl td select.std
{
    width: 181px; /* Same as input 175 */
}
.inputTbl td textarea.std
{
    height: 60px;
}
.inputTbl td textarea.addr
{
    height: 45px;
    width: 175px;
}
.inputTbl tr.spacer td
{
    padding-bottom: 6px;
}

.inputTbl tr.data td{
    padding-bottom:0;
}
.inputTbl td span.data
{
    display:block;
    padding:3px 0;
}

.inputTbl.extra-spacing tr > * { border-bottom: 6px solid transparent; }

.inputTbl .iHeaderText { white-space:normal; max-width: 153px; display:inline-block; }

/* Output Table - the same as ".inputTbl" but adjusted to only show data */
.outputTbl th{
    /* see above, sharing attributes with ".inputTbl th" */
}
.outputTbl th,
.outputTbl td{
    padding-top: 3px;
    padding-bottom: 2px;
}

/* Input Table 2 & Input Definition List */
.inputTbl2{
    border: solid 1px #ABADB3;
}
.inputTbl2.noTopBrd{
    border-top:none;
}

.inputTbl2 > thead > tr > th,
.inputTbl2 > tbody > tr > th,
.inputTbl2 > tfoot > tr > th,
.inputTbl2 > tr > th
{
    font-weight: normal;
    text-align: left;
    white-space:nowrap;
}
.inputTbl2 .hdr th, .inputTbl2 .hdr td{
    padding: 3px 6px 3px 6px;
    background:#d5dadf url(../images/inputTbl2Hdr.png) repeat-x scroll 0 0;
    border-color:#d5dadf #c9ced3 #c2c7ce #d5dadf;  
    border-style:solid;
    border-width:1px;
   
}
.inputTbl2 .hdr.tb th
{
    border-top-color:#C2C7CE;
}
.inputTbl2 th.l, .inputTbl2 td.l
{
    border-right-color: transparent;
}
.inputTbl2 th.f, .inputTbl2 td.f
{
    border-left-color: #D5DADF;
}
.inputTbl2 .hdr th a, .inputTbl2 .hdr td a
{
    color:#333333;
}

.inputTbl2 th.top
{
    vertical-align:text-top;
    padding-top: 2px;
}
.inputTbl2 > thead > tr > td,
.inputTbl2 > tbody > tr > td,
.inputTbl2 > tfoot > tr > td,
.inputTbl2 > tr > td
{
    padding: 3px;
    border-color: #fff #F3F5F7 #fff #E7E8E9;  
    border-style:solid;
    border-width: 0 1px;
}
.inputTbl2 tr.alt > td{
    background-color: #eee;
}

.inputTbl2 td.btns
{
    padding: 3px 0px 3px 3px;
}
.inputTbl2 th.btns
{
    padding: 0px 0px 0px 3px;
}
.inputTbl2 td.btns .btn
{
    margin-left: 0 !important;
}

.infoTable
{
    font-size: 1.1em;
    background:#FCFCFC none repeat scroll 0 0;
    border:1px solid #abadb3;
    color:#333333;
    border-collapse:separate !important;
}

.infoTable .infoTableHeaderRow
{
    margin: 0px;
    padding: 0px;
    background-color: #ccd;
    background-image:url(../images/menutitle.png);
    color: White;
    font-weight: bold !important;
}

.infoTable th,
.infoTable td
{
    padding: 5px ;
}

.infoTable td
{
    border-top: solid 1px #ccc;
    cursor: pointer;
}

.infoTable tr:hover td
{
    text-decoration: underline;
    background-color: #fefefe;
}


.selTbl td
{
    cursor:default;
}
.selTbl .rowSel td,
.selTbl tr.rowSel.alt td
{
    
    background:#dcf1fc url(../images/dataTblRowS.png) 0 0 repeat-x;
    border-top-color:#99defd;
	border-bottom-color:#99defd;
}
/*
.selTbl .row:hover td,
.selTbl .rowAlt:hover td
{
    background:#e8f5fd url(../images/dataTblRowH.png) 0 0 repeat-x;
    border-top-color:#d8f0fa;
	border-bottom-color:#d8f0fa;
}*/



/*Fix to hide close-button in first-page-dialog
.ui-dialog-titlebar a
{
    display: none !important;
}*/

/* Resources */
.resText
{
    background-color: #fff;
    border: inset 1px;
    padding: 2px;
    height: 100%;
}

/* Layout Panes */
.twoCol
{
    position:relative;
}
.twoCol .l50
{
    position: absolute;
    width: 50%;
    left: 0px;
    top: 0px;
}
.twoCol .r50
{
    position: absolute;
    width: 50%;
    left: 50%;
    top: 0px;
}

/* jQuery */
.ui-datepicker-trigger
{
    vertical-align: middle;
    cursor:pointer;
}

/* Dashboard */
.dashboard
{
    position:relative;
}
.dashboard .artBaseRow
{
    margin-bottom: 12px;
}
.dashboard .item
{
/*    position: absolute;
    height: 160px;*/
}
.dashboard h2
{
    background:#567388 url(../images/dialogheader.png) repeat-x scroll 0 0;
    border:0 solid #DDDDDD;
    border-bottom:solid 1px #abadb3;
    color:#fff;
    font-weight:bold;
    padding: 0 6px;
    line-height: 22px;
    margin: 0;
}
.dashboard .border{
    border: solid 1px #bbbbbb;
}
.dashboard .border .dataTbl{
    border:0 none !important;
}
.dashboard .content{
    overflow: auto;
    min-height: 124px;
    padding: 6px;
}
.dashboard .progressItem .content {
    height:auto;
    overflow:hidden;
}
.dashboard .content.survey {
    min-height:178px;
    overflow:hidden;
}

/* Calendar - defined for the SR Tool */
/* Look in StandardQuestions.css for definitions to be used for the Survey */

.calendar
{
    /*border: solid 1px #6D7176;*/
    
    border: solid 1px;
    border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
    padding: 2px 4px;
    float: left;
    background-color: #fff;
    vertical-align: bottom;
    white-space: nowrap;

}
.calendar.error,
.calendar.error input
{
    border: 1px solid;
    background-color: #FFEEEE;
    border-color: #AB0000 #DB0000 #E30000 #E20000;
    color: #CC3300;
}
.artCalDatePart {float:right;white-space: nowrap;}
.artCalTimePart {float:right; padding-left:6px;white-space: nowrap;}
.artCalTimePart.calToolMode { /*margin-right:18px;*/}
.calendar .spinBtn {float:right;}
.calendar .spinBtn.calToolMode { /*margin-left:-18px; */}
/*.calendar .in4 {width: 26px; margin-right:1px; }*/
.calendar .in4 {width: 2.5em; margin-right:1px; }
.calendar .in2 {width: 1.3em; margin-left:1px; margin-right:1px; }
.calendar .in3 {width: 1.8em; margin-left:1px; margin-right:1px; text-align:right; }
.calendar input
{
	background-color: Transparent;
    border-style: none !important;
    padding: 0 !important;
    border-width: 0px;
    font-size: 1em;
}
.calendar img
{
    margin: -1px 0 -1px 6px;
    vertical-align:middle;
    cursor:pointer;
}
#datePicker
{
    border: solid 1px #D3D3D3;
    background-color: #fff;
}

#ui-datepicker-div
{
    display: none;
}
/* Calendar - defined for the SR Tool */
/* Look in StandardQuestions.css for definitions to be used for the Survey */        
/* Spin Button */
.disabled .spinBtn
{
	height: 7px;
    width: 15px;
}
.disabled .spinBtn a
{
	display: none;
}

.spinBtn
{
    padding-top: 0px;
}
.spinBtn a
{
    display: block;
    background: transparent url(../images/spinBtnLarge.png) no-repeat scroll 0 0;
    height:7px;
    line-height:7px;
    margin:0 1px;
    width:15px;
    overflow:hidden;
    position:relative;
    text-align:center;
    text-decoration:none;
    text-indent:-2222px;
}
.spinBtn a.up
{
    background-position:3px 2px;
}
.spinBtn a.up:hover
{
    background-position:3px -47px;
}
.spinBtn a.down
{
    background-position:3px -98px;
    margin-top:0;
}
.spinBtn a.down:hover
{
    background-position:3px -147px;
}


/* Scrollable Table Classes */
.scrollTbl
{}

.tblScrollHead
{
    /*width: 100%;*/
}
.tblScrollData
{
}

/* Toggle Header */
.toggleHead
{
    cursor: pointer;
}
.toggleHead div
{
    float:right;
    width: 21px;
    background-color: #f9fafb;
    background-position: center center;
    background-repeat: no-repeat;
}
.toggleHead.c div
{    
    background-image: url(../images/dataTblGroupArrowUp.png);
}
.toggleHead.e div
{
    background-image: url(../images/dataTblGroupArrowDown.png);
}

.templateMode
{
	background: url("../images/templatemodebg.png") repeat scroll 0 0 #f9fafb;
}

/* Select Box */
.selectBox
{
    padding: 2px 19px 2px 3px;
    cursor: default !important;
    white-space:nowrap;
    overflow: hidden;
    background-image: url(../images/dropDownLarge.png);
    background-repeat:no-repeat;
    background-position: right center;
    border-style:solid;
    border-width:1px;
    border-color:#abadb3 #dbdfe6 #e3e9ef #e2e3ea;
}
.selectBox:hover
{
    background-image: url(../images/dropDownLargeH.png);            
}
.selectBoxItems
{
    display: none;
    position: absolute;            
    border:outset 1px;
    list-style-type: none;
    padding: 0;
    margin:0;
    border-color: #999 #000 #000 #999;
    background-color: #fff;
    z-index: 999999999;
}
.selectBoxItems li:hover
{
    background-color:Highlight;
    color:HighlightText;
}

.checkBoxList
{
    list-style-type: none;
    padding: 0;
    margin:0;
}
.checkBoxList li:hover
{
    background-color:Highlight;
    color:HighlightText;
}
.checkBoxList input
{
    margin: 1px 3px 0px 3px;
    height: 13px;
    width: 13px;
}
.checkBoxList label
{
    vertical-align:text-bottom;
}

/* Tree View */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../Images/TreeView/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

.treeview .hover { text-decoration:underline; cursor: pointer; }

.treeview li { background: url(../Images/TreeView/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../Images/TreeView/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px; }
.treeview li.lastExpandable { background-position: -32px -67px; }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../Images/TreeView/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../Images/TreeView/treeview-red.gif); } 

.treeview-white li { background-image: url(../Images/TreeView/treeview-white-line.gif); }
.treeview-white .hitarea, .treeview-white li.lastCollapsable, .treeview-white li.lastExpandable { background-image: url(../Images/TreeView/treeview-white.gif); } 

.treeview-black li { background-image: url(../Images/TreeView/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../Images/TreeView/treeview-black.gif); }  

.treeview-gray li { background-image: url(../Images/TreeView/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../Images/TreeView/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../Images/TreeView/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../Images/TreeView/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../Images/TreeView/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../Images/TreeView/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../Images/TreeView/file.gif) 0 0 no-repeat; }

.todo
{
    border:solid 1px red; 
    background-color: #FFE;
    padding: 12px;
    margin: 12px 0;
    font-size:14px;
    font-weight: bold;
}

/*Custom theme*/
option.custom
{
	font-weight: bold;
}

.helpNodeMarked
{
	background-color:#CCCCCC;
	padding:2px;
}
.helpAsterisk{
    color:#3366cc;
    cursor:help;
    font-size:14px !important;
    font-weight:bold !important;
    line-height:11px !important;
    padding-left:2px;
    padding-right:2px;
    vertical-align:middle;
}

/* Tabs */
.innerTabs
{
    background: #fff url(../Images/Framework/bgTabLvl2.png) repeat 0 0;
    /*height: 23px;*/
    line-height: 23px;
    color: #696967;
    zoom:1;
}
.innerTabs ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.innerTabs ul li
{
    float:left;
    display:inline;
    margin: 0px;
    overflow: hidden;
    padding: 0 1px 0 0;
    background-image: url(../Images/Framework/bgTabLvl2-delim.png);
    background-repeat: no-repeat;
    background-position: right 0;
}
.innerTabs .tab
{
    display: block;
    line-height: 23px;
    text-align: center;
    white-space: nowrap;
    padding: 0 12px;
    cursor:pointer;
    text-decoration: none;
}
.innerTabs .tab:hover 
{
    color: #000;
}
.innerTabs ul li.disabled,
.innerTabs ul li.disabled .tab
/*.innerTabs ul li.disabled .tab:hover*/{
    color:#AAAAAA !important;
    cursor:not-allowed !important;
    font-style:italic;
    background-image: none !important;
    text-shadow: 0px 1px 0px rgba(255,255,255,.5)
}
.innerTabs .sel
{
    background-color: #F9FAFC;
    color: #000;
}
.innerTabs .sel:hover
{
    cursor:default;
}
.innerTabs a {
    color: inherit;
}

/*
* List of PDF-links on the page "About"
*/
ul.vertList{
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.vertList li{
    margin:0 0 3px 0;
    padding:0;
}
/* List of PDF-links on the page "About" : End */
.vaMiddle,
tr.vaMiddle th,
tr.vaMiddle td{
    vertical-align:middle;
}


ul.artList 
{
    padding:0;
    margin:0;
    list-style-type:none;            
}
ul.artList li
{
    padding: 1px 3px 1px 22px;
    background: no-repeat 3px center;
    line-height: 16px;
    cursor:default;
    border: transparent 1px solid; 
}
ul.artList li.sel
{
    color:HighlightText;
    background-color:Highlight;
    border: dotted 1px #fff;
}

.NBIA .NBFileManager_Hider
{
    background-color: Gray!important;
	z-index: 10005!important;
    filter: alpha(opacity=70)!important;
    opacity: 0.7!important;
}
.NBIA .dlgBtn.help
{
    cursor:pointer;
    height:16px;
    position:absolute;
    right:42px;
    top:2px;
    width:18px;
}
.NBIA .dlgClose
{
    background-image: url(../images/dlgButtons_small.png);
    background-position: -90px 0px;
    cursor:pointer;
    height:16px;
    position:absolute;
    right:2px;
    top:2px;
    width:18px;
}
.NBIA .dlgClose:hover
{
    background-position: -90px -16px;
}
.NBIA .dlgMaximize
{
    background-image: url(../images/dlgButtons_small.png);
    background-position: -72px 0px;
    cursor:pointer;
    height:16px;
    position:absolute;
    right:22px;
    top:2px;
    width:18px;
}
.NBIA .dlgMaximize:hover
{
    background-position: -72px -16px;
}
.NBIA .dlgRestore
{
    background-image: url(../images/dlgButtons_small.png);
    background-position: -54px 0px;
    cursor:pointer;
    height:16px;
    position:absolute;
    right:22px;
    top:2px;
    width:18px;
}
.NBIA .dlgRestore:hover
{
    background-position: -54px -16px;
}
.NBIA .win
{
    border-color:#7E97AA #324E64 #283F50 #628198;
    border-style:solid;
    border-width:1px;
}
.NBIA .header
{
    background: url("../images/topboxbg.png") repeat-x scroll 0 0 #426783;
}

.create-warning-btn
{
    padding: 3px;
    float: right;
}
.create-warning-btn img
{
    border-width: 0px;
    float: right;
    padding-left: 6px;
}
.create-warning-btn span
{
    line-height: 18px;
}

/*
* Survey/Preview.aspx & Survey/Toolboxes/Design.aspx
*/
.themeLoader {
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background-color: #fff;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.themeLoader .themeLoaderMsg {
	font-family: Arial;
	font-size: 11px;
	text-align: right;
}

/* Contact List */
#searchContactsResult ul 
{
    list-style: none;
    padding: 0;
    margin: 0;
    
}
#searchContactsResult ul li
{
    padding: 2px 6px 6px 7px;
    border-bottom: 1px solid #DDE1E4;
    cursor:default;
    background: url("../images/contact.png") no-repeat scroll 7px center;
    padding: 2px 6px 6px 48px;
}
#searchContactsResult ul li:hover
{
    background-color: #eee;
}

/* Reports
*********************************************/
.seriesButtons { overflow: hidden; padding: 3px;  }
.seriesButtons .btn { float:right; }

/* JQuery AutoComplete
*******************************/
.ui-autocomplete { position: absolute; cursor:default; list-style:none; margin:0; padding: 1px 0 2px 0; background-color: Window; color:WindowText; border-color: #B2B2B2 #000 #000 #B2B2B2; border-style:solid; border-width: 1px 1px 1px 2px; max-height: 160px; overflow: auto; }
.ui-autocomplete li { margin:0; padding:0; }
.ui-autocomplete li a { display:block; margin:0; padding:0 3px; line-height: 14px; height: 14px; }
.ui-autocomplete li:hover, a.ui-state-hover, a.ui-state-active { color:HighlightText; background-color:Highlight; }

/* Miller Column
***********************************/
.mcolwrapper { position: absolute;  border: 1px solid #ABADB3; overflow-x: scroll;  }
.mcolwrapper .mcol { border-right: 1px solid #ABADB3; position:absolute; top:0;bottom:0; width: 220px;  }
.mcolwrapper div.tb { height: 22px; border-bottom: 1px solid #9AB8DB; background: url("../images/NBEditor/toolbarBg.png") repeat scroll 0 2px #D0E1F7 !important; }
.mcolwrapper ul { margin:0; padding: 0; list-style: none; cursor: default; position:absolute; top:23px;bottom:0; left:0; right: 0px; overflow: auto; overflow-x: hidden; }
.mcolwrapper .mcol.noTB div.tb { display: none; }
.mcolwrapper .mcol.noTB ul { top: 0; }
.mcolwrapper li  
{
    
    margin: 1px 0;
    padding: 2px 12px 2px 19px;
    position:relative;
}
.mcolwrapper .sortable li { background-image: url("../images/bgMovableReorderCat.png"); }
.mcolwrapper li.sel  
{
    background-color: #D0E1F7 !important; 
}
.mcolwrapper li.sub:after  
{
    background: url("../images/addRight.png") no-repeat scroll right center transparent;
    content: "";
    min-height: 18px;
    position: absolute;
    right: 0;
    width: 7px;
    top: 0;
    bottom: 0;
}
.mcolwrapper li.sel.sub:after { background-image: url("../images/addRightD.png"); }
.mcolwrapper li.inuse { font-weight: bold; }
        
.mcolwrapper div.tb a { float:left; margin: 1px 3px 1px 1px; height:18px; width:18px; display:block; border: 1px solid transparent; }
.mcolwrapper div.tb a:hover { background-color: #FFFFCC !important; border: 1px solid #7F9DB9; }
.mcolwrapper div.tb a.new { background: url("../Images/Btns/addFolder.png") no-repeat center center; }
.mcolwrapper div.tb a.new:hover { background-image: url("../Images/Btns/addFolderH.png"); }
        
.mcolwrapper div.tb a.edit { background: url("../Images/Btns/edit.png") no-repeat center center; }
.mcolwrapper div.tb a.edit.d { background-image: url("../Images/Btns/editD.png") !important; }
.mcolwrapper div.tb a.edit:hover { background-image: url("../Images/Btns/editH.png"); }
        
.mcolwrapper div.tb a.del { background: url("../Images/Btns/delete.png") no-repeat center center; }
.mcolwrapper div.tb a.del.d { background-image: url("../Images/Btns/deleteD.png") !important; }
.mcolwrapper div.tb a.del:hover { background-image: url("../Images/Btns/deleteH.png"); }
        
.mcolwrapper div.tb a.copy { background: url("../Images/Btns/copy.png") no-repeat center center; }
.mcolwrapper div.tb a.copy.d { background-image: url("../Images/Btns/copyD.png") !important; }
.mcolwrapper div.tb a.copy:hover { background-image: url("../Images/Btns/copyH.png"); }
        
.mcolwrapper div.tb a.paste { background: url("../Images/Btns/paste.png") no-repeat center center; }
.mcolwrapper div.tb a.paste.d { background-image: url("../Images/Btns/pasteD.png") !important; }
.mcolwrapper div.tb a.paste:hover { background-image: url("../Images/Btns/pasteH.png"); }
        
.mcolwrapper div.tb a.selmode.multiple { background: url("../Images/Btns/MultipleChoice.png") no-repeat center center; }
.mcolwrapper div.tb a.selmode.multiple.d { background-image: url("../Images/Btns/MultipleChoiceD.png") !important; }
.mcolwrapper div.tb a.selmode.multiple:hover { background-image: url("../Images/Btns/MultipleChoiceH.png"); }

.mcolwrapper div.tb a.selmode { background: url("../Images/Btns/SingleChoice.png") no-repeat center center; }
.mcolwrapper div.tb a.selmode.d { background-image: url("../Images/Btns/SingleChoiceD.png") !important; }
.mcolwrapper div.tb a.selmode:hover { background-image: url("../Images/Btns/SingleChoiceH.png"); }

.mcolwrapper div.tb a.reactivate { background: url("../Images/Btns/Undo.png") no-repeat center center; }
.mcolwrapper div.tb a.reactivate.d { background-image: url("../Images/Btns/UndoD.png") !important; }
.mcolwrapper div.tb a.reactivate:hover { background-image: url("../Images/Btns/UndoH.png"); }

/* Survey Category
******************************/
.surveyCatList 
{
    margin:0; padding: 0;
    list-style: none;   
    font-size: 10px; 
    /*border-left: 1px solid #a6a6a6;*/
}
.surveyCatList > li.show { padding: 0 0 0 4px; height: 12px; position:relative; background-color: #efefef; line-height: 12px; }
.surveyCatList > li.show > div { position: absolute; top:0; right:0; bottom: 0; width: 12px; background: #8f8f8f url("../Images/ArrowsWhiteDown.png") no-repeat center center; cursor: pointer;  }
.surveyCatList > li.e { display: none; }
.surveyCatList.expanded > li.e { display: block; }
.surveyCatList.expanded > li.show  { display: none; }

.surveyCatList > li { background-color: #f7f7f7; margin-left: 1px; padding: 0 0 0 4px; line-height: 18px; height: 18px; border-left: 1px solid #c4c4c4; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; }
.surveyCatList > li.alt { background-color: #efefef; border-left-color: #a8a8a8; }
.alt .surveyCatList > li { background-color: #e5e5e5; border-left-color: #b5b5b5; }
.alt .surveyCatList > li.alt { background-color: #dfdfdf; border-left-color: #9c9c9c; }

/* Custom Drop Down List
**************************************/
.ddlCustom
{
    padding:2px 18px 2px 2px;height:14px;line-height:14px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden; 
    background: #FFFFFF url("../Images/dropDownLarge.png") no-repeat right center;
    cursor: default;
    margin-bottom: 6px;
    border: solid 1px;
    border-color: #ABADB3 #DBDFE6 #E3E9EF #E3E9EF;
    background-color: #fff;
}
.ddlCustom.big { height: 36px; }
.ddlCustom:hover { /*background-image: url("../Images/dropDownLargeH.png");*/ border-color: #5794BF #B7D5EA #C7E2F1 #C5DAED; }
.ddlCustomPopout { display: none; position: absolute; max-height: 150px; min-height: 50px;  background-color: #fff; padding: 2px 6px 2px 2px; overflow:auto; border: 1px solid #707070; }


/* Organisation Tree
**************************************/
.org.treeview li { padding-bottom: 1px; padding-top: 1px; }
.org.treeview li input { padding:0; margin: 1px 3px 3px 4px; }
.org.treeview .hitarea { margin-top: 1px; }
.org.treeview ul { margin-top: 1px; }
        
.org.treeview .item { cursor:default; padding: 2px 6px 2px 3px; border: 1px solid transparent; }
.org.treeview .item.e { cursor:pointer; }
.org.treeview .item.d { color: #888; }



/* Text Item Drop Down List
****************************************/
ul.textItemList { margin: 0; padding:0; list-style:none; }
ul.textItemList > li
{
    border-bottom: 1px dotted #ACADAF;
    cursor:pointer;
    margin: 0;
    overflow: hidden;
    padding: 2px 6px;
    position: relative;
}

.textItemList .counter,
.textItemList .textItemTitle
{
    position: absolute;
    top: 0;
    left:0;
    bottom:0;
    width: 44px;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
    border-right: 1px dotted #ACADAF;
    background-color: #EFEFEF;
    
    
}
.textItemList .textItemTitle { width:auto; right: 80%; }
ul.textItemList > li:hover .counter,
.textItemList.ddlCustom .counter,
ul.textItemList > li:hover .textItemTitle,
.textItemList.ddlCustom .textItemTitle
{
    background: #ededed;
    background: -moz-linear-gradient(top,  #ededed 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#b2b2b2));
    background: -webkit-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
    background: -o-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
    background: -ms-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
    background: linear-gradient(to bottom,  #ededed 0%,#b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b2b2b2',GradientType=0 );
}
ul.textItemList > li.sel .counter,
ul.textItemList > li.sel .textItemTitle
{
    border-right-color: #7595AD;
    border-right-style:solid;
}
ul.textItemList > li.sel
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
ul.textItemList > li.special
{
    filter: alpha(opacity=30);
    opacity: 0.3;
}

ul.textItemList > li.special:hover .counter:after 
{
    /*background-image: url("../Images/padlock.gif");*/
}
ul.textItemList > li.custom .counter:after 
{
    position: absolute;
    top: 0;
    left:0;
    bottom:0;
    right: 0;
    content: '';
    background: url("../Images/Btns/EditD.png") no-repeat center center;
}
ul.textItemList > li.custom:hover .counter:after 
{
/*    background-image: url("../Images/FilledStar.png");*/
}
ul.textItemList .wrapper
{
    height: 64px;
    overflow:hidden;
    margin-left: 48px;
}
ul.textItemList .textItemTitle + .wrapper { margin-left: 20%; }
.textItemList.ddlCustom .textItemTitle + .wrapper { left: 20%; padding-left:3px; }
ul.textItemList .none .wrapper { height: 16px; } 
ul.textItemList .auto .wrapper { height: auto; } 
ul.textItemList .wrapper .scale
{
    margin-right: -33%;
         
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
            
    transform: scale(0.75);
    transform-origin: top left;
}

.textItemList.ddlCustom { margin-bottom: 0; position:relative; white-space:normal; }
.textItemList.ddlCustom .wrapper
{
    height: 20px;
    overflow:hidden;
    left: 50px;
    position: absolute;
    right: 18px;
    bottom:2px;
    top: 2px;
}
.textItemList.ddlCustom.big .wrapper { height: 50px; }
.textItemList.ddlCustom .wrapper .scale
{           
    margin-right: -290%;
           
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
            
    transform: scale(0.25);
    transform-origin: top left;
}
.textItemPopout { max-height: 267px !important; }

/*#advRespSearchControl*/
.respCatItemsWrapper a.btnAdd {
    background: none!important;
    border: none!important;
    height: 12px;
    margin-left: 0;
}
.respCatItemsWrapper a.btnAdd
{
    width: 20px;
}
.respCatItemsWrapper a.btnDelete2
{
    float: right;
    margin-right: -36px;
}
.treeview li.respCatItems {
    padding-right: 36px;
}
.treeview li.respCatItems ul { margin-right: -36px; }

.respCatItemsWrapper select
{
    
}
li.respCatItems.in-slide-mode
{
    height: 20px;
}
.treeview ul.lvl1 >li:first-child
{
    background-image: url("../images/treeview/treeview-default-line-top.png");
    background-position: left 9px;
}
.treeview ul.lvl1 >li.last:first-child
{
    background-image: none;
    padding-left: 0;
}


.wizard-steps { margin: 0 0 6px 0;padding:0; list-style:none; overflow:hidden; }
.wizard-steps a { position:relative;display:block;width:auto;height:24px;margin-right: 18px;padding:0px 10px 0px 3px;float: left;font-size:11px;line-height:24px;color:#666;background: #F0EEE3;text-decoration:none;text-shadow:1px 1px 1px rgba(255,255,255, 0.8); }
.wizard-steps a:before { width:0px;height:0px;border-top: 12px solid #F0EEE3;border-bottom: 12px solid #F0EEE3;border-left:12px solid transparent;position: absolute;content: "";top: 0px;left: -12px; }
.wizard-steps a:after { width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left:12px solid #F0EEE3;position: absolute;content: "";top: 0px;right: -12px; }
        
.wizard-steps span { display: block;float: left;font-size: 10px;text-align:center;width:15px;margin: 2px 5px 0px 0px;line-height:15px;color: #ccc;background: #FFF;border: 2px solid #CCC;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; }
        
/* = COMPLETED STEPS
----------------------------*/
.wizard-steps .completed-step a { color:#163038;background: #A3C1C9; }
.wizard-steps .completed-step a:before { border-top: 12px solid #A3C1C9;border-bottom: 12px solid #A3C1C9; }
.wizard-steps .completed-step a:after { border-left: 12px solid #A3C1C9; }
.wizard-steps .completed-step span { border: 2px solid #163038;color: #163038; text-shadow:none; }
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a { color:#A3C1C9;background: #163038;text-shadow:1px 1px 1px rgba(0,0,0, 0.8); }
.wizard-steps .active-step a:before { border-top: 12px solid #163038;border-bottom: 12px solid #163038; }
.wizard-steps .active-step a:after { border-left: 12px solid #163038; }
.wizard-steps .active-step span {color: #163038; -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8); -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8); box-shadow:0px 0px 2px rgba(0,0,0, 0.8); text-shadow:none;border: 2px solid #A3C1C9; }
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {color:#fff;background: #8F061E;text-shadow:1px 1px 1px rgba(0,0,0, 0.8); }
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {color:#8F061E; }
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {border-top: 12px solid #8F061E;border-bottom: 12px solid #8F061E; }
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after { border-left: 12px solid #8F061E; }

#pageCWrapper  
{
    position:fixed;top:0;left:0;right:0;bottom:0; overflow:auto; 
    background-color: #f9fafb;
    /*
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    */
}

#pageInfoPanel { border-top: 1px solid #849ba3;}
.sr-info { border: 1px solid #849ba3; border-bottom:none; }
#pageInfoPanel ul { padding:0;margin:0;list-style:none; }
#pageInfoPanel li, 
.sr-info .sr-info-item { padding:8px 12px;color:#333;border-bottom: 1px solid #849ba3;/*border-top: 1px solid;*/ }
/*#pageInfoPanel li + li { margin-top: 3px; }*/
        
#pageInfoPanel li.info, 
.sr-info .sr-info-item.info { background-color:#d9edf7;/*border-color: #7190A0;*/ }
#pageInfoPanel li.warning, 
.sr-info .sr-info-item.warning { background-color:#fcf8e3;/*border-color: #C5980A;*/ }
#pageInfoPanel li.error,
.sr-info .sr-info-item.error { background-color:#f2dede;/*border-color: #C07A76;*/ }
        
#pageInfoPanel li.icon, 
.sr-info .sr-info-item.icon { padding:8px 12px 8px 38px;background-repeat:no-repeat;background-position: 12px center; }
#pageInfoPanel li.icon.info,
.sr-info .sr-info-item.info { background-image: url("../Images/Btns/info.png"); }
#pageInfoPanel li.icon.warning,
.sr-info .sr-info-item.warning { background-image: url("../Images/status_warning.png"); }
#pageInfoPanel li.icon.error,
.sr-info .sr-info-item.error { background-image: url("../Images/status_error.png"); }


/* Info bouble
-------------------------*/
.sr-bubble-wrap  
{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;    
}
.sr-bubble {
    position: relative;
    padding: 4px 12px 4px 9px;
    background: #FCF9E3;
    border: #C7B942 solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: -1px 2px 6px 0px #B6B6B6;
    -moz-box-shadow:-1px 2px 6px 0px #B6B6B6;
    box-shadow: -1px 2px 6px 0px #B6B6B6;
    color:#6F6B44;
    
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sr-bubble:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -6px;
    border-style: solid;
    border-width: 7px 0 7px 6px;
    border-color: transparent #FCF9E3;
    display: block;
    width: 0;
    z-index: 1;
}

.sr-bubble:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -7px;
    border-style: solid;
    border-width: 7px 0 7px 6px;
    border-color: transparent #9D9028;
    display: block;
    width: 0;
    z-index: 0;
}




/* General list
-------------------------*/
.sr-list-header { position: absolute; top: 0; left: 0; right:0; height: 28px; border-bottom: 1px solid #acadb2; background-color: #D1D6DC; }
.sr-list-header h2 { margin:0;padding:0 0 0 12px;line-height:28px;font-weight:normal; }
.sr-list-footer { position: absolute; bottom: 0; left: 0; right:0; height: 18px;padding-top:2px;padding-bottom:2px; border-top: 1px solid #acadb2; background-color: #D1D6DC; }
.sr-list-scroller { position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto; }
.sr-list-scroller.with-header { top:29px; }
.sr-list-scroller.with-footer { bottom:23px; }

.sr-list { list-style:none;position:relative;margin:0;padding:0; }
.sr-list > li { background-color: #f9fafb;border-bottom: 1px dotted;cursor: default;margin: 0;position: relative;padding:10px 24px 8px 24px; }
.sr-list.slim > li { padding:4px 6px 2px 6px; }
.sr-list > li:first-child { margin-top: 0 !important; border-top: none !important; }

.sr-list > li.w-btn { padding-right: 49px; }
.sr-list > li.w-btn.w-info { padding-right: 69px; }
.sr-list > li.w-btn.x2 { padding-right: 89px; }
.sr-list > li.w-btn.x2.w-info { padding-right: 109px; }
.sr-list > li.w-btn.x3 { padding-right: 129px; }
.sr-list > li.w-btn.x3.w-info { padding-right: 149px; }
.sr-list > li.w-btn.x4 { padding-right: 169px; }
.sr-list > li.w-btn.x4.w-info { padding-right: 189px; }
.sr-list > li.w-btn.x5 { padding-right: 209px; }
.sr-list > li.w-btn.x5.w-info { padding-right: 229px; }

.sr-list > li.w-btn.sr-removed:after { right:39px; }
.sr-list > li.w-img  { padding-left: 6px;min-height:38px; }
.sr-list > li.w-img > img { vertical-align: top; margin-right: 9px; float:left; height:36px; width: 36px; border: 1px dotted #ccc; }
.sr-list > li.w-img .txt { line-height: 38px; }
.sr-list.img-size-16 > li.w-img { min-height: 18px; }
.sr-list.img-size-16 > li.w-img > img { height:16px; width:16px; }
.sr-list.img-size-16 > li.w-img .txt { line-height: 18px; }
.sr-list.img-size-24 > li.w-img { min-height: 26px; }
.sr-list.img-size-24 > li.w-img > img { height:24px; width:24px; }
.sr-list.img-size-24 > li.w-img .txt { line-height: 26px; }
.sr-list.img-size-72 > li.w-img { min-height: 74px; }
.sr-list.img-size-72 > li.w-img > img { height:72px; width:72px; }
.sr-list.img-size-72 > li.w-img .txt { line-height: 74px; }
.sr-list.no-img-border > li.w-img > img { border-color: transparent; }
.sr-list.preview-img > li.w-img > img { cursor: url("../Images/Cursors/curZoomIn.cur"), default; }

.sr-list.with-grid > li { padding-bottom:0;padding-top:0; }
.sr-list.with-grid > li.w-img .sr-grid { margin-left: 47px; }
.sr-list.with-grid > li .sr-grid-col { padding: 10px 6px 8px 6px; }

.sr-list > li.sr-selected { margin-top: -1px; border-top-width: 1px; }
.sr-list > li.sr-hidden { display: none; }
.sr-list > li.sr-filtered { display: none; }

.sr-list > li > div > h2 { padding:0;margin:0;line-height: 32px;border:none; }
.sr-list > li > div > h2.editable { padding-right: 12px;position:relative; }
.sr-list > li > div > h2.editable > input { background:transparent;padding:5px;width:100%;outline: none;border: 1px solid transparent; }
.sr-list > li.sr-selected > div > h2.editable > input { background-color:#fff;border-color: #A9A9A9; }
.sr-list > li:hover h2.editable > input { background-color:#fff;border-color: #A9A9A9; }
.sr-list > li:hover h2.editable:after { background: #fff url("../Images/pen.png") no-repeat left center;content:"";display:block;position:absolute;right:1px;top:1px;bottom:1px;width:20px; }
.sr-list > li.sr-selected h2.editable:after,
.sr-list > li.sr-removed h2.editable:after { display:none !important; }
.sr-list > li.sr-removed:hover h2.editable > input { background-color:transparent; background-image:none;border-color:transparent; }
.sr-list > li:hover { margin-top: -1px;border-top: 1px solid;border-bottom: 1px solid; }

/* list item info */
.sr-list > li > div.i { position:absolute; top:0;bottom:0;right:40px;padding-right: 20px;height:100%; }
.sr-list > li.x2 > div.i { right:80px; }
.sr-list > li.x3 > div.i { right:120px; }
.sr-list > li.x4 > div.i { right:160px; }
.sr-list > li.x5 > div.i { right:200px; }
.sr-list > li > div.i > div.ic { width:20px;border-left: 1px dotted #AEAEAE;position:absolute;right:0;top:0;bottom:0;background: #F5F5F5 url("../images/btns/InfoD.png") no-repeat 2px center;cursor: help; }
.sr-list > li:hover > div.i > div.ic { background-color:transparent; background-image: url("../images/btns/Info.png"); }
.sr-list > li > div.i > div.ic:hover { background-image: url("../images/btns/InfoH.png"); }

.sr-list > li.sr-selected > div.i > div.ic { background-color:transparent;}
.sr-list > li > div.i:hover  { padding-right:26px; }
.sr-list > li > div.i > div.sr-bubble { display:none; }
.sr-list > li > div.i:hover > div.sr-bubble { display:block; }
.sr-list > li > div.i.sr-bubble-wrap { z-index: 100; }
      

/* list item buttons */
.sr-list > li > div.lstBtn { background-color: #efefef;border-left: 1px dotted #9caab5;bottom: 0;cursor: pointer;position: absolute;right: 0;top: 0;width: 39px; }
.sr-list > li > div.lstBtn.nth2 { right:40px; }
.sr-list > li > div.lstBtn.nth3 { right:80px; }
.sr-list > li > div.lstBtn.nth4 { right:120px; }
.sr-list > li > div.lstBtn.nth5 { right:160px; }
.sr-list > li > div.lstBtn.disabled { cursor: default; }
.sr-list > li > div.lstBtn > div { background: none no-repeat scroll center center;bottom: 0;left: 0;position: absolute;right: 0;top: 0; }
.sr-list > li:hover > div.lstBtn {
    background: #ededed;
    background: -moz-linear-gradient(top,  #ededed 0%, #b2b2b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#b2b2b2));
    background: -webkit-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
    background: -o-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
    background: -ms-linear-gradient(top,  #ededed 0%,#b2b2b2 100%);
    background: linear-gradient(to bottom,  #ededed 0%,#b2b2b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#b2b2b2',GradientType=0 );
}
.sr-list > li.sr-selected .lstBtn { background-color:transparent; }

.sr-list > li > .lstBtn.del > div { background-image: url("../Images/Delete2_24pxD.png"); }
.sr-list > li:hover > .lstBtn.del > div { background-image: url("../Images/Delete2_24px.png"); }
.sr-list > li > .lstBtn.del:hover > div { background-image: url("../Images/Delete2_24pxH.png") !important; }

.sr-list > li > .lstBtn.edit > div { background-image: url("../Images/Edit_24pxD.png"); }
.sr-list > li:hover > .lstBtn.edit > div { background-image: url("../Images/Edit_24px.png"); }
.sr-list > li > .lstBtn.edit:hover > div { background-image: url("../Images/Edit_24pxH.png") !important; }

.sr-list > li.sr-removed > .lstBtn.del > div { background-image: url("../Images/Undo_24pxD.png"); }
.sr-list > li.sr-removed:hover > .lstBtn.del > div { background-image: url("../Images/Undo_24px.png"); }
.sr-list > li.sr-removed > .lstBtn.del:hover > div { background-image: url("../Images/Undo_24pxH.png") !important; }

.sr-list > li > .lstBtn.addR > div { background-image: url("../Images/AddToSelection_24pxD.png"); }
.sr-list > li:hover > .lstBtn.addR > div { background-image: url("../Images/AddToSelection_24px.png"); }
.sr-list > li > .lstBtn.addR:hover > div { background-image: url("../Images/AddToSelection_24pxH.png") !important; }

.sr-list.send-right > li > .lstBtn > div { background-image: url("../Images/AddToSelection_24pxD.png"); }
.sr-list.send-right > li:hover > .lstBtn > div{ background-image: url("../Images/AddToSelection_24px.png"); }
.sr-list.send-right > li > .lstBtn:hover > div { background-image: url("../Images/AddToSelection_24pxH.png") !important; }

.sr-list.select-item > li > .lstBtn > div { background-image: url("../Images/Ok_24pxD.png"); }
.sr-list.select-item > li:hover > .lstBtn > div{ background-image: url("../Images/Ok_24px.png"); }
.sr-list.select-item > li > .lstBtn:hover > div { background-image: url("../Images/Ok_24pxH.png") !important; }

.sr-list.send-right > li.sr-locked { cursor: default; background: #F9FAFC !important; filter: none; }
.sr-list.send-right > li.sr-locked .lstBtn {  cursor: default; background: #EFEFEF !important; filter: none; }
.sr-list.send-right > li.sr-locked .lstBtn > div { background-image: none !important; }

.sr-list.return-item > li > .lstBtn > div { background-image: url("../Images/Delete2_24pxD.png"); }
.sr-list.return-item > li:hover > .lstBtn > div { background-image: url("../Images/Delete2_24px.png"); }
.sr-list.return-item > li > .lstBtn:hover > div { background-image: url("../Images/Delete2_24pxH.png") !important; }

.sr-list.return-item > li.sr-locked { cursor: default; }
.sr-list.return-item > li.sr-locked .lstBtn {  cursor: default; }
.sr-list.return-item > li.sr-locked .lstBtn > div { background-image: url("../Images/Status_24px_LockedD.png") !important; }

.sr-list.return-item > li.sr-primary .lstBtn { cursor: default; }
.sr-list.return-item > li.sr-primary .lstBtn > div { background-image: url("../Images/Status_24px_LockedD.png") !important; }

/* list item inside Custom Drop Down List */
.ddlCustomPopout > .sr-list>li:last-child { border-bottom: none; }

/* Item states
-------------------------*/

.sr-selected,
.sr-list > li.sr-selected,
.nbTblBody tr.sel > th,     /* NB Table */
.nbTblBody tr.sel > td,     /* NB Table */
.nbTblBody tr.alt.sel > td, /* NB Table */
.dataTbl .rowSel > td,      /* Data Table */
.dataTblNH .rowSel > td,    /* Data Table */
.org.treeview .item.e.sel,  /* Organisation Tree */
ul.textItemList > li.sel    /* Custom drop down list items */
{
    background: #C1DCF0;
    border-bottom-color:#7595AD; border-top-color: #7595AD;     
}
.sr-list > li.sr-selected { border-top-style: solid; border-bottom-style: solid; }

.sr-hover { }
.sr-hover:hover, 
.sr-list > li.sr-hover:hover,
.sr-hover:hover > td,
.nbTblBody tr:hover > th,       /* NB Table */
.nbTblBody tr:hover > td,       /* NB Table */
.selTbl tr:hover > td,          /* Sel Table */
.dataTbl tr:hover > td,         /* Data Table */
.org.treeview .item.e:hover,    /* Organisation Tree */ 
.accessTbl tr:hover > th p,     /* Access Table */
.accessTbl tr:hover > td,       /* Access Table */
ul.textItemList > li:hover      /* Custom drop down list items */
{
    border-bottom-color:#6E889B; border-top-color: #B5BFC7; 
    background: #ecf5ff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZjVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmI2ZDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ecf5ff 0%, #8fb6d3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecf5ff), color-stop(100%,#8fb6d3));
    background: -webkit-linear-gradient(top,  #ecf5ff 0%,#8fb6d3 100%);
    background: -o-linear-gradient(top,  #ecf5ff 0%,#8fb6d3 100%);
    background: -ms-linear-gradient(top,  #ecf5ff 0%,#8fb6d3 100%);
    background: linear-gradient(to bottom,  #ecf5ff 0%,#8fb6d3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5ff', endColorstr='#8fb6d3',GradientType=0 );
}
.org.treeview .item.e:hover { border-left-color: #B5BFC7; }

.sr-removed,
.sr-list > li.sr-removed { border-color: #888 !important;border-left: 24px solid #888;font-size: 0.7em; }
.sr-removed input,
.sr-list > li.sr-removed > div > h2.editable input{ font-size: 0.7em !important;padding-top:0;padding-bottom:0; }        
.sr-removed:after,
.sr-list > li.sr-removed:after  
{
    position:absolute;content:"";top:0;left:0;bottom:0;right:0;opacity: 0.6;
    background: rgb(255,248,246);
    background: -moz-linear-gradient(top,  rgba(255,248,246,1) 0%, rgba(255,229,230,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,248,246,1)), color-stop(100%,rgba(255,229,230,1)));
    background: -webkit-linear-gradient(top,  rgba(255,248,246,1) 0%,rgba(255,229,230,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,248,246,1) 0%,rgba(255,229,230,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,248,246,1) 0%,rgba(255,229,230,1) 100%);
    background: linear-gradient(top,  rgba(255,248,246,1) 0%,rgba(255,229,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8f6', endColorstr='#ffe5e6',GradientType=0 );
}

.sr-changed,
.sr-changed input,
.sr-list > li.sr-changed,
.sr-list > li.sr-changed input  { color: Red; }

.sr-locked,
.sr-list > li.sr-locked { cursor: default; }

.sr-sortable { background-position: center -4px; background-repeat:no-repeat;cursor:pointer;text-decoration:underline; }
.sr-sortable:hover {  }
.sr-sortable.asc { background-image: url("../images/addUp.png"); }
.sr-sortable.desc { background-image: url("../images/addDown.png"); }


/* Item Selection Modes
-------------------------*/
.sr-list.multi-select > li,
.sr-list.single-select > li { padding-left: 42px; }
.sr-list.multi-select.slim > li,
.sr-list.single-select.slim > li { padding-left: 24px; }
.sr-list.multi-select > li::before,
.sr-list.single-select > li::before { content:"";position:absolute;top:50%;margin-top:-6px;left:12px; display:block;width:12px;height:12px;border: 1px solid #A9A9A9;box-sizing:border-box;background-color:#fff; }
.sr-list.single-select > li::before { border-radius: 6px; }
.sr-list.multi-select > li.sr-selected::after,
.sr-list.single-select > li.sr-selected::after
{
    content:"\e370";position:absolute;top:50%;margin-top:-6px;left:12px; display:block;width:12px;height:12px;
    line-height: 12px;
    font-size:8px;
    text-align:center;
            
            
    font-family: 'FontArtMetro';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sr-list.single-select > li.sr-selected::after { }
.sr-list.multi-select.slim > li::before,
.sr-list.multi-select.slim > li.sr-selected::after,
.sr-list.single-select.slim > li::before,
.sr-list.single-select.slim > li.sr-selected::after { left:6px; }

/* Grid
-------------------------*/

.sr-grid { position: relative; }
.sr-grid:after { content:""; clear:both;display:block; }
.sr-grid * { -moz-box-sizing: border-box;box-sizing: border-box; }
.sr-grid > .sr-grid-col { float:left; }
.sr-grid > .sr-grid-col:before { content:"";position: absolute;top: 0;bottom: 0;border-left: 1px solid #AEAEAE;display:block; }
.sr-grid > .sr-grid-col:first-child:before { border-left: none; }

/* Translate
-------------------------*/
.translatable { padding-right: 12px;position:relative;min-height:24px;border: 1px solid transparent; }
.translatable:hover {background-color: #fff;border-color: #a9a9a9; }
.translatable:hover:after { content:""; background: url("../Images/Pen.png") no-repeat 0 2px;width:20px;position:absolute;top:1px;right:1px;bottom:1px; }

/* Helper Classes
-------------------------*/
.sr-center-screen { top: 50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }

/* Indented List
-------------------------*/
.sr-indent-list, .sr-indent-list ul { margin:0; padding:0; list-style:none; }
.sr-indent-list li.cbx-item { position: relative;padding: 5px 6px;display:list-item;line-height:15px; }
.sr-indent-list li.cbx-item .cbx { position:absolute; top:0;left:0;bottom:0; border-right: 1px solid #C2C7CD;width:30px; }
.sr-indent-list li.cbx-item .cbx > b { display:table; height:25px;width:100%; }
.sr-indent-list li.cbx-item .cbx > b > b { text-align:center;display:table-cell;vertical-align:middle; }
.sr-indent-list li.cbx-item .txt { margin-left: 36px; }
.sr-indent-list li.cbx-selall {color: #333;padding: 5px 6px;border-bottom: 1px solid #C2C7CD;border-top: 1px solid #C2C7CD;background-color:#F1F1F1;position:relative;list-style:none;margin:0 -12px; }
.sr-indent-list li.page-title { border-bottom: 1px solid #C2C7CD;border-top: 1px solid #C2C7CD; }
.sr-indent-list li.page-title:first-child { border-top:none;}
.sr-indent-list li.cbx-item-hl { border-left: 31px solid #f1f1f1;background-color:#fff; }
.sr-indent-list li.cbx-item-hl .cbx { border-left: 1px solid #C2C7CD;width:30px;left:-1px; }
.sr-indent-list li.cbx-item-rbtn .txt { margin-right: 32px; }
        
.sr-indent-list a.btn { position:absolute; width:22px; top:2px;right:2px;margin:0; }
.sr-indent-list a.btn span { background-image: url("../Images/dataTblGroupArrowDown.png"); background-position:center center; }
.sr-indent-list a.btn.pressed span { background-image: url("../Images/dataTblGroupArrowUp.png"); }
.sr-indent-list ul { margin: 4px -5px -5px 24px;background-color: #fcfcfc;color: #000;border: 1px solid #C2C7CD; display:none;border-right:none; }
.sr-indent-list li.showSub 
{
    color: #000;
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(207,207,207,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(207,207,207,1)));
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(207,207,207,1) 100%);
    background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(207,207,207,1) 100%);
    background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(207,207,207,1) 100%);
    background: linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(207,207,207,1) 100%);
}
.sr-indent-list li.showSub > ul { display: block; }
.sr-indent-list li div.status { display:none; position:absolute; margin-left: -28px; background: url("../Images/partial_eye_disabled.png") no-repeat center center; width:16px;height:16px;}
.sr-indent-list li.subFilter div.status { display:block; }

/* Pager
-------------------------*/
.sr-pager { list-style: none; padding:0 6px; margin:0;overflow:hidden;height: 18px; }
.sr-pager li { float:left; padding:0; margin:0; cursor: pointer; }
.sr-pager li.text { cursor:default; }

.sr-pager li.first { width: 18px; height: 18px; background-image: url(../images/btns/PagingFirst.png); }
.sr-pager li.first:hover { background-image: url(../images/btns/PagingFirstH.png); }
.sr-pager li.first.disabled { background-image: url(../images/btns/PagingFirstD.png) !important; }
.sr-pager li.prev { width: 18px; height: 18px; background-image: url(../images/btns/PagingPrevious.png); }
.sr-pager li.prev:hover { background-image: url(../images/btns/PagingPreviousH.png); }
.sr-pager li.prev.disabled { background-image: url(../images/btns/PagingPreviousD.png) !important; }
.sr-pager li.next { width: 18px; height: 18px; background-image: url(../images/btns/PagingNext.png); }
.sr-pager li.next:hover { background-image: url(../images/btns/PagingNextH.png); }
.sr-pager li.next.disabled { background-image: url(../images/btns/PagingNextD.png) !important; }
.sr-pager li.last { width: 18px; height: 18px; background-image: url(../images/btns/PagingLast.png); }
.sr-pager li.last:hover { background-image: url(../images/btns/PagingLastH.png); }
.sr-pager li.last.disabled { background-image: url(../images/btns/PagingLastD.png) !important; }
.sr-pager li.page { height: 16px; padding: 1px 3px; line-height: 16px; }
.sr-pager li.page:hover { font-weight: bold; }
.sr-pager li.page.sel { background-color: #A3B4C3; font-weight: bold; }
.sr-pager li.text { height: 16px; padding: 1px 3px 1px 6px; line-height: 16px; }
        
/* Switch */
.sr-switch {
  position: relative;
  display: block;
  vertical-align: top;

  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.sr-switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.sr-switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.sr-switch-label:before, .sr-switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.sr-switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.sr-switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.sr-switch-input:checked ~ .sr-switch-label {
  background: #4fb845;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.sr-switch-input:checked ~ .sr-switch-label:before {
  opacity: 0;
}
.sr-switch-input:checked ~ .sr-switch-label:after {
  opacity: 1;
}

.sr-switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  margin-left:0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out, margin-left 0.15s;
  -moz-transition: left 0.15s ease-out, margin-left 0.15s;
  -o-transition: left 0.15s ease-out, margin-left 0.15s;
  transition: left 0.15s ease-out, margin-left 0.15s;
  
}
.sr-switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.sr-switch-input:checked ~ .sr-switch-handle {
  left: 100%;
  margin-left:-22px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}


/* sr-panel-container
---------------------------------------*/
.sr-panel-container { overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0; }
.sr-panel-container a { color:#000; text-decoration:none; }
.sr-panel-container .animate {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

        
.sr-panel-container .leftPanel { float:left; height:100%;width:30%;position:relative; }         
.sr-panel-container .panel { padding: 0;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:30%;border-right:none; }
        
.sr-panel-container .itemScroll { position:absolute;top:0;left:0;right:0;bottom:25px;overflow:auto; }
.sr-panel-container .itemList { padding: 0; margin:0;list-style:none;position:relative;z-index:2; }
.sr-panel-container .itemList >li >a { position:relative; height:26px;padding:6px; display:block;white-space:nowrap;overflow:hidden; }
        
.sr-panel-container.editItem .itemScroll { overflow:visible; }
.sr-panel-container.editItem .itemPanel .itemScroll { overflow:hidden; }
.sr-panel-container.editItem > .leftPanel > .itemScroll > .itemList >li >a:hover { margin-right: -600%; z-index:1000;box-shadow: 0 0 2px #9D9F9E; }
        
.sr-panel-container .itemList { padding-top: 12px; }

.sr-panel-container .itemPanel { background-color: #F9FAFC; }
.sr-panel-container .itemPanel > .leftPanel { background: #F9FAFC url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAIAAABsYngUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAABtJREFUGFdj+PnrDxy9//Dp3oP7h44cnjt/HgAcMBVO9tm3owAAAABJRU5ErkJggg==) repeat-y right top; }
        
.sr-panel-container .itemPanel .itemList > li { padding: 0 18px 6px 18px; }
.sr-panel-container .itemPanel .itemList > li > a { border: 1px dotted #434345; background-color:#fff;cursor:pointer; } 
.sr-panel-container .itemPanel .itemList > li > a:hover { border: 1px solid #9D9EA3;box-shadow: 0 0 2px #4195fc; }
.sr-panel-container .btnAddItem { display:block; border:1px dotted #BFC0C2;text-align:center;margin: 0 18px 6px;padding:2px;cursor:pointer; }
.sr-panel-container .btnAddItem:hover { border: 1px solid #9D9EA3;box-shadow: 0 0 2px #4195fc;background-color:#fff; }
.sr-panel-container .btnAddItem > img { max-width: 34px;border:none; }

      
.sr-panel-container.editItem .itemPanel .itemList > li.sel { padding-right:0; }
.sr-panel-container.editItem .itemPanel .itemList > li.sel > a { border: 1px solid #9D9F9E;border-right: none !important;box-shadow: -1px 0 2px #9D9F9E;background-color:#fff;color:#4B4B4B; }
.sr-panel-container.editItem .itemPanel .itemList > li > a { background-color: #FBFDFC; color: #BEBEBE; }
.sr-panel-container.editItem .itemPanel .itemList > li > a:hover { border: 1px solid #9D9EA3;background-color:#fff;color:#4B4B4B; } 
        
.sr-panel-container .editPanel { background-color: #fff;z-index:300; }
.sr-panel-container .#editPanel h2.h span { background-color:#fff; }

body.noGroups .sr-panel-container .groupPanel { width: 0 !important;display:none; }
body.noGroups .sr-panel-container .itemPanel { left: 0% !important; }
body.noGroups .sr-panel-container .editGroup { display:none; }
body.noGroups .sr-panel-container .itemList { padding-top: 22px; }
.sr-panel-container .btnAddGroupNoGroups { display:none; }
body.noGroups .sr-panel-container .btnAddGroupNoGroups { display:block; }
        
.sr-panel-container.selectGroups .itemPanel > .leftPanel { width:100%; }
.sr-panel-container.selectGroups .itemPanel > .panel { left: 100%; }

        
.sr-panel-container.editItem > .leftPanel { width: 5%; }
.sr-panel-container.editItem > .panel { left: 5%; }
.sr-panel-container.editItem .itemPanel > .leftPanel { width:30%; }
.sr-panel-container.editItem .itemPanel > .panel { left: 30%; }
        
.sr-panel-container .editPanelWrapper { position:absolute;overflow:auto;top:0;left:0;right:0;bottom:25px;min-width:300px;padding:12px; }


/* sr-info-label
---------------------------------------*/
.sr-info-label { position:relative; padding-right: 20px;min-height:16px; }
.sr-info-label .info { display:block;position:absolute;top:0;right:0;bottom:0;background: url('../Images/InfoSmall.png') no-repeat center top;cursor:help;width:16px; }
/* Common */
#buttonBar ul,
#cc-page-btns ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#buttonBar ul li,
#cc-page-btns ul li
{
    float:right;
    line-height: 16px;
    height: 16px;
    /*border: solid 1px transparent;*/
    margin-top: 2px;
    margin-left: 6px;
    
}
#buttonBar li.btn,
#cc-page-btns li.btn
{
    padding: 1px 6px 1px 3px;
    background: #CFCFCF url(../images/Btns/btnBg.png) 0 0 repeat-x;
    border: solid 1px #707070;
    /*
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    */
}
#buttonBar .titleInfo
{
    line-height: 20px;
    height: 20px;
    border: solid 1px transparent;
    padding: 1px 3px;
}

#buttonBar ul li:hover,
#cc-page-btns ul li:hover,
span.btn.focused,
span.btn:hover
{
    /*background:#e8f5fd url(../images/dataTblRowH.png) 0 0 repeat-x;*/
    background:#A7D9F5 url(../images/Btns/btnBgH.png) 0 0 repeat-x;
    border-color:#3C7FB1;
}
#buttonBar ul li.disabledBtn:hover,
#cc-page-btns ul li.disabledBtn:hover,
span.disabledBtn:hover
{
    background: #CFCFCF url(../images/Btns/btnBg.png) 0 0 repeat-x;
    border: solid 1px #707070;
}

.btnBar{
    text-align: right;
    background-color:#8fa2b4;
    border-top:1px solid #426783;
    height:24px;
    padding:0 12px;
    overflow:hidden;
}

.disabledBtn
{
    background: #EFEFEF none !important;
    border: solid 1px #909090 !important;
}
.disabledBtn a
{
    color: #aaa !important;
    cursor:default !important;
    font-style:italic;
}
span.btn
{
    display:block;
    line-height: 16px;
    height: 16px;
    /*border: solid 1px transparent;    
    padding: 1px 3px;    */
    margin-left: 6px;
    margin-top: 2px;
    padding: 1px 6px 1px 3px;
    background: #CFCFCF url(../images/Btns/btnBg.png) 0 0 repeat-x;
    border: solid 1px #707070;
    color: #000;
    /*
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    */
}
/*
span.btn:hover
{
    background:#e8f5fd url(../images/dataTblRowH.png) 0 0 repeat-x;
    border-color:#d8f0fa;
}*/
span.speedBtn{
    width: 16px;
}
span.speedBtn a
{
    width: 18px;
    height: 16px;
    padding-left: 0 !important;
}
.btn a,
.btn a:visited,
.btn a:hover
{
    display: block;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 22px;
    text-decoration: none;
    color: #000;
}
.btn.selected
{
    border-style: outset inset inset outset;
    border-width: 1px;
    border-color: #000 #fff #fff #000;
}
.btn.invalid{
    border-color:#ab0000 #db0000 #e30000 #e20000 !important; /*Same color as in StyleSheet.css, QuestionDesign.css*/
}
/* To avoid only changing "button"-bg before button icon, use "a" as button element */
a.btn{
    display:block;
    line-height: 16px;
    height: 16px;
    /*border: solid 1px transparent;    
    padding: 1px 3px;    */
    margin-left: 6px;
    margin-top: 2px;
    padding: 1px 6px 1px 3px;
    background: #cfcfcf url(../images/Btns/btnBg.png) 0 0 repeat-x;
    border: solid 1px #707070;
    text-decoration: none;
    color: #000;
}
td a.btn{
    margin-top: 0;
}
a.btn:hover{
    background:#a7d9f5 url(../images/Btns/btnBgH.png) 0 0 repeat-x;
    border-color:#3c7fb1;
}
a.btn span{
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 22px;
    line-height: 16px;
    height: 16px;
    display:block;
    cursor:pointer;
}
a.btn span.c
{
     background-position: center center;
}
a.btn span.r
{
     background-position: right center;
}
a.btn.speedBtn{
    padding: 1px 3px;
}
a.btn.speedBtn span.r
{
     background-position: 10px center;
}
a.disabledBtn{
    background: #EFEFEF none !important;
    border: solid 1px #909090 !important;
    color: #a3a3a3 !important;
    cursor:default !important;
    font-style:italic;
}
.btn.transparentBg,
.btn.transparentBg:hover
{
	border: none !important;
	background: transparent !important;
}

/* toggle button */
.toggleBtn.pressed { border-color: #294962 #B6C7D5 #BACCDB #3D586D !important; background-image: none !important;background-color: #BCBCBC !important;box-shadow: inset 1px 1px 1px rgba(0,0,0,0.4) }
.toggleBtn.pressed:hover  
{
    background: #cfcfcf none 0 0 repeat-x !important;
    border: solid 1px #707070 !important;
    box-shadow:none;
}

/* List buttons */
.listCommands a.btn,
.btnBar a.btn{
    background: #dedede url(../images/Btns/ListBtnBg.png) 0 0 repeat-x;
    margin-bottom: 2px;
    border-color:#939393;
    float:right;
    color: #3a3a3a;
}
.listCommands a.btn:hover,
.btnBar a.btn:hover{
    background:#9eb1bc url(../images/Btns/ListBtnBgH.png) 0 0 repeat-x;
    border-color:#769db0;
}
.listCommands a.disabledBtn,
.btnBar a.disabledBtn{
    background: #f5f5f5 none !important;
    border-color:#b4b4b4 !important;
}
.listCommands a.btn:hover{
    color: #000; 
}
.imgBtn{
	border: none!important;
	background: none!important;
}
/* Large buttons */
.largeBtn{
	cursor: pointer;
	background-position: 5px 50%!important;
	background-repeat:no-repeat!important;
	background-color: #f3f3f3!important;
	border:1px dotted #aaaaaa!important;
	height:80px;
	margin:5px 2px;
	padding:5px 5px 5px 83px;
}
.largeBtn.disabledBtn{
	cursor: default;
}
.largeBtn.disabledBtn h3,
.largeBtn.disabledBtn div{
	font-style: italic;
	color: #ccc;
}
.largeBtn.focused,
.largeBtn:hover{
	border-style: solid!important;
	background-color: #f0f0f0!important;
}
.largeBtn.disabledBtn.focused,
.largeBtn.disabledBtn:hover{
	border-style: inherit;
	background-color: inherit;
}

/* Dropdown button
---------------------------------------------*/

a.btn.btnDropDownMenu { }
a.btn.btnDropDownMenu span::after  
{
    content: " ";
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; 
    color:#444;
}
#cc-toolbar a.btn.btnDropDownMenu span { margin-left:0;padding:0;position:relative;}
#cc-toolbar a.btn.btnDropDownMenu span::after  
{
    position:absolute;
    top:6px;left:50%;
    margin: 0 0 0 10px;
}
#dropDownMenuBtnPopout { position:absolute;z-index: 5000000;padding:0; }
#dropDownMenuBtnPopout * { white-space:nowrap;}
#dropDownMenuBtnPopout img { display:inline-block;float:none !important;}
#dropDownMenuBtnPopout .txt { display:inline-block; }
#dropDownMenuBtnPopout li { padding-right: 18px; }

/* Add button */
.nbmenu .nbmIcon.btnAdd,
.btnAdd a,
a.btnAdd span{
    background-image: url(../images/btns/add.png);
}
.btnAdd a:hover,
a.btnAdd:hover span{
    background-image: url(../images/btns/addH.png);
}
.btnAdd.disabledBtn a,
a.btnAdd.disabledBtn span
{
    background-image: url(../images/btns/addD.png) !important;
}

/* Edit button */
.nbmenu .nbmIcon.btnEdit,
.btnEdit a,
a.btnEdit span
{
    background-image: url(../images/btns/edit.png);
}
.btnEdit a:hover,
a.btnEdit:hover span
{
    background-image: url(../images/btns/editH.png);
}
.btnEdit.disabledBtn a,
a.btnEdit.disabledBtn span
{
    background-image: url(../images/btns/editD.png) !important;
}

/* Refresh button */
.nbmenu .nbmIcon.btnRefresh,
.btnRefresh a,
a.btnRefresh span
{
    background-image: url(../images/btns/refresh.png);
}
.btnRefresh a:hover,
a.btnRefresh:hover span
{
    background-image: url(../images/btns/refreshH.png);
}
.btnRefresh.disabledBtn a,
a.btnRefresh.disabledBtn span
{
    background-image: url(../images/btns/refreshD.png) !important;
}

/* Save button */
.btnSave a,
a.btnSave span,
.btnExport a,
a.btnExport span,
.btnSaveSurveySpecific a
{
    background-image: url(../images/btns/save.png);
}
.btnSave a:hover,
a.btnSave:hover span,
.btnExport a:hover,
a.btnExport:hover span,
.btnSaveSurveySpecific a:hover
{
    background-image: url(../images/btns/saveH.png);
}
.btnSave.disabledBtn a,
a.btnSave.disabledBtn span,
.btnExport.disabledBtn a,
a.btnExport.disabledBtn span,
.btnSaveSurveySpecific.disabledBtn a
{
    background-image: url(../images/btns/saveD.png) !important;
}
/* Save as */
.btnSaveAs a,
a.btnSaveAs span{
    background-image: url(../images/btns/SaveAs.png);
}
.btnSaveAs:hover a,
a.btnSaveAs:hover span{
    background-image: url(../images/btns/SaveAsH.png);
}
.btnSaveAs.disabledBtn a,
a.btnSaveAs.disabledBtn span{
    background-image: url(../images/btns/SaveAsD.png) !important;
}

/* Delete buttons */
.nbmenu .nbmIcon.btnDelete,
.btnDelete a,
a.btnDelete span,
.btnRemove a,
a.btnRemove span{
    background-image: url(../images/btns/delete.png);
}
.btnDelete a:hover,
a.btnDelete:hover span,
.btnRemove a:hover,
a.btnRemove:hover span{
    background-image: url(../images/btns/deleteH.png);
}
.btnDelete.disabledBtn a,
a.btnDelete.disabledBtn span,
.btnRemove.disabledBtn a,
a.btnRemove.disabledBtn span{
    background-image: url(../images/btns/deleteD.png) !important;
}
.nbmenu .nbmIcon.btnDelete2,
.btnDelete2 a,
a.btnDelete2 span
{
    background-image: url(../images/btns/delete2.png);
}
.btnDelete2 a:hover,
a.btnDelete2:hover span
{
    background-image: url(../images/btns/delete2H.png);
}
.btnDelete2.disabledBtn a,
a.btnDelete2.disabledBtn span
{
    background-image: url(../images/btns/delete2D.png) !important;
}

/* Search button */
.nbmenu .nbmIcon.btnSearch,
.btnSearch a,
a.btnSearch span
{
    background-image: url(../images/btns/search.png);
}
.btnSearch a:hover,
a.btnSearch:hover span
{
    background-image: url(../images/btns/searchH.png);
}
.btnSearch.disabledBtn a,
a.btnSearch.disabledBtn span
{
    background-image: url(../images/btns/searchD.png) !important;
}

/* CD / Software button */
.btnCD a
{
    background-image: url(../images/btns/cd.png);
}
.btnCD a:hover
{
    background-image: url(../images/btns/cdH.png);
}
.btnCD.disabledBtn a
{
    background-image: url(../images/btns/cdD.png) !important;
}

/* Generate */
.nbmenu .nbmIcon.btnGenerate,
.btnGenerate a,
a.btnGenerate span
{
    background-image: url(../images/btns/generate.png);
}
.btnGenerate a:hover,
a.btnGenerate:hover span
{
    background-image: url(../images/btns/generateH.png);
}
a.btnGenerate.disabledBtn span
{
    background-image: url(../images/btns/generateD.png) !important;
}

/* Ok */
.btnOk a,
a.btnOk span
{
    background-image: url(../images/btns/ok.png);
}
.btnOk a:hover,
a.btnOk:hover span
{
    background-image: url(../images/btns/okH.png);
}
.btnOk.disabledBtn a,
a.btnOk.disabledBtn span
{
    background-image: url(../images/btns/okD.png) !important;
}

/* Cancel */
.btnCancel a,
a.btnCancel span
{
    background-image: url(../images/btns/cancel.png);
}
.btnCancel a:hover,
a.btnCancel:hover span
{
    background-image: url(../images/btns/cancelH.png);
}
.btnCancel.disabledBtn a,
a.btnCancel.disabledBtn span
{
    background-image: url(../images/btns/cancelD.png) !important;
}

/* Info */
.nbmenu .nbmIcon.btnInfo,
.btnInfo a,
a.btnInfo span
{
    background-image: url(../images/btns/info.png);
}
.btnInfo a:hover
{
    background-image: url(../images/btns/infoH.png);
}
.btnInfo.disabledBtn a
{
    background-image: url(../images/btns/infoD.png) !important;
}
.nbmenu .nbmIcon.btnInfo {
    padding: 0;
}

/* Merge */
.btnMerge a,
a.btnMerge span
{
    background-image: url(../images/btns/merge.png);
}
.btnMerge a:hover,
a.btnMerge:hover span
{
    background-image: url(../images/btns/mergeH.png);
}
.btnMerge.disabledBtn a,
a.btnMerge.disabledBtn span
{
    background-image: url(../images/btns/mergeD.png) !important;
}

/* ToggleShowHide */
.btnToggleShowHide a,
a.btnToggleShowHide span
{
    background-image: url(../images/btns/ToggleShowHide.png);
}
.btnToggleShowHide a:hover,
a.btnToggleShowHide:hover span
{
    background-image: url(../images/btns/ToggleShowHideH.png);
}
.btnToggleShowHide.disabledBtn a,
a.btnToggleShowHide.disabledBtn span
{
    background-image: url(../images/btns/ToggleShowHideD.png) !important;
}

/* Rename */
.nbmenu .nbmIcon.btnRename,
.btnRename a,
a.btnRename span
{
    background-image: url(../images/btns/rename.png);
}
.btnRename a:hover,
a.btnRename:hover span
{
    background-image: url(../images/btns/renameH.png);
}
.btnRename.disabledBtn a,
a.btnRename.disabledBtn span
{
    background-image: url(../images/btns/renameD.png) !important;
}

/* Computer */
.btnComputer a
{
    background-image: url(../images/btns/computer.png);
}
.btnComputer a:hover
{
    background-image: url(../images/btns/computerH.png);
}
.btnComputer.disabledBtn a
{
    background-image: url(../images/btns/computerD.png) !important;
}

/* Calendar */
.btnCalendar a
{
    background-image: url(../images/btns/calendar.png);
}
.btnCalendar a:hover
{
    background-image: url(../images/btns/calendarH.png);
}
.btnCalendar.disabledBtn a
{
    background-image: url(../images/btns/calendarD.png) !important;
}

/* Survey Add */
.btnSurveyAdd a,
a.btnSurveyAdd span{
    background-image: url(../images/btns/surveyAdd.png);
}
.btnSurveyAdd a:hover,
a.btnSurveyAdd:hover span{
    background-image: url(../images/btns/surveyAddH.png);
}
.btnSurveyAdd.disabledBtn a,
a.btnSurveyAdd.disabledBtn span{
    background-image: url(../images/btns/surveyAddD.png) !important;
}
.btnSurveyAdd.largeBtn
{
    background-image: url(../images/btns/surveyAddLarge.png);
}
.btnSurveyAdd.largeBtn.focused,
.btnSurveyAdd.largeBtn:hover
{
    background-image: url(../images/btns/surveyAddLargeH.png);
}
.btnSurveyAdd.largeBtn.disabledBtn
{
    background-image: url(../images/btns/surveyAddLargeD.png) !important;
}
/* Survey New Empty */
.btnSurveyNewEmpty.largeBtn
{
    background-image: url(../images/btns/SurveyNewEmptyLarge.png);
}
.btnSurveyNewEmpty.largeBtn.focused,
.btnSurveyNewEmpty.largeBtn:hover
{
    background-image: url(../images/btns/SurveyNewEmptyLargeH.png);
}
.btnSurveyNewEmpty.largeBtn.disabledBtn
{
    background-image: url(../images/btns/SurveyNewEmptyLargeD.png) !important;
}
/* Survey New From Copy */
.btnSurveyNewFrCopy.largeBtn
{
    background-image: url(../images/btns/SurveyNewFrCopyLarge.png);
}
.btnSurveyNewFrCopy.largeBtn.focused,
.btnSurveyNewFrCopy.largeBtn:hover
{
    background-image: url(../images/btns/SurveyNewFrCopyLargeH.png);
}
.btnSurveyNewFrCopy.largeBtn.disabledBtn
{
    background-image: url(../images/btns/SurveyNewFrCopyLargeD.png) !important;
}
/* Survey New From Template */
.btnSurveyNewFrTempl.largeBtn
{
    background-image: url(../images/btns/SurveyNewFrTemplLarge.png);
}
.btnSurveyNewFrTempl.largeBtn.focused,
.btnSurveyNewFrTempl.largeBtn:hover
{
    background-image: url(../images/btns/SurveyNewFrTemplLargeH.png);
}
.btnSurveyNewFrTempl.largeBtn.disabledBtn
{
    background-image: url(../images/btns/SurveyNewFrTemplLargeD.png);
}

/* Survey Search */
.btnSurveySearch a,
a.btnSurveySearch span{
    background-image: url(../images/btns/surveySearch.png);
}
.btnSurveySearch a:hover,
a.btnSurveySearch:hover span{
    background-image: url(../images/btns/surveySearchH.png);
}
.btnSurveySearch.disabledBtn a,
a.btnSurveySearch.disabledBtn span{
    background-image: url(../images/btns/surveySearchD.png) !important;
}

/* Survey Import */
.btnSurveyImport a
{
    background-image: url(../images/btns/surveyImport.png);
}
.btnSurveyImport a:hover
{
    background-image: url(../images/btns/surveyImportH.png);
}
.btnSurveyImport.disabledBtn a
{
    background-image: url(../images/btns/surveyImportD.png) !important;
}

.btnRespondentSearchSimple a
{
    background-image: url(../images/btns/simple.png);
}
.btnRespondentSearchSimple a:hover
{
    background-image: url(../images/btns/simpleH.png);
}
.btnRespondentSearchSimple.disabledBtn a
{
    background-image: url(../images/btns/simpleD.png) !important;
}

.btnRespondentSearchAdvanced a,
a.btnAdvSearch span
{
    background-image: url(../images/btns/Advanced.png);
}
.btnRespondentSearchAdvanced a:hover,
a.btnAdvSearch:hover span
{
    background-image: url(../images/btns/AdvancedH.png);
}
.btnRespondentSearchAdvanced.disabledBtn a,
a.btnAdvSearch.disabledBtn span
{
    background-image: url(../images/btns/AdvancedD.png) !important;
}

/* Key button*/
.btnKey a,
a.btnKey span{
    background-image: url(../images/btns/Key.png);
}
.btnKey a:hover,
a.btnKey:hover span{
    background-image: url(../images/btns/KeyH.png);
}
.btnKey.disabledBtn a,
a.btnKey.disabledBtn span{
    background-image: url(../images/btns/KeyD.png) !important;
}

.btnClearSearch a
{
    background-image: url(../images/btns/ClearSearch.png);
}

.btnClearSearch a:hover
{
    background-image: url(../images/btns/ClearSearchH.png);
}

.btnClearSearch.disabledBtn a
{
    background-image: url(../images/btns/ClearSearchD.png);
}

/* Language Add */
.btnAddLang a
{
    background-image: url(../images/btns/addLang.png);
}
.btnAddLang a:hover
{
    background-image: url(../images/btns/addLangH.png);
}
.btnAddLang.disabledBtn a
{
    background-image: url(../images/btns/addLangD.png) !important;
}

/* Navigate Back */
.btnBack a,
a.btnBack span{
    background-image: url(../images/btns/back.png);
}
.btnBack a:hover,
a.btnBack:hover span{
    background-image: url(../images/btns/backH.png);
}
.btnBack.disabledBtn a,
a.btnBack.disabledBtn span{
    background-image: url(../images/btns/backD.png) !important;
}

/* Navigate Guide - Previous step & Next step*/
.btnStepPrevious a,
a.btnStepPrevious span{
    background-image: url(../images/btns/StepPrevious.png);
}
.btnStepPrevious a:hover,
a.btnStepPrevious:hover span{
    background-image: url(../images/btns/StepPreviousH.png);
}
.btnStepPrevious.disabledBtn a,
a.btnStepPrevious.disabledBtn span{
    background-image: url(../images/btns/StepPreviousD.png) !important;
}
.btnStepNext a,
a.btnStepNext span{
    background-image: url(../images/btns/StepNext.png);
}
.btnStepNext a:hover,
a.btnStepNext:hover span{
    background-image: url(../images/btns/StepNextH.png);
}
.btnStepNext.disabledBtn a,
a.btnStepNext.disabledBtn span{
    background-image: url(../images/btns/StepNextD.png) !important;
}

/* Load */
.btnLoad a
{
    background-image: url(../images/btns/load.png);
}
.btnLoad a:hover
{
    background-image: url(../images/btns/loadH.png);
}
.btnLoad.disabledBtn a
{
    background-image: url(../images/btns/loadD.png) !important;
}

/* Preview e-mail */
.btnPreviewEmail a,
a.btnPreviewEmail span
{
    background-image: url(../images/btns/previewemail.png);
}
.btnPreviewEmail a:hover,
a.btnPreviewEmail:hover span
{
    background-image: url(../images/btns/previewemailH.png);
}
.btnPreviewEmail.disabledBtn a,
a.btnPreviewEmail.disabledBtn span
{
    background-image: url(../images/btns/previewemailD.png) !important;
}

/* Resize */
.btnResize a
{
    background-image: url(../images/btns/resize.png);
}
.btnResize a:hover
{
    background-image: url(../images/btns/resizeH.png);
}
.btnResize.disabledBtn a
{
    background-image: url(../images/btns/resizeD.png) !important;
}

/* Flip horizontal */
.btnFlipHorizontal a
{
    background-image: url(../images/btns/FlipHorizontal.png);
}
.btnFlipHorizontal a:hover
{
    background-image: url(../images/btns/FlipHorizontalH.png);
}
.btnFlipHorizontal.disabledBtn a
{
    background-image: url(../images/btns/FlipHorizontalD.png) !important;
}

/* Flip vertical */
.btnFlipVertical a
{
    background-image: url(../images/btns/FlipVertical.png);
}
.btnFlipVertical a:hover
{
    background-image: url(../images/btns/FlipVerticalH.png);
}
.btnFlipVertical.disabledBtn a
{
    background-image: url(../images/btns/FlipVerticalD.png) !important;
}

/* Copy */
.btnCopy a,
a.btnCopy span
{
    background-image: url(../images/btns/Copy.png);
}
.btnCopy a:hover,
a.btnCopy:hover span
{
    background-image: url(../images/btns/CopyH.png);
}
.btnCopy.disabledBtn a,
a.btnCopy.disabledBtn span
{
    background-image: url(../images/btns/CopyD.png) !important;
}

/* Cancel Copy */
.btnCancelCopy a,
a.btnCancelCopy span
{
    background-image: url(../images/btns/CancelCopy.png);
}
.btnCancelCopy a:hover,
a.btnCancelCopy:hover span
{
    background-image: url(../images/btns/CancelCopyH.png);
}
.btnCancelCopy.disabledBtn a,
a.btnCancelCopy.disabledBtn span
{
    background-image: url(../images/btns/CancelCopyD.png) !important;
}

/* Cut */
.nbmenu .nbmIcon.btnCut,
.btnCut a
{
    background-image: url(../images/btns/Cut.png);
}
.btnCut a:hover
{
    background-image: url(../images/btns/CutH.png);
}
.btnCut.disabledBtn a
{
    background-image: url(../images/btns/CutD.png) !important;
}

/* Paste */
.nbmenu .nbmIcon.btnPaste,
.btnPaste a
{
    background-image: url(../images/btns/Paste.png);
}
.btnPaste a:hover
{
    background-image: url(../images/btns/PasteH.png);
}
.btnPaste.disabledBtn a
{
    background-image: url(../images/btns/PasteD.png) !important;
}

/* Flip right */
.btnFlipRight a
{
    background-image: url(../images/btns/FlipRight.png);
}
.btnFlipRight a:hover
{
    background-image: url(../images/btns/FlipRightH.png);
}
.btnFlipRight.disabledBtn a
{
    background-image: url(../images/btns/FlipRightD.png) !important;
}

/* Flip left */
.btnFlipLeft a
{
    background-image: url(../images/btns/FlipLeft.png);
}
.btnFlipLeft a:hover
{
    background-image: url(../images/btns/FlipLeftH.png);
}
.btnFlipLeft.disabledBtn a
{
    background-image: url(../images/btns/FlipLeftD.png) !important;
}

/* CropToggle */
.btnCropToggle a
{
    background-image: url(../images/btns/CropToggle.png);
}
.btnCropToggle a:hover
{
    background-image: url(../images/btns/CropToggleH.png);
}
.btnCropToggle.disabledBtn a
{
    background-image: url(../images/btns/CropToggleD.png) !important;
}

/* Crop */
.btnCrop a
{
    background-image: url(../images/btns/Crop.png);
}
.btnCrop a:hover
{
    background-image: url(../images/btns/CropH.png);
}
.btnCrop.disabledBtn a
{
    background-image: url(../images/btns/CropD.png) !important;
}

/* AddFolder button */
.btnAddFolder a
{
    background-image: url(../images/btns/addFolder.png);
}
.btnAddFolder a:hover
{
    background-image: url(../images/btns/addFolderH.png);
}
.btnAddFolder.disabledBtn a
{
    background-image: url(../images/btns/addFolderD.png) !important;
}

/* ListModeDetails button */
.btnListModeDetails a
{
    background-image: url(../images/btns/listDetails.png);
}
.btnListModeDetails a:hover
{
    background-image: url(../images/btns/listDetailsH.png);
}
.btnListModeDetails.disabledBtn a
{
    background-image: url(../images/btns/listDetailsD.png) !important;
}

/* ListMode button */
.btnListModeThumbnails a,
a.btnListModeThumbnails span
{
    background-image: url(../images/btns/listThumbnails.png);
}
.btnListModeThumbnails a:hover
a.btnListModeThumbnails:hover span
{
    background-image: url(../images/btns/listThumbnailsH.png);
}
.btnListModeThumbnails.disabledBtn a
a.btnListModeThumbnails.disabledBtn span
{
    background-image: url(../images/btns/listThumbnailsD.png) !important;
}

/* Replace file button */
.btnReplaceFile a
{
    background-image: url(../images/btns/ReplaceFile.png);
}
.btnReplaceFile a:hover
{
    background-image: url(../images/btns/ReplaceFileH.png);
}
.btnReplaceFile.disabledBtn a
{
    background-image: url(../images/btns/ReplaceFileD.png) !important;
}

/* Browse file button */
.btnBrowseFile a,
a.btnBrowseFile span
{
    background-image: url(../images/btns/BrowseFile.png);
}
.btnBrowseFile a:hover,
a.btnBrowseFile:hover span
{
    background-image: url(../images/btns/BrowseFileH.png);
}
.btnBrowseFile.disabledBtn a,
a.btnBrowseFile.disabledBtn span
{
    background-image: url(../images/btns/BrowseFileD.png) !important;
}

/* Upload file button */
.btnUploadFile a,
a.btnUploadFile span
{
    background-image: url(../images/btns/UploadFile.png);
}
.btnUploadFile a:hover,
a.btnUploadFile:hover span
{
    background-image: url(../images/btns/UploadFileH.png);
}
.btnUploadFile.disabledBtn a,
a.btnUploadFile.disabledBtn span
{
    background-image: url(../images/btns/UploadFileD.png) !important;
}

/* Datasource button */
.btnDataSource a,
a.btnDataSource span
{
    background-image: url(../images/btns/dataSource.png);
}
.btnDataSource a:hover,
a.btnDataSource:hover span
{
    background-image: url(../images/btns/dataSourceH.png);
}
.btnDataSource.disabledBtn a,
a.btnDataSource.disabledBtn span
{
    background-image: url(../images/btns/dataSourceD.png) !important;
}

/* Print button */
.btnPrint a,
a.btnPrint span
{
    background-image: url(../images/btns/print.png);
}
.btnPrint a:hover,
a.btnPrint:hover span
{
    background-image: url(../images/btns/printH.png);
}
.btnPrint.disabledBtn a,
a.btnPrint.disabledBtn span
{
    background-image: url(../images/btns/printD.png) !important;
}

/* Close button */
.btnClose a,
a.btnClose span
{
    background-image: url(../images/btns/Close.png);
}
.btnClose a:hover,
a.btnClose:hover span
{
    background-image: url(../images/btns/CloseH.png);
}
.btnClose.disabledBtn a,
a.btnClose.disabledBtn span
{
    background-image: url(../images/btns/CloseD.png) !important;
}

/* Translate button */
.btnTranslate a,
a.btnTranslate span
{
    background-image: url(../images/btns/Translate.png);
}
.btnTranslate a:hover,
a.btnTranslate:hover span
{
    background-image: url(../images/btns/TranslateH.png);
}
.btnTranslate.disabledBtn a,
a.btnTranslate.disabledBtn span
{
    background-image: url(../images/btns/TranslateD.png) !important;
}
.btnTranslateAll a,
a.btnTranslateAll span
{
    background-image: url(../images/btns/TranslateAll.png);
}
.btnTranslateAll a:hover,
a.btnTranslateAll:hover span
{
    background-image: url(../images/btns/TranslateAllH.png);
}
.btnTranslateAll.disabledBtn a,
a.btnTranslateAll.disabledBtn span
{
    background-image: url(../images/btns/TranslateAllD.png) !important;
}
/* Split to pages */
.btnSplitToPages a,
a.btnSplitToPages span{
    background-image: url("../images/btns/SplitToPages.png");
}
.btnSplitToPages a:hover,
a.btnSplitToPages:hover span{
    background-image: url("../images/btns/SplitToPagesH.png");
}
.btnSplitToPages.disabledBtn a,
a.btnSplitToPages.disabledBtn span{
    background-image: url("../images/btns/SplitToPagesD.png") !important;
}
/* Add Filter Path */
.btnAddFilterPath a,
a.btnAddFilterPath span{
    background-image: url("../images/btns/AddFilterPath.png");
}
.btnAddFilterPath a:hover,
a.btnAddFilterPath:hover span{
    background-image: url("../images/btns/AddFilterPathH.png");
}
.btnAddFilterPath.disabledBtn a,
a.btnAddFilterPath.disabledBtn span{
    background-image: url("../images/btns/AddFilterPathD.png") !important;
}

/* Ok */
.btnImage a,
a.btnImage span
{
    background-image: url(../images/btns/image.png);
}
.btnImage a:hover,
a.btnImage:hover span
{
    background-image: url(../images/btns/imageH.png);
}
.btnImage.disabledBtn a,
a.btnImage.disabledBtn span
{
    background-image: url(../images/btns/imageD.png) !important;
}

/* Archive survey */
.btnArchiveSurvey a,
a.btnArchiveSurvey span
{
    background-image: url(../images/btns/archivesurvey.png);
}
.btnArchiveSurvey a:hover,
a.btnArchiveSurvey:hover span
{
    background-image: url(../images/btns/archivesurveyH.png);
}
.btnArchiveSurvey.disabledBtn a,
a.btnArchiveSurvey.disabledBtn span
{
    background-image: url(../images/btns/archivesurveyD.png) !important;
}

/* Close survey */
.btnCloseSurvey a,
a.btnCloseSurvey span
{
    background-image: url(../images/btns/surveyclose.png);
}
.btnCloseSurvey a:hover,
a.btnCloseSurvey:hover span
{
    background-image: url(../images/btns/surveycloseH.png);
}
.btnCloseSurvey.disabledBtn a,
a.btnCloseSurvey.disabledBtn span
{
    background-image: url(../images/btns/surveycloseD.png) !important;
}

/* Username - Create New */
a.btnUsernameCreateNew span{
    background-image: url(../images/btns/UsernameCreateNew.png);
}
a.btnUsernameCreateNew:hover span{
    background-image: url(../images/btns/UsernameCreateNewH.png);
}
a.btnUsernameCreateNew.disabledBtn span{
    background-image: url(../images/btns/UsernameCreateNewD.png) !important;
}

/* Username - Validate */
a.btnUsernameValidate span{
    background-image: url(../images/btns/UsernameValidate.png);
}
a.btnUsernameValidate:hover span{
    background-image: url(../images/btns/UsernameValidateH.png);
}
a.btnUsernameValidate.disabledBtn span{
    background-image: url(../images/btns/UsernameValidateD.png) !important;
}

/* Password - Create New */
a.btnPwdCreateNew span{
    background-image: url(../images/btns/PwdCreateNew.png);
}
a.btnPwdCreateNew:hover span{
    background-image: url(../images/btns/PwdCreateNewH.png);
}
a.btnPwdCreateNew.disabledBtn span{
    background-image: url(../images/btns/PwdCreateNewD.png) !important;
}

/* Password - View as text */
a.btnPwdViewAsTxt span{
    background-image: url(../images/btns/PwdViewAsTxt.png);
}
a.btnPwdViewAsTxt:hover span{
    background-image: url(../images/btns/PwdViewAsTxtH.png);
}
a.btnPwdViewAsTxt.disabledBtn span{
    background-image: url(../images/btns/PwdViewAsTxtD.png) !important;
}

/* Message - Resend */
a.btnEmailResend span{
    background-image: url(../images/btns/EmailResend.png);
}
a.btnEmailResend:hover span{
    background-image: url(../images/btns/EmailResendH.png);
}
a.btnEmailResend.disabledBtn span{
    background-image: url(../images/btns/EmailResendD.png) !important;
}

/* Details */
.nbmenu .nbmIcon.btnDetails,
a.btnDetails span{
    background-image: url(../images/btns/Details.png);
}
a.btnDetails:hover span{
    background-image: url(../images/btns/DetailsH.png);
}
a.btnDetails.disabledBtn span{
    background-image: url(../images/btns/DetailsD.png) !important;
}

/* Show Error */
a.btnShowError span{
    background-image: url(../images/btns/ShowError.png);
}
a.btnShowError:hover span{
    background-image: url(../images/btns/ShowErrorH.png);
}
a.btnShowError.disabledBtn span{
    background-image: url(../images/btns/ShowErrorD.png) !important;
}

/* Toggle help index*/
a.btnShowHelpIndex span{
    background-image: url(../images/btns/ShowHelpIndex.png);
}
a.btnShowHelpIndex:hover span{
    background-image: url(../images/btns/ShowHelpIndexH.png);
}
a.btnShowHelpIndex.disabledBtn span{
    background-image: url(../images/btns/ShowHelpIndexD.png) !important;
}
a.btnHideHelpIndex span{
    background-image: url(../images/btns/HideHelpIndex.png);
}
a.btnHideHelpIndex:hover span{
    background-image: url(../images/btns/HideHelpIndexH.png);
}
a.btnHideHelpIndex.disabledBtn span{
    background-image: url(../images/btns/HideHelpIndexD.png) !important;
}

/* Authorization */
a.btnAuthorization span{
    background-image: url(../images/btns/Authorization.png);
}
a.btnAuthorization:hover span{
    background-image: url(../images/btns/AuthorizationH.png);
}
a.btnAuthorization.disabledBtn span{
    background-image: url(../images/btns/AuthorizationD.png) !important;
}

/* Collapse All */
a.btnCollapseAll span{
    background-image: url(../images/TreeView/treeview-collapse-all.png);
}
a.btnCollapseAll:hover span{
    background-image: url(../images/TreeView/treeview-collapse-all.png);
}
a.btnCollapseAll.disabledBtn span{
    background-image: url(../images/TreeView/treeview-collapse-all.png) !important;
}

/* Expand All */
a.btnExpandAll span{
    background-image: url(../images/TreeView/treeview-expand-all.png);
}
a.btnExpandAll:hover span{
    background-image: url(../images/TreeView/treeview-expand-all.png);
}
a.btnExpandAll.disabledBtn span{
    background-image: url(../images/TreeView/treeview-expand-all.png) !important;
}
/* Deselect All */
a.btnDeselectAll span{
    background-image: url(../images/TreeView/uncheckAll.png);
}
a.btnDeselectAll:hover span{
    background-image: url(../images/TreeView/uncheckAllH.png);
}
a.btnDeselectAll.disabledBtn span{
    background-image: url(../images/TreeView/uncheckAllD.png) !important;
}

/* Special case for tree expand/collapse All buttons */
.treeControls a.btn{
    margin:0;
    padding:0;
}
.treeControls a.btn span{
    padding-left:16px;
}

/* Export - To Excel */
a.btnExportToExcel span,
.btnExportToExcel a{
    background-image: url(../images/btns/ExportToExcel.png);
}
a.btnExportToExcel:hover span,
.btnExportToExcel:hover a{
    background-image: url(../images/btns/ExportToExcelH.png);
}
a.btnExportToExcel.disabledBtn span,
.btnExportToExcel.disabledBtn a{
    background-image: url(../images/btns/ExportToExcelD.png) !important;
}
/* Export - To Word */
a.btnExportToWord span,
.btnExportToWord a{
    background-image: url(../images/btns/ExportToWord.png);
}
a.btnExportToWord:hover span,
.btnExportToWord:hover a{
    background-image: url(../images/btns/ExportToWordH.png);
}
a.btnExportToWord.disabledBtn span,
.btnExportToWord.disabledBtn a{
    background-image: url(../images/btns/ExportToWordD.png) !important;
}
/* Export - To Powerpoint */
a.btnExportToPowerpoint span,
.btnExportToPowerpoint a{
    background-image: url(../images/btns/ExportToPowerpoint.png);
}
a.btnExportToPowerpoint:hover span,
.btnExportToPowerpoint:hover a{
    background-image: url(../images/btns/ExportToPowerpointH.png);
}
a.btnExportToPowerpoint.disabledBtn span,
.btnExportToPowerpoint.disabledBtn a{
    background-image: url(../images/btns/ExportToPowerpointD.png) !important;
}
/* Export - To Text */
a.btnExportToText span,
.btnExportToText a{
    background-image: url(../images/btns/ExportToText.png);
}
a.btnExportToText:hover span,
.btnExportToText:hover a{
    background-image: url(../images/btns/ExportToTextH.png);
}
a.btnExportToText.disabledBtn span,
.btnExportToText.disabledBtn a{
    background-image: url(../images/btns/ExportToTextD.png) !important;
}
/* Export - To Pdf */
a.btnExportToPdf span,
.btnExportToPdf a{
    background-image: url(../images/btns/ExportToPdf.png);
}
a.btnExportToPdf:hover span,
.btnExportToPdf:hover a{
    background-image: url(../images/btns/ExportToPdfH.png);
}
a.btnExportToPdf.disabledBtn span,
.btnExportToPdf.disabledBtn a{
    background-image: url(../images/btns/ExportToPdfD.png) !important;
}
/* Export - To Screen Presentation */
a.btnExportToWebP span,
a.btnPresentation span,
.btnExportToWebP a 
{
    background-image: url(../images/btns/Presentation.png);
}
a.btnExportToWebP:hover span,
a.btnPresentation:hover span,
.btnExportToWebP:hover a{
    background-image: url(../images/btns/PresentationH.png);
}
a.btnExportToWebP.disabledBtn span,
a.btnPresentation.disabledBtn span,
.btnExportToWebP.disabledBtn a{
    background-image: url(../images/btns/PresentationD.png) !important;
}

/* Show file content */
a.btnShowFileContent span{
    background-image: url(../images/btns/ShowFileContent.png);
}
a.btnShowFileContent:hover span{
    background-image: url(../images/btns/ShowFileContentH.png);
}
a.btnShowFileContent.disabledBtn span{
    background-image: url(../images/btns/ShowFileContentD.png) !important;
}
/* Split Name column */
a.btnSplitNameColumn span{
    background-image: url(../images/btns/SplitNameColumn.png);
}
a.btnSplitNameColumn:hover span{
    background-image: url(../images/btns/SplitNameColumnH.png);
}
a.btnSplitNameColumn.disabledBtn span{
    background-image: url(../images/btns/SplitNameColumnD.png) !important;
}
/* Match file columns */
.btnMatchColumns a,
a.btnMatchColumns span{
    background-image: url(../images/btns/MatchColumns.png);
}
.btnMatchColumns:hover a,
a.btnMatchColumns:hover span{
    background-image: url(../images/btns/MatchColumnsH.png);
}
.btnMatchColumns.disabledBtn a,
a.btnMatchColumns.disabledBtn span{
    background-image: url(../images/btns/MatchColumnsD.png) !important;
}
/* Undo */
a.btnUndo span,
.btnUndo a{
    background-image: url(../images/btns/Undo.png);
}
a.btnUndo:hover span,
.btnUndo:hover a{
    background-image: url(../images/btns/UndoH.png);
}
a.btnUndo.disabledBtn span,
.btnUndo.disabledBtn a{
    background-image: url(../images/btns/UndoD.png) !important;
}
/* Open PDF */
a.btnOpenPDF span,
.btnOpenPDF a{
    background-image: url(../images/btns/OpenPDF.png);
}
a.btnOpenPDF:hover span,
.btnOpenPDF:hover a{
    background-image: url(../images/btns/OpenPDFH.png);
}
a.btnOpenPDF.disabledBtn span,
.btnOpenPDF.disabledBtn a{
    background-image: url(../images/btns/OpenPDFD.png) !important;
}
/* Open Web page */
a.btnOpenWebPage span{
    background-image: url(../images/btns/OpenWebPage.png);
}
a.btnOpenWebPage:hover span{
    background-image: url(../images/btns/OpenWebPageH.png);
}
a.btnOpenWebPage.disabledBtn span{
    background-image: url(../images/btns/OpenWebPageD.png) !important;
}

/* Add Variable */
a.btnAddVariable span{
    background-image: url(../images/btns/AddVariable.png);
}
a.btnAddVariable:hover span{
    background-image: url(../images/btns/AddVariableH.png);
}
a.btnAddVariable.disabledBtn span{
    background-image: url(../images/btns/AddVariableD.png) !important;
}

/* Add Sub Report */
a.btnAddSubReport span{
    background-image: url(../images/btns/AddSubReport.png);
}
a.btnAddSubReport:hover span{
    background-image: url(../images/btns/AddSubReportH.png);
}
a.btnAddSubReport.disabledBtn span{
    background-image: url(../images/btns/AddSubReportD.png) !important;
}

/* Play button */
a.btnPlay span{
    background-image: url(../images/btns/Play.png);
}
a.btnPlay:hover span{
    background-image: url(../images/btns/PlayH.png);
}
a.btnPlay.disabledBtn span{
    background-image: url(../images/btns/PlayD.png) !important;
}

/* Pause button */
a.btnPause span{
    background-image: url(../images/btns/Pause.png);
}
a.btnPause:hover span{
    background-image: url(../images/btns/PauseH.png);
}
a.btnPause.disabledBtn span{
    background-image: url(../images/btns/PauseD.png) !important;
}

/* Previous message button */
a.btnMsgPrev span,
.btnMsgPrev a{
    background-image: url(../images/btns/MsgPrev.png);
}
a.btnMsgPrev:hover span,
.btnMsgPrev:hover a{
    background-image: url(../images/btns/MsgPrevH.png);
}
a.btnMsgPrev.disabledBtn span,
.btnMsgPrev.disabledBtn a{
    background-image: url(../images/btns/MsgPrevD.png) !important;
}

/* Next message button */
a.btnMsgNext span,
.btnMsgNext a{
    background-image: url(../images/btns/MsgNext.png);
}
a.btnMsgNext:hover span,
.btnMsgNext:hover a{
    background-image: url(../images/btns/MsgNextH.png);
}
a.btnMsgNext.disabledBtn span,
.btnMsgNext.disabledBtn a{
    background-image: url(../images/btns/MsgNextD.png) !important;
}

/* EMail */
a.btnEmail span,
.btnEmail a {
    background-image: url(../images/btns/Email.png);
}
a.btnEmail:hover span,
.btnEmail:hover a {
    background-image: url(../images/btns/EmailH.png);
}
a.btnEmail.disabledBtn span,
.btnEmail.disabledBtn a {
    background-image: url(../images/btns/EmailD.png) !important;
}

/* Contacts */
a.btnContacts span,
.btnContacts a {
    background-image: url(../images/btns/Contacts.png);
}
a.btnContacts:hover span,
.btnContacts:hover a {
    background-image: url(../images/btns/ContactsH.png);
}
a.btnContacts.disabledBtn span,
.btnContacts.disabledBtn a {
    background-image: url(../images/btns/ContactsD.png) !important;
}

/* Flip */
a.btnFlip span,
.btnFlip a {
    background-image: url(../images/btns/RenameAndFlipAll.png);
}
a.btnFlip:hover span,
.btnFlip:hover a {
    background-image: url(../images/btns/RenameAndFlipAllH.png);
}
a.btnFlip.disabledBtn span,
.btnFlip.disabledBtn a {
    background-image: url(../images/btns/RenameAndFlipAllD.png) !important;
}

/* Show Report */
.btnShowReport a,
a.btnShowReport span
{
    background-image: url(../images/btns/ViewReport.png);
}
.btnShowReport a:hover,
a.btnShowReport:hover span
{
    background-image: url(../images/btns/ViewReportH.png);
}
.btnShowReport.disabledBtn a,
a.btnShowReport.disabledBtn span
{
    background-image: url(../images/btns/ViewReportD.png) !important;
}

/* Respondents */
.btnRespondents a,
a.btnRespondents span
{
    background-image: url(../images/btns/Respondents.png);
}
.btnRespondents a:hover,
a.btnRespondents:hover span
{
    background-image: url(../images/btns/RespondentsH.png);
}
.btnRespondents.disabledBtn a,
a.btnRespondents.disabledBtn span
{
    background-image: url(../images/btns/RespondentsD.png) !important;
}

/* Compare Reports */
.btnCompareReport a,
a.btnCompareReport span
{
    background-image: url(../images/btns/CompareReports.png);
}
.btnCompareReport a:hover,
a.btnCompareReport:hover span
{
    background-image: url(../images/btns/CompareReportsH.png);
}
.btnCompareReport.disabledBtn a,
a.btnCompareReport.disabledBtn span
{
    background-image: url(../images/btns/CompareReportsD.png) !important;
}

/* Small buttons - Used for example in Table header for editing columns */
.btnSmall{
    background-color:#e0e4e8;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    font-size:8px;
    line-height:8px;
    padding:2px 4px;
    margin:0 1px;
    display:inline-block;
    text-decoration:none !important;
}
.btnSmall:hover{
    background-color:#ffffff;
    border-color:#abadb3; /* Same as .dataTbl: border-top-color */
}
.btnSmall span{
    background-color:transparent;
    background-position:50% 50%;
    background-repeat:no-repeat;
    display: inline-block;
    width:8px;
    height:8px;
}
.btnSmall.btnSmallAdd span{
    background-image: url(../images/btns/AddSmall.png);
}
.btnSmall.btnSmallCancel span{
    background-image: url(../images/btns/CancelSmall.png);
}
.btnSmall.btnSmallDelete2 span{
    background-image: url(../images/btns/Delete2Small.png);
}
.btnSmall.btnSmallEdit span{
    background-image: url(../images/btns/EditSmall.png);
}

/* Reopen Survey */
.btnReopenSurvey a,
a.btnReopenSurvey span
{
    background-image: url(../images/btns/SurveyReopen.png);
}
.btnReopenSurvey a:hover,
a.btnReopenSurvey:hover span
{
    background-image: url(../images/btns/SurveyReopenH.png);
}
.btnReopenSurvey.disabledBtn a,
a.btnReopenSurvey.disabledBtn span
{
    background-image: url(../images/btns/SurveyReopenD.png) !important;
}

/* Clone */
.btnClone a,
a.btnClone span
{
    background-image: url(../images/btns/Clone.png);
}
.btnClone a:hover,
a.btnClone:hover span
{
    background-image: url(../images/btns/CloneH.png);
}
.btnClone.disabledBtn a,
a.btnClone.disabledBtn span
{
    background-image: url(../images/btns/CloneD.png) !important;
}


/* Filter */
.btnFilter a,
a.btnFilter span
{
    background-image: url(../images/btns/Filter.png);
}
.btnFilter a:hover,
a.btnFilter:hover span
{
    background-image: url(../images/btns/FilterH.png);
}
.btnFilter.disabledBtn a,
a.btnFilter.disabledBtn span
{
    background-image: url(../images/btns/FilterD.png) !important;
}

/* Settings */
.btnSettings a,
a.btnSettings span
{
    background-image: url(../images/btns/Settings.png);
}
.btnSettings a:hover,
a.btnSettings:hover span
{
    background-image: url(../images/btns/SettingsH.png);
}
.btnSettings.disabledBtn a,
a.btnSettings.disabledBtn span
{
    background-image: url(../images/btns/SettingsD.png) !important;
}

/* SaveAndPreview */
.btnSaveAndPreview a,
a.btnSaveAndPreview span
{
    background-image: url(../images/btns/SaveAndPreview.png);
}
.btnSaveAndPreview a:hover,
a.btnSaveAndPreview:hover span
{
    background-image: url(../images/btns/SaveAndPreviewH.png);
}
.btnSaveAndPreview.disabledBtn a,
a.btnSaveAndPreview.disabledBtn span
{
    background-image: url(../images/btns/SaveAndPreviewD.png) !important;
}

/* Reorder */
.btnReorder a,
a.btnReorder span
{
    background-image: url(../images/btns/Reorder.png);
}
.btnReorder a:hover,
a.btnReorder:hover span
{
    background-image: url(../images/btns/ReorderH.png);
}
.btnReorder.disabledBtn a,
a.btnReorder.disabledBtn span
{
    background-image: url(../images/btns/ReorderD.png) !important;
}

/* Color Picker */
.btnColorPicker a,
a.btnColorPicker span
{
    background-image: url(../images/btns/ColorPicker.png);
}
.btnColorPicker a:hover,
a.btnColorPicker:hover span
{
    background-image: url(../images/btns/ColorPickerH.png);
}
.btnColorPicker.disabledBtn a,
a.btnColorPicker.disabledBtn span
{
    background-image: url(../images/btns/ColorPickerD.png) !important;
}

/* Add Function */
.btnAddFunction a,
a.btnAddFunction span
{
    background-image: url(../images/btns/btnAddFunction.png);
}
.btnAddFunction a:hover,
a.btnAddFunction:hover span
{
    background-image: url(../images/btns/btnAddFunctionH.png);
}
.btnAddFunction.disabledBtn a,
a.btnAddFunction.disabledBtn span
{
    background-image: url(../images/btns/btnAddFunctionD.png) !important;
}

/* Mobile */
.btnMobile a,
a.btnMobile span
{
    background-image: url(../images/btns/Phone.png);
}
.btnMobile a:hover,
a.btnMobile:hover span
{
    background-image: url(../images/btns/PhoneH.png);
}
.btnMobile.disabledBtn a,
a.btnMobile.disabledBtn span
{
    background-image: url(../images/btns/PhoneD.png) !important;
}

/* Save as template */
.btnSaveAsTemplate a,
a.btnSaveAsTemplate span
{
    background-image: url(../images/btns/i16-save-as-template.png);
}
.btnSaveAsTemplate a:hover,
a.btnSaveAsTemplate:hover span
{
    background-image: url(../images/btns/i16-save-as-templateH.png);
}
.btnSaveAsTemplate.disabledBtn a,
a.btnSaveAsTemplate.disabledBtn span
{
    background-image: url(../images/btns/i16-save-as-templateD.png) !important;
}

/* Change Mobile Orientation */
.btnChangeMobileOrientation a,
a.btnChangeMobileOrientation span
{
    background-image: url(../images/btns/i16_orientation.png);
}
.btnChangeMobileOrientation a:hover,
a.btnChangeMobileOrientation:hover span
{
    background-image: url(../images/btns/i16_orientationH.png);
}
.btnChangeMobileOrientation.disabledBtn a,
a.btnChangeMobileOrientation.disabledBtn span
{
    background-image: url(../images/btns/i16_orientationD.png) !important;
}

.btnAddHierarchy a,
a.btnAddHierarchy span 
{
    background-image: url(../images/btns/btnAddHierarchy.png);
}
.btnAddHierarchy a:hover,
a.btnAddHierarchy:hover span 
{
    background-image: url(../images/btns/btnAddHierarchyH.png);
}
.btnAddHierarchy.disabledBtn a,
a.btnAddHierarchy.disabledBtn span 
{
    background-image: url(../images/btns/btnAddHierarchyD.png) !important;
}

.btnImpersonate a,
a.btnImpersonate span 
{
    background-image: url(../images/btns/impersonate.png);
}
.btnImpersonate a:hover,
a.btnImpersonate:hover span 
{
    background-image: url(../images/btns/impersonateH.png);
}
.btnImpersonate.disabledBtn a,
a.btnImpersonate.disabledBtn span 
{
    background-image: url(../images/btns/impersonateD.png) !important;
}

.btnRestoreSurvey a,
a.btnRestoreSurvey span 
{
    background-image: url(../images/btns/UnArchive.png);
}
.btnRestoreSurvey a:hover,
a.btnRestoreSurvey:hover span 
{
    background-image: url(../images/btns/UnArchiveH.png);
}
.btnRestoreSurvey.disabledBtn a,
a.btnRestoreSurvey.disabledBtn span 
{
    background-image: url(../images/btns/UnArchiveD.png) !important;
}

.btnAnonymizeRespondent a,
a.btnAnonymizeRespondent span 
{
    background-image: url(../images/btns/AnonymizeRespondent.png);
}
.btnAnonymizeRespondent a:hover,
a.btnAnonymizeRespondent:hover span 
{
    background-image: url(../images/btns/AnonymizeRespondentH.png);
}
.btnAnonymizeRespondent.disabledBtn a,
a.btnAnonymizeRespondent.disabledBtn span 
{
    background-image: url(../images/btns/AnonymizeRespondentD.png) !important;
}

.btnWait a,
a.btnWait span 
{
    background-image: url(../images/btns/Wait.png);
}
.btnWait a:hover,
a.btnWait:hover span 
{
    background-image: url(../images/btns/WaitH.png);
}
.btnWait.disabledBtn a,
a.btnWait.disabledBtn span 
{
    background-image: url(../images/btns/WaitD.png) !important;
}


/* NBEditor Context Buttons 
*******************************************/
#nbeTblMenuTableProp { background: url("../Images/tblProp.png") no-repeat scroll center center transparent; }
#nbeTblMenuRemTable { background: url("../Images/btns/Delete.png") no-repeat scroll center center transparent; }
#nbeTblMenuIRowBefore { background: url("../Images/insertRowBefore.png") no-repeat scroll center center transparent; }
#nbeTblMenuIRowAfter { background: url("../Images/insertRowAfter.png") no-repeat scroll center center transparent; }
#nbeTblMenuRemRow { background: url("../Images/remRow.png") no-repeat scroll center center transparent; }
#nbeTblMenuIColumnBefore { background: url("../Images/insertColBefore.png") no-repeat scroll center center transparent; }
#nbeTblMenuIColumnAfter { background: url("../Images/insertColAfter.png") no-repeat scroll center center transparent; }
#nbeTblMenuRemColumn { background: url("../Images/remCol.png") no-repeat scroll center center transparent; }
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; font-weight:normal; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }

b { font-weight: bold; }

/* Page */
html
{
    width: 100%;
    height: 100%;
}
body 
{
    font-family: Arial, Verdana; 
    font-size: 11px;
    line-height: 1.12;
    margin: 0px;
    padding: 0px;
    background-color: #f9fafb;
    width: 100%;
    height: 100%;
}
form
{
    display:inline;
}

th { text-align: left; }
.reportPage {  }
/* New definitions based on h1 == 1.64em for backward compatibility. 
*  Can't add margins for h1 because of the backward compatibility.
*/
.reportPage h1, .reportPage h2, .reportPage h3,
.reportPage h4, .reportPage h5, .reportPage h6{
    font-weight:bold;
}
.reportPage h1 { font-size: 1.64em; line-height: 1.12em; }
.reportPage h2 { font-size: 1.45em; line-height: 1.12em; } /* margin:0 0 0.27em 0; */
.reportPage h3 { font-size: 1.27em; line-height: 1.12em; } /* margin:0 0 0.19em 0; */
.reportPage h4 { font-size: 1.18em; line-height: 1.12em; } /* margin:0 0 0.12em 0; */
.reportPage h5 { font-size: 1.05em; line-height: 1.12em; } /* margin:0 0 0.06em 0; */
.reportPage h6 { font-size: 1.0em;  line-height: 1.02em; }

.pageHeader, .pageFooter { overflow:hidden; }

.subReportInfo
{
}
.subReportInfo dl 
{
    margin: 1em 0;    
}
.subReportInfo dl dd 
{
    margin-left: 3em;
}

/* Basic input grouping layout - 1 or 2 columns */
.artBaseTable{
        
}
.artBaseRow{
    overflow:hidden;
}
.artBaseRow.padTop
{
    padding-top: 6px;
}
.artBaseCol{
       
}
.artBaseCol .artCaption
{
    
}
.artBaseCol.artLeft{
    float:left;
    width:49.9%; /* IE sometimes think that 50% + 50% is a little bit more than 100%... */
}

.artBaseCol.artLeft .artWrapper{
    margin-right:2.67%;
}
.artBaseCol.artRight{
    float:right;
    width:49.9%;
}

.artBaseCol.artRight .artWrapper{
    margin-left:2.67%;
}
.artBaseRow.art3Col .artBaseCol.artLeft,
.artBaseRow.art3Col .artBaseCol.artMiddle,
.artBaseRow.art3Col .artBaseCol.artRight{
    float:left;
    width:33.33%;
}
.artBaseRow.art3Col .artBaseCol.artRight{
    float:right;
}
/* Table */
.srtbl
{
    margin-bottom: 1.1em;

}
 .srtbl
{
    width: 100%;
}

.srtbl th, .srtbl td
{
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    vertical-align: bottom;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.artBaseCol .srtbl-qt { padding-bottom: 0; padding-left: 2.67%; padding-right: 2.67%; }
.srtbl-qt { padding-bottom: 0; padding-left: 1.33%; padding-right: 1.33%; }
.srtbl-t1
{
    text-align: center;
}
.srtbl-h1 th, .srtbl-h1 td
{
    border-bottom: solid 1px #000;
}
.srtbl-h1-space th, .srtbl-h1-space td
{
    padding-top: 1.1em;
}
.artBaseCol .srtbl-rh { padding-left: 2.67%; }
.srtbl-rh { padding-left: 1.33%; }
.srtbl-cell, .srtbl-total
{
    text-align: center;
}
.srtbl th:first-child, .srtbl td:first-child
{
    border-left-style: none;
}
.srtbl-row-total td
{
    border-top: solid 1px #000;
    border-bottom-style: none;

}
.artBaseRow
{
    padding-bottom: 1.1em;
}
.srtbl .alt td, .srtbl .alt th
{
    /*background-color: #e8f5fd;*/
}
.srtbl-row-torn td
{
    padding-bottom: 4em;
    background: url(../images/Report/Torn.png) repeat-x left bottom;
    border-bottom: none 0;
    text-align: center;
}

/* Cross Tab */
.srtbl-ct-h1-space th, .srtbl-ct-h1-space td
{
    padding-top: 1.1em;
    border: none 0;
}
.srtbl-ct-h1 th, .srtbl-ct-h1 td
/*.srtbl-ct-h2 th, .srtbl-ct-h2 td*/
{
    border: none 0;
}
.srtbl-ct-h1 td, .srtbl-ct-h2 td { text-indent: -300px; }
.srtbl-ct-qt
{
    text-align: center;
}
.srtbl-ct-t1
{
    text-align: center;
}
.srtbl th.srtbl-ct-pad, .srtbl td.srtbl-ct-pad
{
    border-bottom: none;    
    background-color: #F1F1F1 !important;
}

/* Chart */ 
.srchartWrapper 
{
    text-align:center;
}
.srchart
{
    width: 100%;
    height: auto !important;
}

/* Misc */
.artBaseTable
{
    page-break-inside: avoid;
}


.srTextWrapper ul,
.srTextWrapper ol { margin: 0.5em 0; padding:0; }
.srTextWrapper ol { list-style-type: decimal; }
.srTextWrapper ul { list-style-type: disc; }
.srTextWrapper li { margin: 0 0 0 3em; padding:0; }


/* Hierarchy Select
*************************/
.hirarchySelect { padding-bottom:12px;margin-bottom:18px; border-bottom: 1px solid #ddd; }
.hirarchySelect * { box-sizing: border-box; }
.hirarchySelect::after { content:""; clear:left;display:block; }
.hirarchySelect>div { float:left; margin-left:12px; }
.hirarchySelect>div:first-child { margin-left:0;}
.hirarchySelect label { display:block; padding-right:24px;padding-top:6px; }
.hirarchySelect select { width: 100%; }

/* Hierarchy
*************************/
.srhierarchywrapper { text-align:center;}
.srhierarchy { width:100%;height: auto !important; }

.srtbl td.sr-tbl-col-title { padding-top: 0.1em; padding-bottom: 0.1em; text-align:center; padding-left: 0.4em;padding-right:0.4em;  }

.srtbl td.sr-tbl-chart-title { text-align: right; vertical-align:middle; padding-right: 0.8em; }
.srtbl td.sr-tbl-col-title.no-wrap { white-space:nowrap; }
.srtbl td.sr-tbl-col-title.bold { font-weight:bold; }

.srtbl td.sr-tbl-chart-data { padding-left: 0.6em;padding-right:0.6em; vertical-align:middle;text-align:center; }
.srtbl td.sr-tbl-chart-data.h { vertical-align:bottom;padding-bottom:3px; }
.srtbl .sr-data-line { line-height:1.8em;white-space:nowrap; }
.srtbl .sr-data-line.t { text-align:left; }
.srtbl .sr-data-line.h { text-align:right;line-height:1.8em;height: 1.8em; }

.srtbl td.sr-tbl-chart-row { border-left: 2px solid #444;padding:3px 0; }
.srtbl td.sr-tbl-chart-row > h3 { margin:0;padding:0.6em 0.6em 0.3em 0.6em;font-weight:normal;font-size:1em; }
.srtbl td.sr-tbl-chart-row-bottom { border-left: 0 none;border-bottom:0 none; }
.srtbl td.sr-tbl-chart-row-bottom.scale { border-top: 2px solid #444;padding:0 0 4px 0; }
.srtbl td.sr-tbl-chart-row.labels,
.srtbl td.sr-tbl-chart-row-bottom.labels { padding-right: 3em; }

.sr-chart-scale { position:relative; min-height:1.2em;padding-top:2px; }
.sr-chart-scale * { box-sizing:border-box; }
.sr-chart-scale > p { background-color:#000;width:1px; text-align:center;position:absolute;top:0;height:4px; }
.sr-chart-scale > p > b { font-weight:normal;display:block;position:absolute;top:5px;left:0;transform: translateX(-50%);padding-left:1px; }
.sr-chart-scale > p:first-child { text-align:left; }
.sr-chart-scale > p:first-child > b {  }
.sr-chart-scale > p:last-child { text-align:right; }
.sr-chart-scale > p:last-child > b {  }

.sr-chart-bar { position:relative;height:1.8em; }
.sr-chart-bar > div { box-sizing:border-box;position:absolute;top:0;left:0;bottom:0;line-height:1.7em;text-align:right;background-color:Blue;color:White;margin-bottom:2px;border:1px solid #aaa;border-left:0 none; }
.sr-chart-bar > div > span { position:absolute;left:100%;margin-left:0.5em;color:#000; }


.sr-chart-legend { border-spacing: 0.1em;border-collapse: separate; }
.sr-chart-legend td { border:0 none;vertical-align:middle; }
.sr-chart-legend td.item { width: 3em;border:1px solid #aaa; }




/* NBTable Struct
******************************/
.nbTbl th,
.nbTbl td { overflow:hidden; }
.nbTblBodyW{ overflow:auto; position: relative; }
.nbTblHeader { table-layout:fixed; }
.nbTblBody { table-layout:fixed; }
.nbTblSelectArea { position:absolute; }
        
.nbTblPager { list-style: none; padding:0; margin:0; }
.nbTblPager li { float:left; padding:0; margin:0; cursor: pointer; }
.nbTblPager .pgItems { cursor:default; }
        
/* NBTable Theme
******************************/
.nbTbl 
{
    background:#FCFCFC none repeat scroll 0 0;
    border:1px solid #abadb3;
    color:#333333;
    border-collapse:separate !important;
}
.nbTbl th,
.nbTbl td
{
    padding: 3px 6px 4px 6px;
    text-align: left;
    cursor: default;
}
.nbTbl th:last-child,
.nbTbl td:last-child
{
    border-right: none;
}
.nbTblHeaderW { overflow:hidden; background:#d5dadf url(../images/inputTbl2Hdr.png) repeat-x scroll 0 0; position: relative; }
.nbTblHeader th,
.nbTblHeader td
{
    background:#d5dadf url(../images/inputTbl2Hdr.png) repeat-x scroll 0 0;
    border-color:#d5dadf #c9ced3 #c2c7ce #d5dadf;
    border-style:solid;
    border-width:1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nbTblHeader th.nbtFilterable,
.nbTblHeader td.nbtFilterable
{
    padding-right: 24px;
    overflow:visible;
}
.nbTblHeader .nbtFilterable .nbtFilterBtn { float:right; width:16px;height:16px;margin: -16px -22px 0 0; background: url("../Images/filter.png") no-repeat 0 center;cursor:pointer; overflow:visible; }
/*.nbTblHeader .nbtFilterable .nbtFilterBtn:hover { background-image: url("../Images/Btns/filterH.png");}*/
.nbTblHeader .nbtFilterable .nbtFilterBtn.active { background-image: url("../Images/filter-blue.png"); }
.nbtFilterBox { position:absolute; background-color: #D5DADF; padding: 0 2px 2px 2px; border-color:#d5dadf #c9ced3 #c2c7ce #d5dadf;border-style:solid;border-width:1px;border-top:none; }
.nbtFilterBox .iwrap { padding-right:6px; }
.nbtFilterBox .iwrap input { width: 100%; }
.nbtFilterBox a { display:none; position:absolute; width:16px;height:16px; right: 5px; top:2px; background: url("../Images/Btns/Delete2Small.png") no-repeat center center; cursor:pointer;}
.nbtFilterBox:hover a { display:block; }

.nbTblHeader th a,
.nbTblHeader td a
{ 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*a.nbTblSort { color:#333333; padding-right: 10px; background-repeat: no-repeat; background-position: right center; }*/
a.nbTblSort { display: block; color:#333333; background-repeat: no-repeat; background-position: center -5px; margin: -3px -6px -4px -6px; padding: 3px 6px 4px 6px; }
a.nbTblSort.asc { background-image: url(../images/addUp.png); }
a.nbTblSort.desc { background-image: url(../images/addDown.png); }

.nbTblResize {  }
.nbTblResizeCol { position:absolute !important;height:100%;margin-left:-4px;top:0;bottom:0; }
.nbTblResizeCol > b {position: absolute;background-color: #F00;opacity:0;width:8px;height:100%;cursor: e-resize;top:0;bottom:0;}
.nbTblResizeCol.resizeing { border-left:1px dotted black; }

.nbTblBody th,
.nbTblBody td
{
    border-right: 1px solid #c9ced3;
    background-color: #fcfcfc;
}
.nbTblBody tr.alt th,
.nbTblBody tr.alt td
{
    background-color: #eee;    
}
/*
.nbTblBody tr:hover th,
.nbTblBody tr:hover td
{
    background:#e8f5fd url(../images/dataTblRowH.png) 0 0 repeat-x;
}
.nbTblBody tr.sel th,
.nbTblBody tr.sel td
{
    background:#CEE7F6 url(../images/dataTblRowS.png) 0 0 repeat-x;
}
*/
.nbTblSelectArea { border: 1px solid #54A1FF; background-color: #CEE7F6; filter: alpha(opacity=50); opacity: 0.5; }
        
.nbTblPager { background-color: #D5DADF; height: 18px; padding: 0 6px; overflow:hidden; }
.nbTblPager .pgFirst { width: 18px; height: 18px; background-image: url(../images/btns/PagingFirst.png); }
.nbTblPager .pgPrev { width: 18px; height: 18px; background-image: url(../images/btns/PagingPrevious.png); }
.nbTblPager .pgNext { width: 18px; height: 18px; background-image: url(../images/btns/PagingNext.png); }
.nbTblPager .pgLast { width: 18px; height: 18px; background-image: url(../images/btns/PagingLast.png); }
.nbTblPager .pgPage { height: 16px; padding: 1px 3px; line-height: 16px; }
.nbTblPager .pgItems { height: 16px; padding: 1px 3px 1px 6px; line-height: 16px; }
        
.nbTblPager .pgFirst:hover { background-image: url(../images/btns/PagingFirstH.png); }
.nbTblPager .pgPrev:hover { background-image: url(../images/btns/PagingPreviousH.png); }
.nbTblPager .pgNext:hover { background-image: url(../images/btns/PagingNextH.png); }
.nbTblPager .pgLast:hover { background-image: url(../images/btns/PagingLastH.png); }
.nbTblPager .pgPage:hover { font-weight: bold; }
        
.nbTblPager .pgFirst.disabled { background-image: url(../images/btns/PagingFirstD.png) !important; }
.nbTblPager .pgPrev.disabled { background-image: url(../images/btns/PagingPreviousD.png) !important; }
.nbTblPager .pgNext.disabled { background-image: url(../images/btns/PagingNextD.png) !important; }
.nbTblPager .pgLast.disabled { background-image: url(../images/btns/PagingLastD.png) !important; }
        
.nbTblPager .pgPage.sel { background-color: #A3B4C3; font-weight: bold; }
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
{}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { /*-moz-border-radius: 4px; -webkit-border-radius: 4px;*/ }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/* Slider----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle  
{
    position: absolute; z-index: 2; /*width: 1.2em; height: 1.2em;*/ height:14px; cursor: default; 
    min-width: 8px;
    padding: 0px 3px;
    background-image: url(images/ui-bg_sliderHndl_12628f_1x14.png);
    color: #fff;
    border: solid 1px #1f3f58;
    
}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 9px;}
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.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; }
/* Default layout for : Slider Prefix- and Suffix Text */
.sliderItem {}
.sliderPrefixText   { float:left; line-height:22px; padding-right:6px; margin:9px 0 6px 0; }
.sliderWrapper      { float:left; width:250px; padding:0 5px; margin:9px 2px 6px 2px; }
.sliderSuffixText   { float:left; line-height:22px; padding-left:6px; margin:9px 0 6px 0;}/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

html { height: auto !important;width: auto !important; }
body { padding-top: 48px;padding-bottom: 12px;height: auto !important;width: auto !important; }
body.leftToolbar { padding-top: 12px;padding-left: 48px; }

.reportPage { padding: 0 24px; }

#reportToolbarRotate { position:absolute;top: 1px;left:1px;width: 12px;height: 12px;cursor: pointer;background: url(../../Content/Images/Btns/RotateToolbar.png) no-repeat 0 0; }

#reportToolBar { position:fixed;top:0;left:0;right:0;width:100%;padding: 3px 6px;background-color: #D8D8D8;color: ButtonText;border-bottom: 1px solid #A0A0A0;height: 24px; }
@media print 
{
    body { background-color: #fff !important; }
    #reportToolBar { display:none; }
}
body.leftToolbar #reportToolBar {height: 100%;width: 30px;padding: 6px 3px;right:37px;bottom: 0;border-right: 1px solid #A0A0A0;border-bottom: 0 none; }

#reportToolBar #reportToolBarButtons { list-style-type:none;margin:0 0 0 12px;padding:0; }
body.leftToolbar #reportToolBar #reportToolBarButtons { margin: 12px 0 0 0; }
#reportToolBar li { margin:0 3px 0 0;padding:0;float:left;text-align:center;width: 28px;cursor:pointer; }
body.leftToolbar #reportToolBar li { float:none;margin:0 0 3px 0; }

#reportToolBar li a { border: 1px solid;border-color: #B3BDD6 #8294BC #8493BC #B2BED8;text-decoration:none;display:block;background: #D1D7E6 url(../../Content/Images/Btns/btnBg.png) repeat-x 0 0; }
#reportToolBar li a span.tbtn { display: block;height: 22px;width: 28px; }
#reportToolBar li a:hover { background-image: url(../../Content/Images/Btns/btnBgH.png);background-color: #B4BED8; }
#reportToolBar li a span.tbtnDropDown { border-right: 1px solid #B3BDD6; margin-right: 11px;width: 28px; }

.toolDropDown { width: 42px !important; }
.toolDropDown .arrow { background: url(../../Content/Images/Btns/dropDownBlack.png) no-repeat center center; width: 11px; height: 22px; display:block; float:right;}
.tbDropDown { display:none; position:absolute; margin: -1px 0 0 0; padding: 0; list-style-type:none; border-top: 1px solid #B3BDD6; }

body.leftToolbar .toolDropDown { width: 28px !important; height: 35px !important; }
body.leftToolbar .toolDropDown a { height: 34px; text-decoration:none; }
body.leftToolbar #reportToolBar li a span.tbtnDropDown { border-bottom: 1px solid #B3BDD6; border-right: none; margin-right:0; width:26px; }
body.leftToolbar .toolDropDown .arrow { background-image: url(../../Content/Images/Btns/addRight.png); height: 11px; margin-top: 23px; margin-right:2px; }
body.leftToolbar .tbDropDown { left: 100%; margin: -36px 0 0 -6px; }


#reportToolBar li:hover .tbDropDown,
#reportToolBar li.down .tbDropDown { display: block; }
#reportToolBar .tbDropDown li { float: none; width:auto; text-align: left; background: url(../../Content/Images/Btns/btnBg.png) repeat-x 0 0; clear:both; margin:0 !important; }
#reportToolBar .tbDropDown li a {height: 22px;line-height: 22px; text-decoration:none; padding-right: 6px; color: Black; width: 220px; overflow:hidden; border-top: none; }
#reportToolBar .tbDropDown li span.tbtn { float:left; line-height: 22px; border-right: 1px solid #B3BDD6; margin-right: 6px; }

/* Tool Bar Buttons  */
.btnPrint { background: url(../../Images/Btns/print.png) no-repeat center center; }
a:hover .btnPrint { background-image: url(../../Images/Btns/printH.png); }

.btnHelp { background: url(../../Images/HelpBW.gif) no-repeat center center; }
a:hover .btnHelp { background-image: url(../../Images/HelpBW.gif); }

.btnFilter { background: url(../../Images/Btns/filter.png) no-repeat center center; }
a:hover .btnFilter { background-image: url(../../Images/Btns/filterH.png); }

.btnExportExcel { background: url(../../Images/Btns/ExportToExcel.png) no-repeat center center; }
a:hover .btnExportExcel { background-image: url(../../Images/Btns/ExportToExcelH.png); }

/* Table
**************************************/        
.srtbl thead tr:first-child td { border-top: 1px solid #A5A5A5; }
.srtbl thead td { /*background-color: #BFBFBF;*/ border-right: 1px solid #000; border-bottom: 1px solid #000; text-align:center; vertical-align:middle; padding: 3px 3px 2px 3px; }
.srtbl thead td:first-child { border-left: 1px solid #A5A5A5; }        
        
.srtbl tbody tr.srtbl-h1 td { /*background-color: #D8D8D8;*/ border-right: 1px solid #000; border-bottom: 1px solid #000; text-align:center; padding: 3px 3px 2px 3px; }
.srtbl tbody tr.srtbl-h1 td:first-child { border-left: 1px solid #A5A5A5; }
.srtbl tbody th { border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; text-align:left; padding: 3px 6px 2px 3px; vertical-align:top; }
.srtbl tbody td { border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; text-align:right; padding: 3px 3px 2px 6px; }        
.srtbl tbody th:first-child { border-left: 1px solid #A5A5A5; }
.srtbl tbody th:last-child { border-right-color: #000; }
.srtbl tbody td > div { text-align:left; white-space:nowrap; padding: 3px 6px 2px 3px; margin-left:-6px; margin-right:-3px; border-bottom: 1px solid #A5A5A5; }
.srtbl tbody td > div.text { white-space: normal; }
.srtbl tbody td > div:first-child{ margin-top:-3px; }
.srtbl tbody td > div:last-child { margin-bottom:-2px; border-bottom: 0 none;}
.srtbl-ct-h1 td, .srtbl-ct-h2 td { text-indent: 0 !important; }
           
/* Report Selection
***************************************/
#reportSelection { max-width: 800px; margin: 24px auto 0 auto; }
#reportSelection .nhc { margin: 0 -6px; text-align:center; }
#reportSelection .nbTbl input[type="checkbox"] { margin-bottom:0;margin-top:0; padding-bottom:0; padding-top:0; }
#reportSelection img.st { margin: -2px -5px -3px; }
        
#reportSelection .calWrapper { overflow: hidden; } 
#reportSelection .calWrapper .calDel { float:left; padding: 3px 6px; }
        
#reportSelection .ddlCategory
{
    padding:2px 18px 2px 2px;height:14px;line-height:14px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden; 
    background: #FFFFFF url("../Images/dropDownLarge.png") no-repeat right center;
    cursor: default;
    margin-bottom: 6px;
}
.ddlCategory:hover { background-image: url("../Images/dropDownLargeH.png"); }
.ddlCategoryPopout { display: none; position: absolute; max-height: 150px; min-height: 50px;  background-color: #fff; padding: 2px 12px 2px 2px; overflow:auto; border: 1px outset; }
.ddlCategoryPopout a { color: #000; text-decoration: none; }
.categoryTree { background-color: #FFFFFF; border: 1px solid #F0F0F0; overflow: auto; padding: 2px; position: relative; min-height: 100px; max-height: 360px; }
        
.treeview li { padding-bottom: 1px; padding-top: 2px; }
.treeview li input { margin-top: 1px; padding-top: 1px; }
.treeview .hitarea { margin-top: 1px; }
.treeview .treeview ul { margin-top: 1px; }
.treeview .sel { font-weight: bold; }
.treeview .cAll { border-bottom: 1px solid #aaa; }
        
#rsContent { padding: 6px; }
#rsContent .selection { margin-bottom: 12px; }
           
.artBaseRow { overflow:visible !important; }
        
#modalBg { position:fixed; top:0;left:0;right:0;bottom:0; background-color: Gray;filter: alpha(opacity=70);opacity: 0.7; }
#answerLinkPopup { position:fixed; top:50%; left:50%; width: 308px; max-height:418px; height:100%; margin-left: -160px; margin-top: -210px; background-color: #F9FAFB; border: 2px solid; border-color: #283F50 #628198 #7E97AA #324E64; }
#answerLinkPopupContent { position:absolute; top:0;left:0;right:0;bottom:25px; padding:12px;overflow:auto; }
#answerLinkPopupContent h2 { overflow:hidden; text-overflow: ellipsis; font-weight:bold; border-bottom: 1px solid #000; }
#answerLinkPopupContent h2 span { font-weight:bold; }
#answerLinkPopupContent ol { padding-bottom:12px; }
#answerLinkPopupContent li { padding: 2px 6px 2px 20px; height:16px;line-height:16px; border-bottom:1px solid #A5A5A5; background: url("../Images/SurveyRespondent_16.png") no-repeat left center; }
#answerLinkPopupContent li.ano { background-image: url("../Images/SurveyRespondentAno_16.png"); }
#answerLinkPopupContent li a.open { float: right; }
#cellInfoPopupBtnBar,
#answerLinkBtnBar { position:absolute;bottom:0;left:0;right:0; }
        
#cellInfoPopup { position: fixed; max-height:90%; max-width:90%; top:50%; left:50%; background-color: #F9FAFB; border: 2px solid; border-color: #283F50 #628198 #7E97AA #324E64;}
#cellInfoPopupContent { margin-bottom: 25px; min-width:200px; }
        
#selectionInfo { margin-bottom: 24px;padding: 0 24px; }
#selectionInfo h2 { font-size: 11px; font-weight:bold; }
#selectionInfo h2 span { font-weight: bold; }
#selectionInfoContent { margin-left: -12px;overflow:hidden; }
#selectionInfo dl { margin:0; padding:0 0 6px 12px;float:left; }
#selectionInfo dt { margin:0;padding:0;}
#selectionInfo dd { margin:0; padding: 0 2px 0 40px; }