.pageWrapper{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: small;
    background-image: url(../images/bg.png);
    background-repeat: repeat;
    margin: 0px 0px 0px 5px;
    padding: 0px 15px 0px 0px;
    background-color :#EEEEEE;
}

.pageDiv{
    width:1012px;
    height:566px;
    margin-left :auto;
    margin-right :auto;
}

.popupDiv{
   color: #ffffff;
   font-family: 'Courier New',Courier,monospace;
   font-size: 12px
}

.headContent{
    width: 100%;
    height: 48px;
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
}

.headLeftContent{
    width: 50%;
    float: left;
}

.headRightContent{
    width: 50%;
    float: right;
}

.headLogo{
    width: 100%;
    float: left;
    height: 48px;
}

.headMenu{
    width: 100%;
    margin-top: 10px;
    float: center;
    color: #C6C5C9;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 6px;
    text-decoration: none;
    
  text-align: left;
}

.allTimeMenu{
    width: auto;
}

.headMenuTab{
    border-right: 1px solid #C6C5C9;
    float: right;
    padding: 0px 9px 0px 15px;
}

.headMenuTabLast{
    float: right;
    padding: 0px 0px 0px 15px;
}
.headPMenu{
    border-left: 1px solid #C6C5C9;
    margin: 10px 0px 0px 15px;
    padding: 0px 0px 0px 15px;
    color: #C6C5C9;
    font-family: Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 6px;
    text-decoration: none
}

.personalMenu{
    width: auto;
    margin-top: 15px;
}

.perMenuTab{
    float: right;
    margin: 3px 0px 3px 2px;
    padding: 0px 0px 0px 0px;
}

.personalBtn{
    margin: 20px 10px 10px 10px;
    float: right;
}

.headInfo{
    margin: 0px 10px 0px 10px;
    color: #07BDF2;
    font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 2px;
    text-align: center;
}

.clear{
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 0px;
    width: 1px;
    overflow: hidden;
}

.conWrapper{
    width: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #07BDF2;
    font-weight: bold;
    height: 566px;
}

.leftContent{
    width: 100%;
    float: left;
    height: 566px;
}

.appletBorder1{
    width: 100%;
    height: auto;
    min-height: 430px;
    background-color :#EEEEEE;
    height: 566px;
}

.appletBorder2{
    width: auto;
    min-height: 430px;
    height: auto;
    background-color: #EEEEEE;
    border: 2px solid #07BDF2;
}

.appletDiv{
    width: 100%;
    background-color :#EEEEEE;
}

.rightContent{
    width: 20%;
    float: right;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #07BDF2;
    font-weight: bold;
}

.blackClr{
    width: 15px;
    height: 15px;
    float: left;
    border: 2px solid #07BDF2;
    background-color: #000000;
    margin: 2px 12px 2px 2px;
    cursor: pointer;
}

.blueClr{
    width: 15px;
    height: 15px;
    float: left;
    border: none;
    background-color: #0000FF;
    margin: 2px 12px 2px 2px;
    cursor: pointer;
}
.greenClr{
    width: 15px;
    height: 15px;
    float: left;
    border: none;
    background-color: #00FF00;
    margin: 2px 12px 2px 2px;
    cursor: pointer;
}
.redClr{
    width: 15px;
    height: 15px;
    float: left;
    border: none;
    background-color: #FF0000;
    margin: 2px 2px 2px 2px;
    cursor: pointer;
}
.clearBtn{
    float: right;
}

.footWrapper{
    color: #999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.footMenuTab{
    border-right: 1px solid #DEDEDE;
    float: left;
    text-align: center;
    margin: 3px 0px 3px 15px;
    padding: 0px 15px 0px 0px;
}

.footMenuTabLast{
    float: left;
    text-align: center;
    margin: 3px 0px 3px 15px;
    padding: 0px 15px 0px 0px;
}

.innerContent{
    width: auto;
    margin: 15px 15px 15px 15px;
    padding: 20px 20px 20px 20px;
    border: 1px solid #07BDF2;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
}

.boxTitle{
    height: 20px;
    background-image: url(../images/titlebg.png);
    background-repeat: repeat-x;
}

.headText{
    padding-top: 2px;
    text-align : center;
    height: 15px;
    color : #ffffff;
}
.userList{
    background-color: #EEEEEE;
    margin-left :2px ;
}

.userListArea{
    width: 100%;
    height: 51px;
    font-size: 14px ;
    background-color :#EEEEEE;
    border-bottom: 2px solid #000000;

}

.userList1{
    width :50%;
    float :left;
}

.userList2{
    width :50%;
    float :left;
}

.chatWindow{
    width: auto;
    background-color: #EEEEEE;
    margin-left :2px ;
}
.chatForm{
    width: 100%;
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.renameInput{
  width: 34%;
  float: left;
  margin: 3px 3px 2px 2px;
}

.renameLabel{
  float: left;
  margin: 8px 3px 0px 2px;
}

.chatMsg{
    width: 100%;
    height: 245px;
    border-bottom: 2px solid #000000;
    overflow : auto;  
}

.phoneImg{
    margin-top :5px ;
    margin-left:2px ;
    height: 40px;
}

.chatInput{
    width: auto;
    float: left;
    margin: 5px 3px 0px 5px;
}

.sendFileArea{
    margin-top :5px ;
    margin-left:10px ;
    height: 40px;
}

.chatSubmitImg{
    float: left;
    margin-top: 4px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.yourNameImg{
    float: left;
    margin-top: 4px;
    margin-left: 2px;
}

.renameSubmitImg{
    float: left;
    margin-top: 2px;
    margin-left: 2px;
}

.fileSubmitImg{
    margin-top :5px ;
    margin-left :5px ;
    float: right;
}
.sendFileImg{
  margin-top:5px;
  margin-left:5px;
  float:left;
}
.menuContent{
    width: 20%;
    float: right;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #07BDF2;
    font-weight: bold;
}

.popMenuDiv{
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    background-color: #EEEEEE;
    z-index: 2 ;
}

.menuBorder1{
    width: auto;
    border: 2px solid #AAAAAA;
}

.menuBorder2{
    width: auto;
    border: 1px solid #07BDF2;
    background-color: #EEEEEE;
}

.scrollDiv{
    margin-bottom:3px;
    background-image: url(../images/scrollline.png);
    background-repeat: no-repeat;
}

.backDiv{
   background-image: url(../images/trbg.gif);
   background-repeat: repeat;
   display: none;
   float: left;
   height: 0px;
   left: 0px;
   position: absolute;
   top: 0px;
   width: 0px;
   z-index: 1;
}

.flashHideDiv{
   background-image: url(../images/fadebg/bg1.png);
   background-repeat: repeat;
   display: none;
   float: left;
   height: 0px;
   width: 0px;
   top: 0px;
   left: 0px;
   position: absolute;
   z-index: 2;
}

.dialogBox{
   background-color: #eeeeee;
   display: none;
   float: left;
   height: 120px;
   position: absolute;
   width: 400px;
   z-index: 2;
}

.diaBorder1{
    width:auto;
    border-top: 2px solid #EEEEEE;
    border-left: 2px solid #EEEEEE;
    border-bottom: 2px solid #000000;
    border-right: 2px solid #000000;
    background-color :#D4D0C8 ;
}

.diaBorder2{
    width:auto;
    border: 1px solid #D4D0C8;
}

.frmDialog{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index :3 ;
}

.diaTitle{
    width: 100%;
    height: 20px;
    background-image :url(../images/diatitlebg.png);
    background-repeat : repeat-y;
}

.diaContent{
    width: 100%;
    margin:0px 0px 20px 0px;
    background-color :#D4D0C8 ;
}
.diaIcon{
    width: 20%;
    margin: 20px 0px 0px 0px;
    float:left;
}

.diaForm{
    width: 80%;
    float: left;
    margin-top: 20px;
}

.diaFooter{
    width: 100%;
    height: 15px;
}

.heading{
   font-family: Geneva,Arial,Helvetica,sans-serif;
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 10px
}

.subHeading{
   font-family: Geneva,Arial,Helvetica,sans-serif;
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 6px
}

.normalHeading{
   font-family: Geneva,Arial,Helvetica,sans-serif;
   font-size: 16px;
   font-weight: bold
}

.thicknessTitle{
    margin-top:1px;
    border-top: 2px solid #07BDF2;
    font-family : Franklin Gothic Medium;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

.tbl_border{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-left-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.tbl_border td{
	padding-left: 10px;
}

.note{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}