@charset "utf-8";

/*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;
}

    .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;
    }

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;
    width: 138px;
    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%;
}



.chattext, div.chat_box * {
    font-family: Arial !important;
}

.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;
}

.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;
	overflow-wrap: break-word;
}

.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: right;    
    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, .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 p {
    margin: 5px 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: 33px;
    width: 100%;
    border-top: 1px solid #F37B56;
    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: #F37B56;
    background: -webkit-linear-gradient(#F37B56,#F37B56);
    background: linear-gradient(#F37B56,#F37B56);
}

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

.chat_box .chat_head strong {
    color: #333333;
    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: #fff;
    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: #FFF;    
    cursor: pointer;
    top: 7px;
    right: 10px;
    padding: 4px 10px !important;
    background: #F37B56;
    background: linear-gradient(#F37B56,#F37B56);
    background: -ms-linear-gradient(top,#fff 0,#F37B56 50%,#F37B56 50%,#F37B56);
    background: -moz-linear-gradient(top,#fff 0,#F37B56 50%,#F37B56 50%,#F37B56);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#F37B56),color-stop(.5,#F37B56),to(#F37B56));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #F37B56;
    -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: #F37B56;
}

.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: #F37B56;
    color: #fff;
    display: block;
    font-size: 12px;
    background: -webkit-linear-gradient(#F37B56,#F37B56);
    background: linear-gradient(#F37B56,#F37B56);
    -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);
}

.print_link .icon-print {
    background-position: -96px -48px;
	background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
	margin-left: 3px;
}

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



.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;
    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;
   	right: 1px;
   	bottom: 1px;
   	height: 32px;
   	width: 50%;
   	display: inline-block;
   	background: #F37B56;
   	z-index: 10000;
   	border-top-left-radius: 10px;
   	text-decoration: none;
   	text-align: center;
   	font-family: Arial;
   	font-size: 14px;
   	color: #333;
   	font-weight: bold;
    line-height: 30px;
	cursor:pointer;
}
/*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;
    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.popular_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, .mdone {
    position: absolute;
}
/*amended for speech bubbles*/
.FAQ_tab, .avatar_content > .mdone {
    display: none;
}
/*amended for speech bubbles*/
.FAQ_tab {
    display: none;
}
    /*speech bubble*/
    .FAQ_tab a {
        top: 7px;
        display: inline-block;
        height: 15px;
        color: #FFF;
        z-index: 1;
        line-height: 1.0em;
        padding: 5px 10px !important;
        background: linear-gradient(#F37B56, #F37B56);
        background: -ms-linear-gradient(top, #fff 0, #F37B56 50%, #F37B56 50%, #F37B56);
        background: -moz-linear-gradient(top, #fff 0, #F37B56 50%, #F37B56 50%, #F37B56);
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(.5, #F37B56), color-stop(.5, #F37B56), to(#F37B56));
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #F37B56;
        -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);
       
    }

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

.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 #F37B56;
}

.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: #FFF !important;
    z-index: 1000;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    padding: 4px 10px !important;
    background-color: #F37B56;
    background: -ms-linear-gradient(top,#fff 0,#F37B56 50%,#F37B56 50%,#F37B56);
    background: -moz-linear-gradient(top,#fff 0,#F37B56 50%,#F37B56 50%,#F37B56);
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(.5,#F37B56),color-stop(.5,#F37B56),to(#F37B56));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #F37B56;
    -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);
   
}

    .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;
}

.opening_message li {
    font-size: 13px !important;
}