@charset "UTF-8";

/* CSS Document for AVAYA Web Chat */



body, html {

    margin:0;

    padding:0;

    font-family: Arial, Helvetica, sans-serif;

}

body {

    min-width:750px;

}

.chatTitle {

    font-size: 18px;

    font-weight:bold;

    padding-top:45px;

    padding-left:110px;

}

.logo {

    margin-top: 15px;

    margin-left:10px;

    float:left;

}

#txtName {

    width:200px;

}

#ddlServices {

    width:220px;

}

#txtInitialQuestion {

    width:350px;

    height:90px;

}

#wrap {

    background:#F0F0F0;

    margin:0 auto;

    width:100%;

}

#header {

    padding-bottom:10px;

    border-bottom: 3px solid #003f72;

    background-color:white;

    overflow: hidden;

}

#header h1 {

    padding:5px;

    margin:0;

}

#main {

    position: relative;

    width: 630px;

    margin: 0px auto;

    padding:20px;

    padding-top:20px;

    padding-bottom:10px;

    background:#F0F0F0;

    clear:both;

}

#main h2 {

    font-size:20px;

}

#main p {

    padding:0 10px 0 0;

}

#infobar {

    position: relative;

    width: 630px;

    margin: 0px auto;

    padding-top:10px;

    padding-bottom:10px;

    padding-left:20px;

    clear:both;

}

#footer {

    padding-top:10px;

    border-top: 3px solid #003f72;

    background-color:white;

    clear:both;

}

#footer p {

    text-align:right;

    margin:0;

}

td.statusBox {

    border: 1px solid #C0C0C0;

    background: #fff;

    text-align: center;

    font-size: 12px;

    color: #000;

}

#StatusIcon {

    /*for IE browsers*/

    /*width: expression(this.width > 150 ? 150: this.width);

    height: expression(this.height > 150 ? 150: this.width);*/

    width: 150px;

    height: 95px;

    /*for non-IE browsers*/

    max-width: 150px;

    max-height: 95px;

    margin: 5px;

}

.errormessageline {

    font-weight:bold;

    color:Red;

}

.statusline {

    font-style:italic;

    color:Black;

}

.statuslabel {

    font-weight:bold;

    color:Black;

}

.usermessageline {

    font-weight:bold;

    font-style:italic;

    color:Black;

}

.clockline {

    color: #003f72;

    font-style: italic;

    background-color: #fff;

}

/* ---- Conversation Styles ---- */

body#conversation, #conversation form {

    margin:0;

    border:0;

    padding:0;

    height:100%;

    max-height:100%;

    background-color: #F0F0F0;

    font-family:arial, verdana, sans-serif;

    overflow: hidden;

}

/* for internet explorer */

* html body#conversation form {

    padding:60px 0 170px 0;

}

#conversation .logo {

    width: 40px;

    height: 50px;

    *margin-top: 4px;

}

#container {

    font-size: 1.2em;

    position:fixed;

    top:80px;

    left:0;

    bottom:170px;

    right:0;

    overflow:hidden;

    background-color: #F0F0F0;

    padding:5px 20px 10px 20px;

    clear:both;

}

* html #container {

    height:100%;

    width:100%;

}

#conversation #header {

    border-bottom: 3px solid #002e55;

    background-color:white;

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:67px;

    overflow:hidden;

    background-color:White;

}

* html #conversation #header {

    height:60px;

}

#conversation #footer {

    position:absolute;

    bottom:0;

    left:0;

    width:100%;

    height:125px;

    overflow:auto;

    padding:0px 20px 20px 20px;

    background-color: #F0F0F0;

}

* html #conversation #footer {

    height:130px;

}

#MessageHistory {

    font-family: Arial, helvetica, sans-serif;

    font-size: 12px;

    color: black;

    height: 90%;

    border: 1px solid #002e55;

    overflow:auto;

    padding:10px;

    padding-bottom: 4px;

    margin-top:5px;

    margin-bottom:5px;

    background: #fff;

}

#tools {

    background-color: #F0F0F0;

    padding:5px 20px 5px 20px;

    text-align:right;

}

#conversation .chatTitle {

    font-size: 16px;

    padding-left: 65px;

    padding-top: 30px;

    *padding-top: 18px;

}

.powered_by_image {

    margin-top:10px;

    float:right;

}

.powered_by_div {

    border-top-style: solid;

    border-top-width: 2px;

    width:100%;

    height:40px;

    position:absolute;

    bottom:0;

    background-color:white;

}

.chat_history_label {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: bolder;

    color: black;

}

.chat_status_label {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: black;

}

.chat_clock_label {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    color: black;

    display:none;

}

.chat_send_message_label {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: bolder;

    color: black;

}

.chat_send_message_input {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    border: 1px solid #002e55;

    color: black;

    background-color: #fff;

    height:50px;

    width:99%;

}

.chat_send_message_button {

    height:50px;

    width:80px;

    background: #003f72;

    color: #fff;

}

.chat_send_table {

    width:100%;

    padding:0px 40px 0px 0px;

}

.sentlabel {

    font-weight:bold;

    color:Blue;

}

.sentline {

    font-style:italic;

    display:block;

    padding-left:20px;

    color:Blue;

}

.receivedlabel {

    font-weight:bold;

    color:Black;

}

.receivedline {

    font-style:italic;

    display:block;

    padding-left:20px;

    color:Black;

}

.sysmessageline {

    border-top-color:Green;

    border-top-style:solid;

    border-top-width:1px;

    margin-top:10px;

    display:block;

    padding-left:20px;

    color:Green;

}