/* -- FORM
------------------------------------------------------------- */

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #b5b5b5;
	padding: 4px 3px;
	background: #fff;
	border-radius:3px
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #aaa;
 	color: #5f5f5f;
 	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); 
}
	
button[type="button"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
  *zoom: 1;
  padding: 3px 14px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

button[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
		color: #222;
		background: #e6e6e6; /* Old browsers */
}


.crud{overflow:hidden}
.crud h3{font-size:18px;color:#000;margin-bottom:12px}
.crud a,.crud-table a{color:#0088CC}
.crud-btn-icon{}
.crud fieldset{
  border:1px solid #D3D3D3;margin-top:10px;text-align:left;
  margin:7px 0 15px; 0;overflow:hidden;padding:15px;border-radius: 5px;
}
.crud legend{font-size:17px;color:#9F9F9F;padding:0 5px 5px 5px}
.crud-label,.crud-label-block{font-weight:bold;color:#4a4a4a}

.crud-box{border:1px solid #ccc;border-radius:6px;padding:12px;margin-bottom:15px}
.crud-left{float:left;width:48%}
.crud-right{float:right;width:48%}
.crud-form-element p{margin-bottom:5px}
.crud-form-box{overflow:hidden;margin-bottom:22px}
.crud-radio{display:block;margin-bottom:5px}
.crud-input1,.crud-input2,.crud-input3,.crud-input3{padding:2px}
.crud-input1{width:60px}
.crud-input2{width:200px}
.crud-input3{width:300px}
.crud-input4{width:400px}
.crud select{}
.crud-label-block{display:block;font-weight:bold;margin:5px 0 8px 0}

.crud-input-large{font-size:16px;padding:5px;}
.crud-form-horizontal .crud-label{float:left;padding-top:5px;text-align:right;width:240px;}
.crud-form-horizontal .crud-form-element{margin-left:260px}

.crud-ariane{padding:5px 0;margin:5px 0 12px 0}
.crud-ariane a{color:#666}

/* -- TABLE
------------------------------------------------------------- */
.crud-table{
  width:100%;max-width:100%;border-collapse:collapse;border-spacing:0;
  border-top:1px solid #ccc;border-left:1px solid #ccc;border-radius:4px
}
.crud-table th{font-weight:bold}
.crud-table th, .crud-table td {
  border-bottom:1px solid #ccc;border-right:1px solid #ccc;
  line-height: 18px;padding: 8px;text-align: left;vertical-align: top;
}
.crud-row-2{background:#f7f7f7}

/* -- TREE
------------------------------------------------------------- */
.crud-tree a{display:block}
.crud-tree ul{}
.crud-tree li{line-height:200%;margin-top:1px;background:#eee;position:relative;width:100%;}
.crud-tree li a{margin-left:28px;}
.crud-tree li span{float:left;position:absolute;top:8px;left:5px;width:13px;height:13px;cursor:pointer;font-size:0;}
.crud-tree li span, .crud-tree li span.collapsed{background:url(images/collapsed.gif) no-repeat 0 0;} 
.crud-tree li span.expanded{background:url(images/expanded.gif) no-repeat 0 0;}
.crud-tree li li{background:#fff;}
.crud-tree li li a{margin-left:56px;}
.crud-tree li li span{left:28px;}
.crud-tree li li li a{margin-left:84px;}
.crud-tree li li li span{left:56px;}
.crud-tree li li li li a{margin-left:112px;}
.crud-tree li li li li span{left:84px;}
.crud-tree li li li li li a{margin-left:140px;}
.crud-tree li li li li li span{left:112px;}

.crud-doc{}
.crud-doc td{vertical-align:top;padding:5px}
.crud-doc-icon{padding:2px;border:1px solid #ccc};

/* -- GRID
------------------------------------------------------------- */
.crud-container{max-width:1200px;margin:0 auto;position: relative;}
.crud-grid{*zoom: 1;}
.crud-grid:before,.crud-grid:after{display:table;content:"";line-height:0;}
.crud-grid:after{clear:both;}

.crud-grid2,.crud-grid3,.crud-grid4,.crud-grid5,.crud-grid6,.crud-grid7,.crud-grid8,.crud-grid9,.crud-grid10{float:left;min-height:1px;}

.crud-grid12{max-width:1200px;width:100%}
.crud-grid10{max-width:1000px;width:83.333%}
.crud-grid9 {max-width:900px;width:74.999%}
.crud-grid8 {max-width:800px;width:66.666%}
.crud-grid7 {max-width:700px;width:58.333%}
.crud-grid6 {max-width:600px;width:49.999%}
.crud-grid5 {max-width:500px;width:41.666%}
.crud-grid4 {max-width:400px;width:33.333%}
.crud-grid3 {max-width:300px;width:24.999%}
.crud-grid2 {max-width:200px;width:16.666%}


.crud-gridbox2,.crud-gridbox3,.crud-gridbox4,.crud-gridbox5,.crud-gridbox6,.crud-gridbox7,.crud-gridbox8,.crud-gridbox9,.crud-gridbox10{float:left;min-height:1px;margin-left:1%;margin-right:1%;}

.crud-gridbox12{max-width:1200px;width:100%}
.crud-gridbox10{max-width:1000px;width:82.98%}
.crud-gridbox9 {max-width:892px;width:74.40%}
.crud-gridbox8 {max-width:791px;width:65.97%}
.crud-gridbox7 {max-width:700px;width:57.33%}
.crud-gridbox6 {max-width:590px;width:48.96%}
.crud-gridbox5 {max-width:500px;width:40.41%}
.crud-gridbox4 {max-width:384px;width:31.95%}
.crud-gridbox3 {max-width:282px;width:23.46%}
.crud-gridbox2 {max-width:200px;width:14.98%}

.crud-gridbox2.first,.crud-gridbox3.first,.crud-gridbox4.first,.crud-gridbox5.first,.crud-gridbox6.first,
.crud-gridbox7.first,.crud-gridbox8.first,.crud-gridbox9.first,.crud-gridbox10.first{margin-left:0;}
.crud-gridbox2.last,.crud-gridbox3.last,.crud-gridbox4.last,.crud-gridbox5.last,.crud-gridbox6.last,
.crud-gridbox7.last,.crud-gridbox8.last,.crud-gridbox9.last,.crud-gridbox10.last{margin-right:0;}


@media only screen and (max-width: 767px) {
    .container{width:300px; }
    .crud-grid2,.crud-grid3,.crud-grid4,.crud-grid5,.crud-grid6,.crud-grid7,.crud-grid8,.crud-grid9,.crud-grid10,.crud-grid12{float:none;max-width:300px;width:300px;margin:0;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container{width:420px;}
    .crud-grid2,.crud-grid3,.crud-grid4,.crud-grid5,.crud-grid6,.crud-grid7,.crud-grid8,.crud-grid9,.crud-grid10,.crud-grid12{float:none;max-width:420px;width:420px;margin:0;}
}