html, body { height: 100%; width:  100%; }

.minimalframe-layer { height: 10%; } 




#chatbox { width: 100%; min-width: 300px; height: 90%; min-height: 300px; margin: 0px; padding: 0px; }

#chatbox #topContainer { height: 5%; width: 100%; }
#chatbox #centerContainer { height: 75%; min-height: 200px; width: 99%; padding-left: 2px; padding-right: 2px; }
#chatbox #inputFieldContainer { width: 100%; height: 10%; }
#buttons1Container { width: 100%; height: 5%; float: left; }
#buttons2Container { width: 100%; height: 5%; float: left; }

#chatbox #roomNameContainer { float: left; padding-left: 10px; }
#chatbox #propSubjectContainer { float: left; padding-left: 15px; }
#chatbox #statusText { float: right; padding-right: 10px; }
#chatbox #statusIcon { float: right; width: 16px; height: 16px; }
#chatbox #versionText { float: right; padding-left: 10px; padding-right: 10px; }

#chatbox #onlineListContainer { float: right; overflow: auto; width: 20%; height: 99%; }
#chatbox #onlineListContainer h3 { height: 30px; padding-left: 10px; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; margin: 0px; text-align: center; }
#chatbox #onlineListContainer #onlineList { }
#chatbox #onlineListContainer #onlineList div { padding-left: 10px; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; }
#chatbox #onlineListContainer #onlineList a { display: block; }
#chatbox #onlineListContainer #onlineList ul { margin-left: 0px; margin-top: 5px; margin-bottom: 5px; padding-left: 20px; }

#chatbox #chatList { float: left; overflow: auto; text-align: left; width: 78%; height: 99%; }
#chatbox #chatList div { padding-left: 10px; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; }
#chatbox #chatList img { vertical-align: middle; margin-bottom: 2px; }
#chatbox #chatList cite { margin-right: 5px; }
#chatbox #chatList .bbCodeImage { vertical-align: top; overflow: auto; margin: 5px; }
#chatbox #chatList .delete { display: block; float: right; width: 10px; height: 10px; margin-top: 2px; padding-left: 5px; }


#chatbox #inputFieldContainer #inputField { width: 98%; height: 40px; padding-left: 2px; }

#chatbox #colorCodesContainer { float: left; height: 22px; padding: 2px; }
#chatbox #colorCodesContainer a { display: block; float: left; width: 8px; height: 20px; }
#chatbox #emoticonsContainer { float: left; height: 22px; padding: 2px; }
#chatbox #emoticonsContainer a { margin-left: 1px; margin-right: 1px; }
#chatbox #emoticonsContainer img { vertical-align: middle; margin-bottom: 2px; }


#chatbox #optionsContainer { float: left; height: 25px; }
#chatbox #optionsContainer input { vertical-align: middle; padding-left: 4px; padding-right: 4px; }
#chatbox .imagebuttons input.button { width: 22px; height: 22px; }

#chatbox #submitButtonContainer { float: right; width: 180px; height: 24px; padding-right: 10px; }