* { font-family: Verdana, Sans-Serif; font-size: 9pt; }
html, body { width: 100%; height: 100%; background-color: #fff; }
html, body, form, table { margin: 0px; padding: 0px; }
table { }
img { border-width: 0px; }
a { color: #3e6795; font-weight: bold; text-decoration: none; } 
a:hover { color: black; }

.forceWordWrap { -moz-binding: url("/_Common/FFWordWrap.xml#wordwrap"); behavior: url("/_Common/IEWordWrap.htc"); }


#frmMain { width: 100%; height: 100%; }



.row { margin-top: 10px; width: 100%; overflow: visible; font-size: 8pt; }
.rowLabel { font-weight: bold; margin-bottom: 3px; font-size: 8pt; }
.rowBody { font-size: 8pt; }
.rowError { padding-top: 5px; color: #b33; font-size: 8pt; }
.rowBody .text { width: 150px; font-size: 8pt; }
.rowActions { padding-top: 20px; font-size: 8pt; }
.rowActions input { font-size: 8pt; }


#titleRow { height: 19px; }


#navigation { font-size: 9pt; width: 100%; }
#navigation .logo { border-bottom: 1px solid silver; }
#navigation .unselectedMenu { text-align: center; border-bottom: 1px solid silver; border-left: 1px solid silver; width: 1%; }
#navigation .selectedMenu { text-align: center; border-left: 1px solid silver; width: 1%; }
#navigation td { white-space: nowrap; padding: 2px 8px; }


#pageInfo td { border-bottom: 1px solid silver; font-size: 9pt; padding: 3px; }


#systemMessages { background-color: #bbb676; font-weight: bold; color: white; }
#systemMessages td { padding: 3px; border-bottom: 1px solid silver; }
#systemMessages ul { margin: 5px 20px; padding: 0px; }
#systemMessages li { font-size: 8pt; }

h2 { font-weight: bold; font-size: 1.4em; }


#users { height: 100%; border-right: 1px solid silver; border-bottom: 1px solid silver; background-color: #e8e8e8; overflow: auto; }
#users .user { padding: 3px; border: 1px solid gray; margin: 1px; cursor: pointer; }
#users .user .displayName { font-size: 8.5pt; font-weight: bold; margin-right: 1px; text-decoration: underline; }
#users .user .time { font-size: .8em; }
#users .user .quote { font-style: italic; font-size: 8pt !important; margin-top: 2px; display: block; }
#users .user .quote a { font-size: 8pt !important; }
#users div.New { background-color: #c1daff; }
#users div.Current { background-color: transparent; }
#users div.Old { background-color: silver; }


#messages { height: 100%; border-bottom: 1px solid silver; overflow: auto; }
#messages .message { border-bottom: 1px solid gray; padding: 5px; margin: 1px; }
#messages .message .user { padding: 1px 3px; }
#messages .message .sprite { margin-right: 3px; float: left; }
#messages .message .sprite img { width: 34px; height: 34px; cursor: pointer; }
#messages .message .user .displayName { font-weight: bold; text-decoration: underline; cursor: pointer; }
#messages .message .user .time { font-size: .8em; margin-right: 1px; }
#messages .message .text { padding: 3px; display: block; }

#messages .ad { border-bottom: 1px solid gray; padding: 5px; margin: 1px; background-color: #ffa; }
#messages .ad .body { font-size: 8pt; }
#messages .ad a { margin-top: 5px; color: #369; font-size: 8pt; text-decoration: none; }
#messages .ad a:hover { color: red; }


#messageEntry { vertical-align: middle; font-size: 9pt; }

#imgSound { cursor: pointer; }


#chatControl td { padding: 2px; height: 44px; }


#emoticons { }
#emoticons .emoticon img { cursor: pointer; }
#emoticons .emoticon { border: 1px solid gray; float: left; margin: 5px; padding: 5px; }
#emoticons div { white-space: nowrap; }
#emoticons .label { font-size: .8em; }

#imgEmoticons { cursor: pointer; }


#profile { }
#profile .itemTitle { font-weight: bold; }
#profile .itemValue { margin-bottom: 10px; }


.dialog { border: 1px solid silver; top: 30%; left: 30%; width: 300px; position: absolute; display: none; background-color: #eee; }
.dialog .titleBar { font-weight: bold; cursor: move; padding: 5px; font-size: 11px; border-bottom: 1px solid silver; }
.dialog .close { color: white; background-color: #a00; position: absolute; font-weight: bold; top: 3px; right: 3px; border: 1px solid silver; padding: 0px 5px 2px 5px; cursor: pointer; font-size: 11px; }
.dialog .bodyText { overflow-y: auto; overflow: -moz-scrollbars-vertical; height: 200px; padding: 5px; font-size: 11px; }

img.sprite { behavior: url("/_Common/pngbehavior.htc"); }


.optionsMenu { height: 100%; text-align: right; font-size: 8pt; background-color: #eeeeee; padding: 8px; border-right: 1px solid gray; }
.optionsMenu ul { margin: 0px; padding: 0px; list-style-type: none; }

.optionsPanel { height: 350px; font-size: 8pt; padding: 8px; vertical-align: top; overflow: auto; }


.helpBody { font-size: 8pt; padding: 5px; height: 100%; overflow: auto; }


.loginPanel { font-size: 8pt; padding: 8px; }

.loginRow { margin-top: 3px; margin-right: 10px; overflow: visible; float: left; }
.loginRowLabel { font-weight: bold; margin-bottom: 3px; }
.loginRowBody { }
.loginRowError { padding-top: 5px; color: #b33; }
.loginRowBody .text { width: 150px; }
.loginRowActions { padding-top: 20px; }


#messages .systemMessage { border-bottom: 1px solid gray; padding: 5px; margin: 1px; }
#messages .systemMessage img { vertical-align: middle; }