/*
  CleanSlateCSS
  http://code.google.com/p/cleanslatecss/
  An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.

  By Premasagar Rose: http://premasagar.com
  A Dharmafly project: http://dharmafly.com

  Lisensed under the MIT license:
  http://www.opensource.org/licenses/mit-license.php

  v0.9

*/
/* == BLANKET RESET RULES == */

/* HTML 4.01 */
#habla_window_div.rainbowchat, #habla_window_div.rainbowchat h1, #habla_window_div.rainbowchat h2, #habla_window_div.rainbowchat h3, #habla_window_div.rainbowchat h4, #habla_window_div.rainbowchat h5, #habla_window_div.rainbowchat h6, #habla_window_div.rainbowchat p, #habla_window_div.rainbowchat td, #habla_window_div.rainbowchat dl, #habla_window_div.rainbowchat tr, #habla_window_div.rainbowchat dt, #habla_window_div.rainbowchat ol, #habla_window_div.rainbowchat form, #habla_window_div.rainbowchat select, #habla_window_div.rainbowchat option, #habla_window_div.rainbowchat pre, #habla_window_div.rainbowchat div, #habla_window_div.rainbowchat table,  #habla_window_div.rainbowchat th, #habla_window_div.rainbowchat tbody, #habla_window_div.rainbowchat tfoot, #habla_window_div.rainbowchat caption, #habla_window_div.rainbowchat thead, #habla_window_div.rainbowchat ul, #habla_window_div.rainbowchat li, #habla_window_div.rainbowchat address, #habla_window_div.rainbowchat blockquote, #habla_window_div.rainbowchat dd, #habla_window_div.rainbowchat fieldset, #habla_window_div.rainbowchat li, #habla_window_div.rainbowchat iframe, #habla_window_div.rainbowchat strong, #habla_window_div.rainbowchat legend, #habla_window_div.rainbowchat em, #habla_window_div.rainbowchat s, #habla_window_div.rainbowchat cite, #habla_window_div.rainbowchat span, #habla_window_div.rainbowchat input, #habla_window_div.rainbowchat sup, #habla_window_div.rainbowchat label, #habla_window_div.rainbowchat dfn, #habla_window_div.rainbowchat object, #habla_window_div.rainbowchat big, #habla_window_div.rainbowchat q, #habla_window_div.rainbowchat font, #habla_window_div.rainbowchat samp, #habla_window_div.rainbowchat acronym, #habla_window_div.rainbowchat small, #habla_window_div.rainbowchat img, #habla_window_div.rainbowchat strike, #habla_window_div.rainbowchat code, #habla_window_div.rainbowchat sub, #habla_window_div.rainbowchat ins, #habla_window_div.rainbowchat textarea, #habla_window_div.rainbowchat var, #habla_window_div.rainbowchat a, #habla_window_div.rainbowchat abbr, #habla_window_div.rainbowchat applet, #habla_window_div.rainbowchat del, #habla_window_div.rainbowchat kbd, #habla_window_div.rainbowchat tt, #habla_window_div.rainbowchat b, #habla_window_div.rainbowchat i, #habla_window_div.rainbowchat hr,

/* HTML5 */
#habla_window_div.rainbowchat article, #habla_window_div.rainbowchat aside, #habla_window_div.rainbowchat dialog, #habla_window_div.rainbowchat figure, #habla_window_div.rainbowchat footer, #habla_window_div.rainbowchat header, #habla_window_div.rainbowchat hgroup, #habla_window_div.rainbowchat menu, #habla_window_div.rainbowchat nav, #habla_window_div.rainbowchat section, #habla_window_div.rainbowchat time, #habla_window_div.rainbowchat mark, #habla_window_div.rainbowchat audio, #habla_window_div.rainbowchat video {
    background-attachment:scroll;
    background-color:transparent;
    background-image:none; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
    background-position:0 0;
    background-repeat:repeat;
    border-color:black; /* because border-color should match font color, so it is impossible for the reset stylesheet to know what color it should be. Guideline: if you haven't already declared a border-color for an element, be sure to do so when you first declare the border-width */
    border-style:none;
    border-width:medium;
/* Breaks IE 7 and 8 in quirks mode*/
/*  bottom:auto;*/
    clear:none;
    clip:auto;
    color:inherit;
/*  breaks opera*/
/*  content:normal;*/
    counter-increment:none;
    counter-reset:none;
    cursor:auto;
    direction:inherit;
    display:inline;
    float:none;
    font-family: inherit; /* As with other inherit values, this needs to be set on the root container element */
    font-size: inherit;
    font-style:inherit;
    font-variant:normal;
    font-weight:inherit;
    height:auto;
/*  left:auto;*/
    letter-spacing:normal;
    line-height:inherit;
    list-style-type: inherit; /* Could set list-style-type to none */
    list-style-position: inside;
    list-style-image: none;
    margin:0;
    max-height:none;
    max-width:none;
/*  breaks ie7*/
    /*min-height:0;
       min-width:0;*/
    outline:invert none medium;
    overflow:visible;
    padding:0;
    position:static;
    quotes: "" "";
/*  breaks ie7*/
/*  right:auto;*/
    table-layout:auto;
    text-align:inherit;
    text-decoration:inherit;
/*Doesn't indent in IE quirks*/
/*  text-indent:0;*/
    text-transform:none;
/*Breaks scrolling in ie quirks mode*/
/*  top:auto;*/
    unicode-bidi:normal;
    vertical-align:baseline;
    visibility:visible;
    white-space:normal;
    width:auto;
    word-spacing:normal;
    z-index:auto;
    
    /* CSS3 and proprietary */
    /* This section needs extendin */
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    opacity:1;
}

/* == BLOCK-LEVEL == */
/* Actually, some of these should be inline-block and other values, but block is fine */
/* HTML 4.01 */
#habla_window_div, #habla_window_div.rainbowchat th, #habla_window_div.rainbowchat table, #habla_window_div.rainbowchat h3, #habla_window_div.rainbowchat h5, #habla_window_div.rainbowchat p, #habla_window_div.rainbowchat h1, #habla_window_div.rainbowchat td, #habla_window_div.rainbowchat dl, #habla_window_div.rainbowchat tr, #habla_window_div.rainbowchat dt, #habla_window_div.rainbowchat h6, #habla_window_div.rainbowchat ol, #habla_window_div.rainbowchat form, #habla_window_div.rainbowchat select, #habla_window_div.rainbowchat option, #habla_window_div.rainbowchat pre, #habla_window_div.rainbowchat div, #habla_window_div.rainbowchat tbody, #habla_window_div.rainbowchat h2, #habla_window_div.rainbowchat tfoot, #habla_window_div.rainbowchat caption, #habla_window_div.rainbowchat thead, #habla_window_div.rainbowchat h4, #habla_window_div.rainbowchat ul, #habla_window_div.rainbowchat address, #habla_window_div.rainbowchat blockquote, #habla_window_div.rainbowchat dd, #habla_window_div.rainbowchat fieldset, #habla_window_div.rainbowchat textarea, #habla_window_div.rainbowchat hr,
/* HTML5 new elements */
#habla_window_div.rainbowchat article, #habla_window_div.rainbowchat aside, #habla_window_div.rainbowchat dialog, #habla_window_div.rainbowchat figure, #habla_window_div.rainbowchat footer, #habla_window_div.rainbowchat header, #habla_window_div.rainbowchat hgroup, #habla_window_div.rainbowchat menu, #habla_window_div.rainbowchat nav, #habla_window_div.rainbowchat section {
    display:block; 
}
/* == SPECIFIC ELEMENTS == */
/* Some of these are browser defaults; some are just useful resets */

#habla_window_div.rainbowchat nav ul, #habla_window_div.rainbowchat nav ol {
    list-style-type:none;
}
#habla_window_div.rainbowchat ul, #habla_window_div.rainbowchat menu {
    list-style-type:disc;
}
#habla_window_div.rainbowchat ol {
    list-style-type:decimal;
}
#habla_window_div.rainbowchat ol ul, #habla_window_div.rainbowchat ul ul, #habla_window_div.rainbowchat menu ul, #habla_window_div.rainbowchat ol menu, #habla_window_div.rainbowchat ul menu, #habla_window_div.rainbowchat menu menu {
    list-style-type:circle;
}
#habla_window_div.rainbowchat ol ol ul, #habla_window_div.rainbowchat ol ul ul, #habla_window_div.rainbowchat ol menu ul, #habla_window_div.rainbowchat ol ol menu, #habla_window_div.rainbowchat ol ul menu, #habla_window_div.rainbowchat ol menu menu, #habla_window_div.rainbowchat ul ol ul, #habla_window_div.rainbowchat ul ul ul, #habla_window_div.rainbowchat ul menu ul, #habla_window_div.rainbowchat ul ol menu, #habla_window_div.rainbowchat ul ul menu, #habla_window_div.rainbowchat ul menu menu, #habla_window_div.rainbowchat menu ol ul, #habla_window_div.rainbowchat menu ul ul, #habla_window_div.rainbowchat menu menu ul, #habla_window_div.rainbowchat menu ol menu, #habla_window_div.rainbowchat menu ul menu, #habla_window_div.rainbowchat menu menu menu {
    list-style-type:square;
}
#habla_window_div.rainbowchat li {  
    display:list-item;
    /* Fixes IE7 issue with positioning of nested bullets */
    min-height:auto;
    min-width:auto;
}
#habla_window_div.rainbowchat strong {
    font-weight:bold;
}
#habla_window_div.rainbowchat em {
    font-style:italic;
}
#habla_window_div.rainbowchat kbd, #habla_window_div.rainbowchat samp, #habla_window_div.rainbowchat code {
  font-family:monospace;
}
#habla_window_div.rainbowchat a, #habla_window_div.rainbowchat a *, #habla_window_div.rainbowchat input[type=submit], #habla_window_div.rainbowchat input[type=radio], #habla_window_div.rainbowchat input[type=checkbox], #habla_window_div.rainbowchat select {
    cursor:pointer;
}
#habla_window_div.rainbowchat a:hover {
    text-decoration:underline;
}
#habla_window_div.rainbowchat button, #habla_window_div.rainbowchat input[type=submit] {
  text-align: center;
}
#habla_window_div.rainbowchat input[type=hidden] {
    display:none;
}
#habla_window_div.rainbowchat abbr[title], #habla_window_div.rainbowchat acronym[title], #habla_window_div.rainbowchat dfn[title] {
    cursor:help;
    border-bottom-width:1px;
    border-bottom-style: dotted;
}
#habla_window_div.rainbowchat ins {
    background-color:#ff9;
    color:black;
}
#habla_window_div.rainbowchat del {
    text-decoration: line-through;
}
#habla_window_div.rainbowchat blockquote, #habla_window_div.rainbowchat q  {
    quotes:none; /* HTML5 */
}
#habla_window_div.rainbowchat blockquote:before, #habla_window_div.rainbowchat blockquote:after, #habla_window_div.rainbowchat q:before, #habla_window_div.rainbowchat q:after, #habla_window_div.rainbowchat li:before, #habla_window_div.rainbowchat li:after  {
    content: "";
    content:none; /* HTML5 */
}
#habla_window_div.rainbowchat input, #habla_window_div.rainbowchat select {
    vertical-align:middle;
}
#habla_window_div.rainbowchat select, #habla_window_div.rainbowchat textarea, #habla_window_div.rainbowchat input {
    border:1px solid #ccc;
}
#habla_window_div.rainbowchat table {
    border-collapse:collapse;
    border-spacing:0;
}
#habla_window_div.rainbowchat hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
}
#habla_window_div.rainbowchat *[dir=rtl] {
    direction: rtl;
}
#habla_window_div.rainbowchat mark {
    background-color:#ff9;
    color:black;
    font-style:italic;
    font-weight:bold;
}



/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit  */
#habla_window_div.rainbowchat {
    font-size: 12px; /* To restrict to a pixel unit, use 12px */
    line-height: 1;
    direction:ltr;
    text-align:left;
    font-family:  'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', arial, helvetica, sans-serif; /* Override this with whatever font-family is required */
    color: black;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
}/*Layout Elements */

#habla_window_div.habla_window_div_base {
    display:block !important;
    z-index:99999999;
}

#habla_window_div.rainbowchat #olark-callout-bubble-offline, #habla_window_div.rainbowchat #olark-callout-bubble-online{
    position: relative !important;
}

#habla_window_div.rainbowchat #olark-callout-bubble, #habla_window_div.rainbowchat #olark-callout-bubble-offline {
    position: relative !important;
}

#habla_window_div.rainbowchat #habla_panel_div{
    overflow: hidden;
    background: transparent;
}

/* Padding for the chat*/
#habla_window_div.rainbowchat #habla_middle_div{
	padding: 3px 4px 3px 4px;
	padding: 0;
}

/*IE7 Fix*/
*:first-child+html #habla_window_div.rainbowchat #habla_middle_div{
    padding: 6px 0 0 0;
}

#habla_window_div.rainbowchat textarea{
    /*max-width: 100%;*/
    width: auto;
    
}

/*IE7 Fix*/
*:first-child+html #habla_window_div.rainbowchat textarea{
    width: 97%;
}
    
    /*Chatting*/
    
    #habla_window_div.rainbowchat #habla_input_div{
		/*
        margin-left: -17px;   
        margin-right: -5px;
		*/
		margin: 0;
    }
    
    /*IE7 Fix*/
    *:first-child+html #habla_window_div.rainbowchat #habla_input_div{
        margin-left: 0px; 
        margin-right: 0px; 
        /*width: 95%;*/
    }
    
    #habla_window_div.rainbowchat #habla_chatform_form{
		/*padding: 10px 6px 0px 10px;*/
        background: white;
		padding: 0;
		margin: 0;
    }
    
    #habla_window_div.rainbowchat #habla_conversation_div{
        /*padding: 6px 10px 0 10px;
        margin: -6px -10px 0 -10px;*/
		padding: 5px 0;
		margin: 0;
    }
    
    /*IE7 Fix*/
    *:first-child+html #habla_window_div.rainbowchat #habla_conversation_div, *:first-child+html #habla_window_div.rainbowchat #habla_pre_chat_div, *:first-child+html #habla_window_div.rainbowchat #habla_offline_message_div{
        width: 100%;
    }
    
    /*Forms: Prechat and Offline*/
    
    #habla_window_div.rainbowchat #habla_name_input, #habla_window_div.rainbowchat #habla_offline_email_input, #habla_window_div.rainbowchat #habla_offline_body_input, #habla_window_div.rainbowchat #habla_pre_chat_name_input, #habla_window_div.rainbowchat #habla_pre_chat_email_input{
        overflow: hidden;
    }
    
    #habla_window_div.rainbowchat #habla_pre_chat_div, #habla_window_div.rainbowchat #habla_offline_message_sent_div, #habla_window_div.rainbowchat #habla_offline_message_div{
        /*offset any horizontal padding and borders on input elements*/
        padding: 0px 10px 0px 10px;
        margin-left: -10px;
    } 
    
    /*IE7 Fix*/
    *:first-child+html #habla_window_div.rainbowchat #habla_pre_chat_div, *:first-child+html #habla_window_div.rainbowchat #habla_offline_message_sent_div, *:first-child+html #habla_window_div.rainbowchat #habla_offline_message_div{
        padding: 5px;
        margin-left: 0px;
    }
    

/* General Text Style */

#habla_window_div.rainbowchat{
    font-family:  'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', arial, helvetica, sans-serif;
    font-size:12px;
    left: 50%;
margin-left: -150px !important;
}

.rainbowchat #habla_middle_div{
    line-height:1.5em;
}

/* Colors, borders, backgrounds, and general styles */

    /*Background*/
    #habla_window_div.rainbowchat #habla_expanded_div {
        border-left: none;
        border-right: none;
        background: white;
       /* background-image:url('http://www.notcot.org/images/bg-w.gif'); */
        border: 5px solid #B7F0FE;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        /*margin-bottom: 5px;*/
        /*padding-top: 4px;*/
		margin: 0 0 8px 0;
		padding: 0 0 0 5px;

    }
    
    /*Corners and rounding*/

    #habla_window_div.habla_window_div_position_inline .habla_panel_border{
        border-bottom: 1px solid #ededed;
    }

    #habla_window_div.olrk-fixed-bottom .habla_panel_border, #habla_window_div.olrk-fixed-bottom #habla_topbar_div{
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px; 
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    #habla_window_div.olrk-fixed-top .habla_panel_border{
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    #habla_window_div.olrk-fixed-top #habla_expanded_div {
        border-bottom: 1px solid #ededed;
    }
    
    /*Chatting*/
    
    #habla_window_div.rainbowchat .habla_conversation_div {
        background:transparent none repeat scroll 0 0;
        border-bottom: none;
        line-height:1.5em;
        overflow:auto;
        color: black;
        width: 100%;
    }

    /* Submit Form */

    #habla_window_div.rainbowchat #habla_wcsend_input{
        background:white none repeat scroll 0 0;
        color: black;
        overflow: auto;
        padding: 5px;
		margin: 5px 0 0 0;
        /*margin-left: 12px;*/
        vertical-align: text-top;
        line-height: 1.2em !important;
        /*-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;*/
        width: 267px !important;
     }

    #habla_window_div.rainbowchat .habla_wcsend_input_normal {
        border: 1px dashed #888888;
    }
    #habla_window_div.rainbowchat .habla_wcsend_input_pre {
        color: purple;
    }
    
    #habla_window_div.rainbowchat .habla_wcsend_input_highlighted{
        border-color: black !important;
        color: white;
    }

    .habla_chatform_form {
        background: white;
    }

    /* Chat Bubbles */
    
    #habla_window_div.rainbowchat .habla_conversation_p_item {
        background: #FFFFFF none repeat scroll 0 0;
        color: #202020;
        margin: 0 5px 3px 0;
        text-indent: 0;
        overflow: visible;
        padding: 5px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    #habla_window_div.rainbowchat .habla_conversation_person1 {
        color: #979797;
        padding-right:5px;
        display: none;
    }
    #habla_window_div.rainbowchat .habla_conversation_person2 {
        color: #606060;
        padding-right:1px;
        padding-left: 16px;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-right: 6px;
        width: 224px;
        background-color: rgb(255, 255, 255); /* The Fallback */
        background-color: rgba(255, 255, 255, 0.7);
        background-image: url('/store/images/rainbowchat/camera.gif');
        background-repeat: no-repeat;
        background-position: left;
    }

    .rainbowchat .habla_input_div  ::-webkit-input-placeholder {
    color: #777;
    padding-left: 0px;
    }

    .rainbowchat .habla_input_div  :-moz-placeholder {  
     color: #777;  
     padding-left: 0px;
    }

    #habla_window_div.rainbowchat .olrk_avatar{ 
        float: right;
        outline: 4px solid red;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    /*Prechat and Offline Styles*/

    #habla_window_div.rainbowchat #habla_offline_message_span, #habla_window_div.rainbowchat #habla_pre_chat_span{
        margin-bottom: 5px;
        display: block;
    }

    #habla_window_div.rainbowchat #habla_offline_message_div, #habla_window_div.rainbowchat #habla_pre_chat_div {
        line-height:1.5em;
    }
    #habla_window_div.rainbowchat #habla_offline_message_span{
        margin-bottom: 5px;
        display: block;
    }
    #habla_window_div.rainbowchat #habla_name_input, #habla_window_div.rainbowchat #habla_offline_email_input, #habla_window_div.rainbowchat #habla_offline_body_input, #habla_window_div.rainbowchat #habla_pre_chat_name_input, #habla_window_div.rainbowchat #habla_pre_chat_email_input{
        border: 1px solid #e4e4e4;
        padding: 4px;
        margin-bottom: 5px;
        font-size: .9em;
        border-radius: 3px;
        -moz-border-radius: 3px;
    }

    #habla_window_div.rainbowchat .habla_offline_submit_input {
        background: transparent none repeat scroll 0 0;
        border:medium none #ededed;
        color: white;
        float:right;
        cursor: pointer;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 1px 6px 1px 6px;
        margin: -10px -10px 0 0;
    }
    
    #habla_window_div.rainbowchat .habla_offline_error_span, #habla_window_div.rainbowchat #habla_pre_chat_error_span{
        margin-top: -20px; 
        float:left;
        padding-bottom: 10px;
        font-style: italic;
        line-height:1.5em;
    }


    /*Topbar*/

    #habla_window_div.rainbowchat #habla_topbar_div{
        background: transparent none no-repeat scroll 0 0;
        background-color: transparent !important;
        /*background-image: url('/store/images/rainbowchat/topbarbg.png') ;*/
        background-image: url('/store/images/rainbowchat/topbarbg_xmas.png') !important;
        background-size: 150px 89px;
        color:#FFFFFF;
        /*padding: 4px 10px;*/
		padding: 0;
        cursor: pointer;
        height: 70px;
    }

    #habla_window_div.rainbowchat #habla_oplink_a{
        color: white;
        text-decoration:none;
        display: none;
    }

    #habla_window_div.rainbowchat #habla_oplink_a.habla_oplink_a_hover{
        text-decoration:underline;
    }

    #habla_window_div.rainbowchat .clear_style {
        clear:both;
    }

    /* Topbar Buttons */

    #habla_window_div.rainbowchat .habla_button {
        float: right;
        margin-top: -1px;
        margin-left: 4px;
        margin-right: 46px;
        padding: 0px;
        width: 34px;
        height: 34px;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        background-position: -50px top;
        background-repeat: no-repeat !important;
        cursor: pointer !important;
        /*Hide the Ascii buttons*/
        overflow: hidden;
        line-height: 1000px;        
    
    }

    #habla_window_div.rainbowchat .habla_button:hover {
        background-color: transparent !important;
    }

    #habla_window_div.rainbowchat #habla_sizebutton_a {
        background-position: -80px top !important;
        display: none;
    }

    .olrk-state-expanded #habla_window_div.rainbowchat #habla_sizebutton_a {
        background-position: -96px top !important;
        display: none;
    }

    #habla_window_div.rainbowchat #habla_sizebutton_a:hover {
        background-color: transparent;
    }

    #habla_window_div.rainbowchat #habla_closebutton_a {
        background-image: url('/store/images/rainbowchat/closebutton.png');

    }

    #habla_window_div.rainbowchat #habla_closebutton_a:hover {
        background-image: transparent url('/store/images/rainbowchat/closebuttonhover.png') !important;
    }

    #habla_window_div.rainbowchat #habla_popout_a {
        background-position: -16px top !important;
        display:none;
    }

    #habla_window_div.rainbowchat #habla_popout_a:hover {
        background-color: transparent;
    }

/* preserve link coloring */
#habla_window_div.rainbowchat #habla_panel_div #habla_expanded_div a,
#habla_window_div.rainbowchat #habla_panel_div #habla_conversation_div a {
    color: #246092;
}
#habla_window_div.rainbowchat #habla_panel_div #habla_expanded_div a:visited,
#habla_window_div.rainbowchat #habla_panel_div #habla_conversation_div a:visited {
    color: #246092;
}
#habla_window_div.rainbowchat #habla_panel_div #habla_expanded_div a:active,
#habla_window_div.rainbowchat #habla_panel_div #habla_conversation_div a:active {
    color: #246092;
}

/*Animations*/

@-webkit-keyframes olark_pulse {
    0% {
    }
    50% {
        background-color:rgba(255,0,0,0.7); 
    }
    100% {
    }
}

@-webkit-keyframes tab_in_bottom {
    0% {
        margin-bottom: -50px;
        padding-bottom: 10px;
    }
    50% {
        margin-bottom: 0px;
        padding-bottom: 15px;
    }
    100% {
        padding-bottom: 10px;
    }
}

@-webkit-keyframes tab_in_peek {
    0% {
        margin-bottom: -93px;
       /* padding-bottom: 10px;*/
    }
    50% {
        margin-bottom: 0;
       /* padding-bottom: 15px; */
    }
    100% {
        margin-bottom: -33px;
       /* padding-bottom: 10px; */
    }
}


@-webkit-keyframes tab_in_top {
    0% {
        margin-top: -50px;
        padding-top: 10px;
    }
    50% {
        margin-top: 0px;
        padding-top: 15px;
    }
    100% {
        padding-top: 10px;
    }
}

.olrk-state-compressed .olrk-fixed-bottom  #habla_topbar_div{
    -webkit-animation-name: tab_in_bottom;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

.olrk-state-compressed .olrk-fixed-top  #habla_topbar_div{
    -webkit-animation-name: tab_in_top;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}

#habla_window_div.rainbowchat .habla_topbar_div_highlighted {
background: #d05c34 none repeat scroll 0 0;
color:#FFFFFF;
    -webkit-animation-name: olark_pulse;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
}
/*Quirksmode IE fixes*/


.rainbowchat #habla_oplink_a a.hbl_pal_title_fg {
    color: !important;
}

.rainbowchat .hbl_pal_main_bg{ 
  background-color:transparent !important;
  }
  .rainbowchat .hbl_pal_title_fg{ 
  color: !important;
  }
  .rainbowchat .hbl_pal_local_fg{ 
  color: !important;
  display: none;
  }
  .rainbowchat .hbl_pal_title_bg{ 
  background-color: !important;
  }
  .rainbowchat .hbl_pal_offline_submit_fg{ 
  color: !important;
  }
  .rainbowchat .hbl_pal_remote_fg{ 
  color: !important;
  }
  .rainbowchat .hbl_pal_offline_submit_bg{ 
  background-color: !important;
  }
  


.rainbowchat div.hbl_pal_main_height{ 
  height: 150px !important;
  }
  .rainbowchat div.hbl_pal_main_width{ 
  width: 100px !important;
  }
  


/*Make position:fixed work in IE6!*/

.olrk-fixed-top    /* position fixed Top    */{position:fixed;bottom:auto;top:0px;}
.olrk-fixed-bottom /* position fixed Bottom */{position:fixed;bottom:0px;top:auto;}
.olrk-fixed-left   /* position fixed Left   */{position:fixed;right:auto;left:0px;}
.olrk-fixed-right  /* position fixed right  */{position:fixed;right:0px;left:auto;}



/* backwards compat */
.rainbowchat .habla_window_div_position {
bottom:0px;
position: fixed;
right:0px;
margin-right: 10px;
margin-bottom: 10px;
}
.rainbowchat .habla_window_div_position_inline {
}
.rainbowchat  .habla_window_div_position_floating {
bottom:0px;
position: fixed;
right:0px;
margin-right: 10px;
margin-bottom: 10px;
}
.rainbowchat .habla_window_div_position_floating_ie {
bottom:0px;
position: absolute;
right:0px;
margin-right: 10px;
margin-bottom: 10px;
}


    
/* Real Person Prefix */

 #habla_window_div.rainbowchat.personheader #habla_topbar_div{
        background: transparent none no-repeat scroll 0 0;
        background-color: transparent !important;
        background-image: url('/store/images/rainbowchat/topbarbg_3.png') !important;
        background-size: 150px 89px;
        background-position: center center !important;
        color:#FFFFFF;
        /*padding: 4px 10px;*/
		padding: 0;
        cursor: pointer;
        height: 89px;
        margin
    }


 /*#habla_window_div.rainbowchat.personheader #habla_topbar_div.habla_topbar_div_compressed {
    -webkit-animation-name: tab_in_bottom;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    border: 1px solid #f00;
    margin-bottom: -42px;
}


#habla_window_state_div.olrk-state-compressed #habla_window_div.rainbowchat.personheader {
    -webkit-animation-name: tab_in_peek;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    margin: 10px 0 -33px 0 !important;
}*/
