
/***------ @LIGHT SIDEBAR ------***/

.ui-layout-west, .ui-layout-east{
	background-color: #ccc;
	border: 1px solid #e6e6e6;
	border-right: 1px solid #ccc;
	color: #222;
}
.tab-pane .list-box{
	color: #222;
	text-shadow: 0 1px 0px #eee;
	background: #ccc;
	background: -moz-linear-gradient(top, #d6d6d6, #bbb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d6d6), to(#bbb));
	border-bottom: 1px solid #999;
	-webkit-box-shadow: inset 0px 1px 0px #eee;
	-moz-box-shadow: inset 0px 1px 0px #eee;
	box-shadow:inset 0px 1px 0px #eee;
}
.tab-pane .list-box:last-child{
	-webkit-box-shadow:inset 0px 1px 0px #eee, 0px 1px 0px #ddd;
	-moz-box-shadow:inset 0px 1px 0px #eee, 0px 1px 0px #ddd;
	box-shadow:inset 0px 1px 0px #eee, 0px 1px 0px #ddd;
}
.tab-pane .list-box:hover{
	background: #ddd;
	background: -moz-linear-gradient(top, #ddd, #ccc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc));
}
.tab-pane .list-box:active{
	background: #eee;
	background: -moz-linear-gradient(top, #eee, #ddd);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd));
	color: #000;
}
.tab-pane .list-box i{
	opacity: 1;
}
.ui-layout-resizer { /* all 'resizer-bars' */ 
	background: #bbb; 
} 

.ui-layout-toggler { /* all 'toggler-buttons' */ 
	background: #aaa; 
}
.ui-layout-west .tab-content{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
} 
.sidebar-tabs li a{
	color: #333;
	background: #ddd;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
.sidebar-tabs {
	border-bottom: 1px solid transparent;
}
.sidebar-tabs > li > a {
	border: 1px solid #eee;
	border-bottom: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.sidebar-tabs > li > a:hover {
  border-color: rgba(250,250,250,0.9);
  border-bottom: 1px solid #ccc;
  background: rgba(255,255,255,0.7);
  color: #666;
}
.sidebar-tabs > .active > a, .sidebar-tabs > .active > a:hover {
	color: #444;
	background-color: #eee;
	border: 1px solid #fff;
	border-bottom-color: transparent;
	cursor: default;
	-webkit-box-shadow: 0px -1px 3px #aaa;
	-moz-box-shadow: 0px -1px 3px #aaa;
	box-shadow: 0px -1px 3px #aaa;
}
.sidebarFooterStats{
	border-top: 1px solid #ddd;
	-webkit-box-shadow: 0px -1px 0px #999, inset 0 -1px 0px #777, inset 0 1px 0px #888, 0 -1px 4px #aaa;
	-moz-box-shadow: 0px -1px 0px #999, inset 0 -1px 0px #777, inset 0 1px 0px #888, 0 -1px 4px #aaa;
	box-shadow: 0px -1px 0px #999, inset 0 -1px 0px #777, inset 0 1px 0px #888, 0 -1px 4px #aaa;
}
.sidebarFooterStats div{
	background: #ccc;
	-webkit-box-shadow: -1px 0px 0px #999, 1px 0px 0px #999, inset -1px 0px 0px #eee, inset 1px 0px 0px #eee;
	-moz-box-shadow: -1px 0px 0px #999, 1px 0px 0px #999, inset -1px 0px 0px #eee, inset 1px 0px 0px #eee;
	box-shadow: -1px 0px 0px #999, 1px 0px 0px #999, inset -1px 0px 0px #eee, inset 1px 0px 0px #eee;
}
.sidebarFooterStats div:hover{
	background: #ddd;
}
.sidebarFooterStats div strong{
	text-shadow: 0 -1px 0px #eee;
}
.sidebarFooterStats p{
	color: #555;
	text-shadow: 0 -1px 0px #ddd;
}
.sidebarFooter{
	background: #ccc;
	background: -moz-linear-gradient(top, #d6d6d6, #bbb);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d6d6d6), to(#bbb));
	border-top: 1px solid #999;
	-webkit-box-shadow: 0px -1px 0px #eee, inset 0 -1px 0px #ccc, inset 0 1px 0px #ddd;
	-moz-box-shadow: 0px -1px 0px #eee, inset 0 -1px 0px #ccc, inset 0 1px 0px #ddd;
	box-shadow: 0px -1px 0px #eee, inset 0 -1px 0px #ccc, inset 0 1px 0px #ddd;
}
#settingsb{
	background: url('../images/settings.png') no-repeat center;
	border-right: 1px solid #999;
	border-left: 1px solid #ddd;
	-webkit-box-shadow: 1px 0px 0px #ddd;
	-moz-box-shadow: 1px 0px 0px #ddd;
	box-shadow: 1px 0px 0px #ddd;
	margin-left: -5px;
	opacity: 0.8;
}
#newb{
	background: url('../images/new.png') no-repeat center;
	text-indent: -9999px;
	border-right: 1px solid #999;
	opacity: 0.8;
}
#dragb{
	opacity: 0.3;
}
.badge{
	border: 1px solid #006ab0;
    background-color: #0080c7;
    background: -moz-linear-gradient(top, #0092d9, #006ab0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0092d9), to(#006ab0));
    -webkit-box-shadow: 0 1px 0px 0px #eee;
    -moz-box-shadow: 0 1px 0px 0px #eee;
    box-shadow: 0 1px 0px 0px #eee;
}
.tab-pane .list-box:hover .badge{
	-webkit-box-shadow: 0 1px 0px 0px #eee;
    -moz-box-shadow: 0 1px 0px 0px #eee;
    box-shadow: 0 1px 0px 0px #eee;
}
.tab-pane .list-box:active .badge{
	-webkit-box-shadow: 0 1px 0px 0px #eee;
    -moz-box-shadow: 0 1px 0px 0px #eee;
    box-shadow: 0 1px 0px 0px #eee;
}
.tab-pane .message-box{
	border-bottom: 1px solid #ddd;
	-webkit-box-shadow: inset 0px -1px 3px #bbb;
	-moz-box-shadow: inset 0px -1px 3px #bbb;
	box-shadow: inset 0px -1px 3px #bbb;
}
.tab-pane .message-box span{
	color: #666;
}
.tab-pane .message-box h5{
	color: #333;
}
.tab-pane .message-box p{
	color: #666;
}
.tab-pane .message-box:hover{
	background: #ddd;
	-webkit-box-shadow: 0px 1px 2px #999;
	-moz-box-shadow: 0px 1px 2px #999;
	box-shadow: 0px 1px 2px #999;
}
.tab-pane .message-box img{
	border: 1px solid #999;
	-webkit-box-shadow: 0px 1px 0px #eee;
	-moz-box-shadow: 0px 1px 0px #eee;
	box-shadow: 0px 1px 0px #eee;
}
.tab-pane .reply-to{
	color: #333;
}
.tab-pane .reply-to:hover{
	color: #111;
}
.files-pane ul li:hover{
	background: #ddd;
}
.files-pane ul li:active{
	background: #eee;
}
.accordion-group{
	border: 1px solid #999;
}
.accordion-heading a{
	color: #555;
}
.accordion-heading:hover{
	background: #ddd;
	color: #333;
}
.accordion-heading:hover a{
	color: #333;
}
.accordion-group a:hover{
	text-decoration: none;
}
.accordion-inner{
	border-top: 1px solid #999;
	background: #aaa;
}
.accordion-inner .message-box{
	background: #ccc;
	border: 1px solid #ddd;
}
.accordion-inner .message-box img{
	border: 1px solid #999;
	-webkit-box-shadow: 0px 1px 0px #eee;
	-moz-box-shadow: 0px 1px 0px #eee;
	box-shadow: 0px 1px 0px #eee;
}
.accordion-inner .message-box p, .accordion-inner .message-box h5{
	color: #333;
}
.accordion-inner .message-box i{
	opacity: 1;
}

/***------ @LARGE DESKTOP ADDITIONAL ------***/

@media (min-width: 1200px) {
	.thumbnails > li {
		margin-left: 20px;
	}
}