/* light blue: #1773BC */

/* try also 3388BB */



/********************************************
   HTML ELEMENTS
********************************************/ 

@import url(datepicker/datePicker.css);
@import url(slider/slider.css);

code {
  margin: 5px;
  padding: 15px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1.3em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  color: #222222;
  border: 3px solid #88ac0b;  
  background: #F4F8FD;
}

pre {
  display: block;
  text-align: left;
}

fieldset {
	margin:10px 15px 0 15px; 
	padding: 0 0 10px 0;
	border: none;
}

a.open {
	color: #3388BB;
	font-weight: bold;
	font-style: normal; 
	line-height: 16px;
	display: block;
}

/* box */
div.box {

}
.forma {
	padding: 10px;
	border: 1px outset #ccc;
}
.formb {
	padding: 25px 10px 15px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	min-height: 300px;
}
.white-title {
	position: relative;
	bottom: 0px;
	font-weight: bold;
	font-size: 14px;
}
div.box.withfieldset {
	padding-bottom: 2px;
}

div.box .label {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-size: 135%;	 
	font-weight: bold;
	font-style: normal; 
	margin: 10px 0 10px 5px;
	display: block;
	color:#666;
}

div.box .label em {
	color:#C00;
	font-style: normal; 
}

.info {
	padding-left: 20px;
	background: url(styleimgs/pagestack.gif) no-repeat left center;
}

.exit {
	padding-left: 20px;
	background: url(styleimgs/stop.png) no-repeat left center;
}

.vcard {
	padding-left: 20px;
	background: url(styleimgs/vcard.png) no-repeat left center;
}

.tip {
	padding-left: 20px;
	background: url(styleimgs/bullet1.gif) no-repeat left center;
}

.back {
	padding-left: 20px;
	background: url(styleimgs/rewind.gif) no-repeat left center;
}

.flag {
	padding-left: 20px;
	background: url(styleimgs/flagred.gif) no-repeat left center;
}

.tool {
	padding-left: 20px;
	background: url(styleimgs/flagred.gif) no-repeat left center #fff;;
}
.red {
	color: #C00;
	font-size: 14px;
}

.popular {
	padding-left: 20px;
	background: url(styleimgs/popular.gif) no-repeat left center;
}

.add {
	padding-left: 20px;
	background: url(styleimgs/add.gif) no-repeat left center;
}

.del {
	padding-left: 20px;
	background: url(styleimgs/del.gif) no-repeat left center;
}

.trash {
	padding-left: 20px;
	background: url(styleimgs/trash.gif) no-repeat left center;
}

.accept {
	padding-left: 20px;
	background: url(styleimgs/accept.gif) no-repeat left center;
}

.edit {
	padding-left: 20px;
	background: url(styleimgs/edit.gif) no-repeat left center;
}

.new {
	padding-left: 20px;
	background: url(styleimgs/new.gif) no-repeat left center;
}

.user {
	padding-left: 20px;
	background: url(styleimgs/user.gif) no-repeat left center;
}

.agent {
	padding-left: 20px;
	background: url(styleimgs/agent.gif) no-repeat left center;
}


p.warning {
	margin: 10px 0 5px 0;
	padding: 5px;
	display: block;
	color:#EE5555;
	border: 1px solid #EE5555;
	background: #FFEEEE;
}

p.notice {
	margin: 10px 0 5px 0;
	padding: 5px;
	display: block;
	color: #00cc00;
	border: 1px solid #00cc00;
	background: #EEFFEE;
}

p.response {
	margin: 10px 0 5px 0;
	padding: 35px;
	color: #666;
	font-size: 100%;
}


.error {
	padding-left: 20px;
	background: url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/exclamation.gif) no-repeat left center;
}
.error.generic {
	padding-left: 20px;
	background: url(styleimgs/exclamation.png) no-repeat left center;
}
.error.required {
	padding-left: 20px;
	background: url(styleimgs/exclamation.png) no-repeat left center;
}
.error.typemismatch {
	padding-left: 20px;
	background: url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/warning.gif) no-repeat left center;
}


div.box .newblock {
	margin-top: 30px;
}

div.box .loose {
	line-height: 30px;
}

div.box h3 {
	display: inline;
}

div.box h3 em {
	color:#C00;
	font-style: normal; 
}

div.box .recap {
	margin: 10px 0 5px 0;
	display: block;
}

div.box .recap div {
	float: left;
	font-style: normal; 
	font-size: 110%;
	margin: 0;
	padding: 6px 20px 0 0;
	display: inline;
	text-align: left;
}
div.box .recap div.large{
	margin-right: 20px;
}
div.box .recap div button{
	margin-top: 5px;
}
div.box .recap div em {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-weight: bold;
	font-style: normal; 
	margin: 0;
	padding: 0;
	display: block;
	color: #1773BC;
}
div.box .recap .clear {
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: block;
}


div.hiddendrawer {
	border-top: 1px dotted #ccc;
	margin-top: 10px;
	padding: 7px;
	background: #eee;
}

div.spinajaxloading {
	display:block;
	text-align:center;
	padding: 10px;
}

/* listen span */
span.listen, a.listen{
	color: #2666c3;
	text-decoration: none;	
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: bold;
	font-style: normal;
	line-height: 16px;
	display: block; /* mind the float! this must float to preserve bullet */
	cursor: pointer;
}
span.listen:hover, a.listen:hover{
	color: #CC0000;
}

/* images */
img.display {
	background: #fff;
	border: 1px solid #E5E5E5;
	padding: 5px;
	/* margin: 0; see img.float-right */
	}
img.float-right { margin: 0px 0px 5px 5px;  }
img.float-left { margin: 0px 5px 5px 0px; }

/* structured data box */

div.databox {
	margin:20px 15px; 
	padding: 0;
	border:1px solid #DDD;
	background: #FFF;
}

div.databox ul {
	margin:0; 
	padding:0;
}

div.databox h2 {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #88AC0B;
}

div.databox div.header {
background:#EAEAEA none repeat scroll 0%;
border-bottom:1px solid #DFDFDF;
border-top:1px solid #DFDFDF;
padding:2px 10px 2px 10px;
display: block;
/* float:left; would make it the container of LIs (?) but not span to the width */
}

div.databox li {
background: url(styleimgs/bullet_breaker.gif) no-repeat 0pt 2px;
color:#575757;
display:inline;
/* font-weight:bold; */
height:20px;
line-height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 6px 0 0;
/* padding:2px 0 3px 8px; */
padding: 0 0 0 8px;
}

div.databox li.em {
font-weight:bold;
}

div.databox li.sep {
margin-right: 0;
}

div.databox li.user {
background: url(styleimgs/bullet_user.gif) no-repeat 0px 2px;
padding-left: 18px;
}

div.databox li.show {
background: url(styleimgs/bullet_this.gif) no-repeat 0px 2px;
padding-left: 18px;
}

div.databox li.button {
background: url(styleimgs/minibutton_left.gif) no-repeat scroll 0px 0px;
padding-left:5px;
}

div.databox li.button button {
font-family: Verdana, Tahoma, arial, sans-serif;
font-size: 10px;
background: url(styleimgs/minibutton_right.gif) no-repeat scroll -1px 0px; /* from: left + top */
height: 18px;
padding: 0 5px 0 0;
border: 0;
color:#000000;
font-weight:bold;
display:inline;
}



div.databox .recap {
	margin: 5px 0 0 0;
	display: block;
	clear: both;
}

div.databox .recap div, div.databox .recap label {
	float: left;
	font-style: normal;
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 0 30px 0 0;
	display: inline;
	text-align: left;
}
div.databox .recap div em, div.databox .recap label em {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-weight: bold;
	font-style: normal; 
	margin: 0;
	padding: 0;
	display: block;
	color: #1773BC;
}

div.databox .recap .clear {
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
	display: block;
}

div.infoset {
	margin:15px 5px 5px 5px; 
	padding: 5px;
	border:1px solid #DDD;
	background: #FFF;
	position:relative;
}
div.infoset h4 {
	background:#FFF none repeat scroll 0%;
	color:#BBB;
	font-size:100%;
	left:10px;
	padding:0pt 3px;
	position:absolute;
	top:-10px;
}

ul.fancy li {
	list-style-image: url(styleimgs/bullet1.gif);
}

ul.taglist {
	margin:0;
	padding: 0;
}

ul.taglist li{
	float: left;
	width: 170px;
	margin: 0 20px 10px 0;
	padding: 3px 3px 3px 10px;
	border: 1px solid #CCCCCC;
	list-style: inside url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/bullet5.gif);
}

/* tabs */

ul.tabs {
background:#FFF none repeat scroll 0%;
list-style-image:none;
list-style-type:none;
margin-bottom:0;
padding:20px 0 0 5px;
height: 20px;
display:block;
position:relative;
}

ul.tabs li {
	width: 84px;
	display: inline;
	float: left; 
	list-style: none;
	text-align: center;
}

ul.tabs li a, ul.tabs li a:visited, ul.tabs li span {
	display: block;
	text-decoration: none;
	line-height: 20px;
	width: 84px;
	height: 20px;
	color: #ACACAC;
	background: url('http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/tabsbg-off.gif') no-repeat right center;
	cursor: pointer;
}

ul.tabs li a:hover{
	text-decoration: none;
	color: #428CE7;
}

ul.tabs li.current a, ul.tabs li.current a:visited, ul.tabs li span.current {
	display: block;
	text-decoration: none;
	line-height: 20px;
	width: 84px;
	height: 20px;
	color: #428CE7;
	background: url('http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/tabsbg-on.gif') no-repeat right center;
	cursor: pointer;
}

ul.tabs li span.end {
	background: url('http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/tabsbg-end.gif') no-repeat left center;
	cursor: default;
}

/** end mininav **/	

div.tabscontent>div {
padding:15px 5px 15px 5px;
background:#FFF;
}


/* table */

#main div.tablewrap { /* to span a table wrap it into <DIV class="tablewrap"> */
	margin:10px 0 5px 0; 
	padding: 0;
}
div.tablewrap table{
width: 780px;
	margin: 0;
	padding: 0;
}
div.tablewrap table em{
	color: #88AC0B;
	font-weight: normal;
	font-style: normal; 
}
div.tablewrap table tr.header {
	color: #333;
	font-weight: normal;
}
div.tablewrap table tr.header td{
	border-top-width: 4px;
	border-bottom-width: 2px;
}

div.scrollh{
	overflow-x:auto;
	overflow-y:visible;
}

div#map.display {
	background: #fff;
	border: 1px solid #E5E5E5;
	padding: 5px;
	margin: 0;
}

table.wireframetable {
	border-collapse: collapse;
	margin: 0;
}
table.wireframetable th strong {
	color: #fff;
}
table.wireframetable th {
	font-weight: normal;
	background: #1773BC; 
	height: 25px;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	text-align: center;
	border: 1px solid #999;
	border-bottom-width: 2px;
}
table.wireframetable tr {
	height: 25px;
	background: #fff;	
}
table.wireframetable td {
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #999; 
}
table.wireframetable td.total {
	border-top-width: 2px;
	border-right: none;
	border-left: none;
	border-bottom: none;
	font-size: 110%;
	font-weight: bold;
}

/* end - table */


/* account list */


ul.accountlist {/* UNDER CONSTRUCTION */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt 0pt 30px;
	padding:0pt;
	width:100%;
}
ul.accountlist li{
	display:block;
	border-bottom:1px solid #EEEEEE;
	line-height:160%;
	padding:12px !important;
	position:relative;
	float: left;
}
ul.accountlist li img.ico{
float: left;
}



input.button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	height: 28px;
	margin: 0;
	padding: 2px 3px; 
	color: #fff;
	background: #306bc1 url(styleimgs/button-bg.jpg) repeat-x 0 0; 
	border: 1px solid #306bc1;
	cursor: pointer;
}
input.button:hover {
	color: #FFCC00;	
}
input.button.ok {
	color: #3b5e0b;
	background: #00CC00 url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/menu.jpg) repeat-x -20px -10px; 
}
input.button.ok:hover {
	color: #FFFF00;	
}


/* button array */
.buttonarray {
	clear: both;
	margin: 10px 0 0 0;
padding: 15px;
	
}
.buttonarray ul {
	list-style: none;
	margin:0; 
	padding: 0;
	float: right;
}
.buttonarray ul li {
	float: right;
	margin: 0 0 0 15px;
	display: inline;
}
.buttonarray ul li input{
	/* min-width:80px; unsupported! */
	width:90px;
}

/* icon array */
ul.iconarray {
	list-style: none;
	margin: 0; 
	padding: 0;
}
ul.iconarray li {
	float: right;
	margin: 0 0 0 5px;
	display: inline;
	padding: 0;
}
ul.iconarray li img{
	border: none;
	padding: 0;
	margin: 0;
}

/* link array */
ul.linkarray {
	margin-top: 10px;
	clear: left;
	padding: 0;
}
ul.linkarray li{
	border: none;
	padding: 0;
	display: inline;
	float: left;
	border: none;
	margin-right: 20px;
}

/* link buttons */

button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 0 10px 0 10px; 
	cursor: pointer;
	color: #994800;
	background: #00CC00 url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/buttonbg.gif) repeat-x 0 0;
	border: 1px solid #ecc101;
	height: 25px;
	line-height: 25px;
	display: block;
	width: auto; /* without this IE decides to stack the padding depending on the width of the content inside the element. */
	overflow: visible; /* without this IE decides to stack the padding depending on the width of the content inside the element. */
}

a.button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 0 10px 0 10px; 
	cursor: pointer;
	color: #994800;
	background: #00CC00 url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/buttonbg.gif) repeat-x 0 0;
	border: 1px solid #ecc101;
	height: 23px;
	line-height: 23px;
	display: block;
}
a.button:hover {
	text-decoration:underline;
	background: #00CC00 url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/buttonbg.gif) repeat-x 0 -23px;
}
a.button.inarray {
	width:70px;
}

span.button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 0 10px 0 10px; 
	cursor: pointer;
	color: #999999;
	background: #DDDDDD;
	border: 1px solid #999999;
	height: 23px;
	line-height: 23px;
	display: block;
}


/* search form */
.searchform {
	margin-left: 20px; 
	padding: 0;
	border: none;
}
.searchform fieldset {
	margin: 10px 0 0 0; 
	padding: 0;
}

.searchform fieldset.fieldgroup {
	margin-top:30px;
	padding-top:20px; /* reduced padding-top from fieldgroup becouse safari/firefox discrepancy in rel pos */
	position:relative;
	width: 95%;
}
.searchform fieldset.fieldgroup h4 {
	background:#666 none repeat scroll 0%;
	color:#fff;
	font-size:100%;
	padding: 3px;
	position:absolute;
	top:-18px;
	width: 50%;
	text-transform: uppercase;
	border-bottom: 1px solid #444;
}
.searchform fieldset.fieldgroup span.title {
	display: block;
	font-weight:bold;
	color: #1773BC;
}

.searchform label {
	float: left;
	display: block;
	font-weight:bold;
	color: #1773BC;
	/* margin: 0 10px 10px 0; IE double right margin! consider setting width */
	margin: 0 10px 10px 0;
}

.searchform label.large {
margin-left: 50px;
color:#ffffff;
}
.searchform select {
	margin: 0;
	border: 1px solid #CCCCCC;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
.searchform input, .searchform select, .searchform textarea {
	
}
.searchform input.hidden {
	display: none;
}
.searchform input.text {
	border: 1px solid #CCCCCC;
	margin: 0; 
}

label.cbox {
	font-weight:normal;
}
label.text input, label.text textarea {
	border: 1px solid #CCCCCC;
	margin: 0; 
}

label.text input {
	width:122px;
}

label.lbox {
	height: 48px; /* or 48px ??? */
	margin-bottom: 0px;
}
label.lbox select {
	width:122px;
	border: 1px solid #CCCCCC;
	margin: 0; 
}
label.cbox input {
	display: inline;
}
label.dtpicker {
	display: block;
}
label.dtpicker input {
	border: 1px solid #CCCCCC;
	width: 75px;
	display: block;
	margin: 0; 
}
label.link {
	margin-top: 15px;
}

label.value {
	height: 48px; /* or 47px ??? */
	margin-bottom: 0px;
	width:130px;
}
label.value span {
	display: block;
	color: #777;
	font-weight:normal;
	font-style: normal; 
	font-size: 120%;
}

.searchform p {
	margin: 0;
	padding-top: 0; 
	padding-bottom: 0; 
}
.searchform input.textbox { /* still in use ??? */
	width: 110px;
	color: #777; 
	height: 20px;
	padding: 2px;	
	border: 1px solid #D2E8F7; 
	vertical-align: top;
}
.searchform input.button {
	text-align: center;
	font: bold 12px Arial, Sans-serif; 
	margin: 0;
	padding: 0 10px 0 10px; 
	cursor: pointer;
	color: #994800;
	background: #00CC00 url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/buttonbg.gif) repeat-x 0 0;
	border: 1px solid #ecc101;
	height: 25px;
}
.searchform input.button:hover {
	text-decoration:underline;
	background: #00CC00 url(http://www.book.hotelsanmarino.com/www/public/default/css/styleimgs/buttonbg.gif) repeat-x 0 -23px;
}

.searchform ul.checklist {
	list-style: none;
	text-align: left;
	margin: 5px 0px 5px 0; padding: 0;
	text-decoration: none;	
}
.searchform ul.checklist li {
	list-style: none;
	padding: 3px;
	margin: 0;
	color: #1773BC;
	border-bottom: 1px dotted #D2E8F7;
}
.searchform ul.checklist li.current {
	color: #000;
	background: #FFCC00;
}
.searchform ul.checklist li input.cbox{
	display: inline;
	margin-right: 5px;
	padding: 0;
	vertical-align: middle;
}



/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; display:block;}
div.clear { clear: both; margin:0; padding:0; border:0; height:0; float: none; display: block;}
div.clear-left { clear: both; margin:0; padding:0; border:0; height:0;}

/* pagination and page browsing links */

.paginator {border:0; margin:0; padding:0;}
.paginator li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-left:2px;
display:inline;
float:right;
}
.paginator a{
border:solid 1px #9aafe5;
margin-left:2px;
color:#9aafe5;
display:block;
padding:2px 5px 2px 5px;
}
.paginator #next a,
.paginator #previous a {
font-weight:bold;
} 
.paginator #active{
font-weight:bold;
background:#2e6ab1;
color:#FFFFFF;
padding:3px 6px 3px 6px;
}
.paginator a:link,
.paginator a:visited {
color:#0e509e
text-decoration:none;
}
.paginator a:hover{
border:solid 1px #0e509e;
text-decoration:underline;
color: #0e509e;
background:#DDFFDD;
}

/* person per room */

.paxgrid {
border-collapse: collapse;
font-family: Arial;
}
.paxgrid TD{
text-align:center;
border:solid 1px #0e509e;
font-size: 10px;
width: 50px;
}
.paxgrid TD H4{
font-weight:bold;
margin:0;
padding:0;
}
.paxgrid TH{
padding:0 5px 0 5px;
border:solid 1px #0e509e;
font-size: 12px;
font-weight:bold;
}

/* addon list */
.addongrid {
margin: 3px 0 3px 15px;
}
.addongrid LI {
font-size:11px;
list-style-image: url(styleimgs/bullet1.gif);
}
.addongrid LI SPAN {
text-decoration: underline;
}


#docheader h1#logo {
	margin: 0; padding: 0;
	font: bolder 55px 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -3px;
	color: #000;
	text-transform: none;
	text-decoration: none;
	background: transparent;
}
#docheader p#slogan {
	margin: 0; padding: 0;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #555;
}

#printable, #printable div, #printable div div {
	color:#000;
	border-color: #AAA
}

/* service status*/

.svccancelled {
	text-decoration: line-through;
	color:#BB0000;
}


/* dashboard list */

.dashboard {
	margin: 0;
	padding: 0 0 0 40px;
}

.dashboard li {
	list-style-image: url(styleimgs/bullet1.gif);
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-weight: bold;
	font-style: normal; 
	color: #1773BC;
	padding-top: 3px;
	padding-bottom: 3px;
}
.dashboard li a{
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;  
	font-weight: bold;
	font-style: normal; 
	font-size: 130%; 
	color: #1773BC;
	text-decoration: none;
}
.dashboard li a:hover {
	text-decoration: none;
	color: #6C3;
}

/* tool menu */

.toolsetmenu {
	padding-bottom: 50px;
	padding-left: 10px;
	padding-top: 50px;
	width: 800px;
}
.toolsetmenu div{
	float: left;
	width: 235px;
	font-weight: normal;
	font-style: normal; 
	font-size: 110%; 
	color:#88ac0b;
	margin: 5px 10px 5px 0;
}
.toolsetmenu div a{
	font-weight: bold;
	font-style: normal; 
	/* color:#88ac0b; */
	color: #555;
	text-decoration: none;
}
.toolsetmenu div a:hover {
	text-decoration: none;
	color: #06F;
}
.toolsetmenu div.clear{
	float: none;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
}
.toolsetmenu div img{
	vertical-align: middle;
	padding: 0 5px 0 5px;
}

hr {
clear: both;
}