table.ospi_table{
    border-collapse:collapse;
}


tr.ospi_bookingOverview_itemExtraAmount td{ padding-left: 2em; font-size: 90%; }
tr td.ospi_price{ padding-left: 0; text-align: right; }
tr.ospi_bookingOverview_itemExtraAmount td.ospi_price{ padding-left: 0; }
tr.ospi_bookingOverview_room td{  }

table.ospi_table td{
    padding: 3px;
	vertical-align: top;
}
table.ospi_table td input, table.ospi_table td select{
    vertical-align: top;
}

table.ospi_table td input, table.ospi_table td select{
    vertical-align: top;
}

table.ospi_logView td img{ position: relative; top: -3px;margin: -6px auto; }

.ospi_head, .ospi_toolbar
{
	font: bold 12px/1.2 Arial, Helvetica, sans-serif; 
	color: white;
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 0 0;
	background-color: lightblue;
	white-space: nowrap;
	height: 22px;
}
.ospi_toolbar a img
{
}
.ospi_toolbar a:hover
{
	background-color: #F0F0FF;
	border: 1px solid #303030;
	margin: 1px;
}

.ospi_toolbar a
{
	display: block;
	float: left;
	padding: 2px;
	margin: 2px;
	height: 18px;
	padding: 3px 3px 6px 3px;
}

.ospi_head a
{
	font: normal 80% Arial, Helvetica, sans-serif; 
	color: white;
}
div.ospi_hint{
	font: normal 85% Arial, Helvetica, sans-serif;
	color: gray;
	width: 400px;
	background-color: #ddddff;
	border: 6px solid #eeeeff;
	padding: 4px;
}
.ospi_inline_hint{
	font: normal 90% Arial, Helvetica, sans-serif;
	color: gray;
}

.mandatory{ } 
label.mandatory{ background-color: inherit; font-weight: bold;} 

.ospi_even, tr.ospi_even td
{
	background-color: rgb(240,240,240);
}
.ospi_odd, tr.ospi_odd td
{
}
.ospi_actionDesc h2
{
	font-size: 110%;
	border-bottom: 1px solid #7766FF;
	margin: 1.4em 0 0em 0;
}
.ospi_actionDesc p
{
	margin: .4em 0 0em 10px;
}

a#bookingFinished_link{
	display: block;
	margin: 1em; 
	padding: .3em;
	font-weight: bold;
	text-align: center;
	background-color: yellow;
}

div#colorSelector {
	float: left;
	height:18px;
	width:18px;
}
div#colorSelector div{
	background:transparent url(../pics/cpselect.png) repeat scroll 0 0;
	height:100%;
	width:100%;
}
div#hotelierBreakfastHint{
	font-size: 80%;
	color: gray;
}

#book_channel_guest_comment{
	padding: 1%; 
	margin: 1%; 
	width: 95%; 
	height: 10em;
}

table.offerstable {
	border-top: 1px solid black;
	table-layout: fixed;
}
table.offerstable table {table-layout: fixed;}
table.offerstable table tr.offer:hover td{ background-color:#f0f0f0; }
table.offerstable a{
	text-decoration: none;
}
.offerstable select {
	font-size: 11px;
}
.offerstable button {
	font-size: 11px;
	width: 100%;
}

tr.offersPriceNumberHeader td {
	font-size: 9px;
	color: gray;
	text-align:center;
}

input.offerInput{
	/*js-necessary!*/
}
.offerprices {}
a.offerhotels {color: black; text-decoration:none;}

table#hotelinfotable tr td{
	border-bottom:1px solid black;
}
div.offers_roomExtraAmounts_title{ clear: both; width:100%; font-size: 85%; color: gray;}
div.offers_roomExtraAmounts_name{ float: left; clear: both; padding:0 10%; width:28%; text-align:right;  font-size: 85%; color: gray; }
div.offers_roomExtraAmounts_price{ float: left; width:38%;  font-size: 85%; color: gray;}

/*new offers*/
div.offeredHotel{
	width: 97%;
	float: left;
	border-left: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	overflow: visible;
	margin: 10px 0 0 0;
	padding-left: 5px;
}
div.offeredHotel div{
	height: 100%;	
}
div.offeredHotel a.onlineBookButton{
	font-weight: bold;
	display: block;
	background-color: rgb(246, 210, 60);
	padding: 2px;
	margin: 20px 20px 0px 0px;
}

div.offeredHotel a.onlineBookButton:hover{
	background-color: rgb(255, 230, 80);
	padding-left: 5px;
}
div.offeredHotel a.hotelInfo{
	font-size: 9px;
	color: gray;
}
div.offeredHotel div.hotelOfferPhoneLink{
	font-size: 9px;
	color: gray;
}
div.offersLegend{
	border: none;
	height: 13px;
	font-size: 9px;
	font-weight: bold;
	color: gray;
	margin-top: 3em;
	border-bottom: 1px solid #a0a0a0;
	padding-left: 5px;
}
div.offeredHotel div.failureNotice{
	display: block;
	height: 12px;
	line-height: 9px;
	font-size: 9px;
	color: gray;
	margin-top: 1px;
}

div.offered_room{
	width: 97%;
	float: left;
	overflow: visible;
	margin: 10px 0 0 0;
	padding: 2px 2px 2px 5px;
	background-color: #eFeFeF;
}
div.offered_room a.roomInfo{
	font-size: 9px;
	color: gray;
}
div.offered_room_desc{
	font-size: 85%;
	color: gray;
	padding-left: 30px;
	float: left;
	width: 100%;
}
div.offered_room_desc label a{ 
	font-size: 9px;
	color: gray;
}
div.offered_room_desc div{ margin-top: 3px;}
button.onlineBookButton{
	font-weight: bold;
	margin-top: 20px;
	margin-right: 13px;
}

/*query, travelData*/
div.theQuery, div.travelData{
	font-size: 10px;
	color: gray;
	float: left;
	width: 48%;
	overflow: hidden;
}

div.labelDiv{
	clear: both;
	font-weight: bold;
}

.errInput{border: 1px solid red;}

a#switchPersonLink{
	display: block;
	background-color: yellow;
	margin: 6px 0;
	padding: 2px;
}

td{
	vertical-align:top;
}
table#checktraveldatatable {
	border-top: 1px solid black;
}

td>div#customerBookingDiv{
	padding:0px;
}

div#customerBookingDiv{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	width: 100%;
	height: 100%;
	padding:3px;
}


/* admin */

table#extra_amounts { border-collapse:collapse; width: 100%;}
table#extra_amounts tr td { background-color: transparent; color: black; font-size: 11px;  }
table#extra_amounts tr td input { width: 98%; font-size: 11px; }
table#extra_amounts tr td select { width: 98%; font-size: 11px; }
table#extra_amounts tr.head td {color: gray; border-bottom: 1px solid black; vertical-align:bottom; }



table#pricestable tr td {
    text-align:center;
}

div.ospi_picAdminContainer{
	border: 1px solid #c0c0c0;
	padding: 5px;
	float: left;
	margin: 0.1em 0;
	width: 97%;
}
div.ospi_picAdminContainer  a.js_picContainer{ float: right; width: 40%; display: block;}
div#ospi_pics{
	margin: 0 0 3em 0;
}

div.helpBlock
{
	width: 300px;
	position: absolute;
	background-color: white;
	border: 1px solid black;
	color: gray;
	font-size: 85%;
	padding: 3px;
}
select#pres_langSelector{
	width: 300px;
}

div#hotelAdminDescs{
	float: left; clear: both;
	width: 100%;
	padding: 5px;
	visibility: hidden;
	display: none;
}

div.roomChosenPrice {width: 100%; margin: 2px;  padding: 2px; float: left; border: 1px solid #c0c0c0;}

/* Booking edit */
select.room_jsSelectClass{width: 84px;}
tr.bookingEditExtraAmounts td{font-size: 85%; color: gray;}
a.jsExtraAmount{ color: gray; font-size: 88%; }
a.jsExtraAmount:hover{ color: blue; }
tr#addRoomTR td, tr#extrasButtonTR td{border-top: 1px solid white;}
tr#addRoomTR td:hover, tr#extrasButtonTR td:hover{background-color: #F0F0Ff;}
div#findFreeRooms{margin: 1em 0; padding: 5px; background-color: lightBlue; border: 1px dotted gray; }
div#findFreeRooms div#freeRooms { float: right; width: 30%; background-color: white; margin: 2px; padding: 3px; border: 1px dashed gray; font-size: 85%; color: gray;}
div#findFreeRooms div#freeRooms a { display: block; font-size: 85%; color: gray;}
div#findFreeRooms div#freeRooms a:hover { text-decoration: underline;}


div.ospi_code{
	border: 1px gray dotted;
	font-size: 90%;
	color: gray;
	font-family: monospace;
	white-space: nowrap;
	padding: 10px;
	overflow: hidden;
}

textarea#comment
{
  width: 99.9%;
  padding: .1%;
  height: 120pt;
}
div.ospi_buttons {
	border: 1px solid #A2A2A2;
	background-color: white;
	padding: 1px;
	margin: 1em auto;
}
div.ospi_buttons div{
	background-color: #A2A2A2;
	padding: 4px;
}
div.ospi_buttons div input{
	width: auto !important;
	padding: auto !important;
	margin: auto !important;
}
div.ospi_hotelierStartModule {
	width: 47%;
	margin: 2% 2% 2% 0;
	float: left;
	border: 1px solid gray;
	min-height: 130px;
	font-size: 11px;
}
div.ospi_hotelierStartModule  h2 {
	margin: 0 0 auto 0;
	padding: 3px 5px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3F3416;
}
div.ospi_hotelierStartModule p {
	margin: 0 0 0 0;
	padding: 2px 5px;
}
div.ospi_hotelierStartModule ul {
	margin: 5px;
	padding: 0;
}
div.ospi_hotelierStartModule ul li {
	list-style: none;
}
div.ospi_hotelierStartModule table tr.ospi_head{
	background-color: transparent;
	color: inherit;
}
div#notices.ospi_hotelierStartModule textarea{
	width: 98%;
	margin: 0px 2px 1px 2px;
	border: none;
	height: 7em;
}
div#notices.ospi_hotelierStartModule a{
	display: block;
	padding: 2px 4px 3px 4px;
}
div#notices.ospi_hotelierStartModule a:hover{
	background-color: lightblue;
}

.ospi_back a:before, a.ospi_back:before{ content: '\00ab'; }
.ospi_forward a:after, a.ospi_forward:after{ content: '\00a0\00bb'; }
.ospi_innerLink a, a.ospi_innerLink{
	font-size: 90%;
	font-weight: bold;
	color: gray;
}

a.lastCheckBackLink:after{
	content: '\00a0\00bb';
}

tr.ospi_head td a.lastCheckBackLink{
	font-weight: bold;
	font-size: 100%;
}
#totalAmountTR{
	border-top: 3px double black;
}
#vatTR{
	font-size: 90%;
	color: gray;
}
#vatTR input{
	border: none;
	border-bottom: 1px solid black;
	font-size: 90%;
	width: 2.3em;
	text-align: right;
	margin: none;
	color: gray;
}
input.bookingPaid, label.bookingPaid{
	background-color: green !important;
	color: white;
	padding: 1px;
	font-weight: bold;
}
input#bookingPaidInput, label#bookingPaidLabel{
	background-color: red;
	color: white;
	padding: 1px;
	font-weight: bold;
}

div#articles{
	border: 1px solid lightblue;
	background-color: white;
	position: absolute;
	height: auto;
	max-height: 250px;
	overflow: auto;
	padding: 0;
	display: none;
	visibility: hidden;
}
div#articles ul{
	margin: 1px;
	padding: 6px;
	background-color: #e7e7e7;
}
div#articles ul li{}
div#articles ul li a{ display: block; padding: 1px 2px; }
div#articles ul li a:hover{ background-color: lightblue; }