.messagesnav{
    background-color:#F1F5FA;
    text-align:center;
    height:50px;
    margin:-22px -18px 10px -20px;
    padding-top:10px;
}
.bq
{
    margin:0 80px 5px 0px;
}
.bqq
{
    margin: 0 0px 5px 80px;
}
.replybtn
{
        position: absolute;
    right: 20px;
    top: -50px;
    border: 1px solid;
    border-radius: 10px;
    padding: 5px;
    cursor:pointer;
}

.sendbtn
{
        position: absolute;
    right: 20px;
    top: -80px;
    border: 1px solid;
    border-radius: 10px;
    padding: 5px;
    cursor:pointer;
}
.spinneroverlay
{

  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index:10;
  text-align:center;
  padding-top:50%;
  background-color:#fff;
  opacity:0.7;
  display:none;
}



#clock {
	background-image: url("../images/clockBg.png");
	height: 200px;
	position: relative;
	width: 200px
}
#clock div {
	position: absolute;
	left:50%
}
#clock img[src*="second"] {
	transition: transform 600000s linear 0s;
}
#clock:target img[src*="second"] {
	transform: rotate(3600000deg);
}
#clock img[src*="minute"] {
	transition: transform 360000s linear 0s;
}
#clock:target img[src*="minute"] {
	transform: rotate(36000deg);
}
#clock img[src*="hour"] {
	transition: transform 216000s linear 0s;
}
#clock:target img[src*="hour"] {
	transform: rotate(360deg);
}


.css-treeview a {
  
  padding: 5px;
  border-radius: 3px;
  margin: 2px;
}

.css-treeview ul,
.css-treeview li
{
	padding: 0;
	margin: 0;
	list-style: none;
 
}

.css-treeview input
{
	position: absolute;
	opacity: 0;
}

.css-treeview
{
	/*font: normal 11px "Segoe UI", Arial, Sans-serif;*/
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.css-treeview a
{
	text-decoration: none;
    padding: 5px 20px 20px 10px;
    width: 300px;
    border: 1px solid #d5e3ef;
}

.css-treeview a:hover
{
	text-decoration: underline;
}

.css-treeview input + label + ul
{
	margin: 0 0 0 22px;
    
}

.css-treeview input + label + ul
{
	display: none;
}

.css-treeview label,
.css-treeview label::before
{
	cursor: pointer;
  /*margin-left:-30px;*/
}

.css-treeview input:disabled + label
{
	cursor: default;
	opacity: .6;
}

.css-treeview input:checked:not(:disabled) + label + ul
{
	display: block;
}

.css-treeview label,
.css-treeview label::before
{
	
}

.css-treeview label,
.css-treeview a,
.css-treeview label::before
{
	display: inline-block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
    color:#428bca;


}

.css-treeview label
{
	
    padding: 5px 20px 25px 10px;
    width: 350px;
    border: 1px solid #d5e3ef;
}

.css-treeview label::before
{
	content: "";
	width: 16px;
	margin: 0 22px 0 0;
	vertical-align: middle;
	background-position: 0 -32px;
}

.css-treeview input:checked + label::before
{
	background-position: 0 -16px;
}

/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.css-treeview 
	{
		-webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
	}
	
	@-webkit-keyframes webkit-adjacent-element-selector-bugfix 
	{
		from 
		{ 
			padding: 0;
		} 
		to 
		{ 
			padding: 0;
		}
	}
}




.ratings-container {
	padding:4px 0;
	height:30px;
	line-height:22px;
}

.item-meta-inner-container .ratings-container.pull-right {
	height:20px;
	padding:0;
	line-height: 20px;
	text-align: center;
}

.item  .ratings-container * {
	vertical-align:middle;
}

.item.item-hover .ratings-container {
	margin-bottom: 4px;
}

.item-meta-inner-container .ratings-container.pull-right .ratings {
	margin-top:-2px;
}

.ratings {
	width:94px;
	height:16px;
	display:inline-block;
	background: url(../images/ratings.png) no-repeat;
	background-position: 0 0;
}

.ratings .ratings-result {
	height:16px;
	background: url(../images/ratings.png) no-repeat;
	background-position: 0 -16px;
}

.ratings-amount {
	color:#ccc;
	font-size:14px;
	line-height:16px;
	white-space:nowrap;
}

.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}


.scroolbarste::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scroolbarste::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.scroolbarste::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}