/*
Document   : leno-solution-finder
Created on : Sep 19, 2011, 5:20:25 PM
Author     : coridynf
Description:
Purpose of the stylesheet follows.
*/
/*
TODO: 
- Setup variables for image paths so we can customise them easily.
- Set up standard margin/padding sizes.
- Add ANZ colours as variables.
*/
body {
  font-family: verdana, sans-serif, helvetica, arial; }

.anz-leno-solution-heading h1 {
  border-color: #BBBBBB;
  border-bottom-style: solid;
  border-width: 1px;
  color: #007dba;
  font-size: 18px;
  font-weight: normal; }

.anz-leno-solution-finder {
  /*============================================
  /* Utility styling. */
  ============================================*/
  /*==========================================*/
  /*-------------------------------------------
  /*  */
  /* jQuery UI Button */
  /*  */
  /*-----------------------------------------*/ */ }
  .anz-leno-solution-finder a {
    text-decoration: none; }
  .anz-leno-solution-finder a:hover {
    text-decoration: underline; }
  .anz-leno-solution-finder .leno-arrow-down {
    background-image: url("../images/arrow-down-icon.png");
    width: 12px;
    height: 8px; }
  .anz-leno-solution-finder .leno-arrow-up {
    background-image: url("../images/arrow-up-icon.png");
    width: 12px;
    height: 8px; }
  .anz-leno-solution-finder .leno-right {
    float: right; }
  .anz-leno-solution-finder .leno-left {
    float: left; }
  .anz-leno-solution-finder .leno-clear {
    clear: both;
    height: 0px;
    overflow: hidden; }
  .anz-leno-solution-finder .silver-panel {
    background: url("../images/main-panel-calculator-bg_2.png") 0 bottom; }
  .anz-leno-solution-finder .leno-solution-finder-body {
    /*============================================
    /* Heading properties. */
    ============================================*/
    /*-------------------------------------------
    /*  */
    /* Hover Tooltips */
    /*  */
    /*-----------------------------------------*/ */
    /*-------------------------------------------
    /*  */
    /* jQuery UI SelectMenu */
    /*  */
    /*-----------------------------------------*/ */
    /*-------------------------------------------
    /*  */
    /* jQuery UI Button */
    /*  */
    /*-----------------------------------------*/ */
    		/*
    		.leno-solution-minimised-container,
    		.leno-solution-finder-details-tab{
    				display: none;
    				/*overflow: auto; */
    				margin-top: -5px;
    				z-index: 9999;
    
    				.clickarea {
    					display: block;
    					cursor: pointer;
    					/*overflow: auto; */
    					float: right;
    					
    					padding-left: $details-button-left-padding;
    					padding-right: $details-button-right-padding;
    					padding-top: $details-button-top-padding;
    					padding-bottom: $details-button-bottom-padding;
    					
    					width: $details-button-width;
    					height: $details-button-height;
    					
    					border-right: 1px #C5C9CC solid;
    					border-bottom: 1px #C5C9CC solid;
    					border-left: 1px #C5C9CC solid;
    					border-color: #C5C9CC;
    					border-top-style: none;
    					
    					background: url("../images/calc-tab-bg.png");
    
    					.arealabel {
    						float: left;
    						height: $details-button-text-height;
    						line-height: $details-button-text-height;
    						_line-height: normal;
    						
    						color: #004165;
    						font-size: 12px;
    						font-weight: bold;
    					}
    
    					.arrow {
    						float: right;
    						width: 11px;
    						height: $details-button-text-height;
    					}
    
    					.up {
    						background: url("../images/arrow-calc-tab-up.png") no-repeat;	
    					}
    
    					.down {
    						background: url("../images/arrow-calc-tab-down.png") no-repeat;
    					}
    				
    					&:hover {
    						text-decoration: none;
    					}
    				}
    			}
    		*/
    /*==========================================*/
    /*============================================
    /* ADVANCED TEMPLATES */
    ============================================*/
    /*============================================
    /* Custom content styling. */
    ============================================*/ }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container {
      display: none;
      padding: 25px;
      border-radius: 5px;
      border: 1px #C5C9CC solid;
      border-bottom: 1px; }
      .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container .content-title {
        color: #666666;
        float: left;
        font-weight: bold;
        font-size: 14px; }
      .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container .content-link {
        color: #007dba;
        float: right;
        font-size: 12px; }
        .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container .content-link .clickarea {
          cursor: pointer;
          float: right;
          padding: 1px 20px;
          width: 107px;
          height: 40px; }
          .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container .content-link .clickarea .arealabel {
            float: left;
            padding-top: 9px;
            color: #007dba;
            font-size: 13px;
            font-weight: normal;
            /*						p {
            							
            						}*/ }
          .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container .content-link .clickarea .arrow {
            float: right;
            width: 11px;
            height: 10px;
            margin-top: 13px; }
          .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container .content-link .clickarea .up {
            background: url("../images/arrow-calc-tab-up.png") no-repeat; }
          .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container .content-link .clickarea .down {
            background: url("../images/arrow-calc-tab-down.png") no-repeat; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-container {
      zoom: 1; }
      .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-container .leno-solution-finder-questions {
        border: 1px #C2CDD8 solid;
        border-bottom: 0px;
        border-radius: 5px; }
        .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-container .leno-solution-finder-questions .question-radio {
          outline: none; }
        .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-container .leno-solution-finder-questions .radio {
          width: 16px;
          height: 16px;
          padding: 0;
          margin-top: 2px;
          margin-right: 14px;
          display: block;
          clear: left;
          float: left;
          background: url("../images/radio.png") no-repeat; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-hover-text {
      width: 21px;
      height: 21px;
      background: transparent url("../images/help-icon.png") no-repeat left;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      color: transparent;
      font-size: 0px;
      overflow: hidden;
      zoom: 1;
      margin-left: 12px;
      line-height: 1; }
    .anz-leno-solution-finder .leno-solution-finder-body .prod-tooltip {
      min-width: 252px;
      max-width: 600px;
      height: auto;
      margin-bottom: 8px;
      position: absolute; }
      .anz-leno-solution-finder .leno-solution-finder-body .prod-tooltip .tooltip-inner {
        background-color: #ede8c4;
        border: 3px solid #d3cd8b;
        height: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 12px;
        line-height: 1.5;
        font-weight: normal; }
      .anz-leno-solution-finder .leno-solution-finder-body .prod-tooltip .tooltip-inner-bottom {
        margin-top: 0px !important;
        position: absolute !important;
        bottom: -15px !important;
        height: 32px;
        width: 100%;
        background: transparent url("../images/tooltip-arrow_2.gif") no-repeat;
        background-position: 55px bottom; }
    .anz-leno-solution-finder .leno-solution-finder-body .ui-selectmenu {
      font-family: Verdana;
      border: 1px solid #c6cacb;
      background: url("../images/input-field-grad-bg.png");
      color: #5b5b5b;
      padding: 5px;
      display: inline-block;
      height: auto !important;
      vertical-align: middle;
      text-decoration: none;
      margin-top: 3px; }
    .anz-leno-solution-finder .leno-solution-finder-body .ui-selectmenu-menu li a, .anz-leno-solution-finder .leno-solution-finder-body .ui-selectmenu-status {
      padding: 0 !important;
      line-height: 15px !important;
      font-size: 15px !important; }
    .anz-leno-solution-finder .leno-solution-finder-body .ui-selectmenu-icon {
      width: 9px !important;
      height: 8px !important;
      right: 7px !important;
      position: absolute !important;
      margin-top: -2px !important;
      background: url("../images/arrow-select-down.png") no-repeat !important; }
    .anz-leno-solution-finder .leno-solution-finder-body .ui-button {
      cursor: pointer;
      text-align: left !important;
      float: left;
      padding: 2px 0px 0px 25px; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container,
    .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-details-tab {
      cursor: pointer;
      display: none;
      z-index: 9999;
      height: 37px;
      position: relative !important; }
      .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container .offscreenaccess,
      .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-details-tab .offscreenaccess {
        outline: none;
        -moz-outline-style: none;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        display: block;
        zoom: 1; }
      .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-minimised-container span,
      .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-details-tab span {
        display: block;
        font-size: 14px;
        height: 13px;
        padding: 12px 0 0 52px;
        width: 184px; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-details-tab.up {
      background: url("../images/details-tab-up.png") no-repeat top right;
      margin-top: -5px;
      *margin-top: -5px;
      _margin-top: -5px; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-solution-finder-details-tab.down {
      background: url("../images/details-tab-down.png") no-repeat top right;
      margin-top: -2px;
      *margin-top: 2px; }
    .anz-leno-solution-finder .leno-solution-finder-body .questionContainer {
      padding-top: 18px;
      padding-bottom: 21px;
      padding-left: 36px;
      padding-right: 22px;
      border-radius: 5px;
      zoom: 1; }
      .anz-leno-solution-finder .leno-solution-finder-body .questionContainer .questionTitle {
        zoom: 1; }
        .anz-leno-solution-finder .leno-solution-finder-body .questionContainer .questionTitle label {
          padding-top: 3px;
          padding-bottom: 2px;
          min-height: 24px;
          font-weight: bold;
          margin-right: 37px;
          line-height: 25px;
          font-family: verdana, sans-serif, helvetica, arial;
          color: #484848;
          font-size: 15px; }
      .anz-leno-solution-finder .leno-solution-finder-body .questionContainer .ui-button-text {
        font-size: 15px;
        color: #484848; }
        .anz-leno-solution-finder .leno-solution-finder-body .questionContainer .ui-button-text .extended-text {
          font-size: 12px;
          color: #484848; }
      .anz-leno-solution-finder .leno-solution-finder-body .questionContainer .ui-selectmenu-open {
        width: 190px !important; }
      .anz-leno-solution-finder .leno-solution-finder-body .questionContainer .ui-selectmenu-menu-dropdown {
        *margin-left: 5px;
        *margin-bottom: 0px; }
    .anz-leno-solution-finder .leno-solution-finder-body .questionContainer.singleRow .questionTitle {
      float: left;
      padding-bottom: 0px; }
      .anz-leno-solution-finder .leno-solution-finder-body .questionContainer.singleRow .questionTitle label {
        float: left; }
      .anz-leno-solution-finder .leno-solution-finder-body .questionContainer.singleRow .questionTitle .leno-clear {
        /**In Internet explorer 6 the slider is jumping down to the next line when it shouldn't, because leno-clear is a block element it is pushing it down
        Adding this so that this does not occur	**/
        _clear: none;
        _display: none; }
    .anz-leno-solution-finder .leno-solution-finder-body .questionContainer.singleRow .controlContainer {
      float: left; }
    .anz-leno-solution-finder .leno-solution-finder-body .questionContainer.singleRow .leno-radio-tmpl.radioFloated {
      float: left;
      padding-top: 6px;
      padding-right: 37px; }
    .anz-leno-solution-finder .leno-solution-finder-body .questionContainer.multiRow .questionTitle {
      padding-top: 2px;
      padding-bottom: 8px; }
    .anz-leno-solution-finder .leno-solution-finder-body .questionContainer.multiRow .leno-radio-tmpl.radioFloated {
      float: left;
      padding-top: 11px;
      padding-bottom: 3px;
      padding-right: 37px;
      min-height: 22px; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-radio-tmpl.radioHalfLine {
      float: left;
      width: 50%;
      padding-top: 11px;
      padding-bottom: 3px;
      min-height: 22px; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-radio-tmpl.radioFullLine {
      float: none;
      padding-top: 11px;
      padding-bottom: 3px;
      min-height: 22px;
      zoom: 1; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-radio-extended-tmpl {
      padding-top: 14px;
      margin-right: 40px;
      padding-bottom: 7px; }
      .anz-leno-solution-finder .leno-solution-finder-body .leno-radio-extended-tmpl label .extended-title {
        line-height: 20px; }
      .anz-leno-solution-finder .leno-solution-finder-body .leno-radio-extended-tmpl label .extended-text {
        display: block;
        font-size: 12px;
        margin-top: 4px;
        margin-left: 0px;
        line-height: 19px; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-radio-extended-tmpl.radioTwoColumn {
      float: left;
      width: 45%;
      _width: 40%; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-radio-extended-tmpl.radioThreeColumn {
      float: left;
      width: 28%;
      _width: 26%; }
    .anz-leno-solution-finder .leno-solution-finder-body .leno-radio-extended-tmpl.radioFourColumn {
      float: left;
      width: 20%;
      _width: 18%; }
    .anz-leno-solution-finder .leno-solution-finder-body .customContent p,
    .anz-leno-solution-finder .leno-solution-finder-body .startCustomContent p {
      margin: 0;
      padding: 0; }
    .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent label,
    .anz-leno-solution-finder .leno-solution-finder-body .startCustomContent label {
      float: left;
      margin: 0;
      padding: 0; }
    .anz-leno-solution-finder .leno-solution-finder-body .startCustomContent {
      padding-top: 20px;
      padding-bottom: 20px; }
      .anz-leno-solution-finder .leno-solution-finder-body .startCustomContent input.solutionFinderStartBtn {
        float: right;
        cursor: pointer;
        margin: 0;
        height: 28px;
        width: 110px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 14px;
        border: none;
        background: url("../images/btn_start.png"); }
      .anz-leno-solution-finder .leno-solution-finder-body .startCustomContent input.solutionFinderStartBtn:hover {
        background-position: 0px -30px; }
      .anz-leno-solution-finder .leno-solution-finder-body .startCustomContent input.solutionFinderResetBtn {
        background: url("../images/btn_reset.png"); }
    .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent {
      /*			.ui-selectmenu-menu-dropdown {
      				padding-left: 7px;
      			}*/
      /*-------------------------------------------
      /*  */
      /* jQuery UI SelectMenu */
      /*  */
      /*-----------------------------------------*/ */ }
      .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent .questionTitle {
        float: none;
        position: relative; }
        .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent .questionTitle .solutionFinderStartBtn {
          position: absolute;
          top: 0;
          right: 0; }
      .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent select.loaderSelectMenu {
        /* 
        	Allow jQueryUI to read the z-index of this element (so it can be assigned to the replacement menu)
        	It walks up the tree to find the first element with a "position" CSS rule applied and reads that z-index value.
        */
        position: relative;
        z-index: 999; }
      .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent .ui-selectmenu {
        font-family: Verdana;
        border: 1px solid #c6cacb;
        border-right: none;
        border-radius: 3px;
        background: white;
        color: #5b5b5b;
        padding: 4px 10px 5px 11px;
        *padding: 4px 10px 4px 11px;
        display: inline-block;
        height: auto !important;
        vertical-align: middle;
        text-decoration: none; }
      .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent .ui-selectmenu-disabled {
        color: #AAAAAA; }
      .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent .ui-selectmenu-menu li a, .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent .ui-selectmenu-status {
        padding: 0 !important;
        font-size: 12px; }
      .anz-leno-solution-finder .leno-solution-finder-body .loaderCustomContent .ui-selectmenu-icon {
        width: 17px !important;
        height: 27px !important;
        top: 1px;
        right: 0 !important;
        position: absolute !important;
        margin-top: -2px !important;
        background: url("../images/arrow-select-down-flat.png") no-repeat !important; }
    .anz-leno-solution-finder .leno-solution-finder-body .prod-tooltip {
      min-width: 252px;
      max-width: 600px;
      height: auto;
      margin-bottom: 8px;
      position: absolute; }
      .anz-leno-solution-finder .leno-solution-finder-body .prod-tooltip .tooltip-inner {
        background-color: #ede8c4 !important;
        border: 3px solid #d3cd8b !important;
        height: 100% !important;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 12px !important;
        line-height: 1.5 !important;
        font-size: 12px !important;
        font-family: verdana, sans-serif, helvetica, arial; }
        .anz-leno-solution-finder .leno-solution-finder-body .prod-tooltip .tooltip-inner ul {
          margin-left: 20px; }
      .anz-leno-solution-finder .leno-solution-finder-body .prod-tooltip .tooltip-inner-bottom {
        height: 32px !important;
        background: transparent url("../images/tooltip-arrow_2.gif") no-repeat;
        background-position: 55px bottom; }
  .anz-leno-solution-finder .leno-tooltip-trigger {
    float: left; }
  .anz-leno-solution-finder .leno-tooltip-icon {
    background: url("../images/help-icon.png") no-repeat;
    float: left;
    width: 20px;
    height: 20px; }
  .anz-leno-solution-finder .leno-tooltip {
    background-color: #FFFFFE;
    border: 1px #CCCCCC solid;
    display: none;
    padding: 10px;
    max-width: 200px; }
  .anz-leno-solution-finder .leno-slider-tmpl {
    margin-top: 2px; }
    .anz-leno-solution-finder .leno-slider-tmpl .leno-slider {
      float: left;
      padding-top: 2px;
      margin-right: 12px; }
    .anz-leno-solution-finder .leno-slider-tmpl .slider {
      background: #e8e8e8 url("../images/anz-slider-track.png") repeat-x 0 0;
      width: 128px;
      height: 13px;
      position: relative;
      cursor: pointer;
      margin-top: 8px;
      margin-right: 12px;
      left: 14px;
      float: left;
      zoom: 1; }
    .anz-leno-solution-finder .leno-slider-tmpl .handle,
    .anz-leno-solution-finder .leno-slider-tmpl .handle:hover {
      background: #e8e8e8 url("../images/anz-slider-thumb.png") repeat-x 0 0;
      width: 9px;
      height: 17px;
      -moz-box-shadow: 2px 2px 5px #42677d;
      -webkit-box-shadow: 2px 2px 5px #42677d;
      box-shadow: 2px 2px 5px #42677d;
      top: -2px;
      position: absolute;
      display: block;
      cursor: pointer; }
    .anz-leno-solution-finder .leno-slider-tmpl .range {
      border-radius: 3px;
      clear: left;
      float: left;
      margin: 0px;
      font-family: verdana, sans-serif, helvetica, arial;
      font-size: 15px;
      color: #484848;
      background-color: #FAFAFA;
      border: 1px solid #AFAFAF;
      width: 130px;
      padding: 3px 5px;
      text-align: left; }
    .anz-leno-solution-finder .leno-slider-tmpl .range:focus {
      outline: 1px solid #FDC82F; }
  .anz-leno-solution-finder .questionContainer .ui-button {
    cursor: pointer;
    text-align: left !important;
    float: left;
    padding: 0px 0px 0px 30px; }
  .anz-leno-solution-finder .questionContainer .ui-button-text-only.ui-button-text {
    padding: 0; }
  .anz-leno-solution-finder .questionContainer .ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px); }
  .anz-leno-solution-finder .questionContainer label.ui-state-default {
    background: url("../images/radio-btn-unchecked.png") no-repeat !important; }
  .anz-leno-solution-finder .questionContainer label.ui-state-active {
    background: url("../images/radio-btn-checked.png") no-repeat !important; }
  .anz-leno-solution-finder .questionContainer label.ui-state-focus {
    outline: 1px dotted #cccccc; }
  .anz-leno-solution-finder .loadinfo {
    float: left;
    width: 48px;
    height: 48px;
    margin: 10px;
    background: url("../images/loadinfo.gif") top left no-repeat; }

/* Debug styling. */
.output-id-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 250px;
  height: 80px;
  background-color: #DDDDDD;
  border: 1px solid #999999;
  overflow: hidden;
  padding: 10px;
  /*	.outcomeId {
  		color: #CCCCCC;
  		position: absolute;
  		text-align: right;
  	}
  	
  	.outcomeId:hover {
  		color: #AAAAAA;
  	}*/ }
  .output-id-container .close-button {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px; }
  .output-id-container div {
    margin-bottom: 6px; }

.ui-selectmenu-menu li {
  cursor: pointer; }

.ui-selectmenu-menu li a {
  padding: 6px !important; }

.ui-selectmenu-menu li:hover {
  background-color: #f0f0f0; }

.ui-selectmenu-menu {
  overflow: auto !important;
  font-family: Verdana;
  font-size: 12px;
  color: #5b5b5b;
  background-color: #f8f8f8;
  border: 1px solid #c6cacb;
  overflow-x: hidden !important; }
  .ui-selectmenu-menu ul.loaderSelectMenu {
    font-size: 15px; }

.ui-selectmenu-menu-dropdown {
  padding-left: 0px; }

.ui-selectmenu-open ul {
  margin: 0; }

.ui-selectmenu-menu a:link,
.ui-selectmenu-menu a:visited {
  color: #5b5b5b;
  padding: 10px; }