﻿body {
}

/*  SelectaPlan CSS  */
.HideNext
        {
            display: none;
        }
        .QuotePlan
        {
         /*   font-size: 9px;  */
            height: 100%;
            margin: 10px auto 10px auto;
        }
        .QuotePlan img
        {
           margin: 0px 10px 5px 10px !important;
           clear:none;
           float:left;
        }
        .QuotePlan p
        {
            margin: 0px auto 10px 10px;
        }
        .QuotePlan .SmallButton
        {
            margin:5px 0px 10px 0px;
            width:90px;
            display:block;
            float:left;
        }
        .WizardStyle
        {
            vertical-align: top !important;
       /*     height: 100%;  */
            font-size: 10pt !important;
        }
        table.WizardStyle
        {
            
        }
        .WizardStyle td
        {
            vertical-align: top;
            text-align:left !important;
        }
        .WizardStyle .CancelButton
        {
            display:block;
            width:65px;
            margin-bottom:-5px;
            /*margin-left:10px;
            position:absolute;
            left:100px;
            top:10px;*/
        }
        
        .WizardStyle .RelPos
        {
            position:relative;
        }
        
       
        .WizardStyle .LeftArrow
        {
            display:block;
            width:89px;
 
        }
        .contentSection .WizardStyle h4, .contentSection .linkBox h4
        {
            width:98.5% !important;
        }
        .contentSection .WizardStyle .Button
        {
            float:left;
        }
        ul.PlanList
        {
            float:left;
            clear:none !important;
            margin-right:10px !important;
        }
        .PlanList li
        {
            margin-bottom: 8px;
        }
        .Question
        {
            padding: 5px;
            background-color: #333333;
            color: #FF6600;
            border: 1px solid #666666;
        }
        .Button
        {
            background-image: url('images/btnOption.jpg');
            background-repeat: no-repeat;
            height: 50px;
            color: White;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left: 10px;
            width:268px;
            -webkit-box-shadow: 1px 1px 5px #888888;
            box-shadow: 1px 1px 5px #888888;
            border-radius:4px;
        }
        .Button a
        {
            text-decoration: none;
            color: #FF6600;
            display: block;
            height: 50px;
            padding-left: 5px;
        }
        .Button a:hover
        {
            background-image: url('images/btnOption-lite.jpg');
            color: White;
            background-repeat: no-repeat;
            text-decoration: none;
            border-radius:4px;
        }
        .Questions ul
        {
            margin: 0px 0px 10px -39px;
            list-style-type: none;
        }
        .WizardStyle hr
        {
            width: 267px;
            clear: both;
            margin-left:10px;
        }
        .WizardStyle img
        {
            -webkit-box-shadow: 1px 1px 5px #888888;
    box-shadow: 1px 1px 5px #888888;
        }
        .WizardStyle .Button a
        {
            color:#c18330
        }
        .contentSection .linkBox {
            float:left;
            width:100%;
        }   
        .PlanList li, .PlanInfo li
        {
        }
        ul.PlanList
        {
        }
        .PlanList a
        {
            color: #3333FF !important;
        }
        .PlanInfo ul
        {
            color: #000000;
        }
        .ButtonSpace
        {
            padding: 2px 5px 0px 5px;
            display: block;
        }
        .Start
        {
            height: 45px;
        }
        .StartOver
        {
            /*margin-left: 10px;*/
            background-image: url('images/SPStartButton.png');
            background-repeat: no-repeat;
            width:100px;
            height:20px;
            display:block;
            text-align:center;
            color:White;
            text-decoration:none !important;
            margin-top:0px;
            padding-top:2px;
        }
        .StartOver a:hover
        {
            text-decoration:none !important;
            background-image: url('images/SPStartButtonLT.png');
        }
       
        .Previous
        {
            background-image: url('images/SPBackButton.png');
            background-repeat: no-repeat;
            border: none;
            width:100px;
            height:20px;
            color:White;
            cursor:pointer;
      
        }
        
        .ProducerSP .Previous
        {
            margin-right:153px !important;
        }
        .Previous a:hover
        {
            background-image: url('images/SPBackButtonLT.png');
        }
        
        .SPLeftSide
        {
            width:315px;
            float:left;
        }
        .SPRightSide
        {
            width:288px;
            float:left;
        }
        /* Wizard progress bar */
        div .Progress
        { height:16px; 
          margin:0px 10px;
          background-color:#ddd;
        }
        .ProgressText
        { float:left; 
          background-color:white;
          height:16px;
        }
        .Progress10, .Progress20, .Progress30, .Progress40, .Progress50, .Progress60, .Progress75 
        {
            background-color: Gray;
            /*border:1px solid gray;*/
            display: block;
            float: left;
            height: 16px;
            color:White;
        }
        .Progress10
        { width:10%;}
        .Progress20
        { width:20%;}
        .Progress30
        { width:30%;}
        .Progress40
        { width:40%;}
        .Progress50
        { width:50%;}
        .Progress60
        { width:55%;}
        .Progress75 /* maximum size for progress bar looks full at 75 */
        { width:60%;}
/*  Google Disclaimer  */
 .GoogleDisclaimer
{
    margin-left:10px;
   
}
#GoogleTranslate
{
    float:right;
}  
#GoogleTranslate img
{
    float:none !important;
    margin: 0px !important;
}
#google_translate_element
{
    margin-left:10px;
}

/* ----------------- Benefits and other tables -------- */

table.benefits tr.highlightRow td.Arrow, table.IMGE tr.highlightRow td.Arrow
{
    background: url( 'images/arrowDownTrans.png' ) #c18330 no-repeat 320px center;  /* old image is arrowYellow.jpg  */
}
table.benefits tr.highlightRow:hover td, table.benefits tr.highlightRow.highlighted td
{
    background: #e6a957;
    border-top: solid 0px white;
}

table.benefits tr.highlightRow.noHover td, table.benefits tr.highlightRow.noHover td, table.iTI tr td, table.iTI tr th
{
    background: #c18330;
    cursor: default;
}

table.benefits tr.highlightRow:hover td.Arrow, table.benefits tr.highlightRow.highlighted td.Arrow
{
    background: url( 'images/arrowDownTrans.png' ) #e6a957 no-repeat 320px center;
}
table.benefits tr.highlightRow:hover td.ArrowLong, table.benefits tr.highlightRow.highlighted td.ArrowLong
{
    background: url( 'images/arrowDownTrans.png' ) #e6a957 no-repeat 590px center;
}
table.benefits tr.highlightRow td.ArrowLong
{
    background: url( 'images/arrowDownTrans.png' ) #c18330 no-repeat 590px center;
}
table.benefits.coverage tr.headerRow td
{
    background: #c18330;
    height: 30px;
    border-bottom: none;
}
table.benefits table.subBenefits td, table.benefits table.subBenefits th
{
    border:solid 1px gray;
    width:50%;
    font-size:.9em;

} 
table.benefits table.subBenefits tr:nth-child(odd)
{
background-color: #ddd;

}
table.subBenefits{
    width:100%;
}
table.benefits .headerRow .subText
{
    font-size:.8em;
    font-weight:normal;
    text-transform:none;
}
/* iTI Benefits Table */

table.iTI tr td {
    color: White;
    border-bottom: solid 1px white;
    cursor: pointer;
    background: #c18330;
    padding-right: 20px;
    vertical-align: top;
}
table.iTI tr.imgbenefitsheader th {
  background: #4a4a4a;
  color: White;
  height: 20px;
  font-weight: bold;
  /*vertical-align: top;*/
  text-transform: uppercase;
  padding: 10px;
}
table.ComparePlans tr td, table.ComparePlans tr th
{
    background-color:white;
    color:black;
    vertical-align:middle;
    border-bottom: none;
   border:1px solid #aaa;
   padding:4px;
}
table.ComparePlans
{
    text-align:center;
    border-spacing:1px;
    border-collapse:collapse;
}
table.ComparePlans td.dkColumn {
    background-color: #eee;
}
table.ComparePlans th.ProductHeading
{
    border:1px solid #aaa;
    background-color:#c18330;
}

.QuoteCells a
{
  background-color:#c18330;
  font-weight:bold;
  color:white;
  display:block;
  padding:5px;
}
.QuoteCells a:hover
{
  background-color:#b86728;
}
table.ComparePlans tr.QuoteCells td
{
  padding:0px;

}
.PolicyContainer
{}
.PolicyContainer .PolicyColumn
{
    width:33%;
    float:left;
}
div.iTI table.iTI tr td:nth-child(1)
{font-weight:bold;}

/*  SHA Benefits table */
div.SHA table .SHAStandard, div.SHA table .SHAPlatinum
{
    width:50%;
    border:none;
    font-weight: bold;
    text-align:center;
}
div.SHA table table table, div.SHA table table table
{
    border-collapse:collapse;
}
div.SHA .DKRow
{ background-color:#eee}
div.SHA table tr td table tr td
{
    border:solid 1px gray;
}
div.SHA table tr td table tr td table tr td
{
    border:none;
    padding:5px;
}
div.SHA table .SHAStandard
{
    background-color:#ddd
}
div.SHA table .SHAPlatinum
{
    background-color:#aaa
}
/* GEO Benefits Table */
table.GEO table td
{
    border: 1px solid #C0C0C0;
    font-size:10px;
    text-align:center;
}
table.GEO .Plan1
{
    background-color: #faf9f7;
}
table.GEO .Plan2
{
    background-color: #eeece6;
}
table.GEO .Plan3
{
    background-color: #e2e0d5;
}
table.GEO .Plan4
{
    background-color: #d7d5c5;
}
td.GEOBenefit
{
    font-weight:bold;
}
.LiteDisplay
{
    display: none;
}
/* a.SmallButton
{
    background-image: url(images/btnOption-sm.png);
    display:block;
    width:105px;
    height:17px;
    padding: 3px 0px 0px 3px;
    color: white;
}
a.SmallButton:hover
{
    background-image: url(images/btnOption-sm-lite.png);
    color:white;
    text-decoration:none;
}*/

/* Travel Insurance Comparison Table ---------------*/
div.IMG table.TravelComparison th
{
    background-color: #c18330;
    color:white;
    font-weight:bold;
    width:20%;
}
div.IMG table.TravelComparison
{
    background-color:white;
    border:solid 1px #666666;
}
div.IMG table.TravelComparison td
{
    font-size:10px;
    text-align:center;
    padding:5px;
}
div.IMG table.TravelComparison td:first-child
{
    font-weight:bold;
    font-size:11px;
}
div.IMG table.TravelComparison td:nth-of-type(odd)
{
    background-color:#eee;
}
/*  SHA Benefits table */
div.SHA table .SHAStandard, div.SHA table .SHAPlatinum
{
    width:50%;
    border:none;
    font-weight: bold;
    text-align:center;
}
div.SHA table table table, div.SHA table table table
{
    border-collapse:collapse;
}
div.SHA .DKRow
{ background-color:#eee}
div.SHA table tr td table tr td
{
    border:solid 1px gray;
}
div.SHA table tr td table tr td table tr td
{
    border:none;
    padding:5px;
}
div.SHA table .SHAStandard
{
    background-color:#ddd
}
div.SHA table .SHAPlatinum
{
    background-color:#aaa
}
/* Quote Now Page */
div.QuoteNow
{
    float:left;
    width:100%;
}
div.QuoteNow h5
{
    color: black !important;
    font-size:12px !important;
    padding: 0px !important;
}
div.QuoteNow ul
{
    margin-top: 0px;
    clear:none;
}
div.QuoteNow .Row
{
    float:left;
    width:100%;
}
div.QuoteNow div.QuoteIMG
{
    width: 20%;
    float:left;
}
div.QuoteNow div.QuoteUL
{
    width: 54%;
    float: left;
    padding-right:1%;
}
div.QuoteNow img {
    border: 1px solid gray;
    margin-right: 10px;
    height: 80px;
    -webkit-box-shadow: 1px 1px 5px #888888;
    box-shadow: 1px 1px 5px #888888;
}
div.QuoteNow div.QuoteButtons
{
    width: 25%;
    float: left;
}
div.QuoteNow .SmallButton
{
    width: 120px;
    display:block;
}
div.QuoteNow div.Individual .SmallButton, div.QuoteNow div.Group .SmallButton
{
    width: 45px;
}
div.QuoteNow div.Individual, div.QuoteNow div.Group
{
    width: 49%;
    float: left;
    font-size:12px;
    text-align:center;
}
div.QuoteNow .subText
{
    font-size: 10px !important;
    font-weight:normal !important;
    font-style:italic !important;
    margin: 0px 0px 5px 0px;
}

div.QuoteNow .QuoteButton, .CTAButton, .LGCTAButton
{
    background-color: Orange !important;
    border-color:#c18330 !important;
}
div.QuoteNow .QuoteButton:hover, .CTAButton:hover
{
    background-color:#e6a957 !important;
    border-color:#e6a957 !important;
}
.LGCTAButton {
    width: 288px;
    height: 45px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-image: url(../../images/ArrowRight.png);
    background-position: right;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    -moz-box-shadow: 2px 2px 3px #999;
    -webkit-box-shadow: 2px 2px 3px #999;
    box-shadow: 2px 2px 3px #999;
}
    .LGCTAButton a, a.LGCTAButton {
        width: 100%;
        height: 100%;
        display: block;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
        .LGCTAButton a:hover, a.LGCTAButton:hover {
            opacity: .7;
            text-decoration: none;
            background-color: #db9000;
            -moz-box-shadow: 2px 2px 3px #555;
            -webkit-box-shadow: 2px 2px 3px #555;
            box-shadow: 2px 2px 3px #555;
        }
.LGCTAButton .CTAText
{
    font-size:24px;
    color:white;
    line-height:45px;
    padding-left:10px;
}
div.SmText {display:none;}
.LGCTAButton+.SmText
{
    margin-bottom:5px;
}
#RightSide .SmText
{
    display:inline-block;
}

