body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

body                              { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555; }
a                                 { text-decoration: none; color: #555;}
a:hover                           { text-decoration: underline; }

.hidden                           { display: none; }
.left                             { float: left; }
.right                            { float: right; }
.smallText                        { font-size: 10px; }

.window                           { position: absolute; padding: 0px 10px 10px 15px; /* _behavior: url('/css/iepngfix.htc'); */ }
.window h1                        { font-size: 35px; height: 35px; margin-left: -8px; font-variant: small-caps; cursor: default; display: block; overflow: hidden; }
.window .windowContent            { background-color: #fff; overflow: hidden; }
.window .vSizer                   { }
.window .hSizer                   { }
.window .vhSizer                  { background: url('/img/vhResizer.png') no-repeat bottom right; }
.window .windowTools              { position: absolute; display: block; width: 95px; height: 30px; top: 0; right: 0; background: url('/img/blank.gif');}
.windowTools.invisible div        { display: none; }
.window .button                   { width: 17px; height: 13px; float: right; cursor: default; cursor: pointer; }
.window .btnClose                 { background: url('/img/icons/close.png') no-repeat top left; _behavior: url('/css/iepngfix.htc'); }
.window .btnClose:hover           { background: url('/img/icons/close_hover.png') no-repeat top left; }
.window .btnMinimize              { background: url('/img/icons/minimize.png') no-repeat top left; _behavior: url('/css/iepngfix.htc'); }
.window .btnMinimize:hover        { background: url('/img/icons/minimize_hover.png') no-repeat top left; }
.window .btnReload                { background: url('/img/icons/reload.png') no-repeat top left; _behavior: url('/css/iepngfix.htc'); }
.window .btnReload:hover          { background: url('/img/icons/reload_hover.png') no-repeat top left; }

/* custom buttons styles */

.window .fpsData                  { width: 55px; text-align: right; font-size: 10px; cursor: default; }
.window .pausButton               { background-color: green; }
.window.camPaused .pausButton     { background-color: red; }

/*--*/

.window.active                    { background: url('/img/window_bg_a.png') no-repeat 0 15px; }
.window.active h1                 { color: #1a1a1a; }
.window.inactive                  { background: url('/img/window_bg.png') no-repeat 0 15px; }
.window.inactive h1               { color: #555; }

.window.rolledUp .windowContent   { display: none; }
.window.minimized                 { display: none; }


.scrollContainer                  { background: url('/img/blank.gif'); }
.scrollArea                       { }
.scrollContent                    { position: absolute; }
.hBar                             { position: absolute; height: 5px; background-color: #eee; line-height: 1px; }
.vBar                             { position: absolute; width: 5px; background-color: #eee; line-height: 1px; }
.hHandle                          { position: absolute; width: 5px; height: 5px; background-color: #aaa; line-height: 1px; }
.vHandle                          { position: absolute; width: 5px; height: 5px; background-color: #aaa; line-height: 1px; }


.scream                           { margin-bottom: 7px; width: 310px;}
.scream .sBody                    { clear: both; font-size: 12px; padding: 0 0 0 12px; }
.scream .sTitle                   { height: 10px; font-size: 9px; cursor: default; }
.scream .sTitle .sFrom            { float: left; display: block; }
.scream .sTitle .sTime            { float: right; }
.scream .userIcon                 { width: 8px; height: 8px; float: left; margin-right: 2px; margin-top: 1px;}
.scream .screamBullet             { margin: 2px 2px 0 2px; background: url('/img/icons/bullet_final.png') no-repeat top left; width: 8px; height: 8px; float: left; line-height: 1px; font-size: 1px; _behavior: url('/css/iepngfix.htc'); }
.scream .sBody a                  { text-decoration: none; color: #5B89A9; }
.scream .sBody a:hover            { text-decoration: underline; color: #2F4758; }
.scream .sComments                { font-size: 10px; padding-left: 12px; }
/*
.scream.anonymous  .sFrom a       { background: url('/img/icons/user_gray.gif') no-repeat 0 2px; padding-left: 10px; }
.scream.registered .sFrom a       { background: url('/img/icons/user_blue.gif') no-repeat 0 2px; padding-left: 10px; }
*/
div.iconWebcam                    { background: url('/img/icons/webcam.gif') no-repeat top left; width: 10px; height: 10px; line-height: 10px; float: right; margin-left: 2px; }

#screamForm                       { padding: 3px; }
#screamForm textarea              { width: 300px; height: 50px; border: solid 1px #d9d9d9; margin-bottom: 3px; font-size: 12px; color: #555; font-family: Arial, Helvetica, sans-serif; }
#screamForm .extra                { text-align: right; }
#screamForm .text                 { border: solid 1px #d9d9d9; width: 140px; margin-bottom: 3px; font-size: 10px; color: #555; font-family: Arial, Helvetica, sans-serif;}
#screamForm .submit               { border: solid 1px #d9d9d9; padding: 0px; background-color: #fff; }

.topBar                           { background-color: #eee; padding: 2px; font-size: 10px; height: 12px;}
#wantToScreamTitle                { }
#profileLink                      { }
#loginLink                        { }


#loginWindow form                 { margin: 3px; display: block; }
#loginWindow .input               { border: solid 1px #d9d9d9; font-size: 10px; color: #555; font-family: Arial, Helvetica, sans-serif; width: 100px; margin-bottom: 2px; }
#loginWindow .submit              { border: solid 1px #d9d9d9; padding: 0px; background-color: #fff; float: right; clear: right; }
#loginWindow .text                { font-size: 10px; text-align: right; width: 50px; float: left; margin-right: 3px; }

.profileTable                     { width: 320px }
.profileTable td                  { padding: 2px 2px 0px 2px; text-align: left; vertical-align: top; }
.profileTable th                  { font-variant: small-caps; font-weight: bold; padding: 2px; background-color: #eee; }
.profileTable .lCol               { width: 105px; }
.profileEdit                      { float: right; margin-right: 5px; font-variant: normal; font-size: 10px; font-weight: normal; }
.profileText                      { width: 130px; border: solid 1px #eee; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555; }
.profileTArea                     { width: 308px; height: 50px; border: solid 1px #eee; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555; }
.registerBtn                      { border: solid 1px #eee; padding: 1px; background-color: #fff; float: right; margin-right: 7px; margin-top: 5px; }

#windowBar                        { position: fixed; left: 0px; bottom: 0px; right: 200px; z-index: 1000; }
#windowBar div                    { height: 13px; width: 110px; float: left; border-left: solid 1px #eee; border-bottom: solid 1px #eee; border-top: solid 1px #aaa; border-right: solid 1px #aaa; margin-right: 2px; padding: 2px; overflow: hidden; cursor: pointer; background-color: #fff}
#windowBar div:hover              { background-color: #eee; border-left: solid 1px #eee; border-bottom: solid 1px #eee; border-top: solid 1px #8a8a8a; border-right: solid 1px #7a7a7a; }

#rightSide                        { position: fixed; right: 0px; bottom: 0px; width: 102px; z-index: 1000; }

#onlineDisplay                    { position: fixed; bottom: 0px; right: 0px; height: 13px; padding: 2px; background-color: #fff; z-index: 1001; border-left: solid 1px #aaa; border-bottom: solid 1px #eee; border-top: solid 1px #aaa; border-right: solid 1px #eee; }
#onlineList                       { display: none; position: fixed; bottom: 13px; right: 5px; background-color: #fff; border-left: solid 1px #aaa; border-bottom: solid 1px #eee; border-top: solid 1px #aaa; border-right: solid 1px #eee; padding: 3px; }
#onlineDisplay:hover #onlineList  { display: block; }
#onlineList a                     { display: block; padding: 0 2px; }
/*#onlineList a:hover               { text-decoration: none; background-color: #ddd; color: 222; }*/
.onlineBullet                     { background: url('/img/icons/bullet_final.png') no-repeat top left; width: 8px; height: 8px; float: left; margin: 4px 7px 0 0; }
.onlineBullet div                 { width: 8px; height: 8px; }
.onlineBullet.notify div          { background: url('/img/icons/bullet_chat.gif') no-repeat top left; }
#chatNotifyer                     { width: 14px; height: 11px; background: url('/img/icons/chat.gif') no-repeat top left; margin: 2px 0 0 2px; }
#chatNotifyer.on                  { background: url('/img/icons/chat_new.gif') no-repeat top left; }
#onlineDisplay div                { float: left; }
#soundVolume                      { width: 16px; height: 16px; background: url('/img/icons/sound_none.png') no-repeat 4px 0px; }
#soundVolume.mute                 { background: url('/img/icons/sound_mute.png') no-repeat top left; }


#popups                           { width: 100px; position: fixed; bottom: 20px; right: 2px; cursor: default; }

.popupContainer                   { border: solid 1px #ccc; margin-bottom: 2px; background-color: #fff; }
.popupTitle                       { position: relative; font-size: 8px; padding: 2px 2px 1px 2px; background-color: #eee; }
.popupContent                     { font-size: 9px; padding: 1px 2px 2px 2px; clear: both; }
.popupClose                       { position: absolute; top: 2px; right: 2px; width: 9px; height: 9px; line-height: 0; background: url('/img/icons/popup_close.gif') no-repeat top left; }
.popupContent a                   { color: #5B89A9; }

.chatLog                          { height: 200px; width: 320px; overflow: hidden; }
.chatTools                        { height: 40px; }
.chatTools textarea               { height: 40px; width: 270px; float: left; color: #555; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #ddd;  }
.chatTools input                  { height: 40px; width: 40px; float: left; color: #555; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: solid 1px #ddd; background-color: #fff; margin-left: 2px; }

.chatItem                         { margin-bottom: 2px; padding: 2px; width: 315px; }
.chatFrom                         { width: 315px; height: 13px; font-size: 10px; }
.chatItem.in .chatFrom            { background: url('/img/chat_in_bg.png') no-repeat top right; }
.chatItem.out .chatFrom           { background: url('/img/chat_out_bg.png') no-repeat top right; }

#screamWindow .comments           { padding: 0 15px 0 4px; border-left: solid 1px #ccc; }
.cText                            { border: solid 1px #ccc; margin-right: 2px; width: 150px; font-size: 9px; color: #555; padding: 1px; }
.cSubmit                          { border: solid 1px #ccc; width: 60px; font-size: 9px; background-color: #fff; color: #555; padding: 0px;}