﻿
#shoutbox {
	padding: 0px;
	margin: 0px auto 0px auto;
	width: 330px;
	position: relative;
	overflow: hidden;
	background-image: url('../theme/shoutbox.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	height: 350px;
}

#sb-level-1 {
	padding: 0px;
	margin: 0px;
	width: 330px;
	height: 50px;
	position: relative;
	overflow: hidden;
}
#sb-level-1a {
	padding: 0px;
	margin: 0px;
	width: 165px;
	height: 50px;
	position: relative;
	float: left;
	overflow: hidden;
}
#sb-light-l {
	background-image: url('../theme/blue-light-l.gif');
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: 30px 0px 0px 46px;
	position: relative;
	width: 20px;
	height: 20px;
	overflow: hidden;
}
#sb-light-r {
	background-image: url('../theme/blue-light-r.gif');
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin: 30px 0px 0px 99px;
	position: relative;
	width: 20px;
	height: 20px;
	overflow: hidden;
}

#sb-level-1b {
	padding: 0px;
	margin: 0px;
	width: 165px;
	height: 50px;
	position: relative;
	float: right;
	overflow: hidden;
}
#sb-level-2 {
	padding: 0px;
	margin: 0px;
	width: 330px;
	height: 142px;
	position: relative;
	overflow: hidden;
}
#sb-level-3 {
	padding: 0px;
	margin: 0px;
	width: 330px;
	height: 80px;
	position: relative;
	overflow: hidden;
}
#sb-level-3a {
	padding: 0px;
	margin: 0px;
	width: 230px;
	height: 80px;
	position: relative;
	overflow: hidden;
	float: left;
}
#sb-line-1 {
	padding: 0px;
	margin: 4px 0px 0px 60px;
	width: 170px;
	height: 14px;
	position: relative;
	overflow: hidden;
}
#sb-line-2 {
	padding: 0px;
	margin: 4px 0px 0px 60px;
	width: 170px;
	height: 50px;
	position: relative;
	overflow: hidden;
}
#sb-level-3b {
	padding: 5px 0px 0px 0px;
	margin: 0px 50px 0px 0px;
	width: 50px;
	height: 80px;
	position: relative;
	overflow: hidden;
	float: right;
}
#sb-level-4 {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 330px;
	height: 95px;
	position: relative;
	overflow: visible;
}
#shout-error {
	padding: 0px;
	margin: 20px auto 0px auto;
	width: 330px;
	height: 15px;
	position: relative;
	text-align: center;
}
#shouts {
	width: 202px;
	height: 126px;
	position: relative;
	padding: 0px;
	margin: 5px auto 0px auto;
}
#shouts {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
#shouts::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
.shout {
	margin: 0px;
	position: relative;
	overflow: hidden;
	padding: 2px;
	text-align: left;
	list-style-type: none;
	color: #0E1B25;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #0E1B25;
}
.shout span {
	color: #96E0FC;
	text-align: left;
	list-style-type: none;
}
.shoutbutn {
	padding: 0px;
	margin: 0px;
	color: #018BAD;
	text-decoration: none;
	font-weight: normal;
	background: url('../theme/shout-butn.png') no-repeat center top;
	position: relative;
	font-size: 90%;
	text-align: center;
}
.shoutbutn:hover {
	color: #01BDEB;
}




#shouts-scroll {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 48px;
	height: 20px;
	position: relative;
}
#scrollUp {
	padding: 0px;
	margin: 0px 2px 0px 2px;
	width: 20px;
	height: 20px;
	position: relative;
	float: left;
}
#scrollDown {
	padding: 0px;
	margin: 0px 2px 0px 2px;
	width: 20px;
	height: 20px;
	position: relative;
	float: right;
}










textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}
.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}


::-webkit-input-placeholder {
    color:#018BAD;
}
::-moz-placeholder {
    color:#018BAD;
}
::-ms-placeholder {
    color:#018BAD;
}
::placeholder {
    color:#018BAD;
}



#noscroll-message {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
#noscroll-message::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}

.sb-name {
	width: 160px;
	height: 14px;
	position: relative;
	overflow: hidden;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	text-align: left;
	background-color: transparent;
	border: 0px;
	color: #018BAD;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 95%;
}
.sb-message {
	width: 160px;
	height: 50px;
	position: relative;
	overflow: hidden;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	text-align: left;
	background-color: transparent;
	border: 0px;
	color: #018BAD;
	wrap: hard;
	font-size: 95%;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}




#cap-wrapper {
	padding: 0px;
	margin: 46px 0px 0px 0px;
	position: relative;
	width: 266px;
	height: 22px;
}

#cap-1 {
	padding: 0px;
	margin: 0px;
	width: 266px;
	height: 14px;
	position: relative;
	text-align: center;
}
#cap-2 {
	padding: 0px;
	margin: 0px;
	width: 266px;
	height:14px;
	position: relative;
	text-align: center;
}
#cap-3 {
	padding: 0px;
	margin: 0px;
	width: 266px;
	height: 14px;
	position: relative;
	text-align: center;	
}


#submitButton {
	padding: 0px;
	margin: 0px;
	color: #018BAD;
	text-decoration: none;
	font-weight: normal;
	background: url('../theme/shout-butn.png') no-repeat center top;
	position: relative;
	font-size: 90%;
	text-align: center;
}
