@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;
		}
	* {
		outline: none;
		}	
	#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;
		}
	#home_butt a:link, #home_butt a:visited, #home_butt a:active {
		display: block;
		text-decoration: none;
		width: 44px;
		height: 44px;
		background: transparent url(../img/home.gif) 0 0 no-repeat;
		}
	#home_butt a:hover {
		background-position: 0 -44px;
		}
	#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_2.gif);
		color:#333333;
		}
	#content #dummy_1 {
		position: absolute;
		width: 104px;
		height: 67px;
		right: 191px;
		bottom: 61px;
		background: transparent url(../img/grunge_sofa.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;
		}
	#dummy_4 {
		display: none;
		}
	#content a {
		color: #960;
		}
	#content #logoutChannelContainer {
		background: #7C5B27 url(../img/header.gif) 0 0 repeat-x;
		border-bottom: 1px solid #333;
		}
	#content #logoutChannelContainer #select_wrap {
		position: absolute;
		top: 0;
		right: 300px;
		width: 349px;
		height: 34px;
		text-align: center;
		background: transparent url(../img/rug.gif) 0 0 no-repeat;
		color: #9A8C47;
		}
	#content #logoutChannelContainer #select_wrap select {
		margin-top: 5px;
		border: 1px solid #AAA;
		border-top: 1px solid #D9D38E;
		background: #E8E2A3;
		line-height: 12px;
		color: #9A8C47;
		}
	#content #footer {
		background: #7C5B27 url(../img/footer.gif) 0 0 repeat-x;
		border-top: 1px solid #333;
		}
	#content #onlineListContainer, #content #helpContainer, #content #settingsContainer {
		padding: 0 0 10px 0;
		background: transparent url(../img/list_2_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: #614914;
		font-weight: normal;
		background: transparent url(../img/list_2_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_2.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: #960;
		scrollbar-arrow-color: #960;
		scrollbar-darkshadow-color: #FFF;
		scrollbar-face-color: #F9F3C1;
		scrollbar-highlight-color: #FFF;
		scrollbar-shadow-color: #960;
		}
	#onlineList {
		top: 25px;
		}
	#content #helpContainer #helpList dt {
		padding: 2px 0 2px 5px;
		color: #F9F3C1;
		background: transparent url(../img/dl.gif) 0 0 no-repeat;
		}
	#content #helpContainer #helpList dt.admin {
		background: transparent url(../img/dl_admin.gif) 0 0 no-repeat;
		}
	#content #settingsContainer {
		color: #614914;
		}
	#content #settingsContainer tr {
		border-right: 4px solid #F9F3C1;
		padding: 2px;
		}
	#content #settingsContainer tr.rowEven {
		background: #C3BC7E;
		}
	#content #settingsContainer td.noise {
		width: 105px;
		}
	#content #settingsContainer input.text, #content #settingsContainer select {
		border: 1px solid;
		border-color: #614914 #FFF #FFF #614914;
		background: #FDFBE3;
		color: #614914;
		}
	.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: #8D6C1D #E2CA81 #E2CA81 #8D6C1D;
		padding: 3px;
		background: #D1AC5E url(../img/stain.gif) 10px 5px no-repeat;
		color: #614914 !important;
		}
	#content #bbCodeContainer {
		margin: 0;
		border: 1px solid;
		border-color: #8D6C1D #E2CA81 #E2CA81 #8D6C1D;
		border-top: 0;
		border-right: 0;
		padding-left: 1px;
		background: #D1AC5E;
		}
	#content #submitButtonContainer {
		width: 154px;
		height: 27px;
		margin: 0;
		border: 1px solid;
		border-color: #8D6C1D #E2CA81 #E2CA81 #8D6C1D;
		border-top: 0;
		border-left: 0;
		background: #D1AC5E;
		}
	#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: #E2CA81 #8D6C1D #8D6C1D #E2CA81;
		padding-bottom: 2px; 
		background-color: #C9933F;
		color: #614914;
		}
	#logspage #content #submitButton {
		width: 58px;
		height: 24px;
		}
	#content #bbCodeContainer input:hover, #content #submitButton:hover {
		background: #A47C22;
		color: #C9933F;  
		}
	#content #submitButton {
		position: absolute;
		top: 0;
		right: 0;
		}
	#content #submitButtonContainer #messageLengthCounter {
		position: absolute;
		display: block;
		width: 120px;
		text-align: center;
		line-height: 26px;
		color: #614914;
		background: transparent url(../img/stain_2.gif) right bottom no-repeat;
		}
	#content #copyright a {
		color: #614914;
		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_2.gif) 0 2px no-repeat;
		}
	#content #onlineList .guest {
		color: #614914;
		text-indent: 20px;
		}
	#content #onlineList .user {
		text-indent: 20px;
		background: transparent url(../img/user_2.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.gif) no-repeat;
		}

}