/*scroll*/

body {
	color: #aaa;
}

body.site-desktop *::-webkit-scrollbar, body.site-desktop::-webkit-scrollbar {
	height: 1em;
	width: 1.1em;
	background: rgba(10,10,10, 0.6);
	border-radius: 1.35em;
	box-shadow: inset 1px 1px 1px #161616;
}
body.site-desktop *::-webkit-scrollbar-thumb, body.site-desktop::-webkit-scrollbar-thumb {
	background: rgb(80, 86, 92);
	border-radius: 1.35em;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
body.site-desktop *::-webkit-scrollbar-corner, body.site-desktop::-webkit-scrollbar-corner {
	background: rgba(10,10,10, 0.6);
}
body.site-desktop {
	scrollbar-face-color: rgb(80, 86, 92);
	scrollbar-shadow-color: rgb(80, 86, 92);
	scrollbar-highlight-color: rgb(80, 86, 92);
	scrollbar-3dlight-color: rgb(80, 86, 92);
	scrollbar-darkshadow-color:rgb(29, 31, 32);
	scrollbar-track-color: rgb(29, 31, 32);
	scrollbar-arrow-color: rgb(120, 129, 138);
}

/*scroll - end*/

body.site-desktop {
	background-color: rgb(10,10,10);
	background-image: url("../../images/desktop/body_bg.png");
}

body.site-mobile {
	background-color: rgb(56, 56, 56);
	background-image: url("../../images/mobile/body_bg.png");
}

body.site-mobile.very-old-device {
	background-image: none;
}

body.site-mobile.android-ics .box-outside-log-interface {
	background-color: rgb(56, 56, 56);
}

#top-state {
	color: white;
}

#top-state .top-state-close {
	color: black;
}

#top-state-old-browser-ie {		
	background-color: rgb(219, 207, 183);
	border-bottom: 2px solid rgb(182, 178, 170);
	
	color: rgb(102, 97, 86);
}

#top-state-old-browser-ie img:hover {
	cursor: pointer;
	background-color: rgb(263, 248, 220);
}

#top-state-lost-connection {		
	background-color: rgb(191,72,72);
	border-bottom: 2px solid rgb(153,58,58);
}

#top-state-reconnected {
	background-color: rgb(65,172,65);
}

header .header-inner {
	background-color: #182E44;
	background-image: url("../../images/interface_bg.png");
	box-shadow: 0 4px 5px -2px black;
	border-bottom: 2px solid #0A141F;
}

body.site-mobile.very-old-device header .header-inner {
	background-image: none;
}

body.site-desktop #logo {
	/*-webkit-filter: drop-shadow(0px 0px 6em rgba(255,255,255,0.82));*/
}

.header-right {
	float: right;
	
	color: #DCB000;
	font-weight: bold;
}

.header-right > div.header-online {
	text-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.25);
}

body.site-desktop div.header-online {
	text-shadow: 0px 0px 6em white;
}

body.site-mobile #header-options {
	background-color: rgba(255,255,255,0.05);
	-webkit-box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.88);
	box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.88);
	border-left: 1px solid rgb(27,52,76);
}

body.site-mobile #header-options:active {
	background-color: #234566;
}

body.site-mobile #header-options > div { /*szczeble*/
	background-color: rgb(163, 139, 88);
	opacity: 0.6;
	
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.88);
}

div.header-menu div.header-menu-arrow { /*arrow color*/
	border-bottom: 12px solid rgba(12,12,12,0.75);
}

div.header-menu div.header-menu-lists {
	background-color: rgb(16,16,16);
	background-color: rgba(16,16,16,0.92);
	box-shadow: 3px 5px 5px rgba(0,0,0,0.67);
	border: 1px solid rgba(56, 56, 56, 0.4);
	border-top: none;
}

div.header-menu div.header-menu-lists > ul > li {
	color: #999;
	border-bottom: 1px solid rgb(51,51,51);
	border-width: 0 0 1px 0;
	-webkit-border-image: -webkit-linear-gradient(right, rgb(51,51,51), rgba(51, 51, 51, 0)) 100% 1;
}

body.site-mobile.old-device div.header-menu div.header-menu-lists > ul > li {
	-webkit-border-image: none;
}

div.header-menu div.header-menu-lists > ul > li:active:not(.disabled) {
	background-color: rgb(64,64,64);
}

div.header-menu div.header-menu-lists > ul > li.disabled {
	color: #333;
	/*text-shadow: 1px 1px 0px #555;*/
}

body.site-desktop #intro-start {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.17);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	color: rgba(255, 255, 255, 0.73);
}

body.site-desktop.ie7 #intro-start, body.site-desktop.ie8 #intro-start {
	box-shadow: none;
}

input.intro-interface-add-topic-field::-webkit-input-placeholder { color: #595959; }
input.intro-interface-add-topic-field:-moz-placeholder { color: #595959; }
input.intro-interface-add-topic-field:-ms-input-placeholder { color: #595959; }

body.site-desktop div.content#intro, body.site-desktop div.content#terms {
	background-color: rgb(60, 63, 66);
	border: 2px solid #444;
	box-shadow: 0 4px 5px -2px black;
}

body.site-mobile .intro-welcome p {
	text-shadow: 1px 1px 2px #181818;
}

.intro-footer {
	color: #9b9b9b;

	border-top: 1px solid rgb(89, 91, 94);
}

body.site-mobile-old-style .intro-footer {
	border-top: none;
}

.log-you .nick, .log-you .log-msg-show-full { color: #6792D6; }
.log-stranger .nick, .log-stranger .log-msg-show-full { color: #A0B85A; }

.log-disconnected {
	color: #FF7070;
}

body.site-desktop .box-screen {
	background-color: rgb(59, 61, 64);
	border: 2px solid #444;
}

.log-entry .nick::selection { color: #333; }
.log-entry .nick::-moz-selection { color: #333; }

.log-svlog {
	color: rgb(203, 170, 0);
}

@-webkit-keyframes blinknotinner {
    0% { background-color: none; }
    49% { background-color: none; }
    50% { background-color: rgba(220,176,0,1); color: black; }
    100% { background-color: rgba(220,176,0,1); color: black; }
}

@keyframes blinknotinner {
    0% { background-color: none; }
    49% { background-color: none; }
    50% { background-color: rgba(220,176,0,1); color: black; }
    100% { background-color: rgba(220,176,0,1); color: black; }
}

@-webkit-keyframes blinknotarrow {
    0% { border-top-color: none; }
    49% { border-top-color: none; }
    50% { border-top-color: rgba(220,176,0,1); }
    100% { border-top-color: rgba(220,176,0,1); }
}

@keyframes blinknotarrow {
    0% { border-top-color: none; }
    49% { border-top-color: none; }
    50% { border-top-color: rgba(220,176,0,1); }
    100% { border-top-color: rgba(220,176,0,1); }
}

.box-log-notification-inner {
	background-color: black;
	color: #ddd;
}

.box-log-notification-arrow {
	border-top: 5px solid black;
}

.box-interface div button {
	color: #bbb;
}

body.site-desktop .box-interface div button {
	background-color: #2c2c2c;
	border: 2px solid #3a3a3a;
	box-shadow: 0 4px 5px -2px black;
}

body.site-desktop .box-interface div button.enabled:hover {
	background-color: rgb(60, 63, 66);
}

.box-interface button .button-hotkey-title {
	color: #9E8F6D;
}

.box-interface button.disabled * {
	color: #111;
}

body.site-mobile .box-interface {
	background-color: #182E44;
	background-image: url("../../images/interface_bg.png");
	box-shadow: 0 -2px 5px 0 black;
	border-top: 2px solid #0A141F;
}

body.site-mobile.very-old-device .box-interface {
	background-image: none;
}

body.site-mobile .box-interface div button {
	color: #ffffff;
	text-shadow: 0px 1px 0px #528009;
	
	border: 1px solid rgb(75, 75, 75);
	border-bottom: none;
	
	background-color: rgb(103, 103, 103);
	box-shadow: 0px 2px 0px rgb(70,70,70);
}

body.site-mobile .box-interface div button:active {
	box-shadow: none;
}

.box-interface div textarea {
	color: #bbb;
}

body.site-desktop .box-interface div textarea {
	background-color: rgb(57, 59, 61); /*rgb(60, 63, 66);*/
	border: 2px solid #444;
	box-shadow: 0 4px 5px -2px black;
}

body.site-mobile-old-style .box-interface > div > textarea {
	background-color: rgb(56, 56, 56) !important;
    background-image: url("../../images/mobile/body_bg.png") !important;
}

body.site-mobile-old-style .box-interface > div > button {
	background-color: rgb(70,70,70) !important;
	box-shadow: none;
}

body.site-mobile-old-style .box-interface > div > * {
	border: 1px solid black !important;
}

body.site-desktop .o-new-talk {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}

.box-interface div textarea.disabled {
	/*background-color: #323435 !important;*/
}

body.site-mobile .box-interface div textarea {
	background-color: rgb(76, 76, 76);
	box-shadow: inset 0px 1px 0px rgb(50,50,50);
	/*border-top: 1px solid rgb(50,50,50);*/
}

.box-interface-middle textarea::-webkit-input-placeholder { opacity: 0.4; filter: alpha(opacity=40); font-style: italic; }
.box-interface-middle textarea::-moz-placeholder { opacity: 0.4; filter: alpha(opacity=40); font-style: italic; }
.box-interface-middle textarea:-moz-placeholder { opacity: 0.4; filter: alpha(opacity=40); font-style: italic; }
.box-interface-middle textarea:-ms-input-placeholder { opacity: 0.4; filter: alpha(opacity=40); font-style: italic; }

.mobile-select-location-place {
	background-color: #292929;
	color: #888;
	border: 1px solid rgb(74, 74, 74);
}

#select-location > .select-location-arrow.top {
	border-bottom: 12px solid #242424;
}

#select-location > .select-location-arrow.bottom {
	border-top: 12px solid #111;
}

body.site-mobile #select-location {
	box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.09);
}

#select-location > .select-location-inner {
	background-color: rgb(52, 55, 58);
	border: 2px solid #242424;
	box-shadow: 0 4px 5px -2px black;
}

#select-location > .select-location-inner > .select-location-label {
	background-color: rgb(71, 73, 76);
}

body.site-mobile .select-location-items {
	background-color: rgb(55, 58, 60);
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.55);
}

body.site-mobile #select-location > .select-location-inner > .select-location-items p:not(:last-child) {
	border: solid 1px rgba(76, 76, 76, 0.5);
	border-width: 0 0 1px 0;
	-webkit-border-image: -webkit-linear-gradient(left, rgba(76, 76, 76, 255), rgba(76, 76, 76, 0)) 100% 1;
}

body.site-mobile.old-device #select-location > .select-location-inner > .select-location-items p:not(:last-child) {
	-webkit-border-image: none;
}

body.site-desktop .select-location-items p:hover {
	background-color: rgb(71, 73, 76);
	color: #ddd;
}

#select-location > .select-location-inner > .select-location-items p.current {
	background-color: rgb(108,128,41);
	color: #ededed;
}

.content#terms h1 {
	border-bottom: 1px solid rgb(77, 79, 82);
}

.content#terms h2 {
	color: #848484;
}


.sd-unit {
	color: #bbb;
	background-color: rgb(60, 63, 66);
	border: 2px solid #5a5a5a;
	border-bottom: 2px solid #161616;
	border-right: 2px solid #161616;
}

#sd-current > .sd-unit {
	box-shadow: 0px 0px 12px rgba(255,255,255,0.07), 0px 2px 1px rgba(0, 0, 0, 0.37);
}

body.site-mobile #sd-current > .sd-unit {
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.37);
}

.sd-message {
	border-bottom: 1px solid #5a5a5a;
	padding-bottom: 12px;
	margin-bottom: 15px;
	line-height: 150%;
}

.sd-interface > button {
	background-color: rgb(101, 102, 94); /*rgb(94, 98, 102);*/
	box-shadow: 1px 1px 1px #2a2a2a;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.27);
	color: #bbb;
}

.sd-interface > button.disabled {
	color: rgb(77, 77, 77);
}

.spotted-widget-arrow {
	border-bottom: 5px solid rgb(32, 33, 35);
}

.spotted-widget-inner {
    background-color: rgb(48, 51, 53);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.43);
}

.spotted-widget .spotted-widget-inner {
	background-color: rgb(48, 51, 53);
}

.spotted-widget-mobile .spotted-widget-inner {
	background-color: rgb(38, 40, 41);
}

.spotted-widget-inner-message {
	background-color: rgb(48, 51, 53);
}

.pic-dialog-title {
	border-bottom: 1px solid rgb(107, 107, 107);
}

.t-text-highlight { color: #AACA3F; }

.t-text-highlight::selection { color: #111; }
.t-text-highlight::-moz-selection { color: #111; }

.t-button-css3-fallback {
	position: relative; behavior: url(./js/libs/PIE10/PIE.php);
}

.t-button1.enabled {
	background-image: -webkit-linear-gradient(bottom, rgb(84,103,27) 30%, rgb(108,128,41) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(84,103,27) 30%, rgb(108,128,41) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(84,103,27) 30%, rgb(108,128,41) 75%);
	-pie-background: linear-gradient(bottom, rgb(84,103,27) 30%, rgb(108,128,41) 75%);
	background-color: rgb(108,128,41);
	
	border: 1px solid rgb(105, 126, 41);
	box-shadow: 1px 1px 1px #111;
	color: #dedede;
	
	cursor: pointer;
}

body.site-mobile.old-device .t-button1.enabled {
	background-image: none;
}

.t-button1.disabled {
	background-image: -webkit-linear-gradient(bottom, rgb(89, 89, 89) 30%, rgb(112, 112, 112) 75%);
	background-image: -moz-linear-gradient(bottom, rgb(89, 89, 89) 30%, rgb(112, 112, 112) 75%);
	background-image: -ms-linear-gradient(bottom, rgb(89, 89, 89) 30%, rgb(112, 112, 112) 75%);
	-pie-background: linear-gradient(bottom, rgb(89, 89, 89) 30%, rgb(112, 112, 112) 75%);
	background-color: rgb(112, 112, 112);
	
	border: 1px solid rgb(64, 64, 64);
	color: rgb(55, 55, 55);
	
	cursor: default;
}

body.site-mobile.old-device .t-button1.disabled {
	background-image: none;
}

.t-button1.enabled:active {
	background-image: -webkit-linear-gradient(top, rgb(84,103,27) 30%, rgb(108,128,41) 75%);
	background-image: -moz-linear-gradient(top, rgb(84,103,27) 30%, rgb(108,128,41) 75%);
	background-image: -ms-linear-gradient(top, rgb(84,103,27) 30%, rgb(108,128,41) 75%);
	-pie-background: linear-gradient(top, rgb(84,103,27) 30%, rgb(108,128,41) 75%);
	background-color: rgb(108,128,41);
	
	box-shadow: -1px -1px 1px rgba(32,32,32,1);
}

body.site-mobile.old-device .t-button1.active {
	background-image: none;
}

.t-button2.enabled {
	background-color: rgb(108,128,41);
	color: #eee;
	
	cursor: pointer;
}

.t-button2.disabled {
	background-color: rgb(112, 112, 112);
	color: rgb(55, 55, 55);
	
	cursor: default;
}