/*DEFAULT*/
.box .box-header {
	display:block;
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat: repeat-x;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
	cursor:default;	
}

.box .box-header > .heading {
	font-size: 14px;
	line-height: 18px;
	color: inherit;
	font-family: inherit;
	font-weight: bold;	
}

.box-content {
	padding:10px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.box .box-settings {
	padding:10px;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	
	background-color: #fbfbfb;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	background-repeat: repeat-x;
}

/*RED*/
.box.red > .box-header {
	display:block;
	background-color: #ff0000;
	background-image: -moz-linear-gradient(top, #ff0000, #f50000);
	background-image: -ms-linear-gradient(top, #ff0000, #f50000);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#f50000));
	background-image: -webkit-linear-gradient(top, #ff0000, #f50000);
	background-image: -o-linear-gradient(top, #ff0000, #f50000);
	background-image: linear-gradient(top, #ff0000, #f50000);
	background-repeat: repeat-x;
	border-top:1px solid #f00;
	border-left:1px solid #f00;
	border-right:1px solid #f00;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0000', endColorstr='#f50000', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 #ff0000 ;
	-moz-box-shadow: inset 0 1px 0 #ff0000 ;
	box-shadow: inset 0 1px 0 #ff0000 ;
}

.box.red  .box-header  > .heading {
	font-size: 14px;
	line-height: 18px;
	color: #eee;
	font-family: inherit;
	font-weight: bold;	
}

.box.red > .box-content {
	padding:10px;
	border-top:1px solid #f00;
	border-left:1px solid #f00;
	border-right:1px solid #f00;
	border-bottom:1px solid #f00;
}

.box.red .box-settings {
	padding:10px;
	border-top:1px solid #f00;
	border-left:1px solid #f00;
	border-right:1px solid #f00;
	background:#eee;
}

/*BLUE*/
.box.blue > .box-header {
	display:block;
	background-color: #336699;
	background-image: -moz-linear-gradient(top, #336699, #4477AA);
	background-image: -ms-linear-gradient(top, #336699, #4477AA);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#336699), to(#4477AA));
	background-image: -webkit-linear-gradient(top, #336699, #4477AA);
	background-image: -o-linear-gradient(top, #336699, #4477AA);
	background-image: linear-gradient(top, #336699, #4477AA);
	background-repeat: repeat-x;
	border-top:1px solid #336699;
	border-left:1px solid #336699;
	border-right:1px solid #336699;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#336699', endColorstr='#4477AA', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 #336699 ;
	-moz-box-shadow: inset 0 1px 0 #336699 ;
	box-shadow: inset 0 1px 0 #336699 ;
}

.box.blue  .box-header  > .heading {
	font-size: 14px;
	line-height: 18px;
	color: #eee;
	font-family: inherit;
	font-weight: bold;	
}

.box.blue > .box-content {
	padding:10px;
	border-top:1px solid #336699;
	border-left:1px solid #336699;
	border-right:1px solid #336699;
	border-bottom:1px solid #336699;
}

.box.blue .box-settings {
	padding:10px;
	border-top:1px solid #336699;
	border-left:1px solid #336699;
	border-right:1px solid #336699;
	background:#eee;
}

/*GREEN*/
.box.green > .box-header {
	display:block;
	background-color: #97C30A;
	background-image: -moz-linear-gradient(top, #97C30A, #A9CF54);
	background-image: -ms-linear-gradient(top, #97C30A, #A9CF54);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#97C30A), to(#A9CF54));
	background-image: -webkit-linear-gradient(top, #97C30A, #A9CF54);
	background-image: -o-linear-gradient(top, #97C30A, #A9CF54);
	background-image: linear-gradient(top, #97C30A, #A9CF54);
	background-repeat: repeat-x;
	border-top:1px solid #97C30A;
	border-left:1px solid #97C30A;
	border-right:1px solid #97C30A;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#97C30A', endColorstr='#A9CF54', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 #97C30A ;
	-moz-box-shadow: inset 0 1px 0 #97C30A ;
	box-shadow: inset 0 1px 0 #97C30A ;
}

.box.green  .box-header  > .heading {
	font-size: 14px;
	line-height: 18px;
	color: #eee;
	font-family: inherit;
	font-weight: bold;	
}

.box.green > .box-content {
	padding:10px;
	border-top:1px solid #97C30A;
	border-left:1px solid #97C30A;
	border-right:1px solid #97C30A;
	border-bottom:1px solid #97C30A;
}

.box.green .box-settings {
	padding:10px;
	border-top:1px solid #97C30A;
	border-left:1px solid #97C30A;
	border-right:1px solid #97C30A;
	background:#eee;
}

/*NO HEADING*/
.box.noheading  .box-header  {
	display:none;
}

/*NONE*/
.box.none .box-header  {
	display:none;
}

.box.none > .box-content {
	padding:10px;
	border:none;
}

/*BG IMAGE*/
.box.bgimage .box-header  {
	/*display:none;*/
}

.box.bgimage > .box-content {
	/*http://stackoverflow.com/questions/5662735/stretch-background-image-css*/
	 background: url(/_assets/images/filemanager/6thvision.gif) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:0;
	border:none;
}