/* ==========================================================================
Fuelux
========================================================================== */
.radio, .checkbox { padding-left: 3px; padding-right: 3px; }
.radio-custom, .checkbox-custom{ margin-top: 10px; margin-left: 0; cursor: pointer; }
.radio-custom input[type=radio], .checkbox-custom input[type=checkbox]{position: absolute;left: -9999em;}
.radio-custom > i:before, .checkbox-custom > i:before{font-size: 1.333em;vertical-align: -10%;margin-left: 0; margin-right: 4px; color: #ddd; }
.radio-custom > i.checked:before, .checkbox-custom > i.checked:before{color: #3fcf7f}
.radio-custom > i.disabled:before, .checkbox-custom > i.disabled:before{color: #eee}
.radio-custom > i.checked:before{content: '\f111';}
.checkbox-custom > i.checked:before{content: '\f046';}
.spinner .input-group-btn{display: table-cell;min-width: 25px}
.spinner .input-group-btn .btn{width:25px;padding: 0;font-size: 12px;margin-left: -1px;line-height: 1;height: 19px;overflow: hidden;border-radius: 0 4px 0 0 !important;}
.spinner .input-group-btn .btn+.btn{height: 20px;border-radius: 0 0 4px 0 !important;}
.spinner .input-sm + .input-group-btn .btn{font-size: 10px;height: 15px;}
.spinner .input-sm + .input-group-btn .btn+.btn{height: 16px;}
.select{position: relative;display: inline-block;}

.pillbox{border: 1px solid #e0e4e8;padding: 10px;border-radius: 4px}
.pillbox ul{margin: 0;list-style: none;padding:0;}
.pillbox li{display: inline-block;font-size:12px;color: #fff;;padding: 6px 8px;cursor: pointer;margin:2px;float: left;}
.pillbox li:after{content: " x";font-size: 11px;font-weight: normal;opacity: 0.6;filter: alpha(opacity=60);}
.pillbox li:hover:after{opacity: 0.9;filter: alpha(opacity=90);}
.pillbox input{border:none;outline:0;min-height: 24px;width: auto;display: inline-block;box-shadow: none;background: transparent;}

.datagrid tfoot th{font-weight: normal;}
.datagrid tfoot .grid-pager .combobox{max-width: 80px;position: relative;top: 10px}
.datagrid tfoot .grid-pager .combobox input{width: 40px}
.datagrid tfoot .dropdown-menu{min-width: 60px;text-align: left;}
.datagrid tbody{height: 256px;overflow:hidden;overflow-y:auto }
#selectTextSize {position: absolute;top: 0;display: none;visibility: hidden;}

.wizard {
  font-size: 14px;
  padding: 0;
  background-color: #f7f8f9;
  border-bottom: 1px solid #e0e4e8;
}

.wizard .badge{
  margin-right: 4px;
}
.wizard .badge-info{
  background-color: #5191d1;
}
.wizard .badge-success{
  background-color: #59e08f;
}
.wizard ul li.complete,
.wizard ul li.complete:hover{
  cursor: pointer;
  background: #f1f5f9;
}
.wizard ul li.complete:after{
  border-left-color:#f1f5f9;
}
.wizard ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.wizard ul li {
  position: relative;
  float: left;
  padding: 0 15px 0 25px;
  margin: 0;
  color: #999999;
  cursor: default;
  height: 40px;
  line-height: 40px;
}

.wizard.wizard-vertical{float: left;border-bottom: none}
.wizard.wizard-vertical + .step-content{zoom:1;overflow: hidden;padding-left: 40px}
.wizard.wizard-vertical ul li {
  position: relative;
  float: none;
  border-bottom: 1px solid #e0e4e8;
  padding-left: 15px;
}
.wizard.wizard-vertical ul li:last-child{}

.wizard ul li:first-child{
  padding-left: 15px;
  border-radius: 4px 0 0 0;
}
.wizard .actions{
  float: right;
  margin: 8px 10px 0 0;
}

.wizard ul li:before, .wizard ul li:after{
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -10px;
  border: 20px solid transparent;
  border-right: 0;
  border-left: 10px solid #e0e4e8;
  z-index: 1;

}
.wizard ul li:after{
  right: -9px;
  border-left-color:#f7f8f9;
  z-index: 2;
}

.wizard ul li.active {
  color: #3a87ad;
  background: #fff;
}

.wizard ul li.active:after{
  border-left-color: #fff;
}

.step-content {
  padding: 15px;
}

.step-content .step-pane {
  display: none;
}

.step-content .step-pane.active {
  display: inherit;
}




/* ==========================================================================
Slider Bootstrap
========================================================================== */
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  width: 210px;
  height: 20px;
}
.slider.slider-horizontal .slider-track {
  height: 10px;
  width: 100%;
  margin-top: -5px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
  margin-top: -5px;
}
.slider.slider-horizontal .slider-handle.triangle {
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #0480be;
  margin-top: 0;
}
.slider.slider-vertical {
  height: 210px;
  width: 20px;
}
.slider.slider-vertical .slider-track {
  width: 10px;
  height: 100%;
  margin-left: -5px;
  left: 50%;
  top: 0;
}
.slider.slider-vertical .slider-selection {
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.slider.slider-vertical .slider-handle {
  margin-left: -5px;
  margin-top: -10px;
}
.slider.slider-vertical .slider-handle.triangle {
  border-width: 10px 0 10px 10px;
  width: 1px;
  height: 1px;
  border-left-color: #0480be;
  margin-left: 0;
}
.slider input {
  display: none;
}
.slider .tooltip-inner {
  white-space: nowrap;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #e0e4e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-color: #f3f4f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #3fcf7f;
  opacity: 0.8;
  border: 0px solid transparent;
}
.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.slider-handle.triangle {
  background: transparent none;
}




/* ==========================================================================
jGrowl
========================================================================== */
div.jGrowl {
	z-index: 9999;
	color: #fff;
	font-size: 0.85em;
	position: absolute;
	line-height: 120%;
}

body > div.jGrowl { position: fixed; }

div.jGrowl.top-left {
	left: 0;
	top: 0;
}

div.jGrowl.top-right {
	right:0 ;
	top: 0;
}

div.jGrowl.bottom-left {
	left: 0;
	bottom:	0;
}

div.jGrowl.bottom-right {
	right: 0;
	bottom: 0;
}

div.jGrowl.center {
	top: 0;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: #000;
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	width: 235px;
	padding: 10px;
	margin-top:	5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	display: none;
	zoom: 1;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
}

div.jGrowl div.jGrowl-notification { min-height: 40px; }
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer { margin: 10px; }

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor:	pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl { display: none; }
}

/** Special IE6 Style Positioning **/
div.ie6 { position: absolute; }

div.ie6.top-right {
	right: 	auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}




/* ==========================================================================
Datepicker
========================================================================== */
.datepicker {
  color: #9ba2a8;
  top: 0;
  left: 0;
  padding: 5px;
  /*z-index: 1010;*/
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}
/*.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
*/
.datepicker > div {
  display: none;
}
.datepicker table {
  /*width: 100%;*/
  width: 225px;
  margin: 0;
}
.datepicker table thead th  { background: #3fcf7f; }
.datepicker td,
.datepicker th {
  border-right: none;
  text-align: center;
  width: 20px;
  height: 20px;
}
.datepicker td.day {
  border: 2px solid #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.datepicker td.day:hover {
  background: #eee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #ddd;
  font-weight: normal;
}
.datepicker td.old,
.datepicker td.new {
  color: #ccc;
}
.datepicker td.active,
.datepicker td.active:hover {
  background-color: #3fcf7f;
  color: #fff;
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active:hover.disabled,
.datepicker td.active:hover[disabled] {
  background-color: #3fcf7f;
  color: #fff;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 43px;
  line-height: 43px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.datepicker td span:hover {
  background: #eee;
}
.datepicker td span.active {
  background-color: #3fcf7f;
  color: #fff;
  font-weight: normal;
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  background-color: #3fcf7f;
  color: #fff;
  font-weight: normal;
}

.datepicker td span.old {
  color: #999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #b4b1c0;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}




/* ==========================================================================
Parsely
========================================================================== */
.parsley-error-list {
	background: #ff7575;
	color: #fff;
	font-size: 0.8em;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 4px;
	padding: 4px 6px;
	list-style: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	     	border-radius: 4px;
}
.parsley-error { border-color: #ff7575; }




/* ==========================================================================
Timepicker
========================================================================== */
.bootstrap-timepicker { position: relative; }
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .add-on { cursor: pointer; }
.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
  z-index: 1000000;
}
/*.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
*/
.bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; }
.bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; }
.bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; }
.bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; }
.bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; }
.bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; }
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input { border-radius: 4px; cursor: pointer; }
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 10px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; }
.bootstrap-timepicker-widget table td span { width: 100%; }
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 4px 0;
  outline: 0;
  color: #3fcf7f;
}
.bootstrap-timepicker-widget table td a:hover {
  background: #3fcf7f;
  color: #fff;
  text-decoration: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 12px;
}
.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
}
.bootstrap-timepicker-widget .modal-content { padding: 4px; }

@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}




/* ==========================================================================
DataTables
==========================================================================
.dataTables_wrapper{position: relative;}
.dataTables_processing{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 10px;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white;
  z-index: 1;
}
.dataTables_wrapper .table{
  border: 1px solid #e0e4e8;
  border-width: 1px 0;
}
.dataTables_wrapper label{font-weight: normal;font-size: 12px;display: block;margin-bottom: 0}
.dataTables_wrapper select, .dataTables_wrapper input{font-size:12px;height: 30px;padding: 5px 10px;border-radius: 3px;display: inline;border:1px solid #ccc;outline: 0}
.dataTables_wrapper select{width: 75px;}
.dataTables_wrapper input{width: 200px;}
.dataTables_filter, .dataTables_paginate{float:right;}
.dataTables_length, .dataTables_filter{padding: 15px;}
.dataTables_info, .dataTables_paginate{padding: 15px;}
.dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active{cursor:pointer;outline:0;border:1px solid #dddddd;border-right-width:0;background: #fff;padding: 6px 10px}
.dataTables_paginate.pagination-sm .paginate_button,
.dataTables_paginate.pagination-sm .paginate_active{
  padding: 3px 8px;
}
.dataTables_wrapper .paginate_active{background-color: #f5f5f5}
.dataTables_wrapper .paginate_button_disabled{color: #ccc;background-color: #fafafa}
.paginate_button.first{border-radius: 3px 0 0 3px;}
.paginate_button.last{border-radius: 0 3px 3px 0;border-right-width:1px;}
.dataTables_wrapper th{position: relative;cursor: pointer;outline: 0}
.dataTables_wrapper th:after{font-family: FontAwesome; color: #666;position: absolute;right: 10px;font-weight: normal;}
.dataTables_wrapper .sorting:after{content: "\f0dc";color: #ccc;}
.dataTables_wrapper .sorting_asc:after{content: "\f0de";}
.dataTables_wrapper .sorting_desc:after{content: "\f0dd";}


*/



/* ==========================================================================
Multiselect
========================================================================== */
.multiselect-container .radio-custom > i.checked:before,.multiselect-container .checkbox-custom > i.checked:before {color: #9b9b9b; }

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}


.form-control.disabled {
    background-color: #f4f4f4;
    cursor: default;
}

.form-control > span.placeholder { color: #ccc; }

.ms-drop {
    background: #fff;
    border: 1px solid #ccc;
	width: 100%;
    overflow: hidden;
    display: none;
    margin-top: 2px;
    padding: 0;
    position: absolute;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	   -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	z-index: 1000;
}

.ms-drop:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 2px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
	padding: 3px;
}

.ms-drop ul > li label:hover,
.ms-drop ul > li label:focus,
.ms-drop ul > li label:active {
	background: #3fcf7f;
	color: #fff;
	cursor: pointer;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
	margin-left: 4px;
	margin-right: 2px;
}

.ms-drop .ms-no-results {
    display: none;
}

@media (max-width: 767px) {
	.ms-search.navbar-form { width: 95%; }
}
@media (max-width: 480px) {
	.ms-search.navbar-form { width: 91%; }
}




/* ==========================================================================
Resize & Crop
========================================================================== */
div.resize-and-crop {
	overflow: hidden;
	display: -moz-inline-block; /* FF2 */
	display: inline-block;
	*display: inline; /* IE6&7 */
	*zoom: 1; /* IE6&7: give hasLayout property */
	/*vertical-align: top;*/ /* was added for Webkit but HAS SIDE EFFECTS */
	position: relative; /* important for absolute pos of child img */
}

div.resize-and-crop img {
	position: absolute;
}