@font-face {
  font-family:'title';
  src: url("fonts/OpenSans-Regular-webfont.eot");
  src: url("fonts/OpenSans-Regular-webfont.eot?#iefix") format('embedded-opentype'),
       url("fonts/OpenSans-Regular-webfont.woff") format('woff'),
       url("fonts/OpenSans-Regular-webfont.ttf") format('truetype'),
       url("fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format('svg');
  font-style:normal;
  font-weight:normal;
}
@font-face {
  font-family:'semibold';
  src: url("fonts/OpenSans-SemiBold-webfont.eot");
  src: url("fonts/OpenSans-SemiBold-webfont.eot?#iefix") format('embedded-opentype'),
       url("fonts/OpenSans-SemiBold-webfont.woff") format('woff'),
       url("fonts/OpenSans-SemiBold-webfont.ttf") format('truetype'),
       url("fonts/OpenSans-SemiBold-webfont.svg#OpenSansSemiBold") format('svg');
  font-style:normal;
  font-weight:normal;
}

/* Global tag override styles */

  html,body   { height: 100%; background: #fff; }
  body,p,form { margin: 0px }
  body,td { font: normal 12px arial,helvetica,sans-serif;  line-height: 15px;  color: #303030;  }

  blockquote  { margin: 0px 0px 0px 20px }
  ol,ul       { margin-top: 0px; margin-bottom: 0px }
  ul          { margin-left: 20px; padding-left: 0px }
  ol          { margin-left: 30px; padding-left: 0px }
  ul,ol li    { margin-bottom: 2px }
  label       { cursor: initial; }
  label[for]  { cursor: pointer; user-select: none; }
  label.disabled { color: #666; }

  a         { color: #086FBD; text-decoration: underline }
  a:hover   { color: #086FBD; text-decoration: underline }
  a:active  { color: #086FBD; }
  a:visited { color: #086FBD; }

  .fauxlink { color: #1F9BD9; text-decoration: underline; cursor: pointer }
  
  table { border-collapse: collapse; }
  p,td,form,textarea,label { margin: 0; padding: 0; }
  
  hr { border: none; color: #ccc; background: #ccc; height: 1px; display: block; margin: 0; padding: 0; }

  /*
  First, the ubiquitous clearfix.
  This is the "latest" version, as shown here:
  http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
  Update: See new technique at http://www.quirksmode.org/css/clearing.html
  Note I replace width:100% with zoom:1 for IE.
  */
  .clearfix { overflow:hidden; zoom:1; }
  * html .clearfix             { zoom: 1; } /* IE6 */
  *:first-child+html .clearfix { zoom: 1; } /* IE7 */

  /* Fix for JQuery UI clearfix which doesn't use clear:both */
  /* See new technique at http://www.quirksmode.org/css/clearing.html */
  .ui-helper-clearfix { overflow:hidden; zoom:1; xwidth:100%; /* not needed for IE if we use zoom:1 methinks */ }
  .ui-helper-clearfix:after { display:none !important; /* remove the clear:both element */ }

  /* for when clear:both messes up template */
  .clearfix2 { zoom:1; overflow:hidden; }

/* Tepmplate Structure */

  #tpl-header { position:relative; padding: 0 10px 0 0; height: 100px; background-color: #3287C7; }
  #tpl-footer { xposition: absolute; width: 100%; bottom: 0; /* stick to bottom */ background: #3287C7; height: 25px; xmargin-top: 25px; }
  #tpl-leftmenu { width: 170px; position: relative; float: left; left: 0px; border-right: 10px solid #3287C7; padding: 0px; padding-bottom: 100px; }


/* Template Header Areas */

  #tpl-header .bgline {  position: absolute; top: 40px; left: 0px; width: 680px; height: 2px; background: #1B75B9; }
  #tpl-header .logo {  position: absolute; top: 9px; left: 10px; width: 80px; height: 75px; background-image: url(../images/tpl5/head-logo.gif); }
  #tpl-header .title { position: absolute; top: 8px; left: 195px; width: 390px; height: 30px; background-image: url(../images/tpl5/head-title.gif); }

  
  #tpl-iconarea { position: absolute; bottom: 0px; left: 195px; }
  #tpl-iconarea a.iconlink { float: left; height: 45px; xwidth: 85px; box-sizing: border-box; padding: 5px 10px; text-align: center; margin-right: 5px; }
  #tpl-iconarea a.iconlink:hover { background-color: #42ACE0; }
  #tpl-iconarea a.iconlink.state-on { background: url(../images/tpl5/type-triangle-on.gif) no-repeat bottom center; }
  #tpl-iconarea a.iconlink.clicked { border-radius: 5px 5px 0 0; background: url(../images/loader-rect-blue.gif) no-repeat 8px 34px; background-size: 80%; }
  #tpl-iconarea .icongap { box-sizing: border-box; float:left; width: 20px; height: 38px; }
  
  #tpl-header .welcome {  position:absolute; right: 20px; top: 10px; color: #FFFFFF;  font: 10.5pt/20px arial,sans-serif; white-space: nowrap }
  #tpl-header .welcome a {  font: bold 9pt arial,sans-serif; color: #FFFFB7;  text-decoration:underline;  margin-top: 5px; display: block; text-transform: uppercase; }
  #tpl-header .plslogin {  position:absolute; left: 197px; top: 55px; font: normal 13.5pt arial,sans-serif; color: #FFFFFF; }
  
  #tpl-head-producteev { padding-left: 0px; margin-top: 5px; }
  #tpl-head-producteev a { font: normal 8pt arial,helvetica,sans-serif !important; color: #ffffc0; line-height: 14px; display:block; text-decoration: none !important; }
  #tpl-head-producteev a:hover { text-decoration: underline !important; }
  #tpl-dlg-producteev-bug,#tpl-dlg-producteev-idea { display:none; }
  #tpl-dlg-producteev-bug textarea,#tpl-dlg-producteev-idea textarea { width: 460px; }
    
/* Template Menu Areas */

  #tpl-leftmenu-top { width: 100%; height: 20px; background: url(../images/tpl5/head-arch-left.gif) no-repeat top right; margin: 0; position:absolute; }
  #tpl-leftmenu-top-cnt { margin: 10px; }
  #tpl-leftmenu-body { padding: 10px; margin-top: 11px; }

  #tpl-leftmenu-madeby { position:absolute; bottom: 35px; left: 10px; margin-top: 20px; }
  
  #tpl-leftmenu-menu .title { font: bold 13px arial,sans-serif; color: #3287C7; border-bottom: 1px solid #B7DEFB; padding-bottom: 5px; margin-bottom: 7px; margin-top: 10px; }

  #tpl-leftmenu-menu .menuitem { margin-bottom: 0px; }
  #tpl-leftmenu-menu .menuitem-on { font-weight: bold; margin-bottom: 0px; }
  #tpl-leftmenu-menu .icon { float: left; width: 20px; margin-top: 2px; }
  #tpl-leftmenu-menu .text { }
  #tpl-leftmenu-menu .text a { display: block; font: normal 13px arial,sans-serif; padding: 4px; margin: 0px; color: #EE6600; text-decoration: none; }
  #tpl-leftmenu-menu .menuitem-on a { font-weight: bold; text-decoration: none; }
  #tpl-leftmenu-menu .text a:hover { background-color: #FFFFB0; text-decoration: none; }

/* Template Content Areas */

  #tpl-content { margin-left: 180px; padding-bottom:60px; position:relative; min-height: 700px; }
  #tpl-content-top { width: 100%; height: 52px; background: #FFFFB7 url(../images/tpl5/head-arch-right.gif) no-repeat top left;
    border-bottom: 1px solid #B7DEFB; overflow: hidden; }
  #tpl-content-top-cnt { margin: 10px; }
  #tpl-content-body { padding: 10px; position:relative; }
  #tpl-content-body .surveytitle { font: 20px semibold,title,arial,sans-serif; color: #40AED2; position: absolute; top: -40px; }
  #tpl-content-body .pageicon { display: none; }
  #tpl-content-body .pagetitle { font: 21px title,arial,sans-serif; color: #4A4A4A; margin-bottom: 20px; margin-top: 0px; }
  #tpl-content-body .pageSubTitle { margin: 0px 0px 10px; color: rgba(65, 65, 65, 1); font: 13pt Arial,sans-serif; /*border-bottom: 1px solid #A0A0A0;*/
    display: inline-block; padding-bottom: 4px; }

/* Top-of-page info box */

  .tpl_pagetopinfo { padding: 10px 10px 10px 55px; border: 2px solid #9AC5E6; background: #E1EBFD url(../images/blockui/alert32.png) no-repeat 10px 8px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* ui-dialog adjustments */
  .ui-dialog .ui-dialog-content p { margin-bottom: 5px; }

/* Re-login popup */
  .ui-dialog.reloginDialog { width: 500px !important; height: 230px !important; box-shadow: 0px 0px 15px -3px rgba(138,138,138,0.9); }
  .ui-dialog.reloginDialog .ui-dialog-content { height: auto !important; padding-left: 115px; background: url(../images/loginexpired-milk.gif) no-repeat 5px center; }
  .ui-dialog.reloginDialog .ui-dialog-content { background: url('../images/loginexpired-clock.gif') no-repeat scroll 5px center transparent;
                                                background-size: 26%; background-position: left top; }
  .ui-dialog.reloginDialog .ui-dialog-buttonpane { display: none; }
  .ui-dialog.reloginDialog .relogin { margin-left: 60px; }
  .ui-dialog.reloginDialog .reloginMsg { line-height: 150%; margin-bottom: 15px; }
  .ui-dialog.reloginDialog .reloginRow { margin-bottom: 5px; }
  .ui-dialog.reloginDialog .relogin label { width: 75px; display: inline-block; }
  .ui-dialog.reloginDialog .relogin input { width: 150px; }
  .ui-dialog.reloginDialog .relogin .reloginBtn { margin-left: 75px; margin-top: 5px; width: 80px; }
  .ui-dialog.reloginDialog .reloginError { margin-left: 75px; color: #F53D14; font: bold 11pt arial; padding: 0; margin-bottom: -3px; }

/* Debug output area */
  
  #tpl-stdout { position:absolute; right:10px; top:10px; width:auto; z-index: 1000; opacity: .9; color:Blue; }

/* Hint box (small 16px) */
  
  .tpl_hint16 { padding: 5px 5px 5px 25px; border: 1px solid #9AC5E6; background: #E1EBFD url(../images/hint16.png) no-repeat 4px 4px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } 

  /* preferred jQ UI overlay style */
  html body .ui-widget-overlay { opacity:0.2; filter: alpha(opacity=20); /* ie */ background: #000; cursor: wait; }

/* jQueryUI extra styles */

  div.ui-dialog { border-color: #1F9BD9; border-width: 2px; border-radius: 10px; }
  div.ui-dialog.ui-dialog-ajaxpostmsg { display: table !important; border-width: 4px; border-radius: 20px; background: #ffc; }
  div.ui-dialog.ui-dialog-ajaxpostmsg .ui-dialog-content { display: table-cell; text-align: center; vertical-align: middle; padding: 15px 20px; font: bold 11pt arial,sans-serif; }
  .ui-widget-header .ui-icon,
  .ui-dialog-titlebar-close.ui-state-hover { background: none !important; border: none !important; }
  
  div.ui-dialog div.ui-dialog-titlebar { background: #C5E3F9; border: none; padding: 5px 10px 7px 10px; margin: 2px 2px 0 2px; border-radius: 6px; margin-bottom: 10px; }
  div.ui-dialog div.ui-dialog-titlebar span.ui-dialog-title { 
    padding: 0; margin-top: 5px; font: normal 18px arial,sans-serif; color: #16648C;
    text-align: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  div.tpl-dlg-error { border-color: #E25141; }
  div.tpl-dlg-error div.ui-dialog-titlebar { background: #E25141; border: none; }
  div.tpl-dlg-error div.ui-dialog-titlebar span.ui-dialog-title { color: #fff; }
  
  .ui-dialog-titlebar .ui-dialog-titlebar-subtitle { font-weight: normal; color: #222; }
  .ui-dialog-titlebar .ui-dialog-titlebar-subtitle a { color: #007BFF; font-weight: bold; }
  div.ui-dialog-buttonset button.ui-button { 
    /* extra spacing between dialog buttons */ background: #F8F8F8 url(../images/tpl5/btnbluebg.gif) repeat-x bottom;
    border-color: #2D5F85; color: #fff; margin-left: 15px; margin-right: 0px; border-radius: 5px; } 
  div.ui-dialog-buttonsetleft button.ui-button { /* extra spacing between dialog buttons */ margin-left: 0px; margin-right: 15px; }
 
  div.ui-dialog-buttonset button.ui-state-hover,
  div.ui-dialog-buttonset button.ui-state-focus { border-color: #5993BD; background: #C5E3F9; color: #2D5F85; }

  div.ui-dialog-buttonset button.dlg-btnblue { /* blue button */
    border-color: #2D5F85; background: #F8F8F8 url(../images/tpl5/btnbluebg.gif) repeat-x bottom;
    color: #FFFFFF !important; }
  div.ui-dialog-buttonset button.dlg-btnblue:hover { border-color: #2D5F85; background: #5994BE; color: #FFFFFF !important; }

  div.ui-dialog-buttonset button.dlg-btngreen { /* green button */ border-color: #568507;
    background: #F8F8F8 url(../images/tpl5/btngreenbg.gif) repeat-x bottom; color: #FFFFFF !important; }
  div.ui-dialog-buttonset button.dlg-btngreen:hover { background: #7EB91C; border-color: #568507; color: #FFFFFF !important; }

  div.ui-dialog-buttonset button.dlg-btnred { /* red button */ background: #F8F8F8 url(../images/tpl5/btnredbg.gif) repeat-x bottom;
    border-color: #bd5972; color: #FFFFFF !important; }
  div.ui-dialog-buttonset button.dlg-btnred:hover { background: #C96763; border-color: #bd5972; color: #FFFFFF !important; }

  div.ui-dialog-buttonset button.dlg-btnorange { /* red button */ background: #F8F8F8 url(../images/tpl5/btnorgbg.gif) repeat-x bottom;
    border-color: #F89D26; color: #FFFFFF !important; }
  div.ui-dialog-buttonset button.dlg-btnorange:hover { background: #F9A83F; border-color: #F89D26; color: #FFFFFF !important; }

  /* flat-blue style buttonset */
  .btnsetFlatBlue.ui-buttonset .ui-corner-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
  .btnsetFlatBlue.ui-buttonset .ui-corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
  .btnsetFlatBlue.ui-buttonset .ui-button-text { padding: 3px 8px !important; font-size: 12px; }
  .btnsetFlatBlue.ui-buttonset .ui-state-default { font-weight: normal; }
  .btnsetFlatBlue.ui-buttonset .ui-state-hover { background: #FAFAFA; border-color: #82C7D7; color: #1F9BD9; }
  .btnsetFlatBlue.ui-buttonset .ui-state-active { font-weight: bold; background: #1F9BD9; border-color: #1F9BD9; color: #fff;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(176,179,20,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(176,179,20,1);
    box-shadow: 0px 0px 4px 1px rgba(176,179,20,1); }
  .btnsetFlatBlue.ui-buttonset .ui-state-active.loading { background-image: url(images/loader-rect-blue.gif); }


/* Info Dialog */

  div.ui-dialog div.tpl-dlg-info {
    /*background: url(../images/blockui/alert32.png) no-repeat 5px 5px;
    padding-left: 50px;*/
    font: normal 11pt arial,helvetica,sans-serif; }
  div.ui-dialog div.tpl-dlg-info button.ui-button { border: 1px solid #1F9BD9; color: #1F9BD9; }

/* Calendar input and icon */
  .tpl-calinput { width: 190px; }
  .tpl-cal16icon { width: 14px; height: 13px; cursor: pointer; padding: 4px; margin-top: 0px; margin-left: 2px; border: 1px solid #e0e0e0; background: #ffffe0; }
  .tpl-cal16icon:hover { border-color: #a0a0f0; background: #ffffc0; }
  .tpl-cal16clear { }

/* content headings */

  h1 { color: #444; margin: 0; font: 16pt title,arial,sans-serif; }
  h2 { color: #444; margin: 0; font: 21px title,arial,sans-serif; }
  h3 { color: #444; margin: 0; font: 12pt title,arial,sans-serif; }

  .bluebold { color: #0760B8; font-weight: bold; }
  .heading { font: 21px title,arial,sans-serif; color: #4A4A4A; margin-bottom: 20px; margin-top: 0px; }
  .heading1 { position: absolute; top: -40px; left: 10px; font: 20px semibold,title,arial,sans-serif; color: #40AED2; }
  .heading2 { font: bold 16px arial,sans-serif; color: #1F9BD9; }
  
/* table styles */

  table.style1 thead { background-color: #f0f0fa }
  table.style1 thead td { padding: 0 5px; border-bottom: 1px solid #a0a0f0; font-weight: bold }
  table.style1 tbody td { border-bottom: 1px solid #f0f0f0; padding: 0 5px }
  table.nolines tbody td { border-bottom: 1px }

/* line styles */

  .dottedline1  { overflow: hidden; height: 1px; border-bottom: 1px dashed #c0c0c0 }

/* table headings */

  thead.tblhead1 td { background-color: #F6E337; border-top: 1px solid #EEB111; border-bottom: 1px solid #EEB111;
                      font: bold 12px arial,sans-serif; height: 20px }

  tr.tblfoot1 td { background-color: #F6E337; border-top: 1px solid #EEB111; border-bottom: 1px solid #EEB111;
                   font: bold 12px arial,sans-serif; height: 25px; padding-left: 10px }

/* alternate link styles */

  a.normal          { color: #086FBD; text-decoration: underline }
  a.normal:link     { color: #086FBD; text-decoration: underline }
  a.normal:hover    { color: #086FBD; text-decoration: underline }
  a.normal:active   { color: #086FBD; text-decoration: underline }
  a.normal:visited  { color: #086FBD; text-decoration: underline }

  /* old */
  a.svtype          { color: #5C6AAC; padding: 6px; display: block; font-weight: bold }
  a.svtype:link     { color: #5C6AAC }
  a.svtype:hover    { color: #3C468C; background-color: #FFFFA0; text-decoration: underline }
  a.svtype:active   { color: #5C6AAC }
  a.svtype:visited  { color: #5C6AAC }

  a.svtype2          { color: #5C6AAC; padding: 2px; display: block; font-weight: bold; text-decoration: none; width: 500px; margin-bottom: 5px }
  a.svtype2:hover    { color: #3C468C; background-color: lightgreen; text-decoration: none; color: green }

  a.menuitem          { color: #5C6AAC; padding: 4px; display: block; font-weight: bold }
  a.menuitem:link     { color: #5C6AAC }
  a.menuitem:hover    { color: #3C468C; text-decoration: underline }
  a.menuitem:active   { color: #5C6AAC }
  a.menuitem:visited  { color: #5C6AAC }
  /* /old */

/* General text styles */

  .introtext    { color: #5A71B7; font-weight: bold; margin-bottom: 15px }
  .introerror   { margin-bottom: 15px; color: #FF0000; font-weight: bold }
  .statustext   { font: normal 12px arial,sans-serif; color: #3366FF }
  .codingqnnum  { font-size: 10pt; font-weight: bold; line-height: 13pt; }
  .codingqntext { font-size: 11pt; line-height: 13pt; }
  .uncodedreply { font-size: 11pt; line-height: 13pt; color: #AD004F; margin: 5px 0; }
  .uncodednone  { font-size: 11pt; line-height: normal; color: #444; margin: 5px 0; }
  .uncodedlist  { width: 450px; background-color: #FFFFC0 }

  .section_qnlist   { width: 450px; background-color: #FFFFC0 }
  .section_textarea { width: 450px }

  .coltitle { color: #659DCA; font-weight: bold }

/* styles for survey section headers */

  .survey_section     { font-weight: bold; color: #CC4422; margin-top: 5px; margin-bottom: 10px }
  .survey_opensection { font-weight: bold; color: #CC4422; margin-top: 5px; margin-bottom: 10px }

/* Colour styles */

  .colblack { color: #000 !important }
  .colorg { color: #EE6600 !important }
  .colgld { color: #B0A55C !important }
  .colred { color: #BD3808 !important }
  .colgrn { color: #00A000 !important }
  .colblu { color: #1F9BD9 !important }
  .colbrn { color: #A04E10 !important }
  .colgry { color: #808080 !important }
  .cololv { color: #95B806 !important }
  .colpur { color: #9E2FAF !important }
  .colidred { color: #EC7176 !important }

  .bgwht  { background-color: #FFFFFF !important }
  .bgorg  { background-color: #EE6600 !important }
  .bgblu1 { background-color: #659DCA !important }
  .bgblu2 { background-color: #C0C0FF !important }
  .bggrn1 { background-color: #AED576 !important }
  .bgidred { background-color: #EC7176 !important }
  .bgltblu { background-color: #B7DEFB !important }
  .bgidblu { background-color: #1F9BD9 !important }
  .bgyel { background-color: #FFFFB7 !important }

/* survey output styles */

  .survey_title           { font-family: times, serif; font-size: 16pt; font-style: normal; color: #000099 }
  .survey_sectiontitle    { font-family: arial, sans-serif; font-size: 10pt; font-style: normal; color: #000099; font-weight: bold }
  .survey_instructions    { font-family: arial, sans-serif; font-size: 10pt; font-style: normal; color: #333333 }
  .survey_qnumbersection  { font-family: arial, sans-serif; font-size: 10pt;
                            font-style: normal; color: #000099; font-weight: bold;
                            text-align: center; padding-bottom: 10px }

  .guestpagediv { padding-left: 130px; padding-right: 20px }
  .adminpagediv { padding-left: 130px; padding-right: 20px }

/* History bar styles */

  .history_urhere   { font-size: 8pt; font-weight: bold; color: #000000; padding-bottom: 1px }
  .history_current  { font-size: 8pt; font-weight: bold; color: #FFFF7F }

  a.logout          { font-weight: bold; color: #EC7176; text-decoration: underline; padding: 2px 2px 4px 2px }
  a.logout:visited  { color: #EC7176; text-decoration: underline }
  a.logout:active   { color: #EC7176; text-decoration: underline }
  a.logout:hover    { background-color: #A4506A; color: #FF939A; text-decoration: underline }
  a.history_past            { color: #254E6E; font-size: 8pt; font-weight: bold; text-decoration: underline }
  a.history_past:visited    { color: #254E6E; text-decoration: underline }
  a.history_past:active     { color: #254E6E; text-decoration: underline }
  a.history_past:hover      { color: #FFFF7F; text-decoration: underline }

  /* old */
  p.menuintro       { font-family: arial; font-size: 8pt; color: #B0A55C; margin: 30px 10px 0px 10px; line-height: 14px;
                      padding-top: 5px; border-top: 1px solid #659DCA }
  p.menuitem        { font-family: verdana; font-size: 8pt; font-weight: bold; color: orange; margin-left: 4px; margin-bottom: 15px }

  p.menulogout      { font-family: arial; font-size: 8pt; color: #B0A55C; margin: 0px 10px 15px 10px;
                      line-height: 13px; padding-bottom: 5px; border-bottom: 1px solid #659DCA }

  a.menulink         { color: #F57818; text-decoration: none; display: block; padding-top: 5px; padding-bottom: 5px }
  a.menulink:hover   { text-decoration: none; background-color: #FFFFA0 }
  a.menulink:visited { color: #F57818 }
  a.menulink:active  { color: #F57818 }

  p.menufabbointro   { font-family: arial, Helvetica, sans-serif; font-size: 7.5pt; color: #5C6AAC; margin-bottom: 3px; line-height: 12px }
  p.menufabboname    { font: normal 8pt Georgia, Verdana, Arial, Helvetica, sans-serif; color: #5C6AAC; margin-bottom: 3px; line-height: 12px }
  a.menufabbolink         { font-family: arial; font-size: 7pt; color: #E29600; text-decoration: none }
  a.menufabbolink:hover   { text-decoration: underline; color: #E29600 }
  a.menufabbolink:visited { color: #E29600 }
  a.menufabbolink:active  { color: #E29600 }
  /* /old */

/* Survey list styles */

  .svlist_top  { font: bold 12px arial,sans-serif;
                 padding-top: 3px; padding-bottom: 4px; border-bottom: 1px solid #888888 }
  .svlist_body { font: normal 12px arial,sans-serif; }

/* Link-button styles */

  a.button1       { font: normal 12px arial,sans-serif; color: #3366FF; text-decoration: none }
  a.button1:hover { text-decoration: underline; color: #0000FF }

  a.button1red         { font: normal 12px arial,sans-serif; color: #FF3311; text-decoration: none }
  a.button1red:hover   { text-decoration: underline; color: #CC0000 }
  a.button1red:visited { color: #FF3311 }
  a.button1red:active  { color: #FF3311 }

  a.button1grn         { font: normal 12px arial,sans-serif; color: #33AA11; text-decoration: none }
  a.button1grn:hover   { text-decoration: underline; color: #CC0000 }
  a.button1grn:visited { color: #33AA11 }
  a.button1grn:active  { color: #33AA11 }

  a.button1pg         { font: normal 12px arial,sans-serif; color: #3366FF; text-decoration: none;
                        width: 100%; height: 100%; border: 1px solid #888888; background-color: #FFDDBB;
                        padding-top: 2px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px }
  a.button1pg:hover   { text-decoration: underline; color: #0000FF }
  a.button1pg:visited { color: #3366FF }
  a.button1pg:active  { color: #3366FF }

  a.partinfo          { border-left: 1px solid white; border-right: 1px solid white }
  a.partinfo:hover    { border-left: 1px solid lightblue; border-right: 1px solid lightblue }

  /* Rounded corners */

  .rndbox { background: #CFE5FF; border-radius: 5px; padding: 10px 5px; display: inline-block; }
  .rndbox-leftOnly { border-left: 10px solid #CFE5FF; padding: 10px 0 10px 15px; }
  .stdWidth { width: 620px; }
  .stdWidth-indented { width: 595px; background: #BED9F6; }
    
  .rndcnr_idred    { margin: 0 ;background: #EC7176 }
  .rndcnr_idred b  { background: #EC7176 }
  .rndcnr_idred > td { color: #202020; padding-right: 5px }
  .rndcnr_ltblu    { margin: 0 ;background: #B7DEFB }
  .rndcnr_ltblu b  { background: #B7DEFB }
  .rndcnr_ltblu > td { color: #202020; padding-right: 5px }
  .rndcnr_grn    { margin: 0; background: #B7DEFB }
  .rndcnr_grn b  { background: #B7DEFB }
  .rndcnr_grn > td { color: #202020; padding-right: 5px }
  .rndcnr_blu    { margin: 0 ;background: #B7DEFB }
  .rndcnr_blu b  { background: #B7DEFB }
  .rndcnr_blu > td { color: #202020; padding-right: 5px; }
  .rndcnr_idblu    { margin: 0 ;background: #1F9BD9 }
  .rndcnr_idblu b  { background: #1F9BD9 }
  .rndcnr_idblu > td { color: #202020; padding-right: 5px }
  .rndcnr_yel    { margin: 0 ;background: #FFFFB7 }
  .rndcnr_yel b  { background: #FFFFB7 }
  .rndcnr_yel > td { color: #202020; padding-right: 5px }
  .rndcnr_aqu    { margin: 0 ;background: #B6CCEC }
  .rndcnr_aqu b  { background: #B6CCEC }
  .rndcnr_aqu > td { color: #202020; padding: 0 5px }
  b.rndcnr_top, b.rndcnr_bot      { display: block; background: #FFFFFF }
  b.rndcnr_top b, b.rndcnr_bot b  { display: block; height: 1px; overflow: hidden }
  b.rndcnr_1  { margin: 0 5px}
  b.rndcnr_2  { margin: 0 3px}
  b.rndcnr_3  { margin: 0 2px}
  b.rndcnr_top b.rndcnr_4, b.rndcnr_bot b.rndcnr_4  { margin: 0 1px; height: 2px }

/* input boxes and buttons */

  input,textarea,select { outline: none; display: inline-block;
    box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc); /* see https://github.com/Schepp/box-sizing-polyfill */ }
  
  input.flat,
  input.flatbtn,
  input[type='text'],
  input[type='password'],
  select,
  textarea { background-color: #FEFFB3; border: 1px solid #9B968F; 
             font: normal 9pt arial,sans-serif; color: #000; border-radius: 2px; }

  input.flat,
  input[type='text'],
  input[type='password'] { padding: 3px 5px 2px; height: 26px; }
  
  select          { padding: 4px 2px 3px 1px; xheight: 26px; }
  textarea        { padding: 3px; line-height:14px }
  input.flatbtn   { padding: 2px; }

  input.flat:focus,
  input[type='text']:focus,
  input[type='password']:focus,
  textarea:focus,
  select:focus { background-color: #FFFFC5; border-color: #1F9CD9; outline: 1px solid #1F9CD9; }
  
  input[type='text'][disabled],input[type='password'][disabled] { color: #333; background-color: #f4f4f4; border-color: #9E9E81 }
  textarea[disabled] { color: #000000; background-color: #f4f4f4; border-color: #9E9E81 }
  select[disabled] { color: #666; background-color: #f4f4f4; border-color: #9E9E81 }
  input[type='text'][readonly],input[type='password'][readonly] { color: #333; background-color: #FBFBD3; border-color: #9E9E81 }
  textarea[readonly] { color: #000000; background-color: #FBFBD3; border-color: #9E9E81 }
  select[readonly] { color: #000000; background-color: #FBFBD3; border-color: #9E9E81 }
  
  .datepicker,.timepicker {
    background-color: #FFFFC0 !important;
    color: #000000 !important;
    border: 1px solid: #848343;
    margin-right: 4px;
  }
  .inpdate, .dcdate {
    width: 130px;
    background: url(../images/icon_cal16.gif) no-repeat right center;
    background-position: 97%;
    cursor: pointer;
  }
  .inpdate + .ui-datepicker-trigger,
  .dcdate + .ui-datepicker-trigger { display: none; }

  .tpl_formfieldrequired {
    background-color: #FBC46D !important;
    border-color: #A52C23 !important;
  }
  .tpl_formfielderror {
    background-color: #FBC46D !important;
    border-color: #A52C23 !important;
  }
  
/* Button "loading" */
  .btnblueLoading { background: url(../images/loader-rect-blue.gif) #74AED9 !important; }
  
/* Buttons */

  .btnblue, .btngreen, .btnred, .btnolive, .btnteal, .btngrey {
    xbackground: #F8F8F8 url(../images/tpl5/btngreybg.gif) repeat-x bottom; border: 1px solid #999999; 
    box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc); /* see https://github.com/Schepp/box-sizing-polyfill */
    display: inline-block; /*Dirty IE Hack*/ zoom: 1; *display: inline;
    border: 1px solid #568507; padding: 4px 8px; 
    font: 13px/15px arial,helvetica,sans-serif; color: #FFFFFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    user-select: none; white-space: nowrap; cursor: pointer; text-decoration: none;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  a.btnblue, a.btngreen, a.btnred, a.btnolive, a.btnteal, a.btngrey { 
    padding: 5px 12px; text-decoration: none; line-height: 15px; color: #fff; }
  .btnblue:hover, .btngreen:hover, .btnred:hover, .btnolive:hover, .btnteal:hover, .btngrey:hover { text-decoration: none !important; } 

  .btnblue { border: 1px solid #2D5F85; /*background: url('../images/tpl5/btnbluebg.gif') repeat-x scroll center bottom #F8F8F8; border: 1px solid #2D5F85;*/
    background: #3ea8d6;
    background: -moz-linear-gradient(top, #3ea8d6 0%, #1f90c1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3ea8d6 0%,#1f90c1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3ea8d6 0%,#1f90c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ea8d6', endColorstr='#1f90c1',GradientType=0 ); }
  .btnblue:hover { background: #3ea8d6; }
  .btngreen { border: 1px solid #529B21; color: #fff;
    background: #69cf26; 
    background: -moz-linear-gradient(top, #28E735 0%, #07A610 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #28E735 0%, #07A610 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #28E735 0%, #07A610 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28E735', endColorstr='#07A610',GradientType=0 ); }
  .btngreen:hover { background: #13C11B; }
  .btnteal { background: #16B1AA url(../images/tpl5/btntealbg.gif) repeat-x bottom; border: 1px solid #088A83; }
  .btnteal:hover { background: #16B1AA; }
  .btnolive { background: #ACAB12 url(../images/tpl5/btnolivebg.gif) repeat-x bottom; border: 1px solid #9F9F11; }
  .btnolive:hover { background: #ACAB12; }
  .btnred {  background: #CB6C67 url(../images/tpl5/btnredbg.gif) repeat-x bottom; border: 1px solid #7E4050; }
  .btnred:hover {  background: #C3554F; }
  .btnorange {  background: #F9A83F url(../images/tpl5/btnorgbg.gif) repeat-x top; border: 1px solid #ED9735; }
  .btnorange:hover { background: #F9A83F; }
  .btngrey {  background: #F8F8F8 url(../images/tpl5/btngreybg.gif) repeat-x bottom; border: 1px solid #999999; }
  .btngrey, a.btngrey { color: #222; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
  .btngrey:hover { background: #e4e4e4; }

  a.btnsmall, button.btnsmall { font-size: 9pt; padding: 2px 10px; text-shadow: none; }
  button.btnsmall { padding: 1px 6px; }
  .btndisabled { background: #F8F8F8 url(../images/tpl5/btngreybg.gif) repeat-x bottom !important; border: 1px solid #999999; 
                 text-shadow: none; color: #777 !important; }

  .minimessage {  position: absolute; display: none; border: 2px solid #1F9BD9; background: #FFFFFF; color: #1F9BD9;
    font: bold 12px arial,sans-serif; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
  .minimessage-ok {  position: absolute; display: none; border: 2px solid #00A000; 
    background: #FFFFFF url(../images/minimsg-ok.gif) no-repeat left center; color: #00A000;
    font: bold 12px arial,sans-serif; padding: 5px 10px 5px 30px; border-radius: 5px; }
  .minimessage-error {  position: absolute; display: none; border: 2px solid #EE6600;
    background: #FFFFFF url(../images/minimsg-error.gif) no-repeat left center;
    color: #1F9BD9; font: bold 12px arial,sans-serif; padding: 5px 10px 5px 30px; border-radius: 5px; }

  /* jquery.icheck adjustments */

  .icheckbox_square-blue, .iradio_square-blue { position: relative; background: url('../images/icheck-idblue.png') no-repeat; }
  .iradio_square-blue { background-position: -120px 0px; }
  
  .icheckbox_square-blue.icheck-style1, 
  .iradio_square-blue.icheck-style1 { border: 1px solid #666; border-radius: 10px; width: 18px; height: 18px; }
  
  .icheckbox_square-blue.focus { outline: 1px solid #3180C0; background-color: #ffffc0; }
  
  .icheckbox_square-blue.checked.icheck-style1,
  .icheckbox_square-blue.checked.hover.icheck-style1,
  .iradio_square-blue.checked.icheck-style1,
  .iradio_square-blue.checked.hover.icheck-style1 { background-position: -50px -2px; border-color: #176795; }
  .icheckbox_square-blue.hover.icheck-style1,
  
  .iradio_square-blue.hover.icheck-style1 { background-position: 0px 0px; border-color: #176795; background-color: #ffffd0; }
  .icheck_parent.icheck-red { background-image: url('../js/jquery/jquery.icheck/skins/square/red.png') !important; }
  
  .icheck-label { display: inline-block; padding: 3px 0 2px; }
  .icheck-label-checked { font-weight: bold; /*border-bottom: 2px solid #2489C5;*/ }
  .icheck-label-after { padding-left: 5px; padding-right: 0; margin-right: 5px; }
  /*.icheck-label-hover { text-decoration: underline }*/
  
  div.tpl5-rndcnr5-bgwhite-tl { position: absolute; width: 5px; height: 5px; left: 0px; top: 0px; background: url(../images/tpl5/rndcnr5-bgwhite-tl.gif) no-repeat; overflow:hidden; }
  div.tpl5-rndcnr5-bgwhite-tr { position: absolute; width: 5px; height: 5px; right: 0px; top: 0px; background: url(../images/tpl5/rndcnr5-bgwhite-tr.gif) no-repeat; overflow:hidden; }
  div.tpl5-rndcnr5-bgwhite-bl { position: absolute; width: 5px; height: 5px; left: 0px; bottom: 0px; background: url(../images/tpl5/rndcnr5-bgwhite-bl.gif) no-repeat; overflow:hidden; }
  div.tpl5-rndcnr5-bgwhite-br { position: absolute; width: 5px; height: 5px; right: 0px; bottom: 0px; background: url(../images/tpl5/rndcnr5-bgwhite-br.gif) no-repeat; overflow:hidden; }

/* Select2 */

  body .select2-container .select2-choice { border-color: #9B968F; background-color: #FEFFB3; background-image: none; border-radius: 2px; }
  body .select2-container .select2-choice { line-height: 26px; color: #111; }
  body .select2-container .select2-choice .select2-arrow { background-image: none; border-radius: 0 2px 2px 0; }
  body .select2-container-active .select2-choice { border-color: #0078D7; box-shadow: 0 0 0px 1px #0078D7; }
  body .select2-drop { background-color: #FEFFB3; }

/* Miscellaneous styles */

  .line1  { width: 100%; border-top: 1px solid #C0C0FF; height: 1px; margin-top: 10px; margin-bottom: 10px; overflow: hidden }
  .entrybox_topcell { background-color: #5D73BE; color: #FFFFFF; font-weight: bold }

  .pagenotify, .tblnotify1  { border: 2px solid #1F9CD9; background-color: #B1EBFF; position: absolute; top: 8px; left: 800px;
                 color: #144D69; padding: 8px 10px; font: normal 11pt semibold,arial,sans-serif; border-radius: 7px; }
  .notify1  { color: red; }
  .xnotifyok { display: inline-block; color: #089827; font: normal 11pt arial; background: url('../images/ok.gif') no-repeat 5px center #BBFFBC;
    line-height: 32px; background-size: 24px; padding-left: 35px; padding-right: 15px; border: 1px solid #2CAA24; border-radius: 15px; }
    
  /* .tblnotify1 td { color: #EF4F06; font-weight: bold; padding: 5px 5px 6px 5px } */

/* EDS-specific styles */

  .eds_scaleqnum    { font-weight: bold; width: 22px; height: 20px; margin-top: 3px }
  .eds_scaleqntext  { font-weight: bold; border: 1px solid #888888; background-color: #EEEEEE; padding: 2px 5px 4px 10px }

/* LMDP-specific styles */

  .response_heading { font-family: arial, sans-serif; font-size: 20px; color: #000099; margin-bottom: 15px }
  .i360_option1       { border: 1px solid #888888; padding-right: 3px; padding-left: 2px; cursor: pointer; border-radius: 6px }
  .i360_option1_on    { border: 2px solid #0072BC; padding-right: 2px; border-radius: 6px }
  .i360_option2      { padding-left: 2px; padding-right: 4px }
  .i360_selfbox      { padding: 4px; border: 2px solid #333333; color: #333333; font-family: arial,sans-serif; font-weight: bold; font-size: 12px }
  .i360_title        { color: #333333; font-family: times,serif; font-weight: bold; font-size: 16pt; margin-bottom: 15px }
  .i360_personname   { color: #333333; font-family: arial,sans-serif; font-weight: bold; font-size: 12px }
  .i360_groupname    { color: #333333; font-family: arial,sans-serif; font-weight: bold; font-size: 12px; margin-bottom: 15px }
  .i360_surveyintro  { color: #333333; font-family: arial,sans-serif; font-size: 10pt; text-align: justify }
  .i360_copyright    { color: #333333; font: normal 8pt arial,sans-serif; }
  .i360_scale        { font-family: arial narrow, arial, sans-serif; font-size: 9pt; line-height: 12px }
  .i360_scalenum     { font-weight: bold; width: 22px; height: 20px }
  .i360_scaleqntext  { padding: 2px 5px 4px 10px; margin-bottom: 5px }
  .i360_scaleqnum    { font-weight: bold; padding-top: 3px }
  .i360_qnskipped    { color: #FF0000; font-weight: bold }

/* "Chosen" defaults */
div.chosen-container a.chosen-single {
  border: 1px solid #a0a0a0;
  background: #FFFFC0; /* Old browsers */
  background: -moz-linear-gradient(top,  #FFFFE0 0%, #FFFFC0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFE0), color-stop(100%,#FFFFC0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FFFFE0 0%,#FFFFC0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FFFFE0 0%,#FFFFC0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FFFFE0 0%,#FFFFC0 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #FFFFE0 0%,#FFFFC0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFE0', endColorstr='#FFFFC0',GradientType=0 ); /* IE6-9 */
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  ms-border-radius: 0;
  padding: 0 3px;
}
div.chosen-container-active a.chosen-single,
div.chosen-container-active.chosen-with-drop a.chosen-single {
  border: 1px solid #a0a0a0;
  background: #FEFCE2; /* Old browsers */
  background: -moz-linear-gradient(top,  #FEFCE2 0%, #FDF9BF 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFCE2), color-stop(100%,#FDF9BF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #FEFCE2 0%,#FDF9BF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #FEFCE2 0%,#FDF9BF 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #FEFCE2 0%,#FDF9BF 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #FEFCE2 0%,#FDF9BF 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEFCE2', endColorstr='#FDF9BF',GradientType=0 ); /* IE6-9 */
}
div.chosen-container div.chosen-drop ul.chosen-results li {
  color: #444;
  border-top: 1px solid #f4f4f4;
  padding: 4px 0 3px 5px;
  font: normal 9pt arial,sans-serif }
div.chosen-container div.chosen-drop ul.chosen-results li.highlighted {
  color: #fff
}
div.chosen-container div.chosen-drop ul.chosen-results li.disabled-result {
  color: #134062;
  font: bold 10pt arial,sans-serif;
  background: #f8f8Ff;
  border-bottom: 1px solid #C2DEF1;
  xborder-left: 2px solid #1F9BD9;
}
div.chosen-container.hasinactiveoptions div.chosen-drop ul.chosen-results li {
  padding-left: 15px;
}
div.chosen-container.hasinactiveoptions div.chosen-drop ul.chosen-results li.disabled-result {
  padding-left: 5px;
}

/* BlockUI styles */

.blockUI.blockOverlay {
  background: #888 url(../images/blockui/bg-diagonal.gif) !important;
}
.blockUI.blockMsg {
  background: #1F9BD9 url(../images/spinner_blue35.gif) no-repeat !important;
  background-position: right 20px center !important;
  padding: 25px !important;
  border-radius: 35px !important;
  text-align: left !important;
  font: normal 15pt arial,helvetica,sans-serif !important;
  width: 300px !important;
}
.blockUI.blockMsg.success {
  background-image: url(../images/blockui/tick32yel.png) !important;
}

.spinner32blue {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/blockui/working32.gif) no-repeat;
  width: 32px;
  height: 32px;
}
.spinner32black {
  display: inline-block;
  vertical-align: middle;
  background: url(../images/anim_wait32.gif) no-repeat;
  width: 32px;
  height: 32px;
}


/* Generic functional styles */

  .mb0  { margin-bottom: 0px !important }
  .mb1  { margin-bottom: 1px !important }
  .mb2  { margin-bottom: 2px !important }
  .mb3  { margin-bottom: 3px !important }
  .mb4  { margin-bottom: 4px !important }
  .mb5  { margin-bottom: 5px !important }
  .mb6  { margin-bottom: 6px !important }
  .mb7  { margin-bottom: 7px !important }
  .mb8  { margin-bottom: 8px !important }
  .mb9  { margin-bottom: 9px !important }
  .mb10 { margin-bottom: 10px !important }
  .mb15 { margin-bottom: 15px !important }
  .mb20 { margin-bottom: 20px !important }
  .mb25 { margin-bottom: 25px !important }
  .mb30 { margin-bottom: 30px !important }

  .mt0  { margin-top: 0px !important }
  .mt1  { margin-top: 1px !important }
  .mt2  { margin-top: 2px !important }
  .mt3  { margin-top: 3px !important }
  .mt4  { margin-top: 4px !important }
  .mt5  { margin-top: 5px !important }
  .mt6  { margin-top: 6px !important }
  .mt7  { margin-top: 7px !important }
  .mt8  { margin-top: 8px !important }
  .mt9  { margin-top: 9px !important }
  .mt10 { margin-top: 10px !important }
  .mt15 { margin-top: 15px !important }
  .mt20 { margin-top: 20px !important }
  .mt25 { margin-top: 25px !important }
  .mt30 { margin-top: 30px !important }

  .ml0  { margin-left: 0px !important }
  .ml1  { margin-left: 1px !important }
  .ml2  { margin-left: 2px !important }
  .ml3  { margin-left: 3px !important }
  .ml4  { margin-left: 4px !important }
  .ml5  { margin-left: 5px !important }
  .ml10 { margin-left: 10px !important }
  .ml15 { margin-left: 15px !important }
  .ml20 { margin-left: 20px !important }
  .ml25 { margin-left: 25px !important }
  .ml30 { margin-left: 30px !important }

  .mr0  { margin-right: 0px !important }
  .mr2  { margin-right: 2px !important }
  .mr3  { margin-right: 3px !important }
  .mr4  { margin-right: 4px !important }
  .mr5  { margin-right: 5px !important }
  .mr10 { margin-right: 10px !important }
  .mr15 { margin-right: 15px !important }
  .mr20 { margin-right: 20px !important }
  .mr25 { margin-right: 25px !important }
  .mr30 { margin-right: 30px !important }

  .pb0  { padding-bottom: 0px !important }
  .pb1  { padding-bottom: 1px !important }
  .pb2  { padding-bottom: 2px !important }
  .pb3  { padding-bottom: 3px !important }
  .pb4  { padding-bottom: 4px !important }
  .pb5  { padding-bottom: 5px !important }
  .pb10 { padding-bottom: 10px !important }
  .pb15 { padding-bottom: 15px !important }
  .pb20 { padding-bottom: 20px !important }

  .pt0  { padding-top: 0px !important }
  .pt1  { padding-top: 1px !important }
  .pt2  { padding-top: 2px !important }
  .pt3  { padding-top: 3px !important }
  .pt4  { padding-top: 4px !important }
  .pt5  { padding-top: 5px !important }
  .pt8  { padding-top: 8px !important }
  .pt10 { padding-top: 10px !important }
  .pt15 { padding-top: 15px !important }
  .pt20 { padding-top: 20px !important }

  .pl0  { padding-left: 0px !important }
  .pl1  { padding-left: 1px !important }
  .pl2  { padding-left: 2px !important }
  .pl3  { padding-left: 3px !important }
  .pl4  { padding-left: 4px !important }
  .pl5  { padding-left: 5px !important }
  .pl10 { padding-left: 10px !important }
  .pl15 { padding-left: 15px !important }
  .pl20 { padding-left: 20px !important }

  .pr0  { padding-right: 0px !important }
  .pr1  { padding-right: 1px !important }
  .pr2  { padding-right: 2px !important }
  .pr3  { padding-right: 3px !important }
  .pr4  { padding-right: 4px !important }
  .pr5  { padding-right: 5px !important }
  .pr10 { padding-right: 10px !important }
  .pr15 { padding-right: 15px !important }
  .pr20 { padding-right: 20px !important }

  .fontsize7  { font-size: 7.5pt !important }
  .fontsize8  { font-size: 8pt !important }
  .fontsize9  { font-size: 9pt !important }
  .fontsize10 { font-size: 10pt !important }
  .fontsize11 { font-size: 11pt !important }
  .fontsize12 { font-size: 12px !important }
  .fontsize13 { font-size: 12px !important }
  .fontbold   { font-weight: bold !important }
  .fontnormal { font-weight: normal !important }

  .fontarial      { font-family: arial,helvetica,sans-serif !important }
  .fontverdana    { font-family: verdana,arial,helvetica,sans-serif !important }
  .fonttrebuchet  { font-family: 'Trebuchet MS',arial,helvetica,sans-serif !important }

  .lh12     { line-height: 12px !important }

  .divpixel { overflow: hidden; width: 1px; height: 1px !important }
  .divhl    { overflow: hidden; width: 100%; height: 1px !important }
  .divvl    { overflow: hidden; width: 1px; height: 100% !important }

  .floatleft { float:left !important }
  .floatright { float:right !important }
  .clear { clear:both !important }
  .clearleft { clear:left !important }
  .clearright { clear:right !important }
  
  .textalignright { text-align: right; }
  
  .width100p { width: 100% !important; }
  
  .posrel,.posrelative { position:relative !important }
  .posabs,.posabsolute { position:absolute !important }

  .borderbox { /* the precioussss box model */
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
  }
  
  .noselect { /* disable text selection */
    user-select: none;
    -moz-user-select: none;
  }
  
  .displaynone { display: none }
  .displayblock { display: block !important }
  .hidden { visibility: hidden !important }
  
  .curdefault { cursor: default !important }
  .curwait { cursor: wait !important }
  .curpointer { cursor: pointer !important }
  .curhandno { cursor: url(../js/ahjqplugins/images/handno.cur),default !important }
  
  .border0 { border:0 !important }
  .bordernone { border:none !important }
  .noborder { border:none !important }
  .border1red { border: 1px solid red }

  .ellipsis {
    white-space: nowrap !important; 
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .ellipsisincell {
    display: inline-block;
    white-space: nowrap !important; 
    width: inherit !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  
  .valign-middle { vertical-align: middle; }
  .inline-block { display: inline-block; }
  
/* text */
  .uppercase { text-transform: uppercase !important }
  
/* classes modified by javascript (see idadmin6.js) */

  .widthfromcell { width: 0 } /* gets the width of the parent TD.
  
/* TR Row Gap */
  tr.rowGapAbove1 { border-top: 1px solid transparent; }
  tr.rowGapAbove2 { border-top: 2px solid transparent; }
  tr.rowGapAbove3 { border-top: 3px solid transparent; }
  tr.rowGapAbove4 { border-top: 4px solid transparent; }
  tr.rowGapAbove5 { border-top: 5px solid transparent; }
  tr.rowGapAbove6 { border-top: 6px solid transparent; }
  tr.rowGapAbove7 { border-top: 7px solid transparent; }
  tr.rowGapAbove8 { border-top: 8px solid transparent; }
  tr.rowGapAbove9 { border-top: 9px solid transparent; }
  tr.rowGapAbove10 { border-top: 10px solid transparent; }

/* new look adjustments */

/* #tpl-header .title { color: transparent; font-size: 0px } /* enable this when disabling adjustments below */

html,body { background: #fafafa; }
#tpl-header, #tpl-footer { background-color: #1F9CD9; }
#tpl-header .title { color: #0A4674; font: 18pt ssemibold,title,arial,sans-serif; width: 100%;
                     letter-spacing: -1px; margin-left: 3px; top: 2px; background: none; }
#tpl-header .bgline { width: 620px; }
#tpl-iconarea a.iconlink { color: #F1FCFF; }
#tpl-iconarea a.iconlink:hover { background-color: #2578B7; }
#tpl-iconarea a.iconlink.state-on { background: #42ACE0; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
#tpl-content-top, #tpl-leftmenu-menu .title { background: #f5f5f5; border-bottom-color: #ececec; height: 52px; }
#tpl-leftmenu-top { display: none; }
#tpl-leftmenu, #tpl-leftmenu * { box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc); }
#tpl-leftmenu { border-color: #1F9CD9; width: 180px; border-right: 5px solid #e0e0e0; }
#tpl-leftmenu-body { padding: 0; margin-top: 0; }
#tpl-leftmenu-menu .title { margin-top: 0; padding: 18px 10px 0; font: normal 12pt normal,arial,sans-serif; color: #51B4E4; height: 52px; }
#tpl-leftmenu-menu .menuitem { margin-left: 10px; }
#tpl-leftmenu-menu .menuitem a, #tpl-leftmenu-menu .menuitem-on a { padding: 5px 4px; }
#tpl-leftmenu-menu .menuitem a { color: #1F9CD9; }
#tpl-leftmenu-menu .menuitem-on a { background-color: #F8F9C3; color: #444; border-right: 5px solid #F0EFAE; padding-left: 12px; }
#tpl-leftmenu-menu .menuitem a:hover { background-color: #F6F6F6; text-decoration: underline; xcolor: #444; xoutline: 1px solid #eee; border-right: 5px solid #eee; }
#tpl-leftmenu-menu .menuitem-on a:hover { background-color: #f0f0f0; }
#tpl-leftmenu-menu .icon { display: inline-block; width: 25px; }
#tpl-leftmenu-menu .menuitem-on .icon { margin-left: 10px; }

.ui-button.ui-button-text-only .ui-button-text { font: normal 13px/15px arial,helvetica,sans-serif; }
.ui-state-active.ui-button-text-only .ui-button-text { text-shadow: 0 0 8px rgba(0,0,0,0.4);  }

.cke_1 .cke_inner,
.cke_1 .cke_dialog_tab { background: #DDD !important; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { background: #fff; }

/* Platform-specific hidden by default, shown with js */
.g_platformIsNotMobile,.g_platformIsWin,.g_platformIsMac,
.g_platformIsMobile,.g_platformIsIPad,.g_platformIsAndroid { display: none; }

/*
body * { box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc); }

#tpl-leftmenu { border-color: #1F9CD9; width: 180px; border-right: 5px solid #e0e0e0; }
#tpl-content-top, #tpl-leftmenu-menu .title { background: #f6f6f6; border-bottom-color: #f0f0f0; height: 52px; }
#tpl-leftmenu-top { display: none; }
#tpl-leftmenu-body { padding: 0; margin-top: 0; }
#tpl-leftmenu-menu .title { margin-top: 0; padding: 18px 10px 0; font: normal 12pt normal,arial,sans-serif; color: #51B4E4; }
#tpl-leftmenu-menu .menuitem, #tpl-leftmenu-menu .menuitem-on { margin-left: 10px; }
#tpl-leftmenu-menu .menuitem-on { }
#tpl-leftmenu-menu .menuitem a, #tpl-leftmenu-menu .menuitem-on a { padding: 5px 4px; }
#tpl-leftmenu-menu .menuitem a { color: #1F9CD9; }
#tpl-leftmenu-menu .menuitem-on a { background-color: #B4E5FD; color: #444; border-right: 5px solid #B4E5FD; }
#tpl-leftmenu-menu .menuitem a:hover { background-color: #F6F6F6; text-decoration: underline; xcolor: #444; xoutline: 1px solid #eee; border-right: 5px solid #eee; }
#tpl-leftmenu-menu .menuitem-on a:hover { background-color: #f0f0f0; }
#tpl-iconarea a.iconlink.state-on { background: #4DB5E9; box-shadow: 0 0 10px rgba(0,0,0,0.1); }

input.flat, input[type="text"], input[type="password"] { padding-left: 2px; }
input.flat, .bginput, input.flatbtn, input[type="text"], input[type="password"], select, textarea {
  border: none; border-bottom: 1px solid #B7B7B7; border-radius: 0;
  background: transparent; outline: none; }
textarea, textarea.bginput { border-left: 1px solid #CCC; }
select, select.bginput { border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
input.flat:focus, input[type="text"]:focus, input[type="password"]:focus, 
textarea:focus, select:focus { background: #fff; border-color: #1F9CD9; outline: none; }

input[readonly],textarea[readonly],
input.hasDatepicker, input.dcdate { background: #f6f6f6 !important; }

input-undernote { color: #3E3D3D; display: inline-block; padding: 4px 5px; background: none repeat scroll 0% 0% #F0F0F0; }
select, select.bginput { text-overflow: ellipsis; }

.ui-widget-header,
.cke_1 .cke_inner,
.cke_1 .cke_dialog_tab { background: #DDD !important; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { background: #fff; }

table > thead > tr { background: #f0f0f0 !important; border-bottom: 1px solid #e0e0e0 !important; }
table > thead > tr > th, table > thead > tr > td { padding-top: 5px; padding-bottom: 5px; padding-left: 2px; }

*/