
           
           /*
           *** -----------------------------------------------------
           CSS FIX FOR OTHER PLUGINS METABOX PROBLEMS...
           *** -----------------------------------------------------
           Some plugins insert global metaboxes which conflict with this plugin
           
           remove them by shutting off .postbox,
           then allowing the plugin-specific meta boxes to display.
           
           (id selector takes precedence over the class selector.)           
           */
         /*   .postbox {display:none;},       
            div#vtprd-buy-action-groups,
            div#vtprd-pop-in-specifics,
            div#vtprd-rule-amount,
            div#vtprd-rule-msg,
            div#vtprd-rule-id,
            div#vtprd-rule-resources,
            div#vtprd-errmsg,
            div#submitdiv 
            {display:block;}     */
            /* end fix */

            select,
            .template-area,
            .screen-box,
            .top-box,
            #rule_template,
            .required-asterisk,
            .more-anchor-literal,
            .toggle-button,
            .text-field,
            .title,
            .label,
            .dropdown,
            .shortIntro,
            .dropdown-label,
            .first-in-line-label,
            .buy_amt_type,
            .buy_amt_count,
            .amt-field,
            .amt-field-label,
            .text-field-label,
            .amt,
            .text,
            .msg-text,
            .advanced-settings,
            #advanced-settings-info,
            .pickdate,
            .begin-date,
            #date-line-0,
            .end-date,
            .buy_amt_line_remainder,
            .action_amt_line_remainder,
            .discount_amt_line_remainder,
            .basic-begin-date-area,
            .basic-end-date-area,
            .discount_product_full_msg_area,
            .discount_product_short_msg_area,
            .words-line,
            .words-line-indent,
            #singleChoiceIn-span,
            #singleChoiceOut-span,
            #singleProdID-in-name,
            #singleProdID-out-name,
            #singleProdID-in-name-area,
            #singleProdID-out-name-area,
            #vtprd-pop-in-groups-cntl-help,
            #vtprd-pop-out-cntl-help,
            #options-setup-error
             {
              float:left;
            }
          
            .clear-left { clear:left;}
            .clear-both { clear:both;}
            .clear-none { clear:none;}
            
            /*when screen 1st displays, this prevents the boxes from blinking
              display:block handled all in JS*/
            #rule_deal_info_group .screen-box,
            #screen-box .screen-box,
            #messages-outer-box .screen-box,
            .advanced-settings,
            #advanced-settings-info .screen-box {
              display:none;
            }
                        
            .spinner { margin-left:5%;}  /*override the publish/update action spinner location*/
                       
         /*   .template-area {margin-top: 5px;}  */
            .amt { width:55px; border-color: #BBB !important; } 
            .amt:hover, .pickdate:hover, select:hover {border-color: black !important; }            
            .label,
            .text-field-label {
              padding: 4px 2px 0 5px;
            }
            #rule_template {margin-bottom:15px;max-width:96%} 
            .required-asterisk { padding: 4px 0 0 0; }           
            .dropdown-label,
            .amt-field-label {
              padding: 4px 2px 0 10px;
            } 
            .first-in-line-label {
              padding: 4px 2px 0 0;
            } 
            .date-line span input {color:blue;}
            .basic-end-date-area {margin-left:20px;}
            .data-line-indent {float:left; margin-left:10px;}          
 
            select {color:blue;border-color: #BBBBBB;}     
            .msg-text { margin:5px 0; border-color: #BBBBBB !important;height:25px;}
            
            div#buy-group-cntl,
            div#action-group-cntl  {
              float: left;
              height: auto;
              margin-bottom: 10px;
              padding-bottom: 10px;
              width: 100%;
              background-color: #F9F9F9;
              border-color: #EEEEEE;
              border-radius: 3px 3px 3px 3px;
              border-style: solid;
              border-width: 1px;           
            }
            div.screen-box {
              margin-bottom:15px;
              width:auto; 
              clear:both;
              padding: 5px 1em 5px 0.6em;
              background-color: #EEE; /*#FAFAFA;#F9F9F9;*/
              box-shadow: 1px 1px 1px #AAAAAA;
              border-radius: 0.2em 0.2em 0.2em 0.2em;
            } 
            div#scheduling-box,
            div#buy_amt_box_0,
            div#action_amt_box_0,
            div#discount_amt_box_0,
            div#messages-box  {
              margin-top:15px;
            }
            div.top-box {
              /*margin-bottom:10px; */
              margin-top: 5px;
              width:99%; 
              clear:both;
              padding: 0 0 0 15px;
              background-color: #DDDDDD; /*#21759B;#2688B4*/
              border-radius: 0.2em 0.2em 0.2em 0.2em;
            }  
            
            #show-all-boxes-checkbox {
              float:right;
              color:#666666;
              width:200px;
              margin-top:10px;
              font-size:.9em;
            } 
            .top-checkbox-group {
              clear:right;
              float:right;
              color:#666666;
              width:200px;
              margin-top:5px;
              font-size:.9em;
            } 
            #upcharge-display {display:none;font-style:italic;}     
            span.title { 
             font-weight: bold; 
            } 
            .dropdown-label,
            .amt-field-label,
            .text-field-label,
            .first-in-line-label {
             color: #21759B;
            }

            .shortIntro {    /*alternatively: font-size 1.1em, color = #666*/
             color: #A44CA4; /*#444444; <= light grey*/
             margin-left:30px;
             margin-right: 20px;
             font-style:italic;
             font-size: 1.05em;
           /*  text-shadow: 1px 1px 1px #F6ACF6; x y blur color*/
            } 
             
            #discount_rule_cum_max_amt_type_box {margin-top:10px;}     
            div#vtprd-errmsg.postbox,    
            div#vtprd-deal-selection.postbox,
            div#vtprd-buy-action-groups.postbox,
            div#vtprd-pop-out-select.postbox,
            div#vtprd-pop-in-specifics.postbox,
            div#vtprd-rule-amount.postbox,
            div#vtprd-rule-msg.postbox,
            div#vtprd-rule-scheduling.postbox {
              padding-bottom:20px;
              height:auto;
              float:left;
              width:100%;
              }
            div#vtprd-deal-selection {background:white;margin-top: 20px;}
            div#vtprd-deal-selection  h3.hndle {font-size:1.3em;}  
            
          /*  div#vtprd-errmsg.postbox input,
            div#vtprd-rule-scheduling.postbox input,    
            div#vtprd-deal-selection.postbox input,
            div#vtprd-buy-action-groups.postbox input,
            div#vtprd-pop-out-select.postbox input,
            div#vtprd-pop-in-specifics.postbox input,
            div#vtprd-rule-amount.postbox input,
            div#vtprd-rule-msg.postbox input {
              float:left;
            } */ 
            div#vtprd-pop-in-cntl,
            div#vtprd-pop-out-cntl,
            div#inPop-varProdID-cntl,
            div#actionPop-varProdID-cntl {
              padding:10px 20px;
              height:auto;
             /* clear:left;  mwntest*/
              float:left;
              width: 100%;
              display:none;
              }
              
          /**********************************/
          /*      Variations       */
          /**********************************/  
            div#inPop-varProdID-cntl #inPopVarBox,
            div#actionPop-varProdID-cntl #actionPopVarBox  {
              margin: 12px 0 20px 8%;
              border: 1px solid #CCCCCC;
              border-radius: 5px 5px 5px 5px;
              width: 27%; /*32%*/
              background-color:#F0F0FA;
              float:left;
              color:blue;
            }
            div#inPop-varProdID-cntl #inPopVarBox #inPopVarProduct,
            div#inPop-varProdID-cntl #inPopVarBox #inPopVarButton,
            div#actionPop-varProdID-cntl #actionPopVarBox #actionPopVarProduct,
            div#actionPop-varProdID-cntl #actionPopVarBox #actionPopVarButton {            
              float:left;
            } 
            div#inPop-varProdID-cntl #inPopVarBox #inPopVarProduct,
            div#actionPop-varProdID-cntl #actionPopVarBox #actionPopVarProduct {
              margin: 15px 0 0 8%;
            }
            div#inPop-varProdID-cntl #inPopVarBox #inPopVarButton,
            div#actionPop-varProdID-cntl #actionPopVarBox #actionPopVarButton {
              margin-left:9%;
              margin-bottom:20px;
            }
            div#inPop-varProdID-cntl,
            div#actionPop-varProdID-cntl { 
              padding-top:0px; /* override standard box config*/
            }
            div.inPopVar-loading-animation,
            div.actionPopVar-loading-animation {
              margin-top: 5px;
              visibility: hidden;
              border:none;
              color:gray;
            }
            div#inPop-varProdID-cntl  #inPopVarBox #ajaxVariationIn,
            div#actionPop-varProdID-cntl #actionPopVarBox #ajaxVariationOut {  /*change anchor to button*/
            background: url("../images/button-grad.png") repeat-x scroll left top #21759B;
            border-color: #298CBA;
            color: #FFFFFF;
            font-weight: bold;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
            -moz-box-sizing: content-box;
            border-radius: 11px 11px 11px 11px;
            border-style: solid;
            border-width: 1px;
            cursor: pointer;
            font-size: 12px !important;
            line-height: 13px;
            padding: 3px 8px;
            text-decoration: none;
            }  
            div#inPop-varProdID-cntl  #inPopVarBox #ajaxVariationIn:hover, 
            div#actionPop-varProdID-cntl #actionPopVarBox #ajaxVariationOut:hover {
            border-color: #000;
            }
            div#variations-in,
            div#variations-out {
              width:48%;
              float:left;
              padding: 0 2% 10px 2%;
              margin-left:1%;
              margin-top:10px;
            } 
            div#inPop-varProdID-cntl p#inPop-varProdID-descrip,
            div#actionPop-varProdID-cntl p#actionPop-varProdID-descrip {
              float:left;
              margin: 5px 0 15px 15px;
              font-style:italic;
              width:95%;
              font-size:15px;
            }     
            #inPop-varProdID-more, #actionPop-varProdID-more {margin-top:10px;margin-left:10%;}
            #inPop-varProdID-more-help, #outop-varProdID-more-help {text-decoration:underline;}
            #inVariationsError, #outVariationsError {color:red;margin-top:50px;}
            /************ End Variations **********************/
              
            div#vtprd-pop-in-specifics.postbox,
            div#vtprd-rule-msg.postbox {
              background: #fff; /*alternate postbox background colors*/
            }
            div.column1 {
              width:24%;
              float:left;
              border-right: 1px solid rgb(235,235,235);
              padding: 0 2%;
            }
            div.column2 {
              float:left;
              width:37%; /*width:255px;       mwn  */
              margin: 20px 3% 0 3%;
              padding-bottom: 20px;
              color: blue;             
            }
            div.column3 {
              width:31%;
              float:left;
              border-left: 1px solid rgb(235,235,235);
              padding: 0 2% 10px 2%;
              background: rgb(235, 235, 235);
              color: grey;
              border-radius: 3px 3px 3px 3px;
            } 
            div.inPopExplanation:hover,
            div.specExplanation:hover,
            div.amtExplanation:hover {
              color:black;
            }
            div#inPopChoiceIn div#inPopRadio,
            div#actionPopChoiceOut div#actionPopRadio,
            div#specChoiceIn div#specRadio,
            div#amtChoice div#amtRadio {
              padding: 10px 4% 20px 4%;
              background-color: #fff;
              border: 2px solid rgb(208,208,208);
              float:left;
              width:91%;
              border-radius: 0px 0px 3px 3px;
              line-height:18px;
            }
            .hideMe {display:none;}
            .showMe {display:block;}            
            /*exposing these divs is all handled entirely in the js*/
            div#groupChoiceIn-chosen,
            div#cartChoiceIn-chosen,
            div#allChoiceIn-chosen,
            div#anyChoiceIn-chosen,
            div#eachChoiceIn-chosen,
            div#anyChoiceIn-chosen,
            div#singleChoiceIn-chosen,
            div#varChoiceIn-chosen,
            #singleChoiceIn-span,
            #singleChoiceOut-span,
            #anyChoiceIn-span,
            #vtprd_rule_category-adder,
            #wpsc_product_category-adder, 
            div#amtChoice-chosen,
            #message.updated, /* "#meassage and .updated" => 'view post' url */
            div#edit-slug-box /*clickable slug following update*/
            {
              display:none;
            }  
            div#cartChoiceIn-chosen,
            div#varChoiceIn-chosen,
            div.specExplanation,
            div.amtExplanation {
              margin-top:20px;
            }
            div#groupChoiceIn-chosen {
              margin-top:10px;
            }
            div#anyChoiceIn-chosen {
              padding-bottom:20px;
            }           
            div#vtprd-pop-in-cntl p#pop-in-descrip,
            div#vtprd-pop-out-cntl p#pop-out-descrip {
              float:left;
              margin: 5px 0 15px 15px;
              font-style:italic;
              width:95%;
            }
            div#prodcat-in,
            div#prodcat-out, 
            div#rulecat-in,
            div#rulecat-out,
            div#role-in,
            div#role-out {                       
              width:26%;
              float:left;
           /*   min-width:25%;
              max-width:25%;  */
              margin:10px 1.5% 0 1.5%;
            }
            div#prodcat-in ul#wpsc_product_category-tabs.category-tabs,
            div#prodcat-out ul#wpsc_product_rule_category-tabs.category-tabs,
            div#rulecat-in ul#vtprd_rule_category-tabs.category-tabs,
            div#rulecat-out ul#vtprd_rule_category-tabs.category-tabs {
              /* 'none' turns off existing stlyes for these elements 
              float:none;  */
              width:none;
              text-align:none;
              margin:8px 0pt 3px;
              list-style:none outside none;
              display:inline;
            }           
            div#prodcat-in div#wpsc_product_category-all.tabs-panel,
            div#prodcat-out div#wpsc_product_category-all.tabs-panel,
            div#rulecat-in div#vtprd_rule_category-all.tabs-panel,
            div#rulecat-out div#vtprd_rule_category-all.tabs-panel,
            div#role-in div#roles-all.tabs-panel,
            div#role-out div#roles-all.tabs-panel {
              margin: 0pt 5px 0pt 0px;
            /*  min-width:91%;
              max-width:91%;*/
              width:89%;
              float: left; /*mwntest just added!*/
            }
          /*  h4.and-or {     
              float:left;
              margin: 50px 10px 0 22px;
              width: 25px;
            }   */
            h4.and-or {
                float: left;
                margin-top: 50px;
               /* width: 2.5%;     */
                border: 1px solid #CCCCCC;
                border-radius: 5px 5px 5px 5px;
                padding: 5px;
            }  
            .help-anchor {
                float: left;
                font-size: 12px;
                margin-bottom: 5px;
                width: 100%;
                text-decoration:none;
            }
            .more-anchor {
                float: left;
                font-size: 12px;
                margin-left: 15px;
                text-decoration:none;
            }
            .help-anchor:hover,
            .more-anchor:hover {
                color:green;
                text-decoration:underline; 
            } 
            .close-button {
                margin-left: 5px;
            } 
            .toggle-button {
                padding 2px;
                border: 1px solid #aaa;
                border-radius: 1px 1px 1px 1px;
            }          
            #actionPop-more,
            #actionPop-less {
                margin-top:60px;
            }
            .more-anchor:hover {color:green; }
            .less-anchor {display:none;}
            #pop-in-more-help {text-decoration:underline;}      
            .help-text {display:none; font-style:italic; } 
            #inPopDescrip-more {margin-top:10px;}
            #inPopDescrip-more-help {text-decoration:underline;}      
            
            #and-or-role-div {
                float: left;
                margin-top: 50px;
               /* width: 2.5%;  */              
                border: 1px solid #aaa;
                border-radius: 5px 5px 5px 5px;
                padding: 5px;
                color: #21759B;
            }
            h4 span {
              font-weight:normal;
              font-style:italic;
            }
            #poststuff h3, .metabox-holder h3 {
                border-top: 1px solid rgb(230,230,230);
                border-left: 1px solid rgb(230,230,230);
                border-right: 1px solid rgb(230,230,230);
            }

            #vtprd-pop-in-cntl h3,
            #vtprd-pop-out-cntl h3 {
                font-size: 1.1em;
                padding: 7px 0 7px 10px;
                width: 94%;
            }
            #anyChoiceIn-max,
            #amtChoiceIn-count {
              width:50px;background:#fff;
              }
            #singleChoiceIn-chosen {margin-top:15px;}
            /*#singleChoiceIn-span,*/
            /*#singleChoiceOut-span, */
            #anyChoiceIn-span,
            #amtChoice-span {
              padding:5px;
              background: #F0F0FA;
              margin-top:10px;
              margin-left:20px;
              border: 1px solid rgb(135,135,135);
              float:left;
              border-radius: 3px 3px 3px 3px;
            }
            /* #singleChoiceIn-span,  
             #singleChoiceOut-span {   override the margin from above
              margin: 30px 0 0 13%;
              width:70%;
            }    */
        /*    #singleProdID_in {margin-bottom:10px;width: 95%;}  */
            #inPop-singleProdID-label {line-height:25px;}
            #inPop-singleProdID-name-label {color:grey;padding-left:15px;}
            #inPop-singleProdID-name {color:#403E3E;padding-left:5px;font-style:italic;}
            div#specChoiceIn div#specRadio,
            span#Choice-input-span {float:left;}
            
            /*div#specChoiceIn div#specRadio {width:231px;} */
            
            div#ruleMSG-default,
            div#ruleMSG-custom {
              float:left;
              width:90%;
            }
            div#ruleMSG-custom #custom-msg {
              width:80%;
              height:50px;
            }
            div.vtprd-error {
              clear:both;
              margin: 5px 0 5px 15px;
              color:red;
              background-color: #FFF;
              border-color: #CC0000;
              padding: 2px 0.6em;
              border-radius: 3px 3px 3px 3px;
              border-style: solid;
              border-width: 1px;  
              height: auto;
              float:left;
              width:auto;
              max-width: 95%;   
            }
            div#vtprd-errmsg h3 span { 
              color:red;
              /*font-weight:bold; */
            }
            #vtprd-error-announcement {
              background: none repeat scroll 0 0 transparent;
              font-size: 1.2em;
              margin-bottom: 15px;
              padding: 5px 0.6em;
              width: 20%;
            }
             div.back-to-top { 
              float:left;
              margin: 70px 0 20px 1%; 
              display: block;
              width:1.5%;
              /* width:3.5%;font-weight:bold; */
             }
             div.back-to-top a {
              color: grey;
            /*  float: right; */
              font-size: 0.8em;
              text-decoration: none;
              display: block;                 
            }
            div.back-to-top a:hover {
              color:blue;  
            }
            /**********************************/
            /*      Submitdiv stuff           */
            /**********************************/
            div#submitpost div#minor-publishing {
              display:none;
            }
            div#submitdiv {
              min-width:200px;
              height: 120px;
            }
            div#submitdiv #delete-action {
              float:none;
            }
            div#delete-action a.submitdelete {
              margin: 0 0 10px;
              width: 150px;
            }                        
            .inner-sidebar #side-sortables, 
            .columns-2 .inner-sidebar #side-sortables,
            div#side-info-column {
                  min-height: 300px;
                  padding: 0;
                  width: 200px !important;
              }
            .has-right-sidebar #post-body-content{                
                margin-right: 220px  !important;                
            }                                
            a.deletion,
            input[type="submit"].deletion {
            	display: block;
            	border-radius: 4px;
            	background: #2c8bbe;
            	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c8bbe', endColorstr='#246f99'); /* for IE */
            	background: -webkit-gradient(linear, left top, left bottom, from(#2c8bbe), to(#246f99)); /* for webkit browsers */
            	background: -moz-linear-gradient(top,  #2c8bbe, #246f99); /* for firefox 3.6+ */
                color: #FFFFFF;
                font-weight: normal;
                text-shadow: 0 1px 0 rgba(0,0,0,0.5);
                font-size: 13px;
                line-height: 1em;
                padding: 6px 11px;
            	border: 0 none;
            	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
            	cursor: pointer;
            	position: relative;
            	text-align: center;
            	text-decoration: none;
            }            
            a.deletion:hover,
            input[type="submit"].deletion:hover {
            	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
            	background: #3b97c9;
            	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b97c9', endColorstr='#246f99'); /* for IE */
            	background: -webkit-gradient(linear, left top, left bottom, from(#3b97c9), to(#246f99)); /* for webkit browsers */
            	background: -moz-linear-gradient(top,  #3b97c9, #246f99); /* for firefox 3.6+ */
            }
            a.deletion:active,
            input[type="submit"].deletion:active {
            	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
            	top: 1px;
            	
            }            
            a.deletion,
            input[type="submit"].deletion {
            	text-shadow: 0 1px 0 #fff;
            	color: #454545;
            	background: #fff;
            	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ececec'); /* for IE */
            	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec)); /* for webkit browsers */
            	background: -moz-linear-gradient(top,  #fff, #ececec); /* for firefox 3.6+ */
            	
            }            
            
            #minor-publishing-actions input, #major-publishing-actions input, #minor-publishing-actions .preview {
              height: 20px !important;
              min-width: 130px !important;
              text-align: center;
              margin: 15px 25px 0 0;
              float:left;
            }
            
            div#delete-action a.submitdelete {
              color: grey;
              height: 20px;
              line-height: 19px;
              margin: 0;
              width: 135px;
              border-bottom-color: grey;
              float:left;
              margin-left:20px;
            }
            
            div#side-info-column h3 span {margin-left: 5%;}
          
          /**********************************/
          /*      Legend div stuff           */
          /**********************************/
          div#vtprd-legend {
              min-width:200px;
              max-width:200px;
              float:left;
              margin-bottom:150px; /*This is to make sure the right hand scroll bar does not disappear when just the template choice is initially presented.*/
          }
          .vtprd-legend-text {color:blue;font-weight:bold;}
          /**********************************/
          /*      Rule ID div stuff           */
          /**********************************/
          div#vtprd-rule-id {
              min-width:200px;
              max-width:200px;
              float:left;
              padding-bottom: 10px;
          }          
           
          /**********************************/
          /*      Resource div stuff        */
          /**********************************/     
          div#vtprd-rule-resources {
              min-width:200px;
              max-width:200px;
              float:left;
              margin-bottom:250px; /*This is to make sure the right hand scroll bar does not disappear when just the template choice is initially presented.*/
          }
          #vtprd-rr-text {
            float:left;
          }
          #vtprd-rr-doc {
             margin-top:10px;
             float:left;
          }
          #vtprd-rr-box {
            border-top: 1px solid #BDB6B6;
            background-color: #eee;
            float: left;
            margin-bottom: 10px;
            margin-top: 15px;
            padding: 5px;
            width: 95%;
          }
          #vtprd-rr-created {
            float:left;
          }
          #vtprd-rr-vote {
            float:right;
          }
              
          /*   ***********************   */
          /*   (FOR 2010 THEME) */
          /*   ***********************   */
          
          #major-publishing-actions {max-width: 190px; }
          div#submitdiv {
              max-width:200px;
            }
          
          /*   ***********************   */
          /*   (Change right column width) */
          /*   ***********************   */
            
         #poststuff #post-body.columns-2 {
              margin-right: 225px;
          }  
          #post-body.columns-2 #postbox-container-1 {
              float: right;
              margin-right: -225px;
              width: 200px;
          }  
          #poststuff .postbox-container {
              width: 100%;
          }
          
          /*   TOOLTIP stuff */
          a.tooltip {color:#c00;float:left;margin:4px 6px 0 4px;}
          a.tooltip b {display:none;}
          a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none; cursor:pointer;}
          a.tooltip:hover b {display:block; position:absolute; top:20px; left:5px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#F1F1F1; width:250px;-moz-border-radius: 5px;border-radius: 5px;font-size:14px;}
          a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;}
          a.tooltip .tooltip-underline:hover {text-decoration:underline;} 
          a.tooltipWide:hover b {width:350px;}  /*overrides normal tooltip width*/
          a.tooltipTitleSpacing {margin: 0 0 0 5px;} /*overrides tooltip '?' margin location for title*/
          
          div.rule_deal_info_group {clear:both;}
 /*   TOOLTIP HTML */
          /*
    <a class="tooltip" href="#" >
    <img alt="help" src="http://www.varktech.com/wp-content/uploads/sp-uploads/VarktechLogo5.png">
    <b>
    Nga Whenua Rahui is a Maori organisation whose role is to offer Maori landowners a way of conserving their 
    lands while still retaining ownership and control of their whenua. They give advice and offer funding options for the conservation and restoration of privately owned Maori land.
    </b></a>    
    
    JQUERY SOLUTION: http://docs.jquery.com/Events/hover
    
    $("#home").hover(function(){
    $("#homeText").fadeIn("slow");
        },
        function(){
            $("#homeText").fadeOut();
        });
          
          */
      optgroup {
        color: blue;
        font-size: 1.05em;
        font-style: normal;
        font-weight: normal;
        }          
      option {
        color: #0077BB;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
        font-weight: normal;
        line-height: 1.6;
        margin: 0;
        padding: 3px 8px;
        text-transform: capitalize;
      }  
    #rule_template_framework option {font-size: .9em;} /*smaller so there is not scroll bar...*/ 
    /*Back to the Top , in the resources metabox*/   
    #back-to-top-tab {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #2688B4; /*#21759B;*/
    border: 1px solid #D0D0D0;
    border-radius: 3px 3px 3px 3px;
    bottom: -50px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    display: block;
    padding: 10px 10px 15px;
    position: fixed;
    right: 70px;
    transition: bottom 250ms ease-in-out 0s;
    z-index: 100;
    color: white;
    text-decoration: none;
  }
  #back-to-top-tab.show-tab {
    bottom: 20px;
  }
  #back-to-top-tab:hover {
    /*background: none repeat scroll 0 0 #EBEBED; */
    text-decoration: underline;
  }
  #wpfooter { display: none;}
  /*end Back to the Top*/ 

  /*DatePicker validation*/ 
  span.date-error {
      display:none;
  } 
  

/* ========================= */
/*  NEW STUFF */
/* ========================= */
/*
.menu div dt {padding-top:10px !important;}  
.subtitle-dt {margin-left:10px;color:#ccc;font-size:.9em !important;}
*/
div.selection-panel {
   border: 1px solid #AAA;
   border-radius: 5px 5px 5px 5px;
   background: none repeat scroll 0 0 #F6F6F6;
 /*  position:relative;    */
   width:auto; /*95%; */
   clear:left;
   float:left; 
   margin:10px 0;
   display:none; /*hide all of them initially*/
 /*  border-top: 1px solid #CCCCCC;  */
}
div.selection-panel-0 {min-width:90%} 
div.selection-panel-0 span.selection-panel-text {min-width:92%}
div.selection-panel-0 span.selection-panel-text-info  {min-width:100%}
div.selection-panel-0 span.textarea   {min-width:100%}
div.selection-panel-0 .vtprd-intro-info h4   {width:100%;font-size:1.1em;}

div.selection-panel-0 div.selection-panel-5 {min-width:100%}
div.selection-panel-5 {min-width:90%} 
div.selection-panel-5 span.selection-panel-text {min-width:92%}
div.selection-panel-5 span.selection-panel-text-info  {min-width:100%}
div.selection-panel-5 span.textarea   {min-width:100%}
div.selection-panel-5 .vtprd-intro-info h4   {width:100%;font-size:1.2em;}
div.selection-panel-5 .vtprd-intro-info h4 a       {text-decoration:none;}
div.selection-panel-5 .vtprd-intro-info h4 a:hover {text-decoration:underline;}
.vtprd-panel-5-help-text-all {display:none;}
                                                       
/*Handle the paired panels somewhat differently...*/
div.selection-panel-B, div.selection-panel-D  {max-width:48%;}
/*2nd of paired panels can float next to rather than below....*/
div.selection-panel-C, div.selection-panel-E  {clear:none;margin-left:10px;width:auto;max-width:48%;}

.clearfix:after {
    content:"."
    display:block;
    height:0;
    clear:both;
    visibility:hidden; 
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
    .clearfix {display:block;}
/* End hide from IE Mac */


div.selection-panel span.selection-panel-label  {
  display: inline-block;
  width:auto;
  margin: 10px;
  clear:both;
  float:left;
}

div.selection-panel span.selection-panel-subtitle  {
  display: inline-block;
  width:auto;
  margin: 10px 10px 0 50px;
  clear:both;
  float:left;
}

div.selection-panel a.selection-panel-close {
  float:right;
  margin: 10px 20px 0 0;
}
div.selection-panel a#selection-panel-close-bottom {
  margin:0 20px 10px 0; /*keep the 2nd close panel close at the bottom*/
  clear: both;
}
div.selection-panel span.selection-panel-template  {
  clear:both;
  float:left;
  margin: 0px 10px 0px 50px;
  font-weight:bold;
  color: blue;
}
div.selection-panel span.selection-panel-text {
  clear: left;
  float: left;
  padding: 5px 10px;
  width: 93%%;
  margin: 5px 10px 10px 20px;
  background-color: #F9F9F9;
    border-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}
div.selection-panel span.selection-panel-text-title {
  clear: left;
  float: left;
  margin: 5px 0 10px 0;
  font-weight:bold;
}
div.selection-panel span.selection-panel-text-info {
  clear: left;
  float: left;
}
div.selection-panel ol.directions-list {
  clear: left;
  float: left;
  margin: 10px 0 10px 50px;
  color: #21759B;
}
div.selection-panel span.textarea {
  clear: left;
  float: left;
}
#deal-type {float:left;/*margin-left:20%; *//*margin:0 auto; mwn this centers the nav*/}
/*#deal-type-title {margin-bottom: 10px;} */
/*#vtprd_rule_template_framework {clear:left;float:left;font-size: 1em; margin-left: -50px;} */
div.annoying-help-panels {
  clear:both;
  float:right;
  margin:-120px -24% 0 0;
  width:20%;
  padding: 10px;
   background-color: #F9F9F9;
    border-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px; 
}
#rule_template_framework {margin-bottom:10px; width:99%; font-size: 1.15em;}
/*#messages-box, #discount_rule_max_amt_type_box, #discount_lifetime_max_amt_type_box {margin-top:20px;}*/
  div.buy_amt_mod_box,
  div.buy_repeat_box,
  div.action_amt_mod_box,
  div.action_repeat_condition_box,
  div.discount_applies_to_box,
  div#buy_group_box,
  div#action_group_box {
    margin-left:6%;
  }  
  .buy_amt_box, 
  #buy_group_box, 
  .action_amt_box, 
  #action_group_box, 
  .discount_amt_box, 
  #messages-box,
  #advanced-settings-info {
   /* margin-left:15px;  */
    max-width: 98%; /* 95%*/
  }

/*HOVER ALL BOXES - LARGE SHADOW*/
/*  TOO ANNOYING...
#scheduling-box:hover,
#rule_template:hover,
.buy_amt_box:hover,
.buy_amt_mod_box:hover,
.buy_repeat_box:hover, 
.action_amt_box:hover,
.action_amt_mod_box:hover, 
.action_repeat_condition_box:hover,
.discount_amt_box:hover, 
.discount_applies_to_box:hover,
#messages-box:hover,
#discount_rule_max_amt_type_box:hover,
#discount_lifetime_max_amt_type_box:hover,
#cumulativePricing_box:hover,
#inPopChoiceIn:hover,
#actionPopChoiceOut:hover,
.advanced-settings:hover, 
.groupsPop-help-in:hover,
.groupsPop-help-out:hover,
#buy_group_box:hover,
#action_group_box:hover {
    box-shadow: 2px 2px 10px gray !important;
}
*/

#cumulativePricing_box {max-width:95%;width:auto;}
/*#messages-box {max-width:85%;}  */
.context-help {font-size:.9em;}
/* if select box option is disabled (with current colors), no change in color takes place. this is the fix */
option[disabled] {   /*option[readonly]*/
   /* background-color:white; */
    color: gray;
    opacity:0.6;
    filter:alpha(opacity=60);
}
.ol-title {font-weight:bold; color:black; line-height: 25px;}
.advanced-settings {
    color: #888888; /*#219C85;*/
    padding: 0 0.6em 10px 0.6em;
    background-color: #FFF; /*#FAFAFA;#F9F9F9;*/
    box-shadow: 1px 1px 1px #AAAAAA;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    font-size:15px; 
    line-height: 1em; 
    margin: 20px 0 0 15px; 
    text-decoration:none; 
}

#advanced-settings-info select, #advanced-settings-info option {color: purple !important;}  /*#00BD45*/
/*Change text color for advanced settings...*/
/*
#advanced-settings-info .dropdown-label,
#advanced-settings-info .amt-field-label,
#advanced-settings-info .text-field-label,
#advanced-settings-info .first-in-line-label {
    color: #219C85 !important;  
} */
.groupsPop-help-in,
.groupsPop-help-out {
    color: #21759B; 
    margin: 10px 0 0 75px; 
    font-size:12px; 
    line-height:12px;
    padding: 5px 8px 8px 8px;
   /* background-color: #FFF; */
    background: linear-gradient(to top, #ECECEC, #F9F9F9) repeat scroll 0 0 #F1F1F1;
    box-shadow: 1px 1px 1px #AAAAAA;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    text-decoration:none;
}
.selection-panel-K, .selection-panel-L {width:95% !important;}

#singleProdID-in-label, 
#singleProdID-out-label,
h3#inPopVarBox_label,
h3#actionPopVarBox_label,
#reset-all-data-checkbox {
    float:left;
  }
#vtprd-rule-id h3.hndle span { /*Rule in Words section title*/
    font-size: 1.2em;
    font-style: italic;
    color:purple;
}  
#reset-all-data-checkbox {margin-left:10px;color:#444444;}
.words-line, .words-line-indent {margin-top:2px; color: blue;}
.words-line-indent {margin-left:5px;}
.words-line-buy, .words-line-get {font-size:1.3em;line-height: 1.5em;}
#vtprd-pop-in-groups-cntl, #vtprd-pop-out-cntl {float:left;width:100%} /*mwntest */
/*overrides title for variable box, to allow tooltip in the h3*/
/*div#inPopVarBox a.tooltipTitleSpacing {margin:none;} */
h3#inPopVarBox_label a.tooltip, h3#actionPopVarBox_label a.tooltip {float:none}
#singleProdID-in-name, #singleProdID-out-name {margin:5px 5px 0 3px; color:blue}
span#buy_group_title, span#action_group_title, span#discount_applies_to_title_0 {color:#666666 !important;} 
.extra-top-margin {margin-top:8px;margin-left:8px;}
.forThePriceOf-amt-literal-inserted {color:#444444;font-weight:bold;float:left;font-style: italic;margin-right: 5px;}
.pickdate {border-color: #BBB !important;}
  div.buy_amt_mod_box,
  div.buy_repeat_box,
  div.action_amt_mod_box,
  div.action_repeat_condition_box {
    margin-left:12%;
  }
#options-setup-error {margin-left:15px; margin-top: 3px;}
#pricing-deal-title-more, #pricing-deal-title-less {float:right;font-size:1.2em;color:purple;margin-top: 5px;}
#pricing-deal-examples-more, #pricing-deal-examples-less {float:right;font-size: 1.15em; color:purple;width:200px;margin-top:20px;} 

#discount-amt-info-more, #discount-amt-info-less, #discount-msgs-info-more, #discount-msgs-info-less, #discount-msgs-install-more, #discount-msgs-install-less, #discount-shortcodes-more, #discount-shortcodes-less {color:#888;float: right;font-size: 1.0em;}
#discount-amt-info-more2, #discount-amt-info-less2, #discount-msgs-info-more2, #discount-msgs-info-less2, #discount-msgs-install-more2, #discount-msgs-install-less2, #discount-msgs-install-less2, #discount-shortcodes-more2, #discount-shortcodes-less2  {color:#21759B;float: right;font-size: 0.8em;font-style:normal;letter-spacing: 0.01em;}
/*#discount-msgs-info-more, #discount-msgs-info-less {margin-top:15px;} */
#discount-amt-info-more:hover , #discount-amt-info-less:hover , #discount-msgs-info-more:hover , #discount-msgs-info-less:hover , #discount-msgs-install-more:hover , #discount-msgs-install-less:hover , #discount-shortcodes-more:hover , #discount-shortcodes-less:hover,  #pricing-deal-examples-more:hover, #pricing-deal-examples-less:hover {color:black;}
#discount-msgs-info-more, #discount-msgs-info-less {margin:3px 0;}
#pricing-deal-examples-more2, #pricing-deal-examples-less2  {     
    color: #21759B;
    float: right;
    font-size: 1.1em;
    font-style: normal;
    letter-spacing: 0.01em;
}

.third-level-title {color:#666666;font-weight:normal;}
.second-level-title {color:#555555;font-weight:bold;}
.first-level-title {color:#333333;font-weight:bold;font-size: 1.05em;}
.first-level-title:hover, .second-level-title:hover, .third-level-title:hover {color:blue;}
#showPro-checkbox {     
    clear: right;
    float: right;
    /*color: #21759B;*/
    font-size: 1.05em;
    width:200px;
    margin-top: -6px;
   }   
.showPro_chosen {display:none;} 
#showPro-checkbox a.tooltip {float:none;margin-left: -1px;}
#showPro-checkbox a.tooltip:hover b {left: -350px;}  /*shift the tooltip box over to the right*/
#showPro-checkbox a.tooltipWide:hover b {width:450px;}  /*overrides normal tooltip width*/

.hide-by-jquery span {float:left;font-weight:bold;color:red;}
.cumulativeRulePricing_lit {width:43%;}
#cumulativeRulePricing_areaID, 
#cumulativeSalePricing_areaID,
#replaceSalePricing_areaID,
#cumulativeCouponPricing_areaID {
  width:100%;
}
#discount_product_full_msg {height:50px;}
/*#discount_product_short_msg {width:40%;height:50px;}  shorten up the "short" cart msg field*/

/*Help!  Tell me about Pricing Deals ...*/
.vtprd-intro-menu {margin-left:1.5%;}
.vtprd-intro-menu ul {
    list-style-type: none;
    padding-top: 7px;
}
.vtprd-intro-menu li {
    display: inline;
    margin: 0;
    padding: 0;
}
.vtprd-intro-menu a {
    color: gray; /*#124964;*/
    font-size: 9pt;
    padding:  0.5em;
    text-decoration: none;
    width: auto;
    background: linear-gradient(to top, #ECECEC, #F9F9F9) repeat scroll 0 0 #F1F1F1;
}
.vtprd-intro-menu span {
    color: #202020;
    font-size: 6pt;
    /*margin: 0.5em;*/
}
.vtprd-intro-menu a:hover {
    background-color: #808080;
    color: black;
}
.vtprd-intro-info h4 {margin-bottom:-5px; color:#666;font-style: italic;}
.vtprd-intro-info ul,
.vtprd-intro-info ul ul,
.vtprd-intro-info ul ul ul,
.vtprd-intro-info ul ul ul ul ,
.vtprd-intro-info ul ul ul ul ul {
  margin-left:35px;
  }
.vtprd-intro-info ul li {color:#111111;}
.vtprd-intro-info ul li ul li {color:#333333;}
.vtprd-intro-info ul li ul li ul li {color:#555555;}
.vtprd-intro-info ul li ul li ul li ul li {color:#111111;}
.vtprd-intro-info ul li ul li ul li ul li  ul li {color:#333333;}
.vtprd-intro-info ul li ul li ul li ul li  ul li  ul li {color:#555555;}

.vtprd-intro-info ul li,
.vtprd-intro-info ul li ul li,
.vtprd-intro-info ul li ul li ul li,
.vtprd-intro-info ul li ul li ul li ul li,
.vtprd-intro-info ul li ul li ul li ul li  ul li,
.vtprd-intro-info ul li ul li ul li ul li  ul li  ul li {margin-top:3px;}

#vtprd-info1-help-all {font-size: 12px; text-decoration:none; border: 1px solid #DFDFDF; padding:3px;}
#vtprd-info1-help-all span {font-style:normal; text-decoration:underline; font-weight:normal;}
.vtprd-info1-help-anchor {margin-left:30px;}
.vtprd-info1-help-text {
    display:none; 
    /*font-style:italic; 
    border: 1px solid #21759B;
    padding: 5px;
    box-shadow: 1px 1px 1px #AAAAAA;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    margin:10px;   */
 }
div.selection-panel-0  .div.selection-panel {width:100%;}
div.selection-panel-0  .selection-panel-label {font-size:1.2em;color: #666666;}
div.selection-panel-0 .vtprd-intro-info h3 { margin-top:10px;}
div.selection-panel-0 .info-help-anchor,  {
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 15px;
    width: 100%;
    /*font-style:normal;*/
    font-weight: normal;
    text-decoration: none;
}
/*div.selection-panel-0 .info-help-anchor, div.selection-panel-0  .info-doc-anchor { */
div.selection-panel .info-doc-anchor {     /*div.selection-panel-0 .info-doc-anchor {*/
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 15px;
    width: 100%;
    /*font-style:normal;*/
    font-weight: normal;
    /*text-decoration: none;*/
}
div.selection-panel-0 .info-doc-title {
    color:gray;
    font-weight: bold;
    text-decoration: none !important;
}
div.selection-panel-0 span.marginBottom {margin-bottom:5px;}  
div.selection-panel-0 span.subLine {margin-top:5px;color:#333333;}
div.selection-panel-0 ul#vtprd-info1-help6-text {font-size:1.1em;}

#vtprd-discount-out-of-the-box {color:#222222;} 
.shortcode-details {color: #555555;}
#vtprd-shortcode-details1-help, #vtprd-shortcode-details2-help, #vtprd-shortcode-details3-help, #vtprd-cartWidget-details1-help {color:black;}
#vtprd-shortcode-details1-help:hover, #vtprd-shortcode-details2-help:hover, #vtprd-shortcode-details3-help:hover, #vtprd-cartWidget-details1-help:hover {color:blue;}  
    
span.textarea h4.discount-help-title {margin-bottom:10px;font-weight:bold;margin-left: 0;color: #555555;}  
span.infoSection {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    clear: left;
    float: left;
    margin: 10px 0;
    width: 96%;
    padding: 0 15px 15px 15px;
}
#discount_amt_type_dropdown_0, #discount_amt_box_0, #messages-box, #discount_msgs_dropdown {width:100%}
#discount-msgs-install-more, #discount-msgs-install-less  {margin-top:5px;}
/*#discount_product_short_msg_line {width:65%;} */
.messages-box-shortIntro {padding: 5px 0;}
.dropdown {margin-top:3px;}
.checkbox-hover:hover {text-decoration:underline;}
#buy_info_0, #action_info_0, #discount_info, #messages-outer-box, #advanced-settings-info {
    background-color: #F5F5F5;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    clear: both;
    width: 97.5%;
    float:left;
    padding: 0 15px;
    margin-top: 15px;
    }
div#advanced-settings-info div.screen-box {margin-top:10px;}
div#advanced-settings-info .first-level-title, div#advanced-settings-info #discount_rule_cum_max__title_0 {color:#666666}
#open-help-in-new-window, #open-faq-in-new-window {float:left;margin-left:30%;margin-top:14px;font-size:1.2em;}
#open-help-in-new-window:hover, #open-faq-in-new-window:hover{color:blue;} 
h4#vtprd-test-warning {font-size:1.2em;color:#222222;letter-spacing: 0.02em;}
.vtprd-panel-5-help-text-all .faq-intro {margin-left:30px;}
.vtprd-panel-5-help-text-all ul {margin-left:50px;}
.vtprd-panel-5-example {color:#222222;}