.MainSize{
width:170px;
}

.MainSizeIPortr{
/* for iPhone's portrait orientation */
width:220px;
}

.MainSizeILandsc{  
/* for iPhone's landscape orientation */
width:320px;
}

.MessagesPanelText{
width: 100%; height: 163px; background-color:#FFF8DC; overflow:auto;
font-family: Verdana,Tahoma; font-size: 10px;
display: block;
}

.MessagesPanelTextIPortr{
width: 100%; height: 168px; background-color:#FFF8DC; overflow:auto;
font-family: Verdana,Tahoma; font-size: 10px;
display: block;
}

.MessagesPanelTextILandsc{  
/* for iPhone's landscape orientation */
width: 100%; height: 114px; background-color:#FFF8DC; overflow:auto;
font-family: Verdana,Tahoma; font-size: 10px;
display: block;
}

.InputPanelHolder{
background-color:#FFF8DC;
width: 100%; 
height: 57px; 
display: block; vertical-align: bottom;
}

.InputPanelHolderIPortr{
background-color:#FFF8DC;
width: 100%; 
height: 57px; 
display: block; vertical-align: bottom;
}

.InputPanelHolderILandsc{   
/* for iPhone's landscape orientation */
background-color:#FFF8DC;
width: 100%; 
height: 27px; 
display: block; vertical-align: top;
}

.listbuddyselect{
font-family: Verdana; font-size:9px;
font-weight: normal;
max-width:125px;
width:125px;
margin-top:2px;
}

.listbuddyselectIPortr{
font-family: Verdana; font-size:9px;
font-weight: normal;
max-width:90%;
width:85%;
}

.listbuddyselectILandsc{   
/* for iPhone's landscape orientation */
font-family: Verdana; font-size:9px;
font-weight: normal;
max-width:225px;
width:225px;
}

.listbuddyselectNoAddIcon{
font-family: Verdana; font-size:9px;
font-weight: normal;
max-width:150px;
width:150px;
margin-top:2px;
}

.messageinput{
font-family: Verdana,Tahoma; font-size: 10px; 
width:95%;
height: 25px;
}
.messageinputIPortr{
font-family: Verdana,Tahoma; font-size: 10px; 
width:90%;
height: 25px;
}
.messageinputILandsc{   
/* for iPhone's landscape orientation */
font-family: Verdana,Tahoma; font-size: 10px; 
width:225px;
height: 12px;
margin-top:0px;
vertical-align: top;
}

.LoginForm{
margin-top:40px;
}
.LoginFormIPortr{
margin-top:40px;
}

.LoginFormILandsc{
margin-top:15px;
}

.SendMsgButton{
width: 35px;
border : 1px solid darkgreen;
font-family: Verdana,Tahoma; font-size: 10px;  color:#009900; 
background-color:lightgreen;
margin-top:2px;
vertical-align: top;
}
.SendMsgButtonIPortr{
width: 45px;
border : 1px solid darkgreen;
font-family: Verdana,Tahoma; font-size: 10px;  color:#009900; 
background-color:lightgreen;
margin-top:2px;
vertical-align: top;
}
.SendMsgButtonILandsc{
width: 45px;
border : 1px solid darkgreen;
font-family: Verdana,Tahoma; font-size: 10px;  color:#009900; 
background-color:lightgreen;
margin-top:0px;
vertical-align: top;
}

.buddyselect{
font-family: Verdana; font-size:9px;
color: #009900;
background-color: rgb(255, 248, 220); 
height: 22px;
}

.counterselect{
background-color: rgb(255, 248, 220); 
height: 22px;
}

.chatarea{
width: 100%; height: 100%; background-color:#FFF8DC; overflow:auto;
}

.MessagesPanelHolder{
width: 100%; height: 100%; background-color:#FFF8DC; overflow:auto;
display: block;
}
.textbottom{
font-family: Verdana; font-size:8px;
}
.texttitle{
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:17px;
font-weight:bold;
color: #00CC00;
}



.texttitle a{
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:17px;
font-weight:bold;
color: white;
text-decoration: none;
}

.apptop{
font-family: Verdana; font-size:10px;
background-color:#FFCC66;
}

.appbottom{
font-family: Verdana; font-size:10px;
background-color: #FBF1C7;
}

.InputPanel{
font-family: Verdana,Tahoma; font-size: 10px; 
background-color: #EAFED6;
width: 100%;
}

.textmessageinputpanel{
font-family: Verdana,Tahoma; font-size: 10px; 
background-color: #EAFED6;
}

.LoginButton{
border : 1px solid darkgreen;
font-family: Verdana,Tahoma; font-size: 10px; color:#009900;
background-color:lightgreen;
}
.textRecipient{
color: green; font-weight:bold;
}

.LoginField{
font-family: Verdana,Tahoma; font-size: 11px;
border: #BB9900 1px dotted;
width: 138px;
}

.buddy_window{
display: none; 
position: absolute; 
left: 3px; top: 3px; 
height: 78px; 
width: 165px;
}

.BuddyListPanel{
display: none; color: orange; font-weight: bold;
}

.AddBuddyTitle{
color:white;
margin-left:10px;
}

.tablestyle{
background: #FBF1C7; border: 1px solid #ddd;
border-collapse: collapse;
}
.tablestyle td{
background: #FBF1C7; border: 1px solid #ddd; 
}

.tableLogin{
background: #FBF1C7; border: 1px dotted orange;
border-collapse: collapse;
width:154px;
font-family: Verdana,Tahoma; font-size: 11px;
}

.tablestylemsg{
border-collapse: collapse;
}
.tablestylemsg td{
}

.BuddyListBlue{ color:blue; text-decoration: none; }
.BuddyListBlue a{ color:blue; text-decoration: none; }

.BuddyListGreen{ color:green; text-decoration: none; }
.BuddyListGreen a{ color:green; text-decoration: none; }

.BuddyListYellow{ color:orange; text-decoration: none; }
.BuddyListYellow a{ color:orange; text-decoration: none; }

.BuddyListRed{ color: #CC3333; text-decoration: none; } 
.BuddyListRed a{ color:red; text-decoration: none; }

.BuddyListBlack{ color:black; text-decoration: none; }
.BuddyListBlack a{ color:black; text-decoration: none; }

.BuddyStatusUnknown{ color:blue; text-decoration: none; }
.BuddyStatusUnknown a{ color:blue; text-decoration: none; }

.BuddyStatusActive{ color:green; text-decoration: none; }
.BuddyStatusActive a{ color:green; text-decoration: none; }

.BuddyStatusMobile{ color:green; text-decoration: none; }
.BuddyStatusMobile a{ color:green; text-decoration: none; }

.BuddyStatusAway{ color:orange; text-decoration: none; }
.BuddyStatusAway a{ color:orange; text-decoration: none; }

.BuddyStatusNotusing{ color:orange; text-decoration: none; }
.BuddyStatusNotusing a{ color:orange; text-decoration: none; }

.BuddyStatusOffline{ color:black; text-decoration: none; }
.BuddyStatusOffline a{ color:black; text-decoration: none; }

.BuddyStatusDND{ color:orange; text-decoration: none; }
.BuddyStatusDND a{ color:orange; text-decoration: none; }

.LoginProgress{
font-family: Verdana,Tahoma; font-size: 11px;
font-weight:bold; color:green; 
}




#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:14px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}


	.buddy_window{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:11px;
		position:absolute;
		overflow:hidden;	
		z-index:90;			
	}
	.buddy_window .buddy_window_top{
		width:100%;
		height:17px;
		font-size:11px;
		position:relative;
		background-color: #707070;	
		z-index:95;	
	}
	
	.top_buttons{
		float:right;
		z-index:10;
		position:absolute;
		right:0px;
		top:0px;
		width:17px;		
	}
	.buddy_windowMiddle{
	height:40px;
		border-left:3px solid #707070;
	}
	.buddy_windowContent{
		border-right:3px solid #707070;
		border-left:3px solid #707070;
		padding-left:5px;
		padding-right:2px;
		height:55px;
		overflow:hidden;
		background-color:#FFF;
		border-bottom: 3px solid #707070;
	}
	
	.buddy_okbutton{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:11px;
		height:20px;
		margin-top:3px;
		text-align: center;
	}
	.buddy_name{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:11px;
		margin-top:3px;
	}
	.msgfrom{
	font-weight:bold;
	}
	.annfrom{
	font-weight:bold;
	color:#0099CC;
	}
	.msgcolor{
	color:#8B4513;
	}
	.systemmsg{
	font-weight:bold;
	color:#FF3333;
	}
	.annmsg{
	font-weight:bold;
	color:#0099CC;
	}
	.anncolor{
	color:#0099CC;
	}
	.adminmsg{
	font-weight:bold;
	color:#FF0033;
	}