/* Tabelle Filters */	
.cb-filters{
				width: 270px;
  padding: 15px;
  
  float:left;	
				
	background: #f2f2f2;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;	
				
			}
			
			
			
	.cbfilterinner {
   /*border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   -webkit-box-shadow: 0 1px 1px #fff;
   -moz-box-shadow:    0 1px 1px #fff;
   box-shadow:         0 1px 1px #fff;
  float: left;
				width: 245px;
				 
				padding:10px;
				padding-top:15px;
				padding-bottom:15px;*/
				 
}

.cbfilterouter {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #fff;
     
   margin: 15px 0px 0px 15px; 
				 
}					
	
.cb-filters-head{
				 
				
			width: 285px;
			height:40px;
			line-height:40px;
  padding-left: 15px;
  background: transparent url("../images/top-background.png");
  float:left;	
  color:#FFF;
	font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 700;	
  margin-top:10px;		
			-moz-border-radius-topleft:  3px;  /* Firefox bis Version 3.6 */
   -webkit-border-top-left-radius: 3px;  /* Safari, Chrome (vor WebKit Version 533) */
           border-top-left-radius: 3px;  /* Firefox 4; Browser mit CSS3 Unterstützung */	
		
			-moz-border-radius-topright:  3px;  /* Firefox bis Version 3.6 */
   -webkit-border-top-right-radius: 3px;  /* Safari, Chrome (vor WebKit Version 533) */
           border-top-right-radius: 3px;  /* Firefox 4; Browser mit CSS3 Unterstützung */		
			}		
			
.ie7 .cb-filters {
  border: 1px solid #c3c3c3;
}		


.cb-h2 {
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #90AAF4;
  margin-bottom:15px;text-shadow: 1px 1px 0px #fff;
  
}			
			
	.cb-h2left {
 font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  margin-bottom:20px;
  float:left;
  clear:left;
    width:43px;
    margin-top:5px;text-shadow: 1px 1px 0px #fff;
}					

.divider {
 
 
  background: url(../images/dashed-line.png) left bottom repeat-x;
  width:100%;
  height:3px;
  clear:both;
 
}




			
			.cb-filters input{
				vertical-align: bottom;
				
			}
			
			
			
			
			
			
.cbinner {
   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   -webkit-box-shadow: 0 1px 1px #fff;
   -moz-box-shadow:    0 1px 1px #fff;
   box-shadow:         0 1px 1px #fff;
   margin: 0px 5px 0px 0px;
				padding: 0px 10px 0px 5px;
				float: left;
				width:230px;text-shadow: 0 1px 1px white;
				font-size:16px;
}

.cbouter {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #FFF;
    width:255px;
    
				 
}			
			
			
			
			
			
			.cb-filters{
				font-size: 15px;
			}
			
			
			 
			
			
			
			.cb{
				float: left;
				background-color: #fff;
				margin: 0px 5px 0px 0px;
				padding: 0px 10px 0px 5px;
				border-radius: 3px;
				border: 1px solid #aaa;
				outline:1px solid #Fff;
			}
			
			
			
		.regular-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    
  
    
    
}	
			
			
			
			
	.regular-checkbox:active, .regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked {
    background-color: #fafafa;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
	
	
.regular-checkbox:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}	
	
	
	
	
	
	
	.lab {margin-left:32px; height:40px; width:240px; 
	 font-family: 'Ubuntu', sans-serif;
  font-size: 18px;text-shadow: 1px 1px 0px #fff;
  font-weight: 700;
  color: #222;
	margin-top:-2px; 
	}
	

    
/* SQUARED ONE */
.squaredOne {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredOne label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

	
	
	
	
/* SQUARED THREE */
.squaredThree {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}	
	
	
	
	
	/* SQUARED FOUR */
.squaredFour {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.squaredFour label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

		
			
 
 
	
 /* SQUARED TWO */
.squaredTwo {
	width: 28px;
	height: 28px;
	 
 

	/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );*/
	/*margin: 20px auto;*/
    float:left;
    clear:left;
	/*-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);*/
	position: relative;
	border-radius: 3px;
				border: 0px solid #aaa;
		margin-top:-3px;
		 
		 
		
		

	
				
				 
}

.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0px;
	top: 0px;
 border-radius: 5px;
	/*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);*/
background-color: #fff;
    border: 1px solid #cacece;
     -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
    
      
    
/*	background: -webkit-linear-gradient(top, #f2f2f2 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #f2f2f2 0%, #45484d 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%, #45484d 100%);
	background: linear-gradient(top, #f2f2f2 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );*/
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '\2714';
	position: absolute;
	width: 9px;
	height: 5px;
	font-size:18px;
	background: transparent;
	top: 1px;
	left: 1px;
	border: 0px solid #fcfff4;
	border-top: none;
	border-right: none;
	
	
	
 
  
  
 

	
	
	
	
	
	   
	
	
	
	
/*color: #99a1a7;
/*	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
	
 color: #CCCCCC; 

    text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;	
	 
}




/*http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/
http://pixeltuner.de/css3-text-shadow/

*/

.squaredTwo label:hover::after {
 
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6; 
 
	  
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	
	
}
			
			
			
			
			
			.theme span{
				display: inline;
			}
			
			.range-slider{
				float: left;	
				line-height: 17px;
				margin: 3px 0px 0px 0px;
				 font-family: DroidSans, Arial, Verdana, sans-serif;
				 font-size:16px;
				 font-weight:bold;
				 margin-left:-10px; 
				 margin-top:1px;
				 
				 
				 
			}
			
			.range-slider .value{
				float: left;
				margin: 0px 14px;
			 
			}
			.range-slider .value1{
				float: left;
				margin: 0px 19px;
			 
			 
			}
			.range-slider .ui-slider{
				float: left;
				width: 90px;
			 
    border: 1px solid #f2f2f2;
     -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
    
			}
			
			.date-picker-range{
				float: left;
				margin: 16px 0px 0px 0px;
			}
			
			.date-picker-range .gap{
				float: left;
				display: block;
				 
				margin-left:5px;
				margin-right:10px;
			}
			
			.date-picker{
				float: left;
				background-color: #fff;
    border: 1px solid #cacece;
     -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
 height:28px;
				
			font-family: DroidSans, Arial, Verdana, sans-serif;
  font-size: 16px;		
				
				border-radius: 3px;
				margin: 0px 0px 0px 0px;
				width: 60px;
				padding-left:10px;
				z-index:800;
			}
			
			.jplist .filter input{
				width: 175px;
				background-color: #fff;
    border: 1px solid #cacece;
     -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
  box-shadow: 0 1px 0 rgba(255,255,255,0.65), inset 0 1px 2px rgba(0,0,0,0.15);
   display: inline-block;
    padding:7px;		
 	/* text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;	*/		
		font-family: 'Ubuntu', sans-serif;
  font-size: 14px;	 font-weight:400;
   /* box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/		
		
		
		 
		
		
		
			}	
	
	
	
	.jplist .filter input:focus{
				 font-weight:normal;
				 color:#111;
   
 	/* text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;	*/		
		font-family: 'Ubuntu', sans-serif;
  font-size: 14px;	 font-weight:700;
   /* box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/		
			}