@import url('positions.css');
@import url('borders.css');
@import url('fonts.css');
@import url('misc.css');
@import url('print.css');

@media screen,projection,handheld {
	
	body {
		background: #111;
		}	
	#loginContent {
		background: transparent url(../img/room.gif) 50% 50% no-repeat;
		color: #000;
		}
	#loginContent a {
		color: #E19015;
		text-decoration: none;
		}
	#loginContent a:hover {
		text-decoration: underline;
		}
	#loginForm, #welcome_msg_2 {
		width: 200px;
		height: 200px;
		background: transparent url(../img/200.gif) 0 0 no-repeat;
		}
	#loginContent input {
		width: 150px;
		border: 2px solid #000;
		background: #EEE;
		}
	#loginContent #loginFormContainer #loginButton {
		background: transparent url(../img/go.gif) 0 0 no-repeat;
		width: 156px;
		height: 25px;
		border: 0;
		cursor: pointer;
		}
	#loginContent #loginFormContainer #loginButton:hover {
		background-position: 0 -25px;
		}
	#welcome_msg {
		width: 250px;
		height: 300px;
		background: transparent url(../img/250x300.gif) 0 0 no-repeat;
		}
	#fixedsys_link, #loginContent #copyright {
		width: 200px;
		height: 50px;
		background: transparent url(../img/50.gif) 0 0 no-repeat;
		}
	#loginContent #errorContainer {
		color: red;
		}
	#content {
		background: #651503 url(../img/back_1.gif);
		color:#333333;
		}
	#content #dummy_1 {
		position: absolute;
		width: 104px;
		height: 67px;
		right: 191px;
		bottom: 61px;
		background: transparent url(../img/grunge_sofa_2.gif) 0 0 no-repeat;
		}
	#content #dummy_3 {
		position: absolute;
		width: 133px;
		height: 220px;
		top: 130px;
		right: 80px;
		background: transparent url(../img/banksheater.gif) 0 0 no-repeat;
		}
	#content a {
		color: #5E3F00;
		}
	#content #logoutChannelContainer {
		background: #7C5B27 url(../img/header_2.gif) 0 0 repeat-x;
		border-bottom: 1px solid #1F1F1F;
		}
	#content #logoutChannelContainer #select_wrap {
		position: absolute;
		top: 0;
		right: 300px;
		width: 349px;
		height: 34px;
		text-align: center;
		background: transparent url(../img/rug_2.gif) 0 0 no-repeat;
		color: #5F562C;
		}
	#content #logoutChannelContainer #select_wrap select {
		margin-top: 5px;
		border: 1px solid #83807C;
		border-top: 1px solid #8F8C65;
		background: #8F8C65;
		line-height: 12px;
		color: #5F562C;
		}
	#content #footer {
		background: #7C5B27 url(../img/footer_2.gif) 0 0 repeat-x;
		border-top: 1px solid #1F1F1F;
		}
	#content #onlineListContainer, #content #helpContainer, #content #settingsContainer {
		padding: 0 0 10px 0;
		background: transparent url(../img/list_1_bottom.gif) bottom left no-repeat;
		}
	#content #onlineListContainer h3, #content #helpContainer h3, #content #settingsContainer h3 {
		position: absolute;
		top: 0;
		left: 0;
		width: 270px;
		height: 40px;
		margin: 0;
		padding: 0;
		text-indent: 14px;
		line-height: 30px;
		color: #3C2D0C;
		font-weight: normal;
		background: transparent url(../img/list_1_top.gif) top left no-repeat;
		}
	#list_wrap, #helpList, #settingsList {
		position: absolute;
		top: 25px;
		bottom: 10px;
		width: 240px;
		padding: 0 15px;
		background: transparent url(../img/list_1.gif) 0 0 repeat-y;
		}
	#onlineList, #helpList div.scroll, #settingsList div.scroll {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 240px;
		margin: 0;
		padding: 15px 0;
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-3dlight-color: #5E3F00;
		scrollbar-arrow-color: #5E3F00;
		scrollbar-darkshadow-color: #9E9E9E;
		scrollbar-face-color: #9A9677;
		scrollbar-highlight-color: #9E9E9E;
		scrollbar-shadow-color: #5E3F00;
		}
	#onlineList {
		top: 25px;
		}
	#content #helpContainer #helpList dt {
		padding: 2px 0 2px 5px;
		color: #9A9677;
		background: transparent url(../img/dl_2.gif) 0 0 no-repeat;
		}
	#content #helpContainer #helpList dt.admin {
		background: transparent url(../img/dl_admin_2.gif) 0 0 no-repeat;
		}
	#content #settingsContainer {
		color: #3C2D0C;
		}
	#content #settingsContainer tr {
		border-right: 4px solid #9A9677;
		padding: 2px;
		}
	#content #settingsContainer tr.rowEven {
		background: #78744E;
		}
	#content #settingsContainer td.noise {
		width: 105px;
		}
	#content #settingsContainer input.text, #content #settingsContainer select {
		border: 1px solid;
		border-color: #3C2D0C #9E9E9E #9E9E9E #3C2D0C;
		background: #9C9B8C;
		color: #3C2D0C;
		}
	.statusContainerOn {
		background-image: url(../img/loading.gif);
		}
	.statusContainerOff {
		background-image: url(../img/loading-done.gif);
		}
	#content #inputFieldContainer textarea {
		margin: 0;
		border: 1px solid;
		border-color: #574211 #8C7D4F #8C7D4F #574211;
		padding: 3px;
		background: #816A3A url(../img/stain_3.gif) 10px 5px no-repeat;
		color: #3C2D0C;
		}
	#content #bbCodeContainer {
		margin: 0;
		border: 1px solid;
		border-color: #574211 #8C7D4F #8C7D4F #574211;
		border-top: 0;
		border-right: 0;
		padding-left: 1px;
		background: #816A3A;
		}
	#content #submitButtonContainer {
		width: 154px;
		height: 27px;
		margin: 0;
		border: 1px solid;
		border-color: #574211 #8C7D4F #8C7D4F #574211;
		border-top: 0;
		border-left: 0;
		background: #816A3A;
		}
	#logspage #content #submitButtonContainer {
		border-top: 1px;
		border-left: 1px;
		height: 25px;
		width: 60px;
		}
	#content #bbCodeContainer input, #content #submitButton {
		margin: 0 1px 1px 0;
		width: 32px;
		height: 26px;
		border: 1px solid;
		border-color: #8C7D4F #574211 #574211 #8C7D4F;
		padding-bottom: 2px; 
		background-color: #7C5B27;
		color: #3C2D0C;
		}
	#logspage #content #submitButton {
		width: 58px;
		height: 24px;
		}
	#content #bbCodeContainer input:hover, #content #submitButton:hover {
		background: #654C15;
		color: #7C5B27;  
		}
	#content #submitButton {
		position: absolute;
		top: 0;
		right: 0;
		}
	#content #submitButtonContainer #messageLengthCounter {
		position: absolute;
		display: block;
		width: 120px;
		text-align: center;
		line-height: 26px;
		color: #3C2D0C;
		background: transparent url(../img/stain_4.gif) right bottom no-repeat;
		}
	#content #copyright a {
		color: #3C2D0C;
		text-transform: uppercase;
		}
	#content #optionsContainer {
		background: url(../img/options.gif) 0 0 no-repeat;
		}
	#content #optionsContainer input {
	    background-color:transparent;
		}
	#content #optionsContainer #helpButton {
	    background: url('../img/help.gif') 50% 50% no-repeat;
		}
	#content #optionsContainer #settingsButton {
	    background: url('../img/settings.gif') 50% 50% no-repeat;
		}
	#content #optionsContainer #onlineListButton {
	    background: url('../img/users.gif') 50% 50% no-repeat;
		}
	#content #optionsContainer #audioButton {
	    background: url('../img/audio.gif') 50% 50% no-repeat;
		}
	#content #optionsContainer #audioButton.off {
	    background: url('../img/audio-off.gif') 50% 50% no-repeat;
		}
	#content #optionsContainer #autoScrollButton {
	    background: url('../img/autoscroll.gif') 50% 50% no-repeat;
		}
	#content #optionsContainer #autoScrollButton.off {
	    background: url('../img/autoscroll-off.gif') 50% 50% no-repeat;
		}
	#content #chatList .rowEven {
		background: transparent url(../img/overlay.png);
		}
	#content .guest {
		color: #777;
		}
	#content .user {
		color: #690;
		}
	#content .moderator {
		color: #0A0;
		}
	#content .admin {
		color: #E19015;
		}
	#content #onlineList a {
		line-height: 120%;
		}
	#content #onlineList .admin {
		text-indent: 20px;
		background: transparent url(../img/admin.gif) 0 2px no-repeat;
		}
	#content #onlineList .guest {
		color: #3C2D0C;
		text-indent: 20px;
		}
	#content #onlineList .user {
		text-indent: 20px;
		background: transparent url(../img/user.gif) 0 2px no-repeat;
		}
	#content #chatList span {
		padding: 2px 0;
		}
	#content #chatList span.chatBot {
		color: #C33;
		padding-left: 18px;
		background: transparent url(../img/frank.gif) 0 0 no-repeat;
		}
	#content #onlineListContainer #list_wrap span.chatbot {
		display: block;
		margin-top: 20px;
		color: #C33;
		padding: 5px 0 0 20px;
		background: transparent url(../img/frank.gif) 0 2px no-repeat;
		}
	#content #chatList .chatBotErrorMessage {
		color: red;
		}
	#content #chatList a {
		color: #AAA;
		}
	#content #settingsContainer #settingsList input.playback {
		background: url(../img/playback_2.gif) no-repeat;
		}

}