body {
    height: 100%;
    background: #fff url('../images/topbg.gif') top left repeat-x;
    font: 11px Tahoma,Arial;
    color: #000;
    text-align: center;
    overflow-x: hidden;
}

body,img,p,h1,h2,h3,h4,h5,h6,ul,ol,form {margin:0; padding:0; list-style:none; border:none;}

#top {
    height: 62px;
}

#top .logo{
    float: left;
}

#loginbox {
    clear: both;
    width: 390px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    background: url('../images/loginbg.gif') no-repeat;
}

#install{
    background: #d1d7e3;
    width: 590px;
    height: 415px;
    font: 11px Tahoma,Arial;
    color: #000;
}

#install table{
    font: 11px Tahoma,Arial;
    color: #000;
}


#content {
    clear: both;
}

.input {
    height: 16px;
    font: 11px Tahoma,Arial;
    color: #737373;
    background: #ffffff url('../images/inputbg.gif') top left repeat-x;
    padding-left: 5px;
    padding-top: 2px;
    border: 1px solid #828da1;
}

.select{
font: 11px Tahoma,Arial;
    color: #000;
}

.submit {
    height: 16px;
    font: 11px Tahoma,Arial;
    color: #737373;
    background: #ffffff url('../images/inputbg.gif') top left repeat-x;
    padding-left: 5px;
    padding-top: 2px;
    border: 1px outset #828da1;
}

.submitstat {
    height: 17px;
    font: 11px Tahoma,Arial;
    color: #737373;
    background: #ffffff url('../images/inputbg.gif') top left repeat-x;
    padding-left: 5px;
    padding-top: -2px;
    padding-bottom:4px;
    border: 1px outset #828da1;
}

.clear { clear: both; }
.outer {
    border-left: 244px solid #d1d7e3;
    border-right: 217px solid #d1d7e3;
}

.inner {
    width: 100%; 
}

.float-wrap {
    float: left;
    width: 100%;
    margin-left: -244px;
}



* html #con {
    position: relative;
}


* html #left {
    position: relative;
    height: 400px;
}


* html #right {
    height: 400px;
    position: relative;
}



a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.contentWrap {
    text-align: left;
    padding: 10px;
    height:auto
}

h1 {
    font: 22px Myriad Pro,Century Gothic;
    font-weight: bold;
    color: #828da1;
}

h2 {
    font: 15px Century Gothic;
    font-weight: bold;
    color: #828da1;
}

/* Topmenu Style */
#topmenu {
    position: absolute;
    top: 41px;
    left: 380px;
}



#topmenu ul li {
    float:left;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    text-align: center;
    list-style: none;
}

#topmenu ul li a {
    text-decoration: none;
    font-weight: bold;
    color: #4f5f7d;
    background: #dbe0e9 url('../images/menubg.gif') repeat-x bottom left;
    padding: 7px;
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #929292;
    border-bottom: 0;
}

/* List menu */
.listmenu{
    width: 100%;
}

.listmenu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
    
.listmenu li a{
    clear: both;
    font: bold 11px Tahoma,Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: transparent url('../images/listbg_inactive.gif') top left repeat-x;
  height: 23px;
    padding:0;
    line-height: 24px;
    text-decoration: none;
    padding-left: 10px;
}    
    
.listmenu li a:link, .listmenu li a:visited {
    color: #fff;
}

#left h1 {
    font: bold 11px Tahoma;
    color: #737373;
    text-align: left;
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

#left h1 img {
    padding-right: 3px;
}

#right h1 {
    font: bold 11px Tahoma;
    color: #737373;
    text-align: left;
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

#right h1 img {
    padding-right: 3px;
}

.submitred {
    background: #bd1515 url('../images/submitred.gif') repeat-x top left;
    border: 1px solid #d1caba;
    font: bold 11px Tahoma;
    color: #fff;
    height: 23px;
}

.submitorange {
    background: #d25b00 url('../images/submitorange.gif') repeat-x top left;
    border: 1px solid #522401;
    font: bold 11px Tahoma;
    color: #fff;
    height: 23px;
}

.submitgreen {
    background: #58ad09 url('../images/submitgreen.gif') repeat-x top left;
    border: 1px solid #ffffff;
    font: bold 11px Tahoma;
    color: #fff;
    height: 23px;
}

.succMessage {
    font: 15px Tahoma;
    color: #4b75a9;
    font-weight: bold;
    padding-bottom: 5px;
}

h3 {
    font: bold 14px Tahoma;
    color: #2863b6;
    margin-bottom: 5px;
}



.chat_gray {
    width: 100%;
    height: 16px;
    background: #e5e5e5 url('../../images/chat_gray_bg.gif') repeat-x bottom left;
    color: #292929;
}

.chat_green {
    width: 100%;
    height: 16px;
    background: #98e8a1 url('../../images/chat_green_bg.gif') repeat-x bottom left;
    color: #292929;
}

.chat_orange {
    width: 100%;
    height: 16px;
    background: #fed200 url('../../images/chat_orange_bg.gif') repeat-x bottom left;
    color: #292929;
}

.from {
    font: bold 10px Tahoma;
    padding-top: 1px;
    padding-left: 5px;
    background: ;
    height: 15px;
}

.msg_content {
    padding: 5px;
    padding-left: 10px;
}

.messagearea {
    clear: both;
    float: left;
    width: 460px;
    height: 65px;
    margin-top: 0px;
    background: #414141 url('../../images/bottombg.gif') top left repeat-x;
    border-top: 1px solid #fff;
}

.bigtextarea {
    font: 11px Tahoma;
    padding: 6px;
    border: 1px solid #5b5b5b;
    height: 39px;
    width: 300px;
    background: #fff url('../../images/textareabg.gif') top left repeat-x;
}

.sendbutton {
/*    border: 0;
    text-align: left;
    background: url('../../images/sendbutton.gif') top left no-repeat;
    font: bold 11px Tahoma;
    color: #fff;
    padding-top: 2px;
    padding-left: 12px;
    height: 33px;
    width: 94px;*/

    border: 0;
    text-align: left;
    background: url('../../images/sendbutton.gif') top left no-repeat;
    font: bold 11px Tahoma;
    color: #fff;
    padding-top: 2px;
    padding-left: 12px;
    height: 33px;
    width: 94px;

}

.closebutton {
/*    border: 0;
    text-align: right;
    background: url('../../images/closebutton.gif') top left no-repeat;
    font: bold 11px Tahoma;
    color: #fff;
    padding-top: 1px;
    padding-left: 2px;
    height: 31px;
    width: 84px;*/
    
    border: 0;
    text-align: right;
    background: url('../../images/closebutton.gif') top left no-repeat;
    font: bold 11px Tahoma;
    color: #fff;
    padding-top: 1px;
    padding-right: 12px;
    height: 32px;
    width: 94px;
    
}


/*************************************************************************************************/

#knowledgeForm b{ color:#676664;}

.search_button {
    background: #58ad09 url('../images/submitgreen.gif') repeat-x top left;
    border: 1px solid #ffffff;
    font: bold 11px Tahoma;
    color: #fff;
    height: 21px;
    text-align:center;
    width:60px;
    padding-top:1px;
    
    /*height: 16px;
    font: 11px Tahoma,Arial;
    color: #737373;
    background: #ffffff url('../images/inputbg.gif') top left repeat-x;
    padding-left: 5px;
    padding-top: 2px;
    border: 1px outset #828da1;*/
    
}


#messagearea {
    clear: both;
    float: left;
    width: 460px;
    height: 65px;
    margin-top: 0px;
    xbackground: #414141 url('../../images/bottombg.gif') top left repeat-x;
    border-top: 1px solid #fff;
}

.contentWrap fieldset {
width:680px;
border:2px groove threedface;
display:block;
margin-left:2px;
margin-right:2px;
padding:0.35em 0.625em 0.75em;
}

/********* Modify on 05-09-09 ***********/

#left {
    float: left;
    width: 244px;
    
    
    background: #d1d7e3;
    border-right: 1px solid #828da1;
}

#right {
    float: right; 
    width: 217px;
    
    
    background: #d1d7e3;
    border-left: 1px solid #828da1;
}

#bottom {
    color: #787878;
    /*position: absolute;
    
    left:50%;
margin-left:-80px;
position:absolute;*/
bottom:0;
padding:10px 0;
text-align:center;
    
}

#topmenu ul {
    width: 650px; //auto;
    float: left;
    margin: 0;
    padding: 0;
}

#con {
    
    xpadding:15px 0 0;
    padding:10px 0 0;
    width: 100%;
    margin:0 auto;
}

.chatDesc {
    color: #2863b6;
    padding-left: 0px;
}

/********** New style add on 05-09-09********************/

#middle-container {
position:relative;
}

.clr {
overflow:hidden;
width:100%;
}

#container {
overflow:hidden;
float:none!important;
float:left;
text-align:left;
position:relative;

}

.middle_part {
padding:0px 24px 0 23px;
position:relative;

}

.chat_content{ width:100%;
    
    padding-top:20px;
    
    margin:0 auto;
    
}

.print{ float:left; padding-top: 5px; padding-bottom: 5px;}


#chatprint{ width:100%; overflow: auto;  height: 200px;}


/********** New Class Add on 08-09-09 **************/

.messagearea { width:100%; float: left;}

.msg_text{ float: left; width:78%; padding: 5px;}

.msg_bttn{ width:auto; float:right;}