/**
 * General CSS styles
 * 
 * @version $Id$
 * @package ARTIO Booking
 * @subpackage assets
 * @copyright Copyright (C) 2010 ARTIO s.r.o.. All rights reserved.
 * @author ARTIO s.r.o., http://www.artio.net
 * @license GNU/GPL http://www.gnu.org/copyleft/gpl.html
 * @link http://www.artio.net Official website
 */
 @CHARSET "UTF-8";

a.button {
  text-decoration: none;
  line-height: 20px;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* --------------- C - O - L - O - R - S ----- S - T - A - R - T ------------------ */

/* --------------------------- Border colors --------------------------- */
table.boxes th, table.boxes td,
table.list th, table.list td,
.head, .head .description,
.monthlyCalendar, .monthlyCalendar th, .monthlyCalendar td.day, .monthlyCalendar td.week,
.reservationTypes td, .reservationTypes th,
.subjectsList .subject .properties td, .subjectsList .subject .properties th,
.bookInterval .buttons .checkButton, .bookInterval .bookit .checkButton,
#bookSetting .properties td, #bookSetting .properties th,
#list .filter .items, #list .subjectsList .subject {
                                   border-color: #A0A0A0; }
div#imageBrowse div.listing {      border-color: #999999; }

/* --------------------------- Background colors --------------------------- */ 
input[disabled] {              background-color: #DDDDDD; }
div#imageBrowse div.listing {  background-color: #F3F3F3; }

table.boxes th,
.monthlyCalendar th, .monthlyCalendar td.empty,
.monthlyCalendar td.unactual, .monthlyCalendar td.week,
.reservationTypes td, .reservationTypes th,
.subjectsList .subject .properties td, .subjectsList .subject .properties th,
.bookInterval .buttons .checkButton, .bookInterval .bookit .checkButton,
#list .filter .items, #bookSetting .properties td, #bookSetting .properties th {
                               background-color: #F6F6F6; }

table.boxes tr.actual, .monthlyCalendar td.actual,
.quickNavigator a#iday_button, .head .description {
                               background-color: #FFFFFF; }

table.boxes tr.reserved,
.weeklyCalendar td.reserved,
.monthlyCalendar td.reserved { background-color: #FFE6E6; }
table.boxes tr.closed,
.weeklyCalendar td.closed,
.dailyCalendar td.closed,
.monthlyCalendar td.closed { background-color: #9D757D; }
.red {                         background-color: #E41F1F; }
.green {                       background-color: #8CBF40; }
.bookInterval #bookIt {        background-color: #8CCF5A; }

#bookSetting table.boxes .selected,
.bookInterval .checkTools .checkButtonActive,
#bookSetting .monthlyCalendar .selected { background-color: #0E54A9 !important; }
.info .photogallery .leftButton, .info .photogallery .rightButton {
                               background-color: #FFFFFF; }
.info .photogallery .leftButton:hover, .info .photogallery .rightButton:hover {
                               background-color: #DFF5FF; } 

/* --------------------------- Text colors --------------------------- */

table.boxes .selected, .monthlyCalendar td.selected,
.bookInterval .checkTools .checkButtonActive {
                                      color: #FFFFFF; }
.bookInterval #bookIt {               color: #333333; }
                                      
table.boxes tr.actual,
.monthlyCalendar td.actual {          color: #000000; }

table.boxes tr.reserved,
.monthlyCalendar td.reserved {        color: #AA6666; } /* mainly red */
.bookInterval .checkInfoNotice {      color: #FFDB6E; }
.bookInterval .checkInfoError, p#error {       color: #E41F1F; }
                                
.subjectsList .bookit .button:hover { color: #8BBBFF; } /* mainly blue */
.bookInterval .checkInfoMessage {     color: #5F9EBB; }
.topInfo span {                       color: #003399; }
.head .description {                  color: #1166EE; }

.info {                               color: #006600; } /* mainly green */
.unBookAbleInterval {
  color: #E41F1F;
  font-size: 0.9em;
}

form.property fieldset.radio,
tbody#paramlist fieldset.radio {
  background: none repeat scroll 0 0 transparent;
}

form.property input[type="radio"], tbody#paramlist input[type="radio"] {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
}

tbody#paramlist input[type=text] {
  width: 90%;
}

form.property input[type="checkbox"], tbody#paramlist input[type="checkbox"] {
  border: medium none;
}

/* --------------- C - O - L - O - R - S ----- E - N - D ------------------ */

img.clock {
  cursor: pointer;
  left: 4px;
  margin: 0;
  opacity: 1;
  position: relative;
  top: 4px;
  z-index: 100;
}

.timePickerDiv {
  float: left;
  padding-bottom: 5px;
  width: 120px;
}
.timePickerDiv div {
  height: 20px;
}
.timePickerDiv div span {
  display: block;
  float: left;
  padding: 4px 0 0 5px;
}

img.calendar {
  cursor: pointer;
  float: left;
  left: 4px;
  margin: 0 5px 0 0;
  position: relative;
  vertical-align: bottom;
}

img.subjectImage {
	float: left;
	/*margin: 0 0 20px 0;*/
}

#list div.subjectsList div.subject a.preview {
  display: block;
  float: left;
  margin: 0;
  padding: 0 10px 10px 0;
}
#list div.subjectsList div.subject a.preview img {
  margin: 0;
  padding: 0;
}

.compulsory {
  background: url("../images/star.png") no-repeat scroll right top transparent;
  margin-left: 5px;
  padding-right: 10px !important;
  text-align: left;
}

td.key {
  text-align: right;
  width: 130px;
}

td.key label {
  font-size: inherit;
  font-weight: bold;
}

form.reservation fieldset legend {
  font-size: 1.2em;
  font-weight: bold;
} 
 
form.reservation table {
  border: medium none;
}
 
form.reservation tr {
  border: medium none;  
}
 
form.reservation td.key {
  font-weight: bold;
  padding: 3px 5px 3px 0;
  text-align: right;
}
 
form.reservation td {
  padding: 2px;
  border: medium none;  
}
 
form.reservation td strong.title {
  display: block;
  float: left;
  padding: 0 15px 0 0;
  text-align: right;
  width: 85px;
}
 
form.reservation td strong.value {
  display: block;
  float: left;
  font-weight: normal;
  padding: 0 15px 0 0;
  text-align: left;
  width: 100px;
}

#adminForm.reservation #accept_terms_of_contract, 
#adminForm.reservation #accept_terms_of_privacy {
  height: auto;
  width: auto;
}
 
form.reservation input {
  border: 1px solid #DDDDDD;
  height: 23px;
}

div.compulsory {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 90%;
}

.reservations-legend {
  text-align: center;
  margin-top: 5px;
}

.aIcon {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto;
}

.aIconInline {
  float: left;
  position: relative;
  top: 3px;
}

.aIconPointer {
	cursor: pointer;
}

.aIconEditInline {
  display: inline-block;
  height: 18px;
  margin: 0 0 0 10px;
  width: 18px;
}

.aIconLegend {
	/*display: inline;*/
	/*float: left;*/
	height: 16px;
	line-height: 16px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 5px;
}

.aIconSeparator {
	border-width: 0 0 0 1px;
  border-style: solid;
	margin-left: 12px;
}

div.bookingToolbar {
  margin: 0;
  padding: 0;
}

div.bookingToolbar table, 
div.bookingToolbar table td {
	border: 0px !important;
}

.bookit-back { float: right; }

div.bookingToolbar .tool {
	display: block;
	float: left;
	height: 28px;
	padding-right: 20px;
	padding-left: 36px;
	padding-top: 11px;
	padding-bottom: 0;
}

div.boxesDay {
  float: left;
  margin-right: 7px;
  margin-top: 0;
}

#bookSetting div.boxesDay h2 {
  font-size: 1.15em;
  margin-bottom: 5px;
  margin-top: 10px;
  text-align: right;
}

table.boxes {
  border-collapse: collapse;
  width: 100%;
}

.reservationBox .time { font-weight: bold; float: left; }

table.boxes th, table.boxes td {
  border-style: solid;
  border-width: 1px;
  height: 23px;
  padding: 0;
  font-size: 14px; /* we have to guarantee that seperated tables will have same height */
  line-height: 21px;
}

table.boxes td span, table.boxes th span {
  display: block;
  float: left;
  padding: 1px 4px;
}

#bookSetting table.boxes span.price {
  display: block;
  height: 18px;
  padding: 4px 0 0;
  text-align: center;
  width: 25px;
}

#bookSetting table.boxes span.pieces {
  height: 22px;
  margin: 0;
  padding: 0;
  position: relative;
}

#bookSetting table.boxes span.headPiece {
  bottom: 0;
  height: 7px;
  position: absolute;
}

#bookSetting table.boxes span.tailPiece {
  float: none;
  height: 7px;
}

#adminForm .filter {
  border-bottom: 1px solid silver;
  margin: 0;
  padding: 0 0 5px;
}

#adminForm .filter .filterItem {
  clear: left;
  float: left;
  margin: 0;
  padding: 10px 0 0;
}

/*
#filter_from,#filter_to {
	width: 130px;
}
*/

.filter .buttons {
  float: right;
  margin: 0;
  padding: 10px 0 0;
}

table.list {
	width: 100%;
	border-collapse: collapse;
}

table.list th, table.list td {
	border-width: 1px;
  border-style: solid;
	padding: 5px 5px 2px;
}

table.list th.check {
	width: 20px;
}

table.list th.price {
	width: 10%;
}

table.list th.capacity {
	width: 8%;
}

table.list th.pay,table.list th.state {
	width: 5%;
}

table.list th.from,table.list th.to {
	width: 16%;
}

.subjectsList .bookit {
  text-align: right;
}

.subjectsList .bookit .button {
  display: block;
  float: right;
  padding: 10px;
}

.subjectsList .bookit .button:hover {
  text-decoration: none;
}

/*default style fro joomla pagination*/
div.list-footer {
	margin-top: 20px;
}

div.list-footer div.limit {
	float: left;
}

div.list-footer div.limit select.inputbox {
	margin-left: 5px;
}

div.list-footer span.pagination {
	display: block;
	float: left;
	padding: 5px;
}

div.list-footer div.counter {
	float: right;
	padding: 5px;
}

.aIconReservationInfo {
	float: left;
	height: 16px;
	position: relative;
	top: 1px;
	width: 16px;
}

.aIconReservationEdit {
	float: left;
	height: 18px;
	width: 18px;
}

.aIconReservationInvoice {
	float: left;
	height: 18px;
	width: 18px;
}

.subjectsTotalCapacity {
	margin-top: 15px;
}

.subjectsTotalCapacity strong {
	
}

.subjectsTotalCapacity span {
	
}

.mustLoginOrRegister {
  color: red;
  font-size: 1.2em;
  margin: 0;
  padding: 20px 0;
}

.mustLoginOrRegister a {
  color: #D64646;
  text-decoration: underline;
}

.icon-48-artio {
	background-image: url(../images/icon-48-artio.png);
}

.icon-48-bookit {
	background-image: url(../images/logo-48.png);
}

.icon-48-upgrade {
	background-image: url(../images/icon-48-upgrade.png);
}

.icon-48-cbadmins {
	background-image: url(../images/icon-48-cbadmins.png);
}

.icon-48-payment {
	background-image: url(../images/icon-48-payment.png);
}

.icon-48-object {
	background-image: url(../images/icon-48-object.png);
}

.icon-48-object {
	background-image: url(../images/icon-48-object.png);
}

.icon-48-template {
	background-image: url(../images/icon-48-template.png);
}

.icon-48-configuration {
	background-image: url(../images/icon-48-configuration.png);
}
 
.icon-48-changelog {
	background-image: url(../images/icon-48-changelog.png);
}

.icon-48-email {
	background-image: url(../images/icon-48-email.png);
}

.icon-48-location {
	background-image: url(../images/icon-48-location.png);
}

.icon-48-closingday {
    background-image: url(../images/icon-48-closingday.png);
}

.icon-48-notification {
    background-image: url(../images/icon-48-notification.png);
}

.icon-48-alert {
    background-image: url(../images/icon-48-alert.png);
}
 
h2, #bookSetting h2 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0;
  padding: 0.5em 0 0.2em;
}

.featured {
  background: url("../images/icon-16-default.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 0 0 10px 20px;
}

h2.subjectSubtitle {
	margin: 10px 0;
}

.cfilter {
  display: block;
  float: left;
  margin: 0 0 0 10px;
}

.cfilter img {
	
}

.cfilter .text {
	bottom: 3px;
	position: relative;
}

.thumb {
	border: medium none;
	float: left;
	margin-right: 20px;
}

#list .subjectsList .subject {
	margin-bottom: 20px;
	border-width: 0 0 1px;
	border-style: dotted;
}

#list .introtext {
  margin-bottom: 20px;
}

.nowrap {
	white-space: nowrap;
}

div.calendarPagination {
	margin: 10px 0 20px;
	text-align: center !important;
}

div.calendarPagination a {
	margin-right: 10px;
}

.monthlyCalendarContainer {
    overflow-x: scroll;
}

.monthlyCalendar.leftColumn {
    float: left;
    width: auto;
    border: n;
    margin-right: -1px;
}

.monthMultiCalendar .monthlyCalendar,
.monthMultiCalendar .quickNavigator {
    margin-top: 20px;
}
.monthMultiCalendar td,
.monthMultiCalendar th {
    white-space: nowrap;
}
.monthlyCalendarHidden {
	height: 0px; 
	position: relative; 
	overflow: hidden;
}

.monthlyCalendar {
	border-width: 1px;
  border-style: solid;
	border-collapse: collapse;
	width: 100%;
}

.monthlyCalendar th {
	border-width: 1px;
  border-style: solid;
	padding: 5px;
}

.monthlyCalendar td.day {
	border-width: 1px;
  border-style: solid;
	padding: 5px;
	vertical-align: top;
}

.monthlyCalendar td.actual {
	cursor: pointer;
}

.monthlyCalendar td.reserved {
	cursor: text;
}

.monthlyCalendar td.week {
	border-width: 1px;
  border-style: solid;
	height: 50px;
	padding: 5px;
	width: 30px;
}

.monthlyCalendar td.day .date {
  font-size: 0.9em;
  font-weight: bold;
  padding-bottom: 2px;
}
.monthlyCalendar td.day .date,
.monthlyCalendat td.day .price { display: block; }

.reservationTypes {
	border-collapse: collapse;
}

.reservationTypes td {
	border-width: 1px;
  border-style: solid;
	padding: 5px;
}

.reservationTypes th {
	border-width: 1px;
  border-style: solid;
	padding: 5px;
}

#bookSetting .properties-block { padding-bottom:15px; }

#bookSetting .properties,
.subjectsList .subject .properties {
	border-collapse: collapse;
}

#bookSetting .properties td {
	border-width: 1px;
  border-style: solid;
	padding: 5px;
}
.subjectsList .subject .properties td {
  border-style: solid;
  border-width: 1px;
  padding: 2px 3px;
}

#bookSetting .properties th {
	border-width: 1px;
  border-style: solid;
	padding: 3px 6px 2px;
}
.subjectsList .subject .properties th {
  border-style: solid;
  border-width: 1px;
  padding: 2px 3px;
  text-align: left;
}


.calendarsSelect {
	margin-top: 10px;
}

.calendarsSelect span {
	margin-left: 5px;
	margin-right: 5px;
}

table.admin th {
  background-color: #DDDDDD;
}
 
table.admin th, table.admin td {
  border: 1px solid #DDDDDD;
}
 
 table.admin th a, table.admin td a {}
 
table.admin th.check {
	width: 1%;
}

table.admin th.customer {
	
}

table.admin th.subject {
	
}

table.admin th.email {
	
}

table.admin th.telephone {
	
}

table.admin th.price {
	width: 8%;
}

table.admin th.capacity {
	width: 7%;
}

table.admin th.paid {
	width: 4%;
}

table.admin th.state {
	width: 4%;
}

table.admin th.from, table.admin th.to {
  width: 18%;
}

table.admin th.id {
  width: 4%;
}

#adminForm .inputRadio,
#adminForm .inputCheckbox,
#adminForm .checkboxCell input {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  width: auto !important;
}

/* FILES SELECTION */
 
div.file { 
	width:245px;
	min-height:32px;
	padding:5px;
	float:left;
	margin:5px;
	border: 1px solid gray;
}

div.fileOver {
	border: 2px solid red;
	padding: 4px;
}

div.file img {
	width:32px;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
 
div.file .filename {
	margin:0px;
	padding:9px;
	width:193px;
	display:block;
	float:left;
	white-space: pre;           /* CSS 2.0 */ /*http://perishablepress.com/press/2010/06/01/wrapping-content/*/
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
 
/* CUSTOMIZATION: END */

img.thumb {
	margin: 5px;
	padding: 3px;
	border: 1px solid gray;
	float: none;
}

.imageCkeckbox {
	border: none;
	margin: 5px;
}

img.thumbOver {
    border: 2px solid red;
    margin: 4px;
}

img.thumbDefault {
    background-color: gold;
}

div#imageBrowse div.listing {
	border-width: 1px 0 0;
  border-style: solid;
	margin: 10px;
	clear: both;
	padding: 4px;
}

.quickNavigator select#imonth,
.quickNavigator select#iweek {
  font-size: 90%;
}

.quickNavigator a#iday_button {
  cursor: pointer;
  padding: 2px 16px 3px 0px;
  display: inline-block;
  background-image: url('../images/calendar.png');
  background-position: right top;
  background-repeat: no-repeat;
}

.quickNavigator a#iday_button:hover {
  text-decoration: none;
}

.bookInterval {
  margin: 0;
}

.bookInterval .cal {
  display: block;
  padding-bottom: 5px;
}

.weeklyCalendar .bookInterval .cal input,
.dailyCalendar .bookInterval .cal input { width: 100px; }

.bookInterval .fromTo {
  float: right;
  margin: 0;
  padding: 0;
}

.bookInterval .buttons {
  float: left;
  width: 368px;
}

.bookInterval .cal label {
	width: 90px;
	display: inline-block;
}

.bookInterval .cal input {
  font-size: 90%;
  height: 15px;
  width: 100px;
}

.bookInterval button {
	float: left;
}

.bookInterval .checkTools {
	padding-top: 1px;
}

.bookInterval .buttons .checkButton,
.bookInterval .bookit .checkButton {
	border-width: 1px;
  border-style: solid;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 3px 5px;
	text-decoration: none;
}

.bookInterval #bookIt {
  height: 31px;
  line-height: 31px;
  font-weight: bold;
  padding: 0;
  border: none;
  display: inline-block;
  margin: 0 auto;
  float: none;
  width: 90px;
  background-image: url('../images/bookit-button.png');
  background-position: left top;
  background-repeat: no-repeat;
  text-align: center;
}

#bookSetting .capacity, #bookSetting .occupancy {
  text-align: left;
}

#bookSetting .capacity label {
  display: inline-block;
}

#bookSetting .occupancy fieldset {
  border: 1px solid #CCCCCC;
  float: left;
  margin: 10px 10px 0 0;
  overflow: hidden;
  padding: 0 10px;
}

#bookSetting .occupancy {
  overflow: hidden;
}

#bookSetting legend {
  border: medium none;
  font-size: 13px;
  height: auto;
  line-height: 23px;
  margin: 0;
  padding: 0 10px;
  width: auto;
}

#bookSetting .capacity strong, #bookSetting .occupancy strong {
  display: block;
  float: left;
  padding: 5px 10px 0 0;
  text-align: right;
  width: 180px;
}

#bookSetting .capacity fieldset label, #bookSetting .occupancy fieldset label {
  clear: none;
  display: block;
  float: left;
  padding: 5px 15px 0 5px;
}

#bookSetting .capacity fieldset select, #bookSetting .occupancy fieldset select {
  display: block;
  float: left;
  margin: 0 0 10px;
}

#bookSetting .bookInterval .bookit {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center !important;
  width: 100%;
}

.bookInterval .checkTools .checkButtonUnactive {
	
}

.bookInterval .checkInfo {
	font-size: 100%;
	font-weight: bold;
	min-height: 2.2em;
	_height: 2.2em;
	margin: 5px 0 0;
}

.cleaner,.clr {
	clear: both;
}

p.buy {
	font-size: 1.4em;
}

.aIconBuy {
	display: block;
	float: left;
	font-size: 16px;
	height: 29px;
	padding-left: 58px;
	padding-top: 8px;
}

.info {
	display: block;
	padding-left: 35px;
	text-indent: 0px;
}

.ieHelper {
  clear: both;
  font-size: 0;
  height: 0;
  position: relative;
}

.fullWidth {
	width: 100%;
}

.blind {
	position: absolute;
	left: -10000px;
	top: -10000px;
}

.rigthToolbar {
	float: right;
}

.leftToolbar {
	float: left;
}

.pointer {
	cursor: pointer;
}

.filterTable {
	width: 100%;
}

.filterInput {
	width: 20%;
}

.filterInputSmall {
	width: 5%;
}

.clearLeft {
	clear: left;
}

#list div.filter span.filter {
  padding: 5px;
  display: block;
  margin: 0;
}

#list .filter .item {
  float: left;
  margin: 0;
  padding: 0 13px 0 0;
  vertical-align: middle;
  white-space: nowrap;
}

#list .filter .item label {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0 2px 0 0;
    font-size: inherit;
    vertical-align: top;
}

#list .filter .item label:first-child {
    padding: 0 5px 0 0;
}

#list .filter .items {
  border-style: dotted;
  border-width: 1px 0;
  clear: right;
  display: block;
  padding: 5px;
}

#list div.filter {
  margin: 0;
  padding: 0 0 20px;
}
#list div.filter div.toolbar {
	float: right;
  padding: 5px;
}
#list div.filter div.toolbar span.label {
    display: block;
    float: left;
    height: 30px;
    padding-right: 10px;
    line-height: 30px;
    text-shadow: none;
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    background: none;
}
#list div.filter div.toolbar span.submit {
    cursor: pointer;
    display: block;
    float: left;
    height: 32px;
    width: 32px;
    margin: 0;
    padding: 0;
}
#list div.filter div.toolbar span.reset {
    cursor: pointer;
    display: block;
    float: left;
    height: 32px;
    width: 32px;
    margin: 0;
    padding: 0;
}

#list .filter .item select, #list .filter .item input {
    width: auto;
    margin: 0;
    vertical-align: -webkit-baseline-middle;
}

#list .filter .item .checkbox {
  background-color: transparent;
  border: medium none;
  position: relative;
  top: 2px;
}

#list div.subjectsList div.subject p.readmore {
  background-image: none;
  margin: 0;
  padding: 0;
  text-align: justify;
}

#list div.subjectsList div.subject div.properties {
    float: right;
    margin-left: 15px;
    width: 25%;
    text-align: right;
}

select.notify {
	color: red;
	font-weight: bold;
}

#adminForm .lefttoolbar {
	float: left;
}

#adminForm .righttoolbar {
  float: right;
  padding-bottom: 10px;
}

#adminForm.reservation table {
	width:100%;
}

table.reserved_item {
	width:100%;
}

table.reserved_item td.remove-link {
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 1%;
}

#adminForm.reservation input,
#adminForm.reservation textarea {
  width: 300px;
}

#adminForm.reservation input.supplementquantity {
  width: auto;
}

#adminForm.reservation td.payments input, #adminForm.reservation #bookign_customer_login, #adminForm.reservation #booking_customer_register {
  border: medium none;
  height: auto;
  margin: 2px 10px 0 0;
  width: auto;
}

#adminForm.reservation input.capacity, #adminForm.reservation select.capacity { 
	width:50px;
}
/*
#adminForm input#payment_method_id_paypal {
	width: auto;
}
*/
.topInfo {
	background: url("../images/icon-16-info.png") no-repeat scroll 5px 5px transparent;
	cursor: pointer;
	margin: 0;
	padding: 7px 5px 5px;
}

.topInfo span {
	display: block;
	font-weight: bold;
	height: 20px;
	padding-left: 22px;
}

.topInfo p {
	margin: 0;
	float: left;
}

#adminForm .emptyList {
	color: red;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

#adminForm .emptyParentList {
	color: red;
	font-weight: bold;
	padding-left: 10px;
}

.width-100 {
	width: 100%;
}

.checkall {
	background: url("../images/icon-13-checkall.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 13px;
	width: 13px;
}

.uncheckall {
	background: url("../images/icon-13-uncheckall.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 13px;
	width: 13px;
}

#bookSetting .head {
  border-width: 3px;
  border-style: double;
  margin-top: 10px;
  margin-bottom: 3px;
  width: 302px;
}
.head .description {
  padding: 5px 10px;
  width: 282px;
  border-width: 1px 0 0;
  border-style: solid;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  height: 110px;
  position: relative;
}
.head .description .content {
  padding: 0;
  position: relative;
  top: 0;
}
#bookSetting .info {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  padding: 0;
}
.info .photogallery .leftButton {
  float: left;
  width: 20px;
  height: 50px;
  background-image: url('../images/arrow-left.png');
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer;
}
.info .photogallery .display {
  float: left;
  width: 262px;
  height: 50px;
  display: inline;
  overflow: hidden;
  margin: 0 3px;
  position: relative;
}
.info .photogallery .images {
  display: block;
  position: relative;
  width: 302px;
}
.info .photogallery .rightButton {
  float: left;
  width: 20px;
  height: 50px;
  background-image: url('../images/arrow-right.png');
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer;
}
#bookSetting div.fulltext,
#bookSetting h2.subjectSubtitle,
#bookSetting h2.filesSubtitle,
#bookSetting div.properties,
#bookSetting div.reservationTypes,
#bookSetting div.calendarsSelect {
  margin-left: 328px;
}
#bookSetting div.full-width,
#bookSetting .full-width div.fulltext,
#bookSetting .full-width h2.subjectSubtitle,
#bookSetting .full-width h2.filesSubtitle,
#bookSetting .full-width div.properties,
#bookSetting .full-width div.reservationTypes,
#bookSetting .full-width div.calendarsSelect {
  margin-left: 0;
}
#bookSetting div.properties table,
#bookSetting div.reservationTypes table {
  width: 100%;
}   
#bookSetting div.calendarsSelect { margin-bottom: 10px; }

#bookSetting div.bookInterval {
  clear: both;
}
#bookSetting h2.calendarTitle {
  float: none;
  margin: 10px 0 10px;
}

.bookIntervalCal #iFrom {
  margin-right: 10px;
}

#bookSetting .volumediscount,
#bookSetting .prices {
  background-color: #F6F6F6;
  border-color: #A0A0A0;
  border-style: dotted;
  border-width: 1px 0;
  margin-bottom: 10px;
  padding: 0.5em 0.5em 0;
}

#bookSetting .volumediscount .discount {
  float: left;
  padding: 2px 20px 8px 0;
}

#bookSetting .prices h3 {
  float: left;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0.3em 1em 0 0;
}

#bookSetting .prices h3 input {
  float: left;
  margin: 0;
  padding: 0;
}

#bookSetting .prices h3 label {
  clear: none;
  display: block;
  float: left;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  padding: 0 0 0 0.5em;
}

#bookSetting .prices .rtype {
  float: left;
  padding-bottom: 0.5em;
  padding-right: 2em;
}

#bookSetting .price {
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font-size: 13px;
  height: 15px;
  line-height: 13px;
  padding: 3px 10px;
}

#bookSetting .price.priceTransparent {
  position: absolute;
  top: -100000px;
  left: -100000px;
}

#bookSetting .price.popupTrigger {
  height: auto;
  margin: 0 2px 2px 0;
  min-height: 15px;
  min-width: 15px;
  padding: 2px;
  color: inherit;
}

#bookSetting .reserved span.price {
	cursor: auto;
}

#bookSetting .prices .price {
 	height: auto;
}

#bookSetting .prices .price strong {
  display: block;
  padding: 6px 0 3px;
}

#bookSetting .price0 {
	background-color: #AFD8F8;
}
 
#bookSetting .price1 {
	background-color: #F6BD0F;
}
 
#bookSetting .price2 {
	background-color: #8BBA00;
}
 
#bookSetting .price3 {
	background-color: #FF8E46;
}
 
#bookSetting .price4 {
	background-color: #008E8E;
}
 
#bookSetting .price5 {
	background-color: #D64646;
}
 
#bookSetting .price6 {
	background-color: #8E468E;
}
 
#bookSetting .price7 {
	background-color: #588526;
}
 
#bookSetting .price8 {
	background-color: #B3AA00;
}
 
#bookSetting .price9 {
	background-color: #008ED6;
}
 
#bookSetting .price10 {
	background-color: #9D080D;
}
 
#bookSetting .price11 {
	background-color: #A186BE;
}
 
#bookSetting .price12 {
	background-color: #CC6600;
}
 
#bookSetting .price13 {
	background-color: #FDC689;
}
 
#bookSetting .price14 {
	background-color: #ABA000;
}
 
#bookSetting .price15 {
	background-color: #F26D7D;
}
 
#bookSetting .price16 {
	background-color: #FFF200;
}
 
#bookSetting .price17 {
	background-color: #0054A6;
}
 
#bookSetting .price18 {
	background-color: #F7941C;
}
 
#bookSetting .price19 {
	background-color: #CC3300;
}
 
#bookSetting .price20 {
	background-color: #006600;
}
 
#bookSetting .price21 {
	background-color: #663300;
}
 
#bookSetting .price22 {
	background-color: #6DCFF6;
}

#bookSetting .tableList {
  padding: 0 0 1%;
}

#bookSetting .tableList .text {
  display: block;
  padding: 5px 0 0 10px;
  font-weight: normal;
}

#bookSetting .tableList .text .value {
  display: inline-block;
  width: 70px;
  text-align: right;
}

#bookSetting .tableList .price {
  display: block;
  float: none;
  height: auto;
  margin: 0 0 1%;
  width: 50%;
  padding: 10px 20px;
}

.payment {
  float: left;
  padding-right: 10px;
  padding-top: 20px;
}

.payment strong {

}
 
.payment .button, .payment .button:hover {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  height: auto;
  margin: 0;
  padding: 0;
}

.payments {
 	
}

.payments .payment {
  float: none;
  padding: 1px;
}

.cantReserveInLimit {
  color: #F8001A;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
}
.col {
	float: left;	
}

label.neutral {
  font-size: inherit !important;
  min-width: inherit !important;
  vertical-align: inherit !important;
  width: inherit !important;
}

.image_drag{
	display: inline-block;
}

.image_drop{
	display: inline-block;
	min-width: 20px;
	min-height: 100px;
	background-color: #EFEFEF;
}

#toolbar_image, #toolbar_images {
 	float: left;	
}

select#template {
  margin: 6px 5px 0 0;
}

p.tmpInfo {
  margin: 0;
  padding-top: 3px;
}

.hasTip img {
  float: none;
  margin: 1px 0 0;
}

#state0, #state1 {
  float: left;
}

#hits_disabled {
  margin: 2px 5px 0 0;
}
#hits_disabled_btn {
  margin: 1px 0 0;
}

#adminForm fieldset.adminform {
  border: 1px solid #CCCCCC;
}

#adminForm div.toolbar {
  float: left;
}

.leftAlign label {
	float: left;
}

#adminForm .emailCell {
  padding-bottom: 0;
  padding-top: 10px;
}

.editlinktip {
  color: #333333;
  float: left;
  padding-right: 3px;
  text-decoration: none;
}

.editlinktip img {
  margin: 0;
  padding: 0;
}

.imagesFilter #filter {
  position: relative;
  top: 3px;
}

.imagesFilter .inputCheckbox {
  margin: 0;
  position: relative;
  top: 9px;
}

#imageBrowse .imagesFilter .checkAll {
  position: relative;
  top: 7px;
}

#bookSetting td.box {
  float: none;
  height: 23px;
  margin: 0;
  min-height: 0;
  width: auto;
}

.time {
  width: 7em;
}

#adminForm textarea.fullwidth {
	width: 100%; 
}

table.template textarea.price {
  float: left;
  height: 70px;
  margin: 4px;
  overflow: hidden;
  width: 40px;
}
table.template input.price {
  display: block;
  float: none;
}

#supplements {
  background-color: #F6F6F6;
  border-color: #A0A0A0;
  border-style: dotted;
  border-width: 1px 0;
  height: auto;
  margin: 0 0 10px;
  padding: 0.5em 0.5em 0;
  position: relative;
}

#supplements .supplement {
  float: left;
  margin: 0;
  padding: 0 1.5em 0.5em 0;
}

#supplements .supplement h3 {
  float: left;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding-right: 0.5em;
  padding-top: 0.5em;
}
 
#supplements .supplement h3 label {
  float: none;
  font-size: 1em;
  height: auto;
  line-height: 1em;
  margin: 0;
  padding: 0;
  position: static;
  width: auto;
}
  
#supplements .supplement .field {
  display: block;
  float: left;
}

#supplements .supplement .fieldBoolean {
  padding: 0.4em 0 0;
  vertical-align: top;
}

#supplements .supplement .field .separator {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 20px;
}

#supplements .supplement .field .checkbox {
  border: medium none;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

#supplements .supplement .field select {
	float: left;
}
#supplements .supplement .price {
  color: #000000;
  cursor: auto;
  display: block;
  float: left;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0.5em 0.5em 0 0.5em;
}

#supplements .supplement .quantity_select {
 	float:left;
}

#supplements .supplement .quantity_select label {
  display: inline-block;
  float: none;
  font-size: 1em;
  height: auto;
  line-height: 1em;
  margin: 0;
  padding: 0.5em 0 0;
  position: static;
  width: auto;
}

.tooltip strong br {
    display: inherit;
}

.tooltip span {
  vertical-align: top;
  display: inline-block;
}

.tooltip span:first-child {
  border-right: 1px solid;
  margin: 0 -1px 0 0;
  padding: 0 5px 0 0;
}

.tooltip span:last-child {
  border-left: 1px solid;
  margin: 0;
  padding: 0 0 0 5px;
}

.noCustomer {
  color: red;
  font-size: 1.1em;
}

.becomeCustomer, .becomeCustomer:hover {
  background-image: url("../images/become-customer.png");
  background-repeat: no-repeat;
  display: block;
  height: 26px;
  line-height: 26px;
  margin: 5px 0 10px;
  padding: 0 0 0 30px;
}

td.price {
  text-align: right;
  white-space: nowrap;
}

.dir {
  background-image: url("../images/dir.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 15px;
  padding-top: 45px;
  text-align: center;
  width: 48px;
}
 
/* Calendar display area */ 
.calendar_da {
  background-color: #F1F1F1;
  border: 1px solid silver;
  display: block;
  float: left;
  font-size: 12px;
  min-height: 14px;
  min-width: 80px;
  padding: 2px 5px;
  text-align: left;
}
 
/* Erase calendar button */ 
.calendar_era {
  border: 1px solid #CCCCCC;
  cursor: pointer;
  float: left;
  left: 2px;
  margin: 0;
  padding: 0;
  position: relative;
}
 
.filterTable #filter_from_era, .filterTable #filter_to_era {
  margin-right: 20px;
}
 
.filterItem label {
  display: block;
  float: left;
  height: auto;
  margin: 0;
  padding: 0 5px 0 15px;
  text-align: right;
  width: auto;
}

.filter .filterItem #filter_resid_label, .filter .filterItem #filter_from_label {
  width: 70px;
}

.filterItem input[type="text"] {
  float: left;
  margin: 0;
}

.filterItem select {
  margin: 0;
}

.filter div.filterItem select#filter_reservation_status, .filter div.filterItem div#filter_reservation_status_chzn {
  margin-left: 89px;
}
 
 /* DHTMLX calendar */
 
#list div.subjectsList div.subject div.calendars {
  padding: 20px 0 0;
}
 
#list div.subjectsList div.subject div.calendars div.calendar {
  background-color: transparent;
  border: medium none;
  float: left;
  height: 205px;
  position: relative;
  width: 200px;
}
 
#list div.subjectsList div.subject div.calendars div.calendar .dhtmlxcalendar_month_arrow {
  display: none;	
}
 
#list div.subjectsList div.subject div.calendars div.calendar .dhtmlxcalendar_container ul.dhtmlxcalendar_line { /* fix for Joomla 2.5 default template*/
  margin: 0;
  padding: 0;
}
 
/* object's properties as list with icons and texts */
#bookSetting div.properties ul {
  float: left;
  list-style: none outside none;
  padding: 0;
  width: 95%;
}
#bookSetting div.properties ul {
  border: medium none;
  float: left;
  list-style: none outside none;
  padding: 5px 0;
  width: 100%;
}
#bookSetting .properties ul li {
  background-color: #F6F6F6;
  border: 1px solid #DDDDDD;
  display: block;
  float: left;
  margin: 1px;
  padding: 1px 5px;
  white-space: nowrap;
}
#bookSetting ul.prices {
  background-color: transparent;
  border: medium none;
  float: left;
  list-style: none outside none;
  width: 100%;
}
#bookSetting ul.prices li {
  float: left;
  padding: 0 10px 0 5px;
}
#bookSetting ul.prices li span.price {
  cursor: default;
}
 
#adminForm .current #tprices .inputCheckbox {
  float: left;
}
 
#googlemap {
  background: url("../images/google-maps.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: block;
  float: right;
  height: 61px;
  width: 48px;
}
 
/* week in objects list */
 
#list div.subjectsList div.subject div.week {
  background-color: #F1F1F1;
  float: left;
}
#list div.subjectsList div.subject div.week ul.day {
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#list div.subjectsList div.subject div.week ul.day li.date {
  background-image: none;
  font-size: 0.9em;
  font-weight: bold;
  padding: 3px;
}
#list div.subjectsList div.subject div.week ul.day li.hour {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid silver;
  font-size: 0.9em;
  line-height: 1em;
  margin: 1px;
  padding: 2px;
}
#list div.subjectsList div.subject div.week ul.day li.reserved {
  background-color: #F1F1F1;
}
 
form#adminForm fieldset.adminlist table.admintable tbody tr td.key {
  text-align: left;
} 
 
/* locations on objects list */

#list div#locations {
  padding: 0 0 30px;
}
 
#list div#locations div.location label#pickupLocationLabel, #list div#locations div.location label#droppoffLocationLabel {
  display: block;
  float: left;
  height: auto;
  padding: 5px 0;
  width: 160px;
}
 
#list div#locations div.location label#pickupLocationTimeLabel, #list div#locations div.location label#droppoffLocationTimeLabel {
  display: block;
  float: left;
  height: auto;
  padding: 5px 0;
  width: auto;
} 

#list div#locations div.location select#pickup_location, #list div#locations div.location select#dropoff_location {
  width: 155px;
}
 
/* locations on object detail - display mode */ 
 
#bookSetting #locations {
  clear: both;
  float: left;
  line-height: 1em;
  padding: 10px 0;
}
#bookSetting #locations .location {
  padding: 0 0 5px;
}
#bookSetting #locations .location .label {
  display: block;
  font-weight: bold;
  padding: 0 0 3px;
}
#bookSetting #locations .location .location {
  display: block;
  float: left;
  padding: 0 0 0 5px;
  width: 150px;
}
#bookSetting #locations .location .time {
  display: block;
  float: left;
  padding: 0;
  width: 100px;
}
#bookSetting #locations .location .back {
  border: 1px solid silver;
  cursor: pointer;
  padding: 1px 5px;
}
 
/* locations on object detail - edit mode */
 
#bookSetting div.bookInterval div#locations div.location label#pickupLocationLabel, #bookSetting div.bookInterval div#locations div.location label#droppoffLocationLabel {
  display: block;
  float: left;
  height: auto;
  padding: 5px 0;
  width: 160px;
}
 
#bookSetting div.bookInterval div#locations div.location label#pickupLocationTimeLabel, #bookSetting div.bookInterval div#locations div.location label#droppoffLocationTimeLabel {
  display: block;
  float: left;
  height: auto;
  padding: 5px 0;
  width: auto;
}
    
#bookSetting div.bookInterval div#locations div.location select#pickup_location, #bookSetting div.bookInterval div#locations div.location select#dropoff_location {
  width: 155px;
} 	
 
/* reservation detail */
div.reservation fieldset legend {
  font-size: 1.2em;
  font-weight: bold;
}
div.reservation fieldset table {
  border: medium none;
  width: 100%;
}
div.reservation fieldset table tbody tr {
  border: medium none;
}
div.reservation fieldset table tbody tr td.key {
  font-weight: bold;
  padding: 1px 10px 1px 0;
  width: 20%;
}
div.reservation fieldset table tbody tr td {
  border: medium none;
  padding: 1px 0;
}

div.reservation fieldset table tbody tr td select {
  float: none;
  margin: 0;
}

div.reservation fieldset table tbody tr td input {
  float: none;
  height: auto;
  margin: 0;
}

.period label {
  clear: none;    
}

#bookSetting .period fieldset {
    padding: 20px 15px;
    border: 1px solid #A0A0A0;
    margin: 5px 0;
}
#bookSetting .period .occupancy {
    text-align: center;
}
#bookSetting .period .occupancy fieldset {
    display: inline-block;
    float: none;
    margin: 0 10px 20px 10px;
    width: 35%;
}
.period select.error, .period input[type="text"].error, .period span.error {
    border: red 2px solid;
}
.period label.error {
    color: red;
    font-weight: bold;
}
.period .recurrence-pattern .type {
  border-right: 1px solid black;
  float: left;
  padding: 0 10px 0 0;
}
.period .recurrence-pattern .type input {
  clear: both;
  float: left;
}
.period .recurrence-pattern .type label {
  float: left;
  padding: 0 0 5px 10px;
}

.period .intensity label {
  display: inline;
}

.period .recurrence-pattern .intensity {
  float: left;
  padding: 0 0 0 10px;
}
.period .recurrence-pattern .intensity .clr {
  clear: both;
  padding: 5px;
}
.period .recurrence-range .begin {
  float: left;
  padding: 0 20px 0 0;
}
.period .recurrence-range .end {
  float: left;
}
.period .recurrence-range .end .end-by #period_date_down_date, .period .recurrence-range .begin #period_date_up {
  float: left;
  width: 80px;
}
.period .recurrence-range .end input {
  float: left;
}
.period .recurrence-range .end label {
  float: left;
  padding: 0 10px 10px;
}
.period .recurrence-range .end label#period_occurrences_lbl, .period .recurrence-range .end label#period_date_down_lbl {
  width: 75px;
}
.period .recurrence-range .begin label {
  float: left;
  padding: 0 10px 0 0;
}
.period .tools {
  padding: 10px 0 0;
  text-align: center;
}
.period input[type="checkbox"] {
    padding: 0;
    margin: 0 0 0 10px;
}
.period #period_monday_checkbox {
    margin: 0;
}
.popup-period {
    display: inline-block !important;
    float: none !important;
    clear: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.popup-period.datetime {
    width: 50% !important;
}
.popup-period.date {
    width: 30% !important;
}
.period .calculate {
    text-align: center;
}
.period .calculate .calendar {
    width: auto;
    border: none;
}
.period .calculate-loader {
    display: none;
    margin: 10px auto;
}
#calculateRecurrences {
    display: none;
}
#calculateError {
    color: red;
}
.calculate .month strong {
    background: #a0a0a0;
    color: white;
    display: block;
}
.calculate .month {
    float: left;
    border: 1px solid #a0a0a0;
    margin: 0 3px 3px 0;
    height: 140px;
}
.calculate .month .break {
    clear: both;
}
.calculate .month .week {
    text-align: right;
}
.calculate .month .week:last-child {
    text-align: left;
}
.calculate .month .week .day {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
}
.calculate .month .week .day.period {
    background: green;
    color: white;
    border-radius: 10px;
}
.calculate .month .week .day.conflict {
    background: red;
    color: white;
    border-radius: 10px;
}
span.currency {
  display: inline-block;
  padding: 5px 0 0 5px;
}

/* QUICKBOOK */

#step3-1 { overflow:hidden; }
#step3-2 { overflow:hidden; padding:10px 0 0; }

#quickbook td { text-align:center; }
#quickbook td a,
#quickbook td span { display:block; padding:5px 6px; background-color:#EEE; text-decoration:none; text-align:center; color:#999; }
#quickbook td.special a { background-color:#EEE; text-decoration:none; color:#000; cursor:text; }
#quickbook td.special a:hover { text-decoration:none; }
#quickbook td a { background-color:#27C; color:#FFF; }
#quickbook td a:hover,
#quickbook td a:focus,
#quickbook td a.selected { background-color:#000; color:#FFF; text-decoration:none; }

#day .pagenav { list-style:none; margin:0; padding:0; }
#day .pagenav li { float:left; padding:0 10px 0 0; }
#day a { display:block; padding:5px 6px; background-color:#27C; text-decoration:none; color:#FFF; }
#day a:hover,
#day a:focus,
#day a.selected { background-color:#000; text-decoration:none; color:#FFF; }

div.edit form#adminForm fieldset div.formelm fieldset.radio {
  border: medium none;
  display: inline;
  margin: 0;
  padding: 0;
}
 
div.edit form#adminForm fieldset div.formelm fieldset.radio label {
  width: auto;
} 

.addNext, .addMore {
  background: url("../images/addMore.png") no-repeat scroll 0 0 transparent;
  clear: both;
  cursor: pointer;
  float: left;
  height: 23px;
  margin-top: 5px;
  padding-left: 40px;
  padding-top: 6px;
}

input[name^="more_names"] {
  clear: both;
  display: block !important;
  margin-top: 2px !important;
}

.addMoreNames {
  width: 300px;
}

.addMoreNames.adminform {
  padding: 0 0 10px 20px;
  width: auto;
}

.hideAddMore {
  color: red;
  cursor: pointer;
  float: right;
  padding-top: 11px;
}

.printButton {
  display: inline-block;
  margin: 0 0 20px;
  text-decoration: none;
}

.printButton img {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.printButton span {
  display: inline-block;
  padding: 1px 20px 0 0;
  vertical-align: top;
}

.amountRest {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
}

.more_names .field {
  display: inline-block;
  padding: 5px 0 0;
  vertical-align: top;
  width: 150px;
}

#adminForm .more_names .field input {
  width: 145px;
}

#quickbook th.previous, #quickbook th.next {
    cursor: pointer;
}

td.instant-expiration {
    background-repeat: no-repeat;
    background-image: url('../images/icon-16-notice-note.png');
    background-position: center center;
}

textarea.input-calendar {
    overflow: hidden;
    resize: none;
}

#adminForm input[type="number"][name^="supplements"],
#bookSetting input[type="number"][name^="supplements"]{
    width: 2.5em;
    margin: 0;
    height: 1em;
}