/* 2010-09-22 */

.mainpage_footer {
	margin-left: 30px;
	width: 780px; }
.mainpage_footer {
	font-size: 10.2px; }
.mainpage_footer, .mainpage_footer h1, .mainpage_footer h2, .mainpage_footer p {
 	color: #828282; }
.mainpage_footer h1 {
	margin: 3px 0 0 0;
	font-weight:normal; 
	font-size: 12px; }
.mainpage_footer h2 {
	font-weight:normal;
	margin:0.5em 0 0 0;
	font-size: 12px; }
.mainpage_footer a {
	text-decoration: none;
	color: #1f7dd5; }
.mainpage_footer p {
	margin: 0 0 0.5em 0; }

#footer, #footer * {
	vertical-align: middle; }

/* class="copy" means applying same styles as for 
   #maincontent p according to global settings. */
.copy, .copy tr, .copy td  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;	
}
p.copy {
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 17px;
}

/* class="obs" is for a footer note, with light grey background and top border */
.obs {
	margin-top: 1.3em;
	padding: 4px;
	background: #eee;
	color: #000;
	border-top: solid 1px; }

/* class="compact" means reduced spacing for list */
.compact li {
	margin: 0 0 0 -5px;
	line-height: 13px; }

/* class="bulleted" makes a ul list bulleted even when other stylesheet says otherwise */
ul.bulleted li, li.bulleted {
	list-style-type: disc !important; }

/* class="data" sets some simple settings for a data table used on content pages */
table.data { border-collapse: collapse;
           margin: 0.3em 0; }
table.data, table.data caption, table.data th, table.data td
           { border: solid #ccc 1px !important; }
table.data caption, table.data th, table.data td
           { padding: 0 0.2em !important; }
		   
/* class="padded" uses left and  right padding of 0.4em for table cells and captions..
     Set it on table, tr, th, or td. The body selector is here to raise specificity. */
body .padded caption,body .padded th, body .padded td,
body caption.padded, body th.padded, body td.padded {
  padding: 0 0.4em !important; }
		   
/* class="smallhelp" is for a table appearing in booking form help popup when there is just a little room */
table.smallhelp {
  border-collapse: collapse;
  width: 220px; 
  margin-left: 3px; }
table.smallhelp td {
  padding: 0;
  font-size: 8pt; }
table.smallhelp li {
  margin: 0 0 0 -5px; }

/* prevent text in right column from hitting the dotted vertical border */
#rightcolumn p {
  padding-right: 3px; }

/* campaign code input box wider */
#div_optionalinput input.arrinputfld { width: 85px; }

/* use h2 class="book" for a heading of an embedded booking form */
h2.book {
  font-size: 120%;
  margin: 0;
  color: #acacb9;
  background: white; }

/* use table class="timetable" for a small timetable e.g. on a destination page */
.timetable, table.timetable th {
  border-collapse: collapse;
  border: solid 1px #333333; }
table.timetable th, table.timetable td {
  padding: 0 2px; }
table.timetable td {
  border: none; }

/* Settings for creating boxes in contact info page */
.contactbox {
  border: solid 2px #ccc;
  width: 23em;
  height: 4.1em;
  padding: 0.2em 0.3em;
  margin: 0.2em 0 0.3em 0; }
.contactbox h2 {
  margin: 0 !important;
  font-size: 1.3em; }
.contactbox h2 a {
  text-decoration: underline !important; }

/* On printing, suppress right column and other elements that are useless in print.  */
@media print { 
.rightcolumn, #buttonSSelect, #ctl00_TopRegion_QuickSearch1_QuickSearchSpan
   { display: none; } }
   
/* Clean up checkbox rendering in EPi forms */
#id_matrix fieldset { border: none; margin: 0; padding: 0; }
#id_matrix fieldset * { vertical-align: middle; }

/* class="ar" means right-align text; a trick is needed to make this in EPi forms, too */
.ar {
	text-align: right; }
#id_matrix .ar {
	display: block; }
   
/* settings for classes with self-explanatory names */
.bold { font-weight: bold; }

/* Fix overflow in some navigation headers, after site structure change. */
#subnaviheader span { font-size: 13px;  }

/* Make form error message appear in red as intended */
#ctl00_TopRegion_FullRegion_WholeRightSideRegion_MainRegion_AddRegion_ctl00_validator * {
   color: red; background: white;}

/* Appearance of tab controls. */
#maincontent .tabSelected { border: solid 2px #1f7dd5; margin-left: 0}
#maincontent .tabPassive, #maincontent .tabPassive a
{ background: white; color: #1f7dd5 !important;   }
#maincontent .tabPassive { margin-left: 1px; }
#maincontent .tabControl { line-height: 1.7em; margin-left: 5px; }

.continuebtn {
	border: 0 none;
	color: white;
	background-color: #1f7dd5;
	background-image: url("http://www.blue1.com/images/custom/continue.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: -1px 0;
	width: 156px;
	height: 26px;
	font: bold 12px Arial;
	padding-bottom: 4px;
	cursor: pointer; }