.chat .messages {

     background-color: #eaeaea;
     border:1px solid #ccc;
     width:220px;
     height:310px;
     padding:10px;
     overflow-y:scroll;
     word-wrap: break-word;
     

}


.chat .messages a{
    text-decoration: none;
    color: #3B5998;
    font-face:verdana; 
    font-size:12px; 
    font-weight:bold; 
}

.chat .messages a:hover{
    text-decoration: underline;
}



.chat .loggedin {

     background-color: #eaeaea;
     border:1px solid #ccc;
     width:68px;
     height:260px;
     padding:35px;
     overflow-x:hidden;
     overflow-y:scroll;
     margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
     margin-top: 0px;

}



.chat .loggedname {

     font-family: verdana; 
     color: black; font-size: xx-small; 
     font-weight: normal; font-style: normal; 
     width:198px;
     margin-bottom: 5px;
}

.chat .name {
      color:blue;
      font-weight:bold;
      margin-top:10px; 
}

.chat .little {
    text-decoration: none;
    color: #000;
    font-face:arial; 
    font-size:10px; 
    font-weight:normal;
    
}

.chat .message p {
       margin-top: 5px;
       margin-bottom: 20px;
}

.chat .entry {

      width:337px;
      height:40px;
      padding:5px;
      margin-top:5px;
      font:1em Arial;

}

.chat .date
{
font-family: verdana; 
color: black; font-size: xx-small; 
font-weight: normal; 
font-style: normal; 
}

.chat .header
{
font-family: verdana; color: white; font-size: small; font-weight: bold; font-style: normal; font-variant: normal; text-transform: capitalize; background-repeat: no-repeat; background-attachment: fixed; text-align: left; position: relative; width: 340px; height: 21px; visibility: visible; clip: rect(auto, auto, auto, auto); background-color: #000033; top: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;
}


.chat .footer
{
font-family: verdana; color: black; font-size: xx-small; font-weight: normal; font-style: normal; font-variant: normal; text-transform: capitalize; background-repeat: no-repeat; background-attachment: fixed; text-align: left; position: relative; width: 339px; height: 16px; visibility: visible; clip: rect(auto, auto, auto, auto); border-collapse: collapse; border: 1px solid darkgray; list-style-type: square; top: 2px; background-color: whitesmoke; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;;
}



.chat .emoticons
{
font-family: verdana; color: black; font-size: xx-small; font-weight: normal; font-style: normal; font-variant: normal; text-transform: capitalize; background-repeat: no-repeat; background-attachment: fixed; text-align: left; position: relative; width: 339px; height: 66px; visibility: visible; clip: rect(auto, auto, auto, auto); border-collapse: collapse; border: 1px solid darkgray; list-style-type: square; top: 2px; background-color: whitesmoke; padding-top: 5px; padding-bottom: 5px; padding-left: 10px;;
}







#maincontainer{
width: 340px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}




#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -340px; /*Set left margin to -(MainContainerWidth)*/
background: #fff;
}



.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}