@charset "utf-8";

.avatar_content ul li div.speech-bubble1 table p {
    margin: 5px !important;
}

/** cpf opt in estatement **/
.cpf-btn span.disabled {
	border: 1px solid #aaa;
   	color: #999;
   	border-radius: 8px;
   	-webkit-border-radius: 8px;
   	-moz-border-radius: 8px;
	padding: 4px 6px !important;
	box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
	-moz-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
	-webkit-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
   
	background-image: linear-gradient(to top, #fff, #ccc);
    background-color: #e2f5f2;
    margin-right:5px !important;
}

/** end cpf opt in estatement **/

/*update090618*/
.cal_results {
    margin-top: 15px !important;
    background-color: #a0fcc7;
    color: #000;
    padding: 12px !important;
 border-radius: 5px;
}


.cal_err {
color:red;
margin-top: 5px !important;
display:none;
}

.cal_tt {
font-family: 'Glyphicons Halflings' !important;
margin-left: 3px !important;
width:14px;
color:#999;
}

.cal_tooltip {
background: #4f8208;
width: 88%;
padding: 7.5px 15px !important;
max-width: none;
text-align: left;
position: absolute;
color: #fff;
z-index: 10;
}

.cal_but {
color: #fff;
background-color: #4f8208!important;
display: inline-block;
border-radius: 5px;
padding: 8px !important;
margin-right: 10px !important;
cursor: pointer;
}

.cal_reset {
color: #fff;
background-color: #464642!important;
display: inline-block;
border-radius: 5px;
padding: 8px !important;
margin-top:10px !important;
cursor: pointer;
}

.cal_required:after {
display: inline;
content: "*";
color: #eb3c00;
padding-left: 2px;
}

.cal_addon {
padding: 6px 12px !important;
color: #555;
text-align: center;
background-color: #f1f1f1;
border: 1px solid #ccc;
}

.cal_field {
border: 1px solid #dfdfdf;
max-width: 98%;
width: 98%;
text-align: right;
padding-right: 8px !important;
color:#bbb;
height:34px;
}
.avatar_content img {
max-width:100%
}

div.speech-bubble1 sup {
    font-size: 75% !important;
}

.avatar_content blockquote{
border-left:none !important;
margin-left:30px !important;
}

.avatar_content table {
table-layout:fixed;
word-wrap:break-word;
}

/*speech bubble 111116*/

.related_question {
    padding: 4px 10px !important;
    background-color: #fbefe2;
    background: -ms-linear-gradient(top, #fff 0, #fbefe2 50%, #fbefe2 50%, #fbefe2);
    background: -moz-linear-gradient(top, #fff 0, #fbefe2 50%, #fbefe2 50%, #fbefe2);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #fbefe2), color-stop(.5, #fbefe2), to(#fbefe2));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ecd8c3;
}

/*start - added for speech bubble*/
.speech-bubble {
    position: relative;
    max-width: 85%;
    padding: 0px;
    background: #e2f5f2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: right;
    padding: 10px 15px !important;
    margin: 4px 0px !important;
}

    .speech-bubble:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 6px 0 6px 14px;
        border-color: transparent #e2f5f2;
        display: block;
        width: 0;
        z-index: 1;
        right: -14px;
        top: 18px;
    }

.speech-bubble1 {
    position: relative;
    max-width: 90%;
    float: left;
    padding: 0px;
    background: #e5e9ee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 15px !important;
    margin: 4px !important;
    word-wrap:break-word;
}

    .speech-bubble1:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 6px 14px 6px 0;
        border-color: transparent #e5e9ee;
        display: block;
        width: 0;
        z-index: 1;
        left: -10px;
        top: 11px;
    }

/*calculator*/
div.speech-bubble1 div * {
    //background: none !important;
    max-width: 100%;
}

.speech-bubble_yesno {
    position: relative;
    max-width: 90%;
    float: left;
    padding: 0px;
    background: #e5e9ee;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 15px !important;
    margin: 4px !important;
}

    .speech-bubble_yesno:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 6px 14px 6px 0;
        border-color: transparent #e5e9ee;
        display: block;
        width: 0;
        z-index: 1;
        left: -10px;
        top: 11px;
    }


.speech-bubblerel
{
position: relative;
padding: 0px;
float:left;
text-decoration:none;
background: #dfe5eb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 12px 10px !important;
margin:5px !important;
}

    .speech-bubblerel:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 6px 14px 6px 0;
        border-color: transparent #dfe5eb;
        display: block;
        width: 0;
        z-index: 1;
        left: -10px;
        top: 13px;
    }
/*end - added for speech bubble*/

body {
    height: 100%;
}


/*calculator*/
.chattext, div.chat_box * {
    font-family: Arial;
}

.FB_panel .FB_panel_close, .FB_panel_close:active, .FB_panel_close:focus, .chat_box textarea:focus, .sliding_panel_close:active, .sliding_panel_close:focus {
    outline: 0;
}

.betatext, .fbtext, ul.autocomplete {
    
}

div.chat_box * {
    margin: 0;
    padding: 0;
    font-size: 14px !important;
}

div.chat_box {
    position: fixed !important;
    width: 100% !important;
    display: none; /*speech bubble*/
    top: 0px;    
    background: #fff;
    z-index: 1000;    
    max-height: 100% !important;
    height: 100% !important;
    color: #000;
    -moz-box-shadow: 0 4px 20px #bbb;
    -webkit-box-shadow: 0 4px 20px #bbb;
    -o-box-shadow: 0 4px 20px #bbb;
    -ms-box-shadow: 0 4px 20px #bbb;
    box-shadow: 2px 6px 23px #bbb;
    overflow: visible !important;
    -webkit-backface-visibility: hidden;
}



div.chat_box .opening_message {
    margin-top: 0;
    padding: 0 0 0 5px;
    color: #000000;
}

.chat_box div.avatar_content {
    border-top: 1px solid #bbb;
    padding: 5px;
    height: -moz-calc(100% - 150px); /* Firefox */
    height: -webkit-calc(100% - 150px); /* Chrome, Safari */
    height: calc(100% - 150px); /* IE9+ and future browsers */
    display: block;
    overflow-x: hidden;
    orientation: t;
}

.avatar_content ul {
    list-style: disc;
    font-size: 1.1em;
    color: #32313e;
    width: 100%;
}

avatar_content ul li div a {
    font-size: 12px;
    line-height: 1.6em;    
}

.avatar_content > ul > li {    
    margin-right: 8px;
    display: inline-block;
    width: 98%;    
}

/*speech bubbles*/
.avatar_content .speech-bubble1 table {
    width: 100% !important;
    border-collapse: collapse;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 td {
    padding: 5px;
    width: auto;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 ul {
    margin: 10px;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 ol {
    margin: 10px;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 .FAQ_links ul {
    margin: 0px !important;
}

/*speech bubbles*/
.avatar_content .speech-bubble1 .FAQ_links ol {
    margin: 0px !important;
}

.switch_option_2 > ul > li {
    display: none;
}

    .switch_option_2 > ul > li.last_li {
        display: block;
    }

.avatar_content ul li li {
    border-bottom: 0;
    margin-left: 15px;
    margin-right: 30px;
    padding:3px;
}

.avatar_content ul li div[class*=float_right] {
    max-width: 70%;
    min-width: 30%;
    padding: 8px;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px !important;
    box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    -moz-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    -webkit-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
    font-size: 1.1em;
}

.avatar_content ul li div[class*=float_chat] {
    border: none;
    float: left;
    font-size: 1.1em;
    margin-left: -4px;
    width: 100px;
}

    .avatar_content ul li div[class*=float_chat] a {
        color: #015e8c;
        font-size: .8em;
        line-height: 1.6em;
        text-decoration: none;
    }

/*speech bubbles*/
.avatar_content a, .avatar_content a span {
    list-style: none;
    font-size: 14px;
    color: #156399 !important;   
    font-weight: 400;
}

.chattext {
    color: #00f;
    font-size: 12px;
}

.button-chat {
    background: #fff;
    border: 0;
    border-radius: 4px;
    display: inline;
    width: 100px;
    cursor: pointer;
}

.avatar_content ul li div[class*=float_right] a {
    font-size: .8em;
    line-height: 1.6em;
    text-decoration: none;
    color: #015e8c;
}

iframe {
    position: relative;
}

.avatar_content ul li div[class*=float_fb], .avatar_content ul li div[class*=float_tts] {    
    float: left;
   font-size: 1.1em;
    margin: 0;
}

.avatar_content a {
    list-style: none;
    font-size: 14px;
    color: #00f;    
    font-weight: 400;
}
/*speech bubbles*/
.avatar_content ul li div.sliding_panel {
    float: none;
    position: absolute;
    display: none;
    top: 70px;
    right: 5px;
    z-index: 4;
}

    /*speech bubbles*/
    .avatar_content ul li div.sliding_panel a {
        font-size: 12px !important;        
        text-decoration: none;
        color: #015e8c;
    }

.FAQs_close,.HL_close, .sliding_panel .sliding_panel_close {
    border: 0;
    float: right;
    background: 0;
    font-size: 1em !important;
    font-weight: 700;
    cursor: pointer;
    outline: 0;
    //width: 10px;
}
/*speech bubbles*/
.avatar_content ul li div.FB_panel {
    float: left;
    position: relative;
    background: #fff;
    border: 0;
    display: block;
    z-index: 1 overflow:hidden !important;    
}

.FB_panel .FB_panel_close {
    border: 0;
    float: right;
    background: 0;
    font-size: 1.5em;
    font-weight: 700;
    cursor: pointer;
}

.avatar_content ul li div.tts_panel {
    float: none;
    position: relative;
    top: -5px;
    right: 0;
    background: #fff;
    border: 0;
    display: inline;
    z-index: 1;
}
/*speech bubble*/
.load {
    position: absolute;
    left: 40%;
    top: 40%;
    display: none;
    z-index: 5;
}

.previous_top_match {
    color: #1b5d32;
    cursor: pointer;
    border-bottom: 1px solid #1b5d32;
    font-size: .9em;
}

.avatar_content ul li:last-child {
    border-bottom: 0;
}

.avatar_content ul li div.speech-bubble1 p {
    margin: 0 0 15px;
}

.avatar_content ul li div.speech-bubble1 div {
    //margin: 15px 0;
}
    .avatar_content ul li p.red_color {
        color: red;
    }

.chat_textarea {
    font-color: red;
}

.chat_box textarea {
    position: relative;
    left: 5px;
    width: 80%;
    height: 2.5em;
    padding: 0;
    resize: none;
    border: 0;
    border-top: 0 solid #bbb;
    overflow: auto;
    background: #fff;
    vertical-align: middle;
    padding-top: 12px;
}

div.text_chat {
    position: fixed;
    bottom: 43px;
    width: 100%;
    border-top: 1px solid #4f8208;
    z-index: 10;
    background: #FFF;
}

#my-div {
    position: relative;
    width: 400px;
    height: 210px;
    overflow: hidden;
}

#my-iframe {
    position: absolute;
    top: -120px;
    left: -50px;
    width: 1280px;
    height: 1200px;
}
/*speech bubble*/
ul.autocomplete {
    position: absolute;
    left: 2px;
    bottom: 50px;
    border: 1px solid #add5e6;
    color: #156399;
    list-style: none;
    display: none;
    z-index: 10000;    
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
}
    /*speech bubble*/
    ul.autocomplete li {
        padding: 5px 15px 5px 10px;
        margin: 1px;
        border-bottom: 1px solid #add5e6;
        font-size: 12px !important;
    }
        /*speech bubble*/
        ul.autocomplete li.auto_hover {
            background-color: #156399;
            color: #fff;
            cursor: pointer;
        }

.button-question, .button-yes {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.chat_box .chat_head {
    padding: 6px 0 6px 5px;
    font-size: 16px !important;
    color: #FFFFFF;    
    position: relative;
    cursor: move;
    background: #4f8208;
    background: -webkit-linear-gradient(#4f8208,#4f8208);
    background: linear-gradient(#4f8208,#4f8208);
}

img.avatar_img {
    position: absolute;
    left: 80px !important;
    bottom: 0px;
    z-index: 1000;
    display: none !important;
}

.chat_box .chat_head strong {
    color: #fff;
    font-size: 1.1em;
}

.betatext {
    color: #fff;
    font-size: .9em;
}

.fbtext, .predtext {
    font-family: Arial !important;
    color: #000;
}

.fbtext {
    font-size: 12px;
}
/*speech bubbles*/
.predtext {
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #156399;
    padding-left: 10px !important;
}

.emaillink {
    text-decoration: none !important;
}
/*speech bubbles*/
.button-question {
    background: #e5e9ee;
    display: inline;    
    height: 25px;
    padding-right: 5px !important;
    border-radius: 4px;
    border: 0;
    vertical-align: top;
}

.button-no, .button-yes {
    display: inline;
    width: 25px;
    color: #fff;
    height: 25px;
    cursor: pointer;
}

.button-yes {
    background: url(../images/ThumbsUp.png) right no-repeat;
    border-radius: 4px;
    border: 1px;
}

.button-no {
    background: url(../images/ThumbsDown.png) right no-repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px;
}

.button-clear {
    background: #fff;
    color: #fff;
    display: clear;
    width: 5px; /*speech bubbles*/
    border: 0;
}
/*speech bubbles*/
.VAclose {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    display: none;
    z-index: 1001;
}

.send_button, .send_container {
    position: relative;
    text-align: center;
    display: block;
    color: #000000;
}
/*speech bubble*/
.send_container {
    padding: 7px 0 7px 0 !important;
    background: #b4b4b4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    
    text-align: center;
}
/*speech bubble*/
.send_button {
    float: right;
    color: #000;    
    cursor: pointer;
    top: 7px;
    right: 10px;
    padding: 4px 10px !important;
    background: #e0d3bf;
    background: linear-gradient(#e0d3bf,#e0d3bf);
    background: -ms-linear-gradient(top,#fff 0,#e0d3bf 50%,#e0d3bf 50%,#e0d3bf);
    background: -moz-linear-gradient(top,#fff 0,#e0d3bf 50%,#e0d3bf 50%,#e0d3bf);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#e0d3bf),color-stop(.5,#e0d3bf),to(#e0d3bf));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e0d3bf;
    -moz-box-shadow: 0 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);
    box-shadow: 0 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);    
}

    .send_button:active {
        padding-top: 6px !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
        box-shadow: inset 0 1px 4px rgba(0,0,0,.6);        
        text-decoration: none;
    }

.va_says {
    color: #4f8208;
}

.ulFAQ {
    list-style-image: none !important;
}

.limargin {
    margin-left: -1px !important;
    padding-right: 8px !important;
}

.FAQlistyle {
    list-style-type: disc !important;
    margin-right: 15px !important;
}
/*speech bubble*/
div[class*=decision_tree] > div {
   
}
/*speech bubbles*/
.type-1, .type-2, .type-3, .type-3a {
    cursor: pointer;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 4px 6px !important;
    box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    -moz-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    -webkit-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
    margin-right: 5px !important;
}
    /*speech bubbles*/
    .type-2:hover, .type-3:hover, .type-1:hover, .type-3a:hover {
        cursor: pointer;
        border: 1px solid #ccc;
        color: #444546;
        padding: 4px 6px !important;
        box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
        -moz-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
        -webkit-box-shadow: inset 0 1px 0 0 #fff,inset 0 -1px 0 0 #fff,inset 0 0 0 1px #fff,0 2px 4px 0 #ccc;
        background-image: linear-gradient(to top, #ccc, #fff);
        background-color: #e2f5f2;
    }

.type-clear {
    display: none;
}

span.black_bold {
    font-weight: 700;
    color: #000;
}

.green_color, .type-4 {
    color: green;
}
/*speech bubbles*/
div.sliding_panel_button {
   
}
/*speech bubbles*/
.avatar_content ul li div.sliding_panel_button > a {
    text-decoration: none !important;
    color: #156399;
    //float: right;
    //margin-top: 15px;
}

.FAQ_tab:active, .sliding_panel_button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
}
/*speech bubbles*/
.sliding_panel_button:active {
    
}

div.FB_panel_button {
    position: relative;
    display: block;
    right: -520px;
    top: 0;
    z-index: 3;
}

.avatar_content ul li div.FB_panel_button > a {
    display: inline-block;
    border-radius: 5px;
    background: url(../images/ThumbsUp.png) right no-repeat;
    height: 20px;
    width: 50px;
}

/*speech bubbles*/
.VAclear {
    clear: both;
}

div.chat_box .avatar_footer {
    position: fixed;
    bottom: 0;
    //right:2px;
    //left:2px;
    width: 100%;
    padding: 10px 0 10px 5px;
    background: #4f8208;
    color: #fff;
    display: block;
    font-size: 12px;
    background: -webkit-linear-gradient(#4f8208,#4f8208);
    background: linear-gradient(#4f8208,#4f8208);
    -webkit-transition: none;
    z-index: 20;
}

.Terms a, .powered_by a {
    color: #fff;
    transition: all .5s;
    font-weight: 400 !important;
    text-decoration: none;
}
/*speech bubbles*/
div.chat_box .print_link {
    cursor: pointer;
    display: inline-block;
    color: #FFF !important;
}

.icon-white {
    background-image: url(../images/white-icons.png);
}

.icon-print {
    background-position: -96px -48px;
}

[class*=" icon-"], [class^=icon-] {
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

.ask_cheryl_minimized_tab.activeTab, .print, .project_2_answer, div.FAQ_links {
    display: none;
}

[class*=" icon-"], div.chat_box [class^=icon-] {
    margin-left: 3px;
}

.multiple_answer_link, .project_2_display_link {
    cursor: pointer;
    list-style-type: none !important;
    margin-left: 5px !important;
}

div.chat_box div.powered_by {
    float: right;
    margin-right: 10px;
}

.powered_by a:hover {
    border-bottom: 1px solid #fff;
}

div.chat_box div.Terms {
    float: left;
    right:55%;
    position:absolute;
    //display: none;
    //margin-right:150px;
}

.Terms a:hover {
    border-bottom: 1px solid #fff;
}

.project_2_display_link {
    color: red;
}

.multiple_answer_link {
    color: #00f;
    margin: 0px !important;
}

.ask_cheryl_minimized_tab {
position: fixed;
display:inline-block;
right: 0px;
top: 40%;
background: #4f8208;
z-index: 10000;
text-align: center;
color: #fff;
padding: 3px 25px;
font-weight: normal;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-family: Arial, Helvetica;
font-size: 16px;
-webkit-transform: rotate(-90deg) translate3d( 0, 0, 0);
-moz-transform: rotate(-90deg) translate3d( 0, 0, 0);
-ms-transform: rotate(-90deg) translate3d( 0, 0, 0);
-o-transform: rotate(-90deg) translate3d( 0, 0, 0);
transform: rotate(-90deg) translate3d( 0, 0, 0);
color:#fff;
cursor:pointer;
transform-origin: 100% 100%;
}

/*amended for speech bubbles*/
.faqtitletext {
    font-size: 1.1em !important;
    font-weight: 700;
    //color: #000 !important;
}
/*amended for speech bubbles*/
div.FAQ_links {
    position: relative;
    display: block;
    top: 5px;
    left: 0;
    margin-bottom: 5px;
    z-index: 4;
    max-width: 96%;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px !important;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
}

    div.FAQ_links a {
        line-height: 1.4em;
        text-decoration: none;
        font-weight: 400 !important;
        color: #015e8c;
        font-size: 14px !important;
    }
/*amended for speech bubbles*/
div.popular_links {
    position: absolute;
    top: 68px;
    right: 5px;
    z-index: 10;
    max-width: 80%;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px !important;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
    display: none;
}
    /*amended for speech bubbles*/
    div.popular_links a {
        font-weight: 400 !important;
        color: #015e8c;
        font-size: 12px !important;
    }

div.highlights_links {
    position: absolute;
    top: 68px;
    left: 8px;
    z-index: 10;
    max-width: 80%;
    border: 1px solid #add5e6;
    color: #156399;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px !important;
    background-image: linear-gradient(to top, #e2f5f2, #fff);
    background-color: #e2f5f2;
    display: none;
}
    /*amended for speech bubbles*/
    div.highlights_links a {
        font-weight: 400 !important;
        color: #015e8c;
        font-size: 12px !important;
    }

/*amended for speech bubbles*/
.faqtitletext {
    font-size: 1.1em !important;
    font-weight: bold;
    margin-bottom: 3px !important;
    margin-top: 5px !important;    
}

/*amended for speech bubbles*/
.hottopictitletext {
    font-size: 1.1em !important;
    font-weight: bold;
    margin-bottom: 3px !important;
}

.FAQ_tab,.HL_tab, .mdone {
    position: absolute;
}
/*amended for speech bubbles*/
.FAQ_tab,.HL_tab, .avatar_content > .mdone {
    display: none;
}
/*amended for speech bubbles*/
.FAQ_tab {
    
    display: none;
}
    /*speech bubble*/
    .FAQ_tab a {
        top: 7px;
        right:10px;
	text-decoration:none;
        display: inline-block;
        //height: 15px;
        color: #000;
        z-index: 1;
        //line-height: 1.0em;
        padding: 5px 10px !important;
        background: linear-gradient(#e0d3bf, #e0d3bf);
        background: -ms-linear-gradient(top, #fff 0, #e0d3bf 50%, #e0d3bf 50%, #e0d3bf);
        background: -moz-linear-gradient(top, #fff 0, #e0d3bf 50%, #e0d3bf 50%, #e0d3bf);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #e0d3bf), color-stop(.5, #e0d3bf), to(#e0d3bf));
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #e0d3bf;
        -moz-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
        box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
        text-shadow: 0 -1px 0 rgba(000, 000, 000, .2), 0 1px 0 rgba(255, 255, 255, .4);
    }

    .FAQ_tab:active {
        padding-bottom: 3px !important;
        box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
        //border:solid 2px #e0d3bf;
    }

.HL_tab a {
        top: 7px;
	text-decoration:none;
        display: inline-block;
        //height: 15px;
        color: #000;
        z-index: 1;
        //line-height: 1.0em;
        padding: 5px 10px !important;
        background: linear-gradient(#e0d3bf, #e0d3bf);
        background: -ms-linear-gradient(top, #fff 0, #e0d3bf 50%, #e0d3bf 50%, #e0d3bf);
        background: -moz-linear-gradient(top, #fff 0, #e0d3bf 50%, #e0d3bf 50%, #e0d3bf);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #e0d3bf), color-stop(.5, #e0d3bf), to(#e0d3bf));
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #e0d3bf;
        -moz-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
        box-shadow: 0 1px 3px rgba(000, 000, 000, .5), inset 0 0 2px rgba(255, 255, 255, 1);
        text-shadow: 0 -1px 0 rgba(000, 000, 000, .2), 0 1px 0 rgba(255, 255, 255, .4);
    }

    .HL_tab:active {
        padding-bottom: 3px !important;
        box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
        //border:solid 2px #e0d3bf;
    }

.ie-7 .chat_box div.avatar_content, .ie-8 .chat_box div.avatar_content {
    border: 0;
    background-color: #fff;
}

.ie-8 div.text_chat {
    border-top: 1px solid #4f8208;
}

.ie-7 div.text_chat {
    border-top-width: 1px;
}

.ie-7 .chat_box textarea {
    width: 60%;
}

.mdone {
    display: none;
    right: 5px;
    text-decoration: none;
    top: 2px;
    color: #000 !important;
    z-index: 1000;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    padding: 4px 10px !important;
    background-color: #e0d3bf;
    background: -ms-linear-gradient(top,#fff 0,#e0d3bf 50%,#e0d3bf 50%,#e0d3bf);
    background: -moz-linear-gradient(top,#fff 0,#e0d3bf 50%,#e0d3bf 50%,#e0d3bf);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#e0d3bf),color-stop(.5,#e0d3bf),to(#e0d3bf));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e0d3bf;
    -moz-box-shadow: 0 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow: 0 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);
    box-shadow: 0 1px 3px rgba(000,000,000,.5),inset 0 0 2px rgba(255,255,255,1);
    text-shadow: 0 -1px 0 rgba(000,000,000,.2),0 1px 0 rgba(255,255,255,.4);
}

    .mdone:active {
        padding-top: 6px !important;
        -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
        -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
        box-shadow: inset 0 1px 4px rgba(0,0,0,.6);
    }

@font-face {
    font-family: weather;
    src: url(../images/font/artill_clean_icons-webfont.eot);
    src: url(../images/font/artill_clean_icons-webfont.eot?#iefix) format('embedded-opentype'),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff) format('woff'),url(../images/font/artill_clean_icons-webfont.ttf) format('truetype'),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format('svg');
    font-weight: 400;
    font-style: normal;
}

div.weather {
    position: relative;
    width: 430px;
    text-align: left;
    text-transform: uppercase;
    background: url(../images/sky.jpg) no-repeat;
    background-size: 100%;
    height: 140px;
    margin-top: 5px;
}

.weather i {
    color: #fff;
    font-size: 100px !important;
    line-height: .8;
    font-family: weather !important;
    src: url(../images/font/artill_clean_icons-webfont.eot);
    src: url(../images/font/artill_clean_icons-webfont.eot?#iefix) format('embedded-opentype'),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff) format('woff'),url(../images/font/artill_clean_icons-webfont.ttf) format('truetype'),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg) format('svg');
    font-weight: 400;
    font-style: normal;
}

.icon-0:before {
    content: ":";
    margin-left: -50px;
}

.icon-1:before {
    content: "p";
    margin-left: -50px;
}

.icon-2:before {
    content: "S";
    margin-left: -50px;
}

.icon-3:before {
    content: "Q";
    margin-left: -50px;
}

.icon-4:before {
    content: "S";
    margin-left: -50px;
}

.icon-5:before, .icon-6:before, .icon-7:before, .icon-8:before {
    content: "W";
    margin-left: -50px;
}

.icon-9:before {
    content: "I";
    margin-left: -50px;
}

.icon-10:before {
    content: "W";
    margin-left: -50px;
}

.icon-11:before, .icon-12:before, .icon-13:before, .icon-14:before {
    content: "I";
    margin-left: -50px;
}

.icon-15:before {
    content: "W";
    margin-left: -50px;
}

.icon-16:before {
    content: "I";
    margin-left: -50px;
}

.icon-17:before {
    content: "W";
    margin-left: -50px;
}

.icon-18:before {
    content: "U";
    margin-left: -50px;
}

.icon-19:before, .icon-20:before, .icon-21:before, .icon-22:before, .icon-23:before {
    content: "Z";
    margin-left: -50px;
}

.icon-24:before, .icon-25:before {
    content: "E";
    margin-left: -50px;
}

.icon-26:before {
    content: "3";
    margin-left: -50px;
}

.icon-27:before {
    content: "a";
    margin-left: -50px;
}

.icon-28:before {
    content: "A";
    margin-left: -50px;
}

.icon-29:before {
    content: "a";
    margin-left: -50px;
}

.icon-30:before {
    content: "A";
    margin-left: -50px;
}

.icon-31:before {
    content: "6";
    margin-left: -50px;
}

.icon-32:before {
    content: "1";
    margin-left: -50px;
}

.icon-33:before {
    content: "6";
    margin-left: -50px;
}

.icon-34:before {
    content: "1";
    margin-left: -50px;
}

.icon-35:before {
    content: "W";
    margin-left: -50px;
}

.icon-36:before {
    content: "1";
    margin-left: -50px;
}

.icon-37:before, .icon-38:before, .icon-39:before {
    content: "S";
    margin-left: -50px;
}

.icon-40:before {
    content: "M";
    margin-left: -50px;
}

.icon-41:before {
    content: "W";
    margin-left: -50px;
}

.icon-42:before {
    content: "I";
    margin-left: -50px;
}

.icon-43:before {
    content: "W";
    margin-left: -50px;
}

.icon-44:before {
    content: "a";
    margin-left: -50px;
}

.icon-45:before {
    content: "S";
    margin-left: -50px;
}

.icon-46:before {
    content: "U";
    margin-left: -50px;
}

.icon-47:before {
    content: "S";
    margin-left: -50px;
}

.weather h2 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 50px !important;
    font-weight: 300 !important;
    text-align: center !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
}

.weather ul {
    margin: 0;
    padding: 0;
}

.weather li {
    background: #fff !important;
    background: rgba(255,255,255,.9) !important;
    padding: 10px !important;
    display: inline-block !important;
    border-radius: 5px !important;
}

.weather .currently {
    margin: 0 10px !important;
}

.ie-7 div.weather, .ie-8 div.weather {
    background: #87CEFA;
}

.js-geolocation {
    display: block;
    margin-left: 15px auto;
    width: 140px;
    padding: 0;
    background: 0 0;
    color: #00f;
    border: 0;
    border-radius: 5px;
}