/* Re-define defaults */
/* re-specifying the default values for h1,h2,h3,h4 might seem unusual, 
   but when IE is switched between compatibility modes the font size changes, 
   so these prevent that from happening! */
h1, h2, h3, h4 { margin-top:0.5em; margin-bottom:0.5em; }
#pageContentContainer > div > h1:first-child, 
#pageContentContainer > div > h2:first-child, 
#pageContentContainer > div > h3:first-child, 
#pageContentContainer > div > h4:first-child { margin-top: 0; }
h1 { font-size:2em; } 
h2 { font-size:1.5em; }
h3 { font-size:1.17em; }
h4 { font-size:1.12em; }
h5 { font-size:1em; }

h1.inline,
h2.inline,
h3.inline,
h4.inline,
h5.inline { display:inline-block; }

input, textarea,select { border-collapse:separate; } /*IE bug fix for box shadows */
input[type='text'].watermark { color:#b8b8b8; background:#f8f8f8;}

.fixed-width-font { font-family:'Courier New'; }
.if-copy-enabled,
.if-copy-disabled {visibility:hidden;} /*Prevent visibility during page load*/
.copy-enabled  .if-copy-enabled,
.copy-disabled .if-copy-disabled{visibility:visible;}  /*show the valid sections*/
.copy-disabled .if-copy-enabled,
.copy-enabled .if-copy-disabled{display:none;}  /*hide the invalid sections*/



/* Highest level declarations */
body 
{ 
    color: #363636; 
    font-family : Trebuchet MS, Sans-Serif; 
    font-size:12px; 
    margin:8px; 
    background: #f2f1f1 url('../Images/background.grey.gradient.png') top center repeat-x;
}

body.iframeBody.formData {
	background-color: #E8E8E8_LIGHT;
	background-image: none;
	margin: 0;
}

div, table { font-family:inherit; font-size:inherit;}

table { width:100%; border-spacing: 0; border-collapse: collapse;}
th { text-align:inherit; }

table.standard-table,
table.light-table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0;
  font-size: 13px;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
  border: 1px solid #e8e8e8;
}
table.compact{width:auto;}
tble.standard-table.small {
    font-size:12px;
}
.ie7 table.standard-table {
  border-collapse: collapse;
}

table.standard-table > tr > td,
table.standard-table > tbody > tr > td,
table.standard-table > tr > th,
table.standard-table > tbody > tr > th {
  padding: 10px 10px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #ffffff;
  vertical-align: top;
  background-color: transparent;
  text-align: left;
}

table.standard-table > tr > th.selected a,
table.standard-table > tbody > tr > th.selected a {
  display: block;
}

/*
table.standard-table th.selected.selected_asc a {
  background: transparent url('../images/icons/sortup-12.png') center right no-repeat;
}

table.standard-table th.selected.selected_desc a {
  background: transparent url('../images/icons/sortdown-12.png') center right no-repeat;
}
*/
table.standard-table > tr > td,
table.standard-table > tbody > tr > td {
  background-color: #f1f1f1;
  line-height: 1.2em;
  height: auto !important;
}

table.standard-table > tr.alt > td,
table.standard-table > tbody > tr.alt > td {
  background-color: #f8f8f8;
}

table.standard-table > tr > td.highlight,
table.standard-table > tbody > tr > td.highlight {
  font-size: 14px;
}

table.standard-table > tr > th:last-child,
table.standard-table > tbody > tr > th:last-child,
table.standard-table > tr > td:last-child,
table.standard-table > tbody > tr > td:last-child {
  border-right: none !important;
}

table.light-table > tr > td,
table.light-table > tbody > tr > td, 
table.light-table > tr > th,
table.light-table > tbody > tr > th {
  border-bottom: 1px solid #dfe8eb;
  padding: 7px 10px 7px 0;
  text-align: left;
}

table.standard-table > tr > th,
table.standard-table > tbody > tr > th {
  font-size: 14px;
  background-color: #e8e8e8 !important;
  border-right-color: #cccccc;
}

table.standard-table.small > tr > th,
table.standard-table.small > tbody > tr > th {
    font-size:12px;
}

table.standard-table > tr > th.lowlight, 
table.standard-table > tbody > tr > th.lowlight {
  font-weight: normal;
}

table.standard-table > tr > th:first-child,
table.standard-table > tbody > tr > th:first-child,
table.standard-table > tr > td:first-child, 
table.standard-table > tobdy > tr > td:first-child {
  border-left: none !important;
}

table.light-table > tr > th, 
table.light-table > tbody > tr > th {
  font-weight: normal;
}

table.standard-table tr:last-child td,
table.standard-table tr:last-child th,
table.light-table tr:last-child td,
table.light-table tr:last-child th {
  border-bottom: none;
}

/* Colour Palette */

a:link,a:visited,a:hover{ text-decoration:none; color: #363636;}

.link:link, .link:visited, .link:hover { text-decoration: underline; } 


label { margin-right: 4px; }

select,
textarea,
input[type='text'],
input[type='file'],
input[type='password'] { color:#363636; background-color:#FFFFFF; border:solid 1px #DADADA; 
                         padding:5px; margin: 2px;                          
                         border-radius:4px; box-shadow:0px 1px 1px rgba(0,0,0,0.1); 
}
select:focus,
select.focused,
textarea:focus,
textarea.focused,
input[type='text']:focus,
input[type='text'].focused,
input[type='file']:focus,
input[type='file'].focused,
input[type='password']:focus,
input[type='password'].focused { 
    border:solid 1px #333333;
    box-shadow: 0px 0px 2px 0px #333333, inset 0px 0px 3px 0px #333333, 0px 1px 1px rgba(0,0,0,0.1);  
    border-collapse:separate; /* IE9 Bug fix */
    outline:none;
}
input[type='checkbox'] + label[for],
input[type='radio'] + label[for],
input[type='checkbox'],
input[type='radio'] {
    margin: 5px 3px; /*reduce spacing between radio and its label*/
    padding: 0; /*FF shows zero padding and no control to change, so lets use it as a base line!*/
    vertical-align: middle; /*ensure input and label are aligned*/
}

/*Placeholder style*/
input::-webkit-input-placeholder  { color:#C2C2C2 !important; text-shadow:none !important;}
input:-moz-placeholder            { color:#C2C2C2 !important; text-shadow:none !important;}
input::-moz-placeholder           { color:#C2C2C2 !important; text-shadow:none !important;}
input:-ms-input-placeholder       { color:#C2C2C2 !important; text-shadow:none !important;}
input::-ms-input-placeholder      { color:#C2C2C2 !important; text-shadow:none !important;}

input[type='checkbox'].focused,
input[type='checkbox']:focus {
    outline:none;
    box-shadow: 0px 0px 4px 2px #333333;  
    border-collapse:separate;/* IE9 Bug fix */
}
input[type='radio'].focused,
input[type='radio']:focus { 
    outline:none;
    box-shadow: 0px 0px 4px 1px #333333, inset 0 0 8px 0px #333333;
    border-radius:6px;
    border-collapse:separate; /* IE9 Bug fix */
}


.ie8 input[type='checkbox'].focused,
.ie8 input[type='checkbox']:focus,
.ie8 input[type='radio'].focused,
.ie8 input[type='radio']:focus{
    outline:dotted 1px #333333;
    margin:4px;
    padding:1px;
}


.HtmlEditor2_Container div iframe   { height: 200px !important; }
.HtmlEditor2_Container div          { text-align:center; }
.HtmlEditor2_Container div textarea { height: 200px !important; width:99% !important; padding:4px; }
.HtmlEditor2_smallContainer iframe { height: 60px !important; }

.HtmlEditor2_Html { color:#222222; background-color:#D4D4D4; border:solid 1px #CCC; padding:2px; height: 200px; overflow: scroll;}
.HtmlEditor2_smallContainer .HtmlEditor2_Html { height: 60px;}

.HtmlEditor2_Container .ajax__htmleditor_editor_default { height: auto !important; }

select.disabled,
select[disabled],
textarea.disabled,
textarea[disabled],
input.disabled,
input[type='submit'][disabled],
input[type='text'][disabled],
input[type='password'][disabled]
{ background-color:#ECF0EC; color:#555555; border-color:#CCC; }

input[readonly],
textarea[readonly]{ background-color:#f4f4f4; color:#505050; box-shadow:none; }
input[readonly]:focus,
textarea[readonly]:focus{ border-color:#9e9e9e; box-shadow:none;}


input[type='password']     {width:150px;}
input[type='text']         {width:150px;}
input[type='text'].mini    {width:22px; padding:2px 4px; text-align:center;}
input[type='text'].small   {width:80px;}
input[type='text'].large   {width:220px;}
input[type='text'].xlarge  {width:400px;}
input[type='text'].xxlarge {width:600px;}
input[type='text'].full    {width:100%;}

.hiddenErrorMessage                     { visibility:hidden; }
.failed_validation .hiddenErrorMessage  { visibility:visible; }
.required       { color: #f00; cursor:default;  position:relative; padding-right:4px; display:inline-block; font-weight:normal; font-family:"Arial"; font-size:10pt; font-style:italic; }
.pageInstructions { padding: 0px; margin:0 0 10px 0; }
.sectionInstructions {padding: 0px; margin:0 0 10px 0; }

.debugModeMessage { background-color: #ff2e31; color: #fff; border:solid 1px #cc0000; line-height: 30px; font-weight: bold; padding-left: 10px; }

.indent   { margin-left:50px; }
.indent_1 { margin-left:5px;  }
.indent_2 { margin-left:10px; }
.indent_3 { margin-left:15px; }
.indent_4 { margin-left:20px; }
.indent_5 { margin-left:25px; }

button,
input.button,
a.button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  margin:2px 5px 2px 2px;
  /*margin-right:5px;
  margin-top:2px;*/
  border-collapse:separate; /*IE9 issue with box shadows - requires this for some outset shadows*/
  display:inline-block; /* this is for anchors, without it the padding can overlap surrounding content */

  color: #FFFFFF;
  border: 1px solid #262626;
  background-color: #333333;
 

  text-shadow: 0 -1px 0px rgba(0,0,0,0.25);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3), inset 0 20px 20px -10px rgba(255,255,255,0.3), inset 0 -8px 10px rgba(0,0,0,0.2);  
}
button { vertical-align: top; }

button.buttonSmall,
input.buttonSmall,
a.buttonSmall {
  padding: 3px 10px;
  font-size: 11px;
}

button.buttonLarge,
input.buttonLarge,
a.buttonLarge {
  padding: 6px 12px;
  font-size: 14px;
}

button:hover,
input.button:hover,
input.button:focus,
a.button:hover,
a.button:focus  {
  border-color:#333333;
  background-color:#515151;
  box-shadow: 0 1px 0 rgba(255,255,255, 0.4), inset 0 1px 0 rgba(255,255,255, 0.5), inset 0 20px 20px -10px rgba(255,255,255,0.2), inset 0 -8px 10px rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0, 0.15);  
  cursor: pointer;
}




button.delete,
input.button.delete,
a.button.delete {
  border-color: #cc0000;
  background-color: #ea0002;
}

button.delete:hover,
input.button.delete:hover,
a.button.delete:hover {
  border-color: #e80000;
  background-color: #f80002;
}


button.cancel,
input.button.cancel,
a.button.cancel {
  border-color: #737373;
  background-color: #7c7c7c;
  background-image: -moz-linear-gradient(top, #969595, #7c7c7c);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #969595),color-stop(1, #7c7c7c));
}

button.cancel:hover,
input.button.cancel:hover,
a.button.cancel:hover {
  border-color: #7f7f7f;
  background-color: #858585;
  background-image: -moz-linear-gradient(top, #a2a2a2, #858585);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a2a2a2),color-stop(1, #858585));
}



/*ENSURE THIS CLASS IS ALWAYS LAST FOR BUTTONS!*/
      button[disabled='disabled'],
    a.button[disabled='disabled'],
input.button[disabled='disabled'],
      button[disabled='disabled']:hover,
    a.button[disabled='disabled']:hover,
input.button[disabled='disabled']:hover,
      button:disabled,
    a.button:disabled,
input.button:disabled,
      button.disabled,
    a.button.disabled,
input.button.disabled,
      button.disabled:hover,
    a.button.disabled:hover 
input.button.disabled:hover 
{
  border-color: #c7c7c7;
  background-color: #d0d0d0;
  background-image: -moz-linear-gradient(top, #dddddd, #d0d0d0);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dddddd),color-stop(1, #d0d0d0));
  cursor: default !important;
  /*position: relative; - WTF? */
  /*top: 0px !important; - WTF? */
  box-shadow: 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3), inset 0 20px 20px -10px rgba(255,255,255,0.3), inset 0 -8px 10px rgba(0,0,0,0.2);  
  text-shadow:none;
}

button.function-only,
.button.function-only,
.button.function-only:visited,
.button.function-only:link,
.button.function-only:focus {
  background:transparent;
  background:rgba(0,0,0,0.03);
  color:#444;
  box-shadow:none;
  border-color:#aaa;
  margin:0;
}
button.function-only:not(:hover),
.button.function-only:not(:hover) { text-shadow:none; }

button.function-only.buttonSmall,
.button.function-only.buttonSmall,
.button.function-only.buttonSmall:visited,
.button.function-only.buttonSmall:link,
.button.function-only.buttonSmall:focus {
  padding:1px 4px;
}
button.function-only:hover,
.button.function-only:hover { 
 color:#000; 
 box-shadow:inset 0 1px rgba(255,255,255,0.5), inset 0px -10px 5px -0px rgba(0,0,0,0.08), 0px 2px 2px -2px rgba(0,0,0,0.1);
 border-color:#999;
 background:rgba(0,0,0,0.01);
}

button.function-only.dark,
.button.function-only.dark { 
    color:#F1F1F1;
    background-color:#363636;
}
button.function-only.dark:hover,
.button.function-only.dark:hover { 
    background-color:#1B1B1B;
    color:#F8F8F8;
    box-shadow:none;
}


.warning-box { 
    background-color:#FFFFAA; 
    border:solid 1px #CC0; 
    padding:1em; 
    border-collapse:separate;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
   -webkit-box-shadow: 2px 2px 3px rgba(204,204,00,0.4);  
      -moz-box-shadow: 2px 2px 3px rgba(204,204,00,0.4);  
           box-shadow: 2px 2px 3px rgba(204,204,00,0.4);  
}
.warning-box a.close-warn { text-decoration: underline; }

.warning-box a.button,
.warning-box input.button {
  text-decoration:none;
  color:black;
  border: 1px solid #b88000;
  background-color: #f3b300;
  background-image: -moz-linear-gradient(top, #f3b300, #c89400);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f3b300),color-stop(1, #c89400));
}
.warning-box a.button:hover,
.warning-box input.button:hover,
.warning-box a.button:active,
.warning-box input.button:active {
  border: 1px solid #d98000;
  background-color: #f6c300;
  background-image: -moz-linear-gradient(top, #f6c300, #e9a400);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f6c300),color-stop(1, #e9a400));
}

.searchFormNoTable { margin-left: -20px; margin-right: -20px; background-color: #E8E8E8; margin-bottom: 1em; }
.searchFormNoTable > div { padding: 4px 20px 4px 20px; border-bottom: 1px solid #ffffff;}
.searchFormNoTable > div:last-child { border-bottom: 0; }
.searchFormNoTable > div > div { display: inline; border-left: 1px solid #ffffff; border-right: 1px solid #dadada; padding-right: 10px; padding-left: 10px; }
.searchFormNoTable > div >div:first-child { border-left: 0; padding-left: 0; }
.searchFormNoTable > div >div:last-child { border-right: 0; padding-right: 0; }

.searchFormTable { margin-left: -20px; margin-right: -20px; }

.fieldGroupingSingleCol { background-color:#E8E8E8; padding: 10px 10px; border:solid 1px #E8E8E8; margin-bottom:1em; }
.fieldGroupingSingleCol textarea{ width:99%; }
.fieldGroupingSingleCol .description td { text-align:left; }

.fieldGrouping { color:#363636; background-color: #F1F1F1; border:solid 1px #E8E8E8; margin-bottom: 1em; border-spacing: 0; vertical-align: middle; }
.modalPopup .fieldGrouping { margin-bottom:0;}
.fieldGrouping textarea{ width:99%; }

.fieldGrouping table { border-collapse: separate; width: auto; }
.fieldGrouping { width: 100%; }
.fieldGrouping > tr > td,
.fieldGrouping > tbody > tr > td,
.fieldGrouping .row > .cell
{ 
  padding: 10px 10px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #ffffff;
  text-align: start;
}
.fieldGrouping > tr > td:first-child,
.fieldGrouping > tbody > tr > td:first-child { border-left: 0; }
.fieldGrouping > tr > td:last-child,
.fieldGrouping > tbody > tr > td:last-child { border-right: 0; }
.fieldGrouping > tr:last-child > td,
.fieldGrouping > tbody > tr:last-child > td {border-bottom: 0; }

.fieldGrouping > tr > td:first-child,
.fieldGrouping > tbody > tr > td:first-child,
.fieldGrouping .row > .cell:first-child { background-color: #E8E8E8; }

.fieldGrouping > tr > td:first-child .whats-this,
.fieldGrouping > tbody > tr > td:first-child .whats-this {float:inline-end;}

/*Must not float the whats-this icon on the mbpCustomisations page.*/
.mbpCustomisations .fieldGrouping > tr > td:first-child .whats-this,
.mbpCustomisations .fieldGrouping > tbody > tr > td:first-child .whats-this {float:none;}


.fieldGrouping > tr > td.normal,
.fieldGrouping > tbody > tr > td.normal { background-color: transparent; }

.fieldGrouping h3 { display:inline-block; border-bottom:solid 1px black; padding-left:2px; padding-right:6px; }
.fieldGrouping h3.nounderline { border-bottom: none; }
.fieldGrouping h4 { display:inline-block; border-bottom:solid 1px black; padding:0 6px 0 1px; margin-top:2px; margin-bottom:2px; }
.fieldGrouping h4.nounderline { border-bottom:none;}

.fieldGrouping > tr:first-child > td:first-child,
.fieldGrouping > tbody > tr:first-child > td:first-child,
.fieldGrouping .fieldGroupingRow > td:first-child,
.fieldGrouping .row > .cell:first-child { width:200px; }

.fieldGrouping.narrow > tr:first-child > td:first-child,
.fieldGrouping.narrow > tbody > tr:first-child > td:first-child,
.fieldGrouping.narrow .fieldGroupingRow > td:first-child { width:160px; }

.table { display: table; }
.table .row { display: table-row; }
.table .row .cell { display: table-cell; }

.actionButtonContainer {text-align:right; padding:3px 2px; }
.fieldGroupingSaveCancelButtons { text-align: left; padding: 3px 2px; margin-bottom: 15px; }
.fieldGroupingSaveCancelButtons .lblResponse { display: inline; }
.genericTabs .fieldGroupingSaveCancelButtons { margin-bottom: 0; }

.box, .informationBox {
  border: 1px solid #bebebe;
  color: #363636;
  padding: 5px 10px;
  background-color: #F8F8F8;
  text-shadow: 0 1px 0 rgba(255,255,255,1);

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1.5em;
}
table.informationBox { border-collapse: separate; }
.informationBox > tbody > tr > td:first-child,
.informationBox > tr > td:first-child { width:200px; }
.informationBox.large { padding: 20px 10px; }

.req            { color:Red; padding:2px 5px;}
.condition_pass { background-color:#8F8; }
.condition_warn { background-color:#FF8; }
.condition_fail { background-color:#F88; }

.condition_pass.caution { background-color:#C3FFC3; }
.condition_warn.caution { background-color:#FFFFC3; }
.condition_fail.caution { background-color:#FFC3C3; }

.additionalInfo { font-size:90%; font-style:italic; }
.note { color: #6C6C6C; }
.lblResponse {display:block; text-align:left; margin-top:5px; margin-bottom:5px; }

.borderDark {border-style:solid; border-color:#DADADA; border-width:0;}

.tooltipPopup { position:absolute; width:auto; cursor:default; }
.tooltipPopup > table { min-width:130px; width:auto; /*ie 8 in compatibility mode buggers up when this isn't specified*/ }
.tooltipPopup .ttContent { font-size:95%; background-color:#D6F9C3; text-align:center; vertical-align:middle; min-width:5em; min-height:1em; width:auto; height:auto; }

/* - Corners - */
.tooltipPopup .ttBR { width:20px; height:20px; background:url('../images/ToolTipImages/drmCornersRG.png') no-repeat 0 0;        }
.tooltipPopup .ttBL { width:20px; height:20px; background:url('../images/ToolTipImages/drmCornersRG.png') no-repeat -20px 0;    }
.tooltipPopup .ttTL { width:20px; height:20px; background:url('../images/ToolTipImages/drmCornersRG.png') no-repeat -40px 0;    }
.tooltipPopup .ttTR { width:20px; height:20px; background:url('../images/ToolTipImages/drmCornersRG.png') no-repeat -60px 0;    }

/* - Middles (straight lines) - */
.tooltipPopup .ttTM { height:20px; background:url('../images/ToolTipImages/drmHorizontalG.png') repeat-x 0 0;       }
.tooltipPopup .ttBM { height:20px; background:url('../images/ToolTipImages/drmHorizontalG.png') repeat-x 0 -20px;   }
.tooltipPopup .ttML { width:20px;  background:url('../images/ToolTipImages/drmVerticalG.png') repeat-y 0 0;         }
.tooltipPopup .ttMR { width:20px;  background:url('../images/ToolTipImages/drmVerticalG.png') repeat-y -20px 0;     }

/* - Arrow / Point - */
.tooltipPopup.rightAligned.topAligned .ttTL { background-position:-80px  0; }
.tooltipPopup.leftAligned.topAligned  .ttTR { background-position:-100px 0; }

.tooltipPopup.rightAligned.bottomAligned .ttBL { background-position:-120px 0; }
.tooltipPopup.leftAligned.bottomAligned  .ttBR { background-position:-140px 0; }

/* SiteMasterpage specific CSS */
.wrapper 
{
  background-color: #ffffff;
  margin: 0 auto;
  position: relative;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;

  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.2);    
}

body > form > div > .header 
{
  /*background-color: #111111;*/
  background-color: #333333;
  color: #FFFFFF;
  padding: 10px 20px 10px 13px;

  text-shadow: 0 1px 1px rgba(0,0,0,0.15);

  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 30px;
}

/*#header {position:absolute; left:0; right:0; top:0; padding:8px; height:50px;}
#header #windowinfo { text-align:right; }
#header #accountinfo {text-align: left; float:left;}
#header #applicationinfo {width:300px; display:inline-block;}
#header h1 { float:right; margin:0; border-bottom:solid 2px #363636; }
#header h2 { float:right; margin:0; clear:both; }
#header img { padding-left:100px; padding-right:50px; }*/
body > form > div > .header .application_info { font-size: 24px; line-height: 30px; float:inline-start;overflow:hidden; }
body > form > div > .header .application_info .title { vertical-align:middle; font-weight: bolder; padding-left:4px; }
body > form > div > .header .application_info .slogan { vertical-align:middle; display: none; }
body > form > div > .header .application_info .site-logo { vertical-align:middle; }
body > form > div > .header .account_info { float:inline-end; }

#logout { position:absolute; right: 10px; top: 50px; }
#logout a {color: #000000; font-size:11px; padding:5px; margin:0 3px; line-height: 36px; text-shadow: 0 1px 1px rgba(255,255,255,1); }

.wrapper { min-width: 800px;}

.wrapper > .footer  
{
    background-color: #ebebeb;
    color: #6c6c6c;
    font-size: 10px;
    padding: 10px 20px 10px 20px;
    margin-top: 10px;
    min-height: 15px;
    position:relative;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;  
}

/*
#loginCredentialContainer table table {width:auto;}
#loginCredentialContainer table table td { padding:3px; }
#loginCredentialContainer table table input[type='text'],
#loginCredentialContainer table table input[type='password'] { width:200px; }
#loginCredentialContainer table table td:first-child {width:200px; }
#loginCredentialContainer table table td:first-child input { margin-left:300px; float:left;}
*/

/*.loginCredentialContainer table td:first-child input {width:100px; margin-right:20px; padding:5px 0; }*/

/*#loginPasswordRecovery {width:auto;}
#loginPasswordRecovery input[type='text'] {width:200px;}
#loginPasswordRecovery td { padding:3px; }
#loginPasswordRecovery td:first-child { width:200px; }
#loginPasswordRecovery td:first-child input { margin-left:300px; }*/


#pageContentContainer { min-height:600px; padding: 10px 20px 10px 20px; vertical-align:top; } /* all pages using a subsection master page */
td#pageContentContainer > div { min-height:600px; vertical-align: top; }
#pageContentContainer.popup { min-height: 0; padding:10px 20px; vertical-align:top; }

/* Reset Top Menu */
.topNavigationBar { background-color: #ebebeb; border-top: 1px solid #ffffff; border-bottom: 10px solid #ffffff;  }

.topNavigationMenu 
{ 
    width: auto; 
    padding: 0; 
    margin: 0; 
    text-shadow: 0 1px 1px rgba(255,255,255,1);
    background-color: #ebebeb;
    color: #363636;
}
table.topNavigationMenu a 
{
    color: #363636;
    font-size: 14px !important;
    text-shadow: 0 1px 1px rgba(255,255,255,1);
    padding: 0 10px; 
    line-height: 36px;
    height: 36px;
    display:block;
    min-width:72px;
    text-align:center;
}
table.topNavigationMenu > tbody > tr > td[id] {border-right: 1px solid #edf4f7;}
table.topNavigationNode > tbody > tr > td { border-left: 1px solid #f7f7f7 !important; border-right: 1px solid #dadada !important; }
table.topNavigationNode:hover { background-color: #f1f1f1; color: #363636; }
table.topNavigationNodeSelected { background-color: #ffffff; font-weight: bold;}
table.topNavigationNodeSelected:hover { background-color: #ffffff; }

#topNavigationSeperatorBar  { display: none; }
#divAnimationBar            { display: none; }

/*
    TAB STRUCTURE
    #TabParentCssClass# 
        .ajax__tab_header 
            [.ajax__tab_active] 
                .ajax__tab_outer 
                    .ajax__tab_inner 
                        .ajax__tab_tab
        .ajax__tab_body
            .ajax__tab_panel
            .ajax__tab_panel
            ...
*/

/* Note: The additional .ajax__tab_container and .ajax__tab_default selectors are to ensure these rules
         have preceidence over the built in .ajax__tab_xp styles, adding !important isn't a good alternative.
         The additional CSS is especially important for update panels / partial post backs as the
         built in css seems to override these styles without the additional .ajax__tab_container selector */
/* Normal */
.genericTabs                                                                { color:#363636; margin-bottom:1em; }
.genericTabs.ajax__tab_container.ajax__tab_default                          { cursor:default; margin-left: -20px; margin-right: -20px;}
.genericTabs.ajax__tab_container.ajax__tab_default.noexpand                 { margin-left:0; margin-right:0;}
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header        { margin-left: 10px; }
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header h1,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header h2,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header h3,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header h4     { margin-top:0; margin-bottom:0;}
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_body          { padding:0; border:none; font:inherit; position:relative; border-collapse:separate; margin-top:-1px; background-color:#F1F1F1; overflow:visible; }
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header        { background-image: none; font:inherit; }
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header .ajax__tab_outer { background-image:none; padding:0; text-decoration:inherit; margin-right:5px; height:auto; border-collapse:separate; }
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header .ajax__tab_inner { background-image:none; padding:0; text-decoration:inherit; outline: 0; }
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header .ajax__tab_tab   { background-image:none; text-decoration:inherit; min-width:80px; text-align: left; padding:5px 11px 3px 10px; }
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header        a.ajax__tab_tab,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header        a.ajax__tab_tab:focus,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header        a.ajax__tab_tab:link,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header        a.ajax__tab_tab:visited,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header        a.ajax__tab_tab:hover { color:inherit; }

/* Normal */
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header .ajax__tab_outer { 
    background-image: none;
    background-color:#E8E8E8; 
    color:#626262;
    box-shadow:inset 0 -5px 6px -6px rgba(0,0,0,0.15);
}
/* Focus */ .genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header .ajax__tab_outer a.ajax__tab_tab:focus,
/* Hover */ .genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header .ajax__tab_outer:hover {
    background-image: none;
    background-color: #F1F1F1;
    color:#363636;
    text-decoration: none;
}
/* Selected */ .genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header .ajax__tab_active .ajax__tab_outer,
/* Selected */ .genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_header .ajax__tab_outer.selected {
    background-color: #F1F1F1;
    color:#363636;
    text-decoration: none;
    font-weight:bold;
    border:solid 1px #DADADA;
    border-bottom:none;
    box-shadow:none;
    position:relative;
    z-index:1;
}
/* Disabled */ 
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_disabled .ajax__tab_outer,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_disabled .ajax__tab_outer:hover,
.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_disabled .ajax__tab_outer:hover a   { 
    background-color: #AAAAAA; 
    color: #222222; 
    text-decoration:none; 
}

.genericTabs.ajax__tab_container.ajax__tab_default .ajax__tab_body { 
  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#F1F1F1', EndColorStr='#E8E8E8');
  /* Safari 5.1, Chrome 10+ */  background: -webkit-linear-gradient(top, #F1F1F1, #E8E8E8);
  /* Firefox 3.6+ */            background:    -moz-linear-gradient(top, #F1F1F1, #E8E8E8);
  /* IE 10 */                   background:     -ms-linear-gradient(top, #F1F1F1, #E8E8E8);
  /* Opera 11.10+ */            background:      -o-linear-gradient(top, #F1F1F1, #E8E8E8);
                                background:        -linear-gradient(top, #F1F1F1, #E8E8E8);
}
.genericTabs.ajax__tab_container.ajax__tab_default .fieldGrouping { background-color: transparent; border:none; margin-bottom:0;}
.genericTabs.ajax__tab_container.ajax__tab_default div.fieldGrouping { padding:10px 20px; }
.genericTabs.ajax__tab_container.ajax__tab_default table.fieldGrouping > tr > td,
.genericTabs.ajax__tab_container.ajax__tab_default table.fieldGrouping > tbody > tr > td { padding: 5px 10px; }
.genericTabs.ajax__tab_container.ajax__tab_default table.fieldGrouping > tr > td:first-child,
.genericTabs.ajax__tab_container.ajax__tab_default table.fieldGrouping > tbody > tr > td:first-child { width:220px; padding-left: 20px; background-color:transparent; }


.genericTabs.ajax__tab_container.ajax__tab_default          .ajax__tab_body { border: solid 1px #DADADA; border-left: none; border-right: none; }
.genericTabs.ajax__tab_container.ajax__tab_default.dataTabs .ajax__tab_body { border: solid 1px #DADADA; }
.genericTabs.ajax__tab_container.ajax__tab_default.dataTabs                 { margin-left: 0px; margin-right: 0px; }
.genericTabs.ajax__tab_container.ajax__tab_default.framedBody.ajax__tab_container.ajax__tab_default .ajax__tab_body { padding: 10px; }


/* Reset Left Menu Defaults */
#leftNavigationMenuContainer  
{
    width:150px; 
    padding-top: 10px; 
    vertical-align: top; 
    background-color: #F3F3F3; 
    border: 1px solid #E3E3E3;
    border-left: 0;
}
.leftNavigationMenu 
{
  width: 150px;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #e1e1e1;     
  border-bottom: 1px solid #ffffff;
}

#leftNavigationMenuContainer .leftNavigationMenu a {
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #dadada;
  padding: 5px 10px;
  display: block;
  background-color: #ebebeb;
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(255,255,255,1);
}

#leftNavigationMenuContainer .leftNavigationMenu a:hover {
  background-color: #f1f1f1;
}

#leftNavigationMenuContainer .leftNavigationMenu .leftNavigationNodeSelected a {
  font-weight: bold;
  background-color: #fff;
  color: #363636;
  border-top-color: #fff;
  border-left: 3px solid #333333;
  padding-left: 7px;
}

#leftNavigationMenuContainer .leftNavigationMenu .leftNavigationNodeIndent_1 {
  border-left: 10px solid #dadada;
}

.leftNavigationNodeIndent_2 { margin:0 0 0 14px; }
.leftNavigationNodeIndent_3 { margin:0 0 0 18px; }

.leftNavigationNodeDisabled a,
.leftNavigationNodeDisabled a:link,
.leftNavigationNodeDisabled a:hover,
.leftNavigationNodeDisabled a:visited                 { color:#222222; background-color:#ebebeb !important; cursor:default; text-decoration:none; }

.leftNavigationNodeDisabled .leftNavigationNode       { background-color:#AAAAAA; }
.leftNavigationNodeDisabled .leftNavigationNodeIndent { background-color:#888888;}
.leftNavigationNodeDisabled .leftNavigationNodeLink   { background-color:#AAAAAA;}
.leftNavigationNodeDisabled .leftNavigationNodeIndent:hover { background-color:#888888;  } 
.leftNavigationNodeDisabled a                         { }

.genericGridSearch { }

/*#region .genericGrid */
.genericGrid { border: 1px solid #E8E8E8; border-collapse: separate !important; margin-bottom: 1em; vertical-align:middle; text-align:left; }
.genericGridSearch_Container { }

.genericGrid th a,
.genericGrid.static th,
.genericGrid th.no-select { }
.genericGrid * { vertical-align:inherit; }
.genericGrid h1,
.genericGrid h2,
.genericGrid h3,
.genericGrid h4 { margin-top: 0; }

.genericGrid th { 
    cursor:default;  
    border-left: 1px solid #ffffff;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #ffffff;
    background-color: transparent;
    padding: 10px;
}
.genericGrid td { 
    padding: 6px 6px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #ffffff;
    background-color: transparent;
    padding: 5px 10px 5px 10px;
}
.genericGrid th:first-child, .genericGrid td:first-child { border-left: none !important; } 
.genericGrid th:last-child, .genericGrid td:last-child { border-right: none !important; } 

.genericGridHeader th   { background-color: #DADADA; } 
.genericGridHeader th a { display:block; min-height:16px; } /* Make sure there's room for the icon! */

.genericGridHeader .selected { }
.genericGridHeader .selected.asc  a { font-weight: bold; background:url(../images/mrkSortDirection.png) scroll no-repeat 97% -100px; }
.genericGridHeader .selected.desc a { font-weight: bold; background:url(../images/mrkSortDirection.png) scroll no-repeat 97%    0px;}

.genericGridEmptyDataRow td { background-color:#F8F8F8; }
.genericGridRow td          { background-color:#F1F1F1; }
.genericGridAltRow td       { background-color:#F8F8F8; }
.genericGrid  tr.focus  td  { background-color:#E8E8E8; color:#363636; border-bottom:solid 1px #DADADA; }
.genericGrid  tr.focus  td:last-child  {border-right:solid 1px #DADADA !important; }
.genericGrid  tr.focus  td.last-child  {border-right:solid 1px #DADADA !important; }
.genericGridSelectedRow td  { background-color:#E8E8E8; color:#363636; }
.genericGrid.multiselect .genericGridRow td          { color:#222222; background-color:#FFFFFF; }
.genericGrid.multiselect .genericGridSelectedRow td  { color:#363636; background-color:#FBFBFB; }
/*#endregion .genericGrid*/

.genericPager         {}
.genericPager td      { background-color: #E8E8E8; padding: 0; border-bottom: 0; }
.genericPager table   { width: auto; border-spacing: 0; }
.genericPager table td{ padding: 1px; }
.genericPager a,
.genericPager span    { min-width:1em; height:1.5em; display:block; text-align:center; width:28px; height:26px; line-height:26px; }
.genericPager span    { cursor:default; }
.genericPager a:hover { background-color:#dddddd; }                                           
.genericPager span    { color:#000000; background-color: #CACACA; font-weight: bold; }

.genericNumericUpDown a.increase      { background:url(../images/btnAddSubtract.png) scroll no-repeat 0 0;     display:inline-block; width:24px; height:24px; }
.genericNumericUpDown a.decrease      { background:url(../images/btnAddSubtract.png) scroll no-repeat 0 -24px; display:inline-block; width:24px; height:24px; }
.genericNumericUpDown a.increase span { display:none; }
.genericNumericUpDown a.decrease span { display:none; }


.htmlpreview { margin:4px; padding:4px; background-color:#FFFFFF; border:dotted 1px #E8E8E8;}
.preview-container { margin:0.5em 0; padding:0.5em; }
.preview-container.large { margin:1em 0; padding:1em; border:dashed 2px #DADADA; }

.warning-icon { cursor:default; background:url('../images/warning.png') no-repeat; display:inline-block; width:16px; height:16px; color:transparent; margin-top:-20px; position:relative; color:transparent;}
.warning-icon.large { background:url('../images/warning-large.png') no-repeat; width:32px; height:32px; }
h1 .warning-icon,
h2 .warning-icon,
h3 .warning-icon,
h4 .warning-icon,
h5 .warning-icon  { vertical-align:text-bottom; }

/*#region Number/Date input controls + calendar activator classes */
.date-input-range,
.number-input-range { display: inline-block; }

.number-input,
.date-input { display:inline-block; white-space:nowrap; vertical-align:baseline; min-width:50px; }
.date-input .popupActivator,
.calendarPopupActivator      {cursor:pointer; display:inline-block; width:24px; height:24px; background-image:url('../images/btnCalendar.gif'); vertical-align:middle; margin-top:-2px; position:relative;}
.date-input .popupActivator:focus,
.calendarPopupActivator:focus { outline: none; }      

.number-input .clearActivator,
.date-input .clearActivator,
.calendarPopupActivatorClear {display:inline-block; width:16px; height:16px; background-image:url('../images/btnDeleteDisabled.png');   vertical-align:middle; margin-top:8px; margin-left:-50px; position:absolute; }
.number-input .clearActivator { margin-left: -20px; margin-right:3px;}

.date-input.with-value .clearActivator,
.number-input.with-value .clearActivator { cursor:pointer; background-image:url('../images/btnDelete.png'); }

.number-input .required,
.date-input .required { padding: 0; font-size:inherit; /*Override the inline .required style so it matches the other warning icons (vertical alignment issue) */ }

.date-input input { text-align: center; 
                    background:#F8F8F8 url('data:image/png;base64,R0lGODlhCgAKAIABAFVVVf///yH5BAEAAAEALAAAAAAKAAoAAAIOjI+pe+DvGgQJrsiyVgUAOw==') no-repeat 95% 50%;
                    color:#686868;
                    box-shadow:inset 0 1px 0px 0px #ffffff,inset 0 0px 0px 1px #F8F8F8,inset 0 10px 0px 0px #F8F8F8,inset 0 -7px 12px -5px rgba(0,0,0,0.2),inset 0 -18px 5px -5px rgba(0,0,0,0.1), 0px 1px 1px rgba(0,0,0,0.1); 
                    text-shadow:0 1px #fff;
                    cursor:default;
                    
}
.date-input.without-clear-marker input { padding-right: 15px; }
.date-input.with-clear-marker    input { padding-right: 22px; background-image: none; }

.date-input input.focused { 
    box-shadow: 0px 0px 2px 0px #333333, inset 0px 0px 3px 0px #333333, 0px 1px 1px rgba(0,0,0,0.1),
                inset 0 1px 0px 0px #ffffff,inset 0 0px 0px 1px #F8F8F8,inset 0 10px 0px 0px #F8F8F8,inset 0 -7px 12px -5px rgba(0,0,0,0.2),inset 0 -18px 5px -5px rgba(0,0,0,0.1); 
}
.date-input input:focus { 
    text-align: left; 
    cursor:text; 
    color:#363636; 
    background-color:#FFFFFF;
}

/*#endregion*/


.syncActivator { cursor:pointer; display:inline-block; width:23px; height:23px; background-image:url('../images/btnGo.png'); vertical-align:middle; margin-top:-4px; margin-left:0px;}


table.modalPopup {border-collapse:collapse;width:auto;}
.modal_background { background-color: #a0a0a0; opacity:0.6; filter:alpha(opacity=60);  }
.modalPopup  
{
    display: block; 
    padding:0; 
    background-color: #fff; 
    border: 2px solid #464646;

    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;

    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.25) !important;
    -moz-box-shadow : 0px 2px 6px rgba(0,0,0,0.25) !important;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.25) !important;
}

.modalPopupContent { padding: 10px 20px; }
.modalPopup .modalPopupFooter  
{
    padding: 10px 20px; 
    background-color: #E8E8E8; 
    border-top: 1px solid #939393;  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.modalPopupTitlebar,
.modalPopup .modalPopupTitlebar {
    background-color: #939393; 
    color:#FFFFFF; 
    font-size: 1.5em; 
    font-weight: bold; 
    padding: 10px 20px; 
    min-height: 1em;
    cursor:default; 
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position:relative;
}

.smallDialogPopup {border-width:2px;}
.smallDialogPopup .modalPopupTitlebar { padding:1px 4px 5px; height:16px; }
.smallDialogPopup .modalPopupTitlebar { font-size:130%; }

.modalPopup .modalPopupTitlebar .close,
.modalPopup .modalPopupTitlebar .close:hover { cursor:pointer; position:absolute; float:none; top: 5px; right:5px;   padding:5px 10px;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  
  -webkit-box-shadow: inset 0px -8px 10px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,0.3);
     -moz-box-shadow: inset 0px -8px 10px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,0.3);
          box-shadow: inset 0px -8px 10px rgba(0,0,0,0.15), 0px 1px 0px rgba(255,255,255,0.3), inset 0px 1px 0px rgba(255,255,255,0.3);

  font-size:12px;
  border-color: rgba(170,68,68,0.5);
  background-color:rgba(248,0,2, 0.1);
}

.modalPopup .modalPopupTitlebar .close:hover {    
  border-color: rgba(170,68,68,0.8);
  background-color:rgba(248,0,2, 0.3);
}

/*START WIDGET EDIT SCREEN*/
.style-option .widget-container,
.size-option  .widget-container { 
    /*margin:2px;*/
}
.style-option:hover .widget-container,
.size-option:hover .widget-container { 
    border-radius:4px;
    border: solid 1px #333333 !important; 
    /*padding:1px; margin:1px;*/
}
.style-option.selected .widget-container, 
.size-option.selected .widget-container { 
    border-radius:4px;
    border: solid 2px #333333 !important; 
    /*padding:2px; margin:0;*/
}
/*END WIDGET EDIT SCREEN*/



.imagePreviewContainer { width:200px; height:133px; margin:auto;}
.noImagePlaceholder { border:outset 2px #DADADA;  background:url(../Images/no_image.gif) no-repeat scroll center center; }
.imagePreview       { max-width:200px; max-height:133px; border:outset 2px #DADADA; margin:auto; }

.imageContainer     { width:auto; height:auto; }
.businessImage      { max-width:300px; max-height:177px; border:solid 1px #DADADA; margin:auto; }

.imageUpload.fullsize .imagePreviewContainer.withImage      { width:auto; height:auto;  }
.imageUpload.fullsize .imagePreviewContainer  .imagePreview { max-width:none; max-height:none; }

.imageUpload {}
.imageUpload_Table {}
.imageUpload_Table td { margin:0 auto; text-align:center; vertical-align:middle; width:auto;}
.imageUpload_ImageRow    { }
.imageUpload_ControlsRow { }
.imageUpload_ControlsRow a { border-left:solid 1px black; padding:0 5px; margin:2px auto;}
.imageUpload_ControlsRow a:first-child { border-left:none;} 

.imageUploadPopup { background-color:#F8F8F8; padding:3px; border:solid 3px #DADADA; margin-bottom:1em; width:500px; height:200px;}
.imageUploadPopup td:first-child {padding-left:5px; }
.imageUploadPopup input[type='text'],
.imageUploadPopup input[type='file'] {width:90%;}
.imageUploadPopup .submitButtonsContainer { text-align:center; }


.reportViewer { width:100%; }
.reportViewer table { width:auto; }

.providerEditor {  }

.genericGrid tfoot th,
.genericGrid tfoot td { background-color:#F1F1F1; }
.genericGrid tfoot th:first-child { background-color:#FFFFFF; }

.userDetails { }
.userDetails .modalPopup { }




 
 
.label {margin-right:10px;}
.label.inline {margin-right:0px;}

input[maxlength='1'] {width:1em;}
input[maxlength='2'] {width:2em;}
input[maxlength='3'] {width:2em;}
input[maxlength='4'] {width:3em;}
input[maxlength='5'] {width:3em;}
input[maxlength='6'] {width:4em;}
input[maxlength='7'] {width:4em;}
input[maxlength='8'] {width:5em;}
input[maxlength='9'] {width:5em;}
input[maxlength='10']{width:6em;}
input[maxlength='11']{width:6em;}
input[maxlength='12']{width:7em;}
input[maxlength='13']{width:7em;}
input[maxlength='14']{width:8em;}
input[maxlength='15']{width:8em;}
input[maxlength='16']{width:9em;}
input[maxlength='17']{width:9em;}
input[maxlength='18']{width:10em;}
input[maxlength='19']{width:10em;}
input[maxlength='20']{width:11em;}      
input[maxlength='25']{width:13em;}
input[maxlength='30']{width:16em;}
input[maxlength='40'] {width:20em;}
input[maxlength='50'] {width:25em;}
input[maxlength='60'] {width:30em;}

input.tbExtraLargeSingle    , select.tbExtraLargeSingle  {width:50em;}
input.tbLargeSingle         , select.tbLargeSingle  {width:25em;}
input.tbMediumSingle        , select.tbMediumSingle {width:15em;}
input.tbSmallSingle         , select.tbSmallSingle  {width:8em;}

input.tb1char  {width:1em;}
input.tb2char  {width:2em;}
input.tb3char  {width:2em;}
input.tb4char  , select.tb1char  {width:3em;}
input.tb5char  , select.tb2char  {width:3em;}
input.tb6char  , select.tb3char  {width:4em;}
input.tb7char  , select.tb4char  {width:4em;}
input.tb8char  , select.tb5char  {width:5em;}
input.tb9char  , select.tb6char  {width:5em;}
input.tb10char , select.tb7char  {width:6em;}
input.tb11char , select.tb8char  {width:6em;}
input.tb12char , select.tb9char  {width:7em;}
input.tb13char , select.tb10char {width:7em;}
input.tb14char , select.tb11char {width:8em;}
input.tb15char , select.tb12char {width:8em;}
input.tb16char , select.tb13char {width:9em;}
input.tb17char , select.tb14char {width:9em;}
input.tb18char , select.tb15char {width:10em;}
input.tb19char , select.tb16char {width:10em;}
input.tb20char , select.tb17char {width:11em;}
                 select.tb18char {width:12em;}
                 select.tb19char {width:12em;}
                 select.tb20char {width:13em;}
input.tb25char                   {width:13em;}
input.tb30char                   {width:16em;}

select.tb25char {width:15em;}
select.tb30char {width:18em;}





               
                  
table.autowidth {  width:auto; }
input.autowidth,   .fieldGrouping input.autowidth, 
select.autowidth,  .fieldGrouping select.autowidth {width:auto;}
div.autowidth > *  { width:auto; }

.fieldGrouping table.tableMediumFirstColum td:first-child { width:15em; }

.rcContainer { position:relative; min-height:20px; min-width:20px; height:auto; width:auto;}

.rcBackground {  position:absolute;left:10px;right:10px;top:10px;bottom:10px;background-color:#D6F9C3; }

.rcTop      {height:10px; position:absolute;left:10px;right:10px;top:0;     background:url('../images/RCHorizontal.png') repeat-x 0 0;}
.rcBottom   {height:10px; position:absolute;left:10px;right:10px;bottom:0;  background:url('../images/RCHorizontal.png') repeat-x 0 -10px;}
.rcLeft     {width:10px;  position:absolute;top:10px;bottom:10px;left:0;    background:url('../images/RCVertical.png')   repeat-y 0 0;}
.rcRight    {width:10px;  position:absolute;top:10px;bottom:10px;right:0;   background:url('../images/RCVertical.png')   repeat-y -10px 0;}

.rcTL {width:10px;height:10px; position:absolute; left:0;  top:0;       background:url('../images/RCCornersG.png') no-repeat -20px 0;}
.rcTR {width:10px;height:10px; position:absolute; right:0; top:0;       background:url('../images/RCCornersG.png') no-repeat -30px 0;}
.rcBL {width:10px;height:10px; position:absolute; right:0; bottom:0;    background:url('../images/RCCornersG.png') no-repeat 0 0;}
.rcBR {width:10px;height:10px; position:absolute; left:0;  bottom:0;    background:url('../images/RCCornersG.png') no-repeat -10px 0;}
.rcContents {padding:10px;position:relative;}

.distributorDescriptionInline       { color:#222222;           min-height:2em; max-height:4em; overflow:hidden; padding:3px; }

span.blockedMarker  { display:inline-block; width:24px; height:24px; background:url('../images/mrkSelected_24px.png') no-repeat scroll right -48px;     } 
span.unoptedMarker  { display:inline-block; width:24px; height:24px; background-image:none;} 
span.optedInMarker  { display:inline-block; width:24px; height:24px; background:url('../images/mrkSelected_24px.png') no-repeat scroll right 0;     }
span.optedOutMarker { display:inline-block; width:24px; height:24px; background:url('../images/mrkSelected_24px.png') no-repeat scroll right -24px; }

.pendingPostbackResponse { cursor:wait; }

.panelExpanderControlContainer  { cursor:default; }
.panelExpanderControlMarker     { margin-top:-1px; vertical-align:top; display:inline-block; width:16px; height:16px; background:transparent url('../images/btnExpandCollapse.png') no-repeat scroll 0 0; }
.panelExpanderControlContainer           .panelExpanderControlMarker { margin: 2px; }
.panelExpanderControlContainer.collapsed .panelExpanderControlMarker{ background-position:0 0; }
.panelExpanderControlContainer.expanded  .panelExpanderControlMarker{ background-position:0 -16px; }

.mutuallyExclusiveCheckBoxContainer {display:inline-block; height:20px; }
.mutuallyExclusiveCheckBoxContainer label {display:inline-block;} /* required to allow transarency */
/*
 this code will give you the ability to replace the disabled checkbox with a image of your chosing!
.mutuallyExclusiveCheckBoxContainer input { margin:0; padding:0; width:20px; } 
.mutuallyExclusiveCheckBoxContainer label { margin:0; padding:0; line-height:20px; } 
.mutuallyExclusiveCheckBoxContainer input.inactive { display:none; }
.mutuallyExclusiveCheckBoxContainer label.inactive { padding-left:20px; background:transparent url('../images/mrkSelected_24px.png') no-repeat scroll 0 -24px;  }
*/

.mutuallyExclusiveCheckBoxContainer .inactive { opacity:0.25;filter:alpha(opacity=25);  }
/*
.imagePreviewContainer {position:relative;}
.unsavedChanges { position:absolute; background-color:Red; display:inline-block; width:20px; height:20px; right:-30px;} 
*/

.text-copy-container { text-align:center; }
.text-copy-container h3 { text-align: left; }
.text-copy-container input, 
.text-copy-container textarea { width:98%; text-align:left; color:#000000; background-color:#fdfdfd; margin-bottom:5px; /*5px matches the informationBox padding */}
.text-copy-container textarea { overflow: auto; }


.distributorPagerContainer { text-align:right; }
.distributorPagerContainer select { min-width:150px; }

.bottomSection { margin-top: 1em; }

.statistics { }
.statisticsKeyMetrics { width: 100%; }
.statisticsKeyMetrics td { width: 25%; }
.statisticsKeyMetric { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #BEBEBE; padding: 10px; background-color: #F8F8F8; height: 40px; }
.statisticsKeyMetricTitle { }
.statisticsKeyMetricValue {font-size: 16pt; text-align: right;}

.statisticsCharts { width: 100%; }
.statisticsCharts .statisticsChartEstimatedChart { width: 200px; }
.statisticsCharts #bookingLeadTimeChart_container { height: 200px; }
.statisticsCharts #bookingCategoryChart_container { height: 200px; }
.statisticsCharts #dailTransactionValueChart_container { height: 200px; }

.checkbox-group .header             * { vertical-align:bottom;   }
.checkbox-group .header label       { float:right; margin-right:2px;}
.checkbox-group.some .header .label  { font-weight:bold; }
.checkbox-group.some .header .label  { font-weight:bold; }
.checkbox-group .header .info       { position:absolute; right:100px; width:50px; display:inline-block;}
.checkbox-group .content {clear:both;}
.checkbox-group .content > div > div {border-bottom:solid 1px #DADADA; padding-bottom:0.25em; margin-bottom:0.25em; }
.checkbox-group .content label {display:inline-block; min-width: 90%;}


/* #region START GENERIC CAMPAIGN CONTROL CSS ** KEEP IN SYNC WITH TABS AND OVERRIDE BELOW IF NECESSARY ** */

.campaignOptInScreen .genericTabs .campaign-list .genericGrid {margin:0;}
.campaignOptInScreen .genericTabs .campaign-list {padding:1px 1px 2px 1px; background-color:#DADADA;}


.campaignOptInScreen table.included-products {cursor:default;}
.campaignOptInScreen table.included-products tr.genericGridRow td { color:#555; }
.campaignOptInScreen textarea { width:400px; height:6em;}
.campaignOptInScreen textarea.large { width:98%; height:12em;}
.campaignOptInScreen .read-only table.included-products tr.genericGridSelectedRow td { color:#555; background-color:#eee;}

.campaignOptInScreen h4 {margin-top:1em;}
.campaignOptInScreen h4:first-child {margin-top:0;}
.campaignOptInScreen h5 {margin:0.75em 0 0 0;}
.campaignOptInScreen div.scroll {height:6em; border:inset 2px #fff; padding:2px; overflow:scroll; overflow-x:auto; overflow-y:auto;}
.campaignOptInScreen div.scroll.large { height:12em;}

/* #region START PROMOTION BANNER CSS */
.campaignOptInScreen .promo-mark.large { background:transparent url(../Images/PromotionImages/Promo1.png); }

img.visual { border: 1px solid #eaeaea;padding:2px; background-color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
img.visual.dark { border-color:#A6ACB1; }

.campaignOptInScreen .promo-mark span  { 
  display:table-cell; 
  width:80px; height:80px;
  
  line-height:26px;
  font-size: 24px;
  font-weight: bold;  
  vertical-align:middle;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  text-align: center;
}

.campaignOptInScreen .promo-mark.large { display:inline-block; width:80px; height:80px; padding:10px;  background-repeat:no-repeat; 
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.campaignOptInScreen img                      { vertical-align:top; height:120px;}
.campaignOptInScreen .campaign-logo-container { float:right; position:relative; width:auto; min-width:200px; min-height:100px; padding-left:45px; overflow:hidden; text-shadow: 0 1px 0 rgba(255, 255, 255, 1);}
.campaignOptInScreen .header                  { position:absolute; left:48px; top:3px; right:3px; line-height:30px; white-space:nowrap; overflow:hidden; padding:0 10px; text-align:right; text-shadow:0 -1px 0 #000000 !important; color:White; font-size:16px; font-weight:normal; }
.campaignOptInScreen .header.background       { display:none; }
.campaignOptInScreen .promo-mark.large        { position:absolute; left:0; top:0;}
.campaignOptInScreen .header.background       { display:block; background-color:#77CEF7; opacity:0.6;filter:alpha(opacity=60);}
/* #endregion PROMOTION BANNER CSS */

@media print {
    .included-products .genericGridRow { text-decoration:line-through; }
}

.campaign-logo-container .header { display:none !important; } /* DISABLE CAMPAIGN BANNER #111111 FOR NSW CAMPAIGN */

/* #endregion END GENERIC CAMPAIGN CONTROL CSS ** KEEP IN SYNC WITH TABS AND OVERRIDE BELOW IF NECESSARY ** */

.campaignOptInScreen div.scroll { border:solid 1px #CCC; background-color: #ECF0EC; }
.campaignOptInScreen div.scroll.large { display: block !important; }
.campaignOptInScreen .pageInstructions a { display: none !important; }




.campaign-regions { }
.campaign-regions .label,
.campaign-regions .info { font-weight:bold;}
.campaign-regions.none .label,
.campaign-regions.none .info { color:#222222; font-weight:normal;}
.campaign-regions table { width:100%; }
.campaign-regions table td { width:33%; }
.campaign-regions .header .info       { right:50px; }

.campaign-discounts-editor-container { }
.campaign-discounts-editor-container > div { margin-top:2em;}
.campaign-discounts-editor-container > div:first-child { margin-top:0; }
.campaign-discounts-editor-container h3 > input { margin-top:-2px; }

/*#region CSS TOOLTIPS == */
/* base style */
*[data-popup-message]:hover:after,
.required:hover:after,
.number-input .popupActivator:hover:after,              .date-input .popupActivator:hover:after,                .calendarPopupActivator:hover:after,
.number-input.with-value .clearActivator:hover:after,   .date-input.with-value .clearActivator:hover:after,     .calendarPopupActivatorClear:hover:after { 
    position:absolute; padding:1px 4px;
    border:solid 1px #22c462; background-color:#E3F1EA; color:#009849;
    border:solid 1px #333333; background-color:#F4F4F4; color:#333333;
    font-size:9pt; font-style:normal; 
    z-index:10;

    text-shadow: none;
    -webkit-border-radius: 4px !important; 
       -moz-border-radius: 4px !important; 
            border-radius: 4px !important;

   -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);  
      -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);  
           box-shadow: 2px 2px 5px rgba(0,0,0,0.2);  
}

*[data-popup-message]:hover:after { content:attr(data-popup-message) !important; min-width:200px;}
*[title]:hover:after              { content:normal !important;}

.warning-icon:hover:after { background-color:#FFFFAA; border:solid 1px #CC0; color:#000; left:6px; top:-22px; font-size:10pt;}

.required:hover:after { content: " Required"; 
    left:100%;  top:-100%;  border-color:#ee0000;   background-color:#fee; color:#FF0000;
    font-size:10pt; min-width:0;
}
.number-input .popupActivator:hover:after,
.date-input .popupActivator:hover:after,
.calendarPopupActivator:hover:after { content:"Show Calendar"; left:-27px;  top:-21px; }

.number-input.with-value    .clearActivator:hover:after,
.date-input.with-value      .clearActivator:hover:after,
.calendarPopupActivatorClear:hover:after{ content:"Clear";  left:-6px;  top:-26px; }
/*#endregion */

.show-css-tooltip.whats-this[data-tooltip-text].warning { border-color: #febb00; color: #febb00; }
.show-css-tooltip.whats-this[data-tooltip-text] { border-color: #333333; color:#333333; }
.show-css-tooltip.OU.center[data-tooltip-text]:after, 
.show-css-tooltip.OU.center.with-arrow[data-tooltip-text]:after, 
.show-css-tooltip.OU.center.normal[data-tooltip-text]:after { text-align:left;}


/*#region Style Selection Area control*/
.selection-area { }
.selection-area .selection-options { /*float:left; min-width:360px; border-right: solid 1px #ccc;*/ margin-bottom:8px; }
.selection-area .selected-items { 
    display: inline;    
}
.selection-area .selected-items > span { 
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    display: inline-block;
    margin: 0 0 1px 5px;
    padding: 4px 7px;
    vertical-align:middle;
}

.selection-area .selected-items > span input,
.selection-area .selected-items > span input:active,
.selection-area .selected-items > span input:hover {
    background: transparent none;
    box-shadow:none;
    text-shadow:none;
    color:inherit;
    border: medium none;
    display: inline;
    font-size: 100%;    
    padding: 0px 7px;
    margin: 0;
} 
.selection-area .selected-items > span input:hover { color:#f00; }
/*#endregion*/

/*#region == START Quick Styling Classes == */
.error                  { background-color:#F88; }
.hidden                 { display:none; }
.invisible              { visibility:hidden; }
.floatLeft              { float:left;   }
.floatRight             { float:right;  }
.leftAlign              { text-align:left;   }
.rightAlign             { text-align:right;  }
.centerAlign            { text-align:center; }
.topAlign               { vertical-align:top; }
.flagged                { font-weight:bold; font-size:110%; }
.success_msg            { color:#080; font-weight:bold; }
.warning_msg            { color:#F80; font-weight:bold; }
.error_msg              { color:#E00; font-weight:bold; }
.showScrollbars         { overflow:scroll; }
.showScrollbarsIfNeeded { overflow:auto; }
.transparent            { opacity:0.5;filter:alpha(opacity=50); }
.clear                  { clear:both; }
.minHeight100           { min-height:100px; }
.minWidth100            { min-width:100px; }
.bold                   { font-weight:bold; }
.italic                 { font-style: italic; }
.noWrap                 { white-space:nowrap; }
.wrap                   { white-space:normal; }
.hoverLink:hover        { text-decoration: underline; }
.padTop                 { padding-top:10px; }
.noMargin               { margin:0; }
.fullWidth,
table.fullWidth         { width:100%; }
textarea.fullWidth,
input.fullWidth[type='text'] { width: 100%; box-sizing:border-box; }
table.fixedLayout { table-layout: fixed; }
.button.fullWidth { width: 100%; padding-left: 0; padding-right: 0; text-align: center; }

.table { display:table;}
.table-row { display:table-row;}
.table-cell { display:table-cell;}

table.topAlign > tr > td,
table.topAlign > tr > th,
table.topAlign > tbody > tr > td,
table.topAlign > tbody > tr > th { vertical-align:top; }

table.topAlign > tr > td.text-only,
table.topAlign > tr > th.text-only,
table.topAlign > tbody > tr > td.text-only,
table.topAlign > tbody > tr > th.text-only { padding-top:3px; }

table.topAlign > tr > td > input,
table.topAlign > tr > td > textarea,
table.topAlign > tr > th > input,
table.topAlign > tr > th > textarea,
table.topAlign > tbody > tr > td > input,
table.topAlign > tbody > tr > td > textarea,
table.topAlign > tbody > tr > th > input,
table.topAlign > tbody > tr > th > textarea { margin-top: 0; }
/*#endregion == End Quick Styling Classes == */



/*#region START Control specific CSS Classes should go here (ie: Things that should override the Quick Styling Classes just above here. */

a.map-search-result { }
a.map-search-result:hover { text-decoration:underline; }

/*#endregion END Control specific CSS Classes */


/* #region == START PRINTING CSS STYLES (ALWAYS LEAVE AT END OF DOCUMENT) == */
@page { margin: 1cm; }
@media print {
    html,body{background-color:Transparent;}
    
    .no-print       { display:none !important; }
    #content        { border:none !important; padding:0 !important;}
    .body-container { border:none !important; width:100%; padding-top:20px;}
    div.scroll      { height:auto !important; border:solid 1px Black !important; display:block !important; }
    .box,.fieldGrouping { background-color:White !important; }
    .genericGrid td { background-color:White !important; border:none !important; }
    .genericGrid th { background-color:White !important; border:solid 1px #DADADA !important; color:Black !important; }
    .genericGrid    { background-color:White !important; border:solid 1px #DADADA !important; }
    .button { background:#f0f0f0 !important; color:#000 !important; border:solid 1px #000 !important; margin-right:2px; width:auto !important; height:auto !important;}
    
    .header {}
    #windowinfo * { font-size:14px !important; }
    #windowinfo h2 { display:none; }
    #windowcontrols {display:none; }
    .topNavigationMenu td {width:auto !important; padding:0 !important;}
    .topNavigationMenu .topNavigationNode         { display:none;   background: transparent none !important; border:none !important; color:Black; }
    #topNavigationSeperatorBar { display:none; }

    .genericTabs                   .ajax__tab_outer   {background:transparent none !important;    color:#444 !important; border:solid 1px #E8E8E8 !important; border-bottom:none !important;}
    .genericTabs .ajax__tab_active .ajax__tab_outer   {background:#eee none !important;           border:solid 1px #F8F8F8 !important; border-bottom:none !important;}
    .genericTabs .ajax__tab_active .ajax__tab_inner   {background:#eee none !important;           border:none !important;}
    .genericTabs .ajax__tab_active .ajax__tab_inner a {background:#eee none !important;           color:#000 !important; }
    
    
    #leftNavigationMenuContainer   { width:0 !important; padding:0 !important; overflow:hidden !important; }
    #leftNavigationMenuContainer * { width:0 !important; padding:0 !important;}
    #leftNavigationMenuContainer .leftNavigationMenu .leftNavigationNode {}
    #leftNavigationMenuContainer .leftNavigationMenu .leftNavigationNode a {display:none;}
    #leftNavigationMenuContainer .leftNavigationMenu .leftNavigationNodeSelected {}
    
    #pageContentContainer {background-color:transparent !important; padding:0 !important;}
    #pageContentContainer > div {border:none !important;}
}
/* #endregion == END PRINTING CSS STYLES == */