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

    /* HTML5 */
#habla_window_div article, #habla_window_div aside, #habla_window_div dialog, #habla_window_div figure, #habla_window_div footer, #habla_window_div header, #habla_window_div hgroup, #habla_window_div menu, #habla_window_div nav, #habla_window_div section, #habla_window_div time, #habla_window_div mark, #habla_window_div audio, #habla_window_div 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;
}


/* Custom */

#habla_window_div {
    line-height: 1;
    direction: ltr;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 20px !important;
    width: 250px !important;
    cursor: pointer;
    position: fixed !important;
    bottom: 0;
    z-index: 99;
    right: 0 !important;
    background-color: #A8000F;
}

#habla_window_state_div.olrk-state-expanded #habla_window_div{
    width: 250px !important;
}

#habla_window_state_div.olrk-state-expanded #habla_panel_div{
    border-left: 10px solid #A8000F;
    border-right: 10px solid #A8000F;
    height: 320px;
    background-color: white;
}

#habla_both_div {
    background-color: #A8000F !important;
}

#habla_window_state_div.olrk-state-expanded #habla_both_div {
    border-radius: 0;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    font-family: 'PFDinDisplayPro-Regular'
}

/*Topbar*/
#habla_window_div #habla_topbar_div{
    background: #A8000F none repeat scroll 0 0;
    color:#ffffff;
    padding: 0px;
    cursor: pointer;
    height: 30px;
    text-align: center;
}

#habla_window_state_div.olrk-state-expanded #habla_window_div #habla_topbar_div{
    border-radius: 0;
}

#habla_window_state_div.olrk-state-expanded #habla_window_div #habla_oplink_a{
    color: white;
    text-decoration: none;
    vertical-align: bottom;
    text-align: center;
    padding-left: 10px;
    width: 100%;
    cursor: pointer;
    display: block;
    text-align: left;
}

#habla_window_state_div:not(.olrk-state-expanded) #habla_window_div #habla_oplink_a{
    color: white;
    text-decoration: none;
    vertical-align: bottom;
    text-align: center;
    padding-left: 10px;
    padding: 5px 10px;
    display: block;
    font-family: 'PFDinDisplayPro-Regular';
}


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

#habla_window_div .clear_style {
    clear:both;
}

/*Chatting*/
#habla_window_div .habla_conversation_div {
    background:transparent none repeat scroll 0 0;
    border-bottom:1px dotted #ededed;
    line-height:1.5em;
    overflow:auto;
    color: black;
    width: 90%;
    font-family: 'PFDinDisplayPro-Regular';
    color: #5c5854!important;
    font-size: 13px!important;
    margin: 0;
}

#habla_window_div #habla_wcsend_input{
    font-family: 'PFDinDisplayPro-Regular';
    background:transparent none repeat scroll 0 0;
    overflow:auto;
    padding: 5px;
    vertical-align: text-top;
    line-height:1.5em;
    color: #5c5854!important;
    font-size: 15px!important;
    height: 30px!important;
    margin: 0 auto;
    width: 200px;
}

#habla_window_div .habla_wcsend_input_normal {
    border:1px solid #b6b6b6;
    color: black;
}
#habla_window_div .habla_wcsend_input_pre {
    color: gray;
}

#habla_window_div .habla_wcsend_input_highlighted{
    border-color: gray !important;
    color: black;
}

#habla_window_div .habla_conversation_p_item {
    background:transparent none repeat scroll 0 0;
    color: black;
    padding: 0;
    margin: 0 0 0 20px;
    text-indent: -20px;
    overflow: visible;
    display: block;
}

#habla_window_div .habla_conversation_person1 {
    color: #979797;
    padding-right:5px;
    display: inline;
}
#habla_window_div .habla_conversation_person2 {
    color: #5ba0d0;
    padding-right:5px;
}

#habla_window_div .olrk_avatar{
    float: right;
    border: 1px solid lightgray;
    margin-left: 5px;
    margin-bottom: 5px;
}

/*Chatting*/

/*IE7 Fix*/
*:first-child+html #habla_window_div #habla_input_div{
    margin-left: 0px;
    margin-right: 0px;
    width: 95%;
}

#habla_window_div #habla_chatform_form{
    /*padding: 3px 10px 0 10px;*/
    margin-top: 6px;
}

#habla_window_div #habla_conversation_div{
    padding: 6px 10px 0 10px;
    height: 200px !important;
}

/*IE7 Fix*/
*:first-child+html #habla_window_div #habla_conversation_div, *:first-child+html #habla_window_div #habla_pre_chat_div, *:first-child+html #habla_window_div #habla_offline_message_div{
    width: 97%;
}


/* Topbar Buttons */

#habla_window_div.olrk-state-expanded #habla_sizebutton_a {
    position: absolute;
    right: 0px;
    border-radius: 0 !important;
    top: 1px;
}

#habla_window_state_div.olrk-state-expanded #habla_window_div .habla_button {
    float: right;
    padding: 0px;
    background-repeat: no-repeat !important;
    cursor: pointer !important;

    /*Hide the Ascii buttons*/
    overflow: hidden;
    line-height: 1000px;

    width: 30px;
    height: 30px;
    background-color: #A8000F;
    background-image: url('../../img/arrow-olark.png');
    background-position: center center !important;
}

#habla_window_state_div #habla_window_div .habla_button {
    float: right;
    background-repeat: no-repeat !important;
    cursor: pointer !important;

    /*Hide the Ascii buttons*/
    overflow: hidden;
    line-height: 1000px;

    width: 30px;
    height: 30px;
    background-color: #A8000F;
    background-image: url('../../img/arrow-olark-collaspse.png');
    background-position: center center !important;
}




#habla_window_div .habla_button:hover {
    opacity: 0.5;
}

#habla_window_div #habla_closebutton_a {
    background-position: 0px top !important;
}

#habla_window_div #habla_closebutton_a:hover {
    background-color: #ddc469;
}

#habla_window_div #habla_popout_a {
    background-position: -16px top !important;
}

#habla_window_div #habla_popout_a:hover {
    background-color: #333;
}

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

#olark-callout-bubble {
    display: block !important;
    position: absolute !important;
    bottom: 28px !important;
}

.olrk-state-expanded #olark-callout-bubble {
    top: -75px;
}

.olrk-state-expanded #habla_compressed_div,
.olrk-state-expanded #habla_compressed_div a{
    display: block !important;
}


#habla_window_div #habla_panel_div #habla_expanded_div div:last-child {
    display: block;
    margin: 20px 0px 0px 0px;
}