/* *************************************************** */
	/*      Phalanx theme for JBoss Portal                 */
	/* *************************************************** */
#body {
	background-color: #E6E8E5;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*****************
* Portal Header  *
******************/
	/* spacer to keep header at certain width regardless of display size 
   done to avoid overlapping of tab navigation in header */
#spacer { /*width: 1024px;*/
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	min-width: 804px;
}

/* Wrapper for Header */
#header-container {
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	height: 100%;
	/*	min-width: 1000px;*/
	width: 100%;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #CFD2CF;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #CFD2CF;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #CFD2CF;
}

/* Header background */
#header {
	background-image: url(images/header_right.gif);
	background-repeat: no-repeat;
	height: 126px;
	padding: 0px;
	margin: 0px;
	background-position: right;
}

#logoName {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	width: 278px;
	height: 126px;
	z-index: 2;
	position: absolute;
	left: 2px;
	top: 0px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #CFD2CF;
}

/************************
* Portal Layout Regions *
*************************/
	/* wrapper for entire portal. starts/ends after/before body tag */
#portal-container {
	margin: 4px 10% 0 10%;
	background-color: #FEFFFC;
	background-image: url(images/page_border_bottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	/* part of below IE hack to preserve min-width for portlet regions */
	padding: 0 350px 0 350px;
}

/* min width hack for IE */
#expander {
	margin: 0 -350px 0 -350px;
	position: relative;
	min-width: 804px;
}

/* min width hack for IE */
#sizer {
	width: 100%;
}

/* IE Hack \*/
* html #portal-container,* html #sizer,* html #expander {
	height: 0;
}

/* end IE min-width hack */
	/* table that contains all regions. does not include header */
#content-container {
	height: 100%;
	text-align: left;
	/*  max-width: 1600px;*/
	min-width: 800px;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #CFD2CF;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #CFD2CF;
	background-color: #FEFFFC;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #CFD2CF;
	background-image: url(images/header_border_bottom.gif);
	background-position: top;
	background-repeat: repeat-x;
}

/* portlet regions within content-container. this includes footer-container. */
#regionA { /* test to swap columns...
	float: right; 	*/
	width: 30%;
	float: left;
	margin: 0px;
	padding: 0px;
	min-width: 250px;
}

#regionB { /* test to swap columns..
 	margin: 0 30% 0 0; */ /*two column layout 
   margin: 0 0 0 30%;*/
	padding: 0px;
	/* test to add 3rd region in layout...*/
	width: 67%;
	float: left;
}

#regionC {
	/* inclusion of 3rd region - comment out for 2 region testing */
	padding: 0px;
	margin: 0px;
	width: 28%;
	float: left;
	/*hide 3rd region*/
	display: none;
}

#footer-container {
	position: absolute;
	bottom: -30px;
	text-align: left;
}

#navigation-container {
	
}

/* used to clear float in regionA,B,C divs so that 
   footer spans bottom of page */
	/* used to clear float in regionA,B,C divs so that 
   footer spans bottom of page */
hr.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}

/****************************
* Tab Navigation for Header *
*****************************/
UL#tabsHeader {
	margin: 0;
	padding-left: 300px;
	min-width: 550px;
	display: none;
}

UL#tabsHeader li {
	list-style: none;
	float: left;
	margin-left: 0px;
	margin-top: 74px;
	margin-right: 0px;
	line-height: 24px;
	padding: 0px 15px 5px 15px;
	border-right: 1px solid #72828E;
	border-left: 1px solid #72828E;
	/* border-right: 3px double #72828E;
  border-left: 3px double #72828E;   */
}

UL#tabsHeader li:hover {
	background-image: url(images/highlightedTab.gif);
	background-repeat: repeat-x;
}

/* hover selectors for main header tabs */
UL#tabsHeader li.hoverOn {
	background-image: url(images/highlightedTab.gif);
	background-repeat: repeat-x;
}

UL#tabsHeader li.hoverOff {
	
}

UL#tabsHeader a {
	display: block;
	float: left;
	padding: 4px 5px 0px 5px;
	text-decoration: none;
	font: 13px/ normal Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	background: 100% 0 no-repeat;
	/* color: #596874; */
	color: #425261;
}

UL#tabsHeader a:hover {
	text-decoration: underline;
	/* color: #465C72; */
	color: #697885;
}

UL#tabsHeader #current,UL#tabsHeader #current a {
	font: 13px/ normal Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-weight: 600;
	color: #EBEAEA;
	/* line-height: 24px;*/
	background-image: url(images/activeTab.gif);
	background-repeat: repeat-x;
	border-right: 0px;
	border-left: 0px;
}

/* Tab background color for selected global nav item */
li.currentTabBackground {
	background: #fff;
}

/* backslash hack for IE5-Mac \*/
UL#tabsHeader a {
	float: none;
}  /* End Mac Hack */

html>body UL#tabsHeader a {
	width: auto;
}  /* fixes IE6 win hack */ 


/****************************
* Portlet Container Windows *
*****************************/
.region .window-head-tl {
	background-image: url(images/g1/head-tl.gif);
	background-repeat: no-repeat;
	width: 4px;
	min-width: 4px;
	height: 4px;
	background-position: right;
}

.region .window-head-t {
	background-image: url(images/g1/head-t.gif);
	background-repeat: repeat-x;
	height: 4px;
}

.region .window-head-tr {
	background-image: url(images/g1/head-tr.gif);
	background-repeat: no-repeat;
	width: 4px;
	min-width: 4px;
	height: 4px;
}

.region .window-head-l {
	background-image: url(images/g1/head-l.gif);
	background-repeat: repeat-y;
	width: 4px;
	min-width: 4px;
}

.region .window-titlebar {
	background-color: #8EB6E6;
	color: #465f7d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	min-height: 20px;
	height: 20px;
}

.region .window-head-r {
	background-image: url(images/g1/head-r.gif);
	height: 100%;
	background-repeat: repeat-y;
	background-position: right;
	width: 4px;
	min-width: 4px;
}

.region .window-head-bl {
	background-image: url(images/g1/head-bl.gif);
	width: 4px;
	min-width: 4px;
	height: 9px;
	background-repeat: no-repeat;
	background-position: top right;
}

.region .window-head-b {
	background-image: url(images/g1/head-b.gif);
	height: 9px;
	background-repeat: repeat-x;
}

.region .window-head-br {
	background-image: url(images/g1/head-br.gif);
	width: 4px;
	min-width: 4px;
	height: 9px;
	background-repeat: no-repeat;
}

.region .window-content-l {
	background-image: url(images/g1/content-l.gif);
	background-repeat: repeat-y;
	width: 4px;
	min-width: 4px;
}

.region .window-content-r {
	background-image: url(images/g1/content-r.gif);
	height: 100%;
	background-repeat: repeat-y;
	background-position: right;
	width: 4px;
	min-width: 4px;
}

.region .window-content-bl {
	background-image: url(images/g1/content-bl.gif);
	width: 4px;
	min-width: 4px;
	height: 4px;
	background-repeat: no-repeat;
	background-position: top right;
}

.region .window-content-b {
	background-image: url(images/g1/content-b.gif);
	background-repeat: repeat-x;
	height: 4px;
}

.region .window-content-br {
	background-image: url(images/g1/content-br.gif);
	background-repeat: no-repeat;
	width: 4px;
	min-width: 4px;
	height: 4px;
}

.portlet-normal { /*	margin: 10px;*/
	padding: 4px;
}

.portlet-maximized { /*	margin: 10px;*/
	padding: 4px;
}

.portlet-minimized { /*	margin: 10px;*/
	padding: 4px;
}

.portlet-minimized .window-titlebar,.portlet-normal .window-titlebar,.portlet-maximized .window-titlebar {
	background-color: #e9f0f4;
}

.portlet-minimized .window-caption,.portlet-normal .window-caption,.portlet-maximized .window-caption {
	color: #465f7d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	font-weight: bold;*/
	white-space: nowrap;
	line-height: 100%;
	float: left;
	text-indent: 5px;
}

.portlet-minimized .window-caption-container,.portlet-normal .window-caption-container,.portlet-maximized .window-caption-container {
	height: 11px;
	width: 11px;
	float: left;
	position: relative;
	top: 4px;
}

/* wrapper for floating portlet window modes */
.portlet-minimized .window-mode-container,.portlet-normal .window-mode-container,.portlet-maximized .window-mode-container {
	float: left;
	padding-left: 4px;
}

.portlet-minimized .window-head-tl,.portlet-normal .window-head-tl,.portlet-maximized .window-head-tl {
	background-image: url(images/g2/head-tl.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 4px;
	background-position: right;
	min-width: 11px;
}

.portlet-minimized .window-head-t,.portlet-normal .window-head-t,.portlet-maximized .window-head-t {
	background-image: url(images/g2/head-t.gif);
	background-repeat: repeat-x;
	height: 4px;
}

.portlet-minimized .window-head-tr,.portlet-normal .window-head-tr,.portlet-maximized .window-head-tr {
	background-image: url(images/g2/head-tr.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 4px;
	min-width: 11px;
}

.portlet-minimized .window-head-l,.portlet-normal .window-head-l,.portlet-maximized .window-head-l {
	background-image: url(images/g2/head-l.gif);
	background-repeat: repeat-y;
	width: 11px;
	min-width: 11px;
}

.portlet-minimized .window-head-r,.portlet-normal .window-head-r,.portlet-maximized .window-head-r {
	background-image: url(images/g2/head-r.gif);
	height: 100%;
	background-repeat: repeat-y;
	background-position: right;
	width: 11px;
	min-width: 11px;
}

.portlet-minimized .window-head-bl,.portlet-normal .window-head-bl,.portlet-maximized .window-head-bl {
	background-image: url(images/g2/head-bl.gif);
	width: 11px;
	height: 4px;
	background-repeat: no-repeat;
	background-position: top right;
	min-width: 11px;
}

.portlet-minimized .window-head-b,.portlet-normal .window-head-b,.portlet-maximized .window-head-b {
	background-image: url(images/g2/head-b.gif);
	height: 4px;
	background-repeat: repeat-x;
}

.portlet-minimized .window-head-br,.portlet-normal .window-head-br,.portlet-maximized .window-head-br {
	background-image: url(images/g2/head-br.gif);
	width: 11px;
	height: 4px;
	background-repeat: no-repeat;
	min-width: 11px;
}

.portlet-minimized .window-content-l,.portlet-normal .window-content-l,.portlet-maximized .window-content-l {
	background-image: url(images/g2/content-l.gif);
	background-repeat: repeat-y;
	width: 11px;
	min-width: 11px;
}

.portlet-minimized .window-content,.portlet-normal .window-content,.portlet-maximized .window-content {
	color: #465f7d;
	background-color: #fff;
	background-repeat: repeat;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
}

.portlet-minimized .window-content-r,.portlet-normal .window-content-r,.portlet-maximized .window-content-r {
	background-image: url(images/g2/content-r.gif);
	height: 100%;
	background-repeat: repeat-y;
	background-position: right;
	width: 11px;
	min-width: 11px;
}

.portlet-normal .window-content-bl,.portlet-maximized .window-content-bl {
	background-image: url(images/g2/content-bl.gif);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
	background-position: top right;
	min-width: 11px;
}

.portlet-normal .window-content-b,.portlet-maximized .window-content-b {
	background-image: url(images/g2/content-b.gif);
	height: 11px;
	background-repeat: repeat-x;
}

.portlet-normal .window-content-br,.portlet-maximized .window-content-br {
	background-image: url(images/g2/content-br.gif);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
	min-width: 11px;
}

.portlet-minimized .window-head-bl {
	background-image: url(images/g2/content-bl.gif);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
	background-position: top right;
	min-width: 11px;
}

.portlet-minimized .window-head-b {
	background-image: url(images/g2/content-b.gif);
	height: 11px;
	background-repeat: repeat-x;
}

.portlet-minimized .window-head-br {
	background-image: url(images/g2/content-br.gif);
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
	min-width: 11px;
}

.portlet-body {
	background-color: #fff;
}

/***********************
* Portlet Window Modes *
************************/
.portlet-mode-maximized {
	background-image: url(images/maximize.gif);
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	cursor: pointer;
}

.portlet-mode-minimized {
	background-image: url(images/minimize.gif);
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	cursor: pointer;
}

.portlet-mode-normal {
	background-image: url(images/normal.gif);
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	cursor: pointer;
}

.portlet-mode-help {
	background-image: url(images/help.gif);
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	cursor: pointer;
}

.portlet-mode-edit {
	background-image: url(images/edit.gif);
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	cursor: pointer;
}

.portlet-mode-remove {
	background-image: url(images/remove.gif);
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	cursor: pointer;
}

.portlet-mode-view {
	background-image: url(images/view.gif);
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	cursor: pointer;
}

.portlet-mode-reload {
	background-image: url(images/reload.gif);
	width: 15px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	cursor: pointer;
}

/**********************
* Copyright Selectors *
***********************/
.portal-copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5E6D7A;
}

a.portal-copyright {
	color: #768591;
	text-decoration: none;
}

a.portal-copyright:hover {
	color: #96A5B1;
	text-decoration: none;
}

/*************
*  Elements  *
**************/
a {
	color: #4566D4;
	text-decoration: none;
}

a:hover {
	color: #5787C1;
	text-decoration: none;
}

INPUT {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
}

SELECT {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 12px;
}

FONT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #768591;
}

FIELDSET {
	background-color: #f7f7f7;
	border: 1px solid #BABDB6;
	padding: 6px;
}

LEGEND {
	background-color: transparent;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	font-size: 14px;
}

/********
* FONTS *
*********/ /* Font attributes for the normal  fragment font.
   Used for the display of non-accentuated information */
.portlet-font {
	color: #465f7d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Font attributes similar to the portlet.font but the color is lighter */
.portlet-font-dim {
	color: #777777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/********
* FORMS *
*********/
.portlet-form-label {
	color: #4A4A4A;
	text-decoration: none;
	font-size: 9px;
}

/* Text of the user-input in an input field. not sure if we need this guy? */
.portlet-form-input-field {
	color: #FFFFFF;
	font-size: 12px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-color: #336699;
}

/* Text on a form button */
.portlet-form-button {
	font-size: 10px;
	color: #000000;
}

/* Text that appears beside a context dependent action icon */
.portlet-icon-label {
	
}

/* Text that appears beside a "standard" icon (e.g Ok, or Cancel) 
   not sure if we need this one?.. */
.portlet-dlg-icon-label {
	
}

/* Text for form field labels */
.portlet-form-field-label {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	color: #4A4A4A;
}

/* Text for a form field */
.portlet-form-field {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	color: #4A4A4A;
	margin-top: 10px;
}

/********
* LINKS *
*********/
.portal-links:link {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #242424;
	text-decoration: none;
}

.portal-links:hover {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #5699B7;
	text-decoration: none;
}

.portal-links:active {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #242424;
	text-decoration: none;
}

.portal-links:visited {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #242424;
	text-decoration: none;
}

/***********
* MESSAGES *
************/ /* Status of the current operation. */
.portlet-msg-status {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #788793;
}

/* Help messages, general additional information, etc. */
.portlet-msg-info {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #000;
}

/* Error messages. */
.portlet-msg-error {
	color: red;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

/* Warning messages. */
.portlet-msg-alert {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #821717;
}

/* Verification of the successful completion of a task. */
.portlet-msg-success {
	font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #359630;
}

/***********
* SECTIONS *
************/ /* Table or section header */
.portlet-section-header {
	font-weight: bold;
	color: #4F4F4F;
	font-size: 14px;
}

.portlet-section-body { /*  background-color: #E2E9F6;*/
	
}

.portlet-section-alternate { /*  background-color: #CBD4E6;*/
	
}

.portlet-section-selected { /* background-color: #89AEC6;*/
	font-size: 10px;
}

.portlet-section-subheader {
	font-weight: bold;
	font-size: 10px;
}

.portlet-section-footer {
	font-size: 6px;
}

/* Text that belongs to the table but does not fall in one of the other categories
  (e.g. explanatory or help text that is associated with the section. */
.portlet-section-text {
	
}

/********
* MENUS *
*********/
	/*General menu settings such as background color, margins, etc. */
.portlet-menu {
	
}

/* Normal, unselected menu item. */
.portlet-menu-item {
	color: #242424;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.portlet-menu-item:hover {
	color: #5699B7;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/* Selected menu item. */
.portlet-menu-item-selected {
	
}

/* Selected menu item when the mouse hovers over it. */
.portlet-menu-item-selected:hover {
	
}

/* Normal, unselected menu item that has sub-menus. */
.portlet-menu-cascade-item {
	
}

/* Selected sub-menu item that has sub-menus */
.portlet-menu-cascade-item-selected {
	
}

/* Descriptive text for the menu (e.g. in a help context below the menu) */
.portlet-menu-description {
	
}

/* Menu caption */
.portlet-menu-caption {
	
}

/* ===== WSRP 2.0 - As of now proposed additions are:	===== */
	/* A separator bar similar to a horizontal rule, but with styling matching the page */
.portlet-horizontal-separator {
	
}

/* Allows portlets to mimic the title bar when nesting something */
.portlet-nestedTitle-bar {
	
}

/* Allows portlets to match the textual character of the title on the title bar. */
.portlet-nestedTitle {
	
}

/* Support portlets having tabs in the same style as the page or other portlets */
.portlet-tab {
	
}

/* Highlight the tab currently being shown */
.portlet-tab-active {
	
}

/* Highlight the selected tab (not yet active) */
.portlet-tab-selected {
	
}

/* A tab which can not be currently activated */
.portlet-tab-disabled {
	
}

/* Top level style for the content of a tab. */
.portlet-tab-area {
	
}
.window-titlebar{
	vertical-align: top;	
}


/**********************************************************
******************** BOOKING FIND *************************
***********************************************************/
.bookingFind th{
	background-color: white;
}
.bookingFind td{
	border-width: 0px;
	border-style: solid;
	background-color: white;
	padding: 0px 2px 0px 2px;
}

.bookingFind{
	border-spacing: 1px;
	background-color: #465f7d;
}

/**********************************************************
*********************** COMMON ****************************
***********************************************************/
.error{
  color: red;
}
.subcaption{
	font-size: x-small; 
}
div.login input{
	width: 8em; 
}
.navigationElement {
	margin-left: 15px;
}		

/**********************************************************
*********************** HEADER ****************************
***********************************************************/

.header {
	width: 100%;
	background-color: #97b2e7;		
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	

.header .subscriberPicture {
	width: 0%;
}

.header table.header .subscriberName{
	color: white;
	font-size: xx-large;
	font-weight: bold;
}

.header .navigation {
	background-color: black;
	text-align: left;
	font-size: small;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

.navigation_short {
	text-align: left;
	font-size: x-small;
	font-weight: bold;
}

.header .navElement {
	color: white;
}		
		
.header a:hover {
	font-weight: bold;
	color: blue;
}		

.header .navElement img {
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 0px;
}	

.header .pic {
	border-style: none;
}

.footerText {
  	border: none;
  	text-align: left;
	font-size:x-small;
	color:#666666;
	padding-left: 30px;
	font-weight:bold;
}

.footerIcon {
  border: none;
  text-align: right;
}


/**********************************************************
******************* PROFILE SETUP *************************
***********************************************************/

div.section_title, .pfu_edit th {
	margin-top: 1em;
	color: #465f7d;
	font-weight: bold;
	background-color: #aecdef;
}

.btn_bar {
	text-align: right;
	padding: 0.2em;
}

.preview_ctl {
	padding-left: 0.2em;
	font-weight: bold;
}

.pfu_edit, .pfu_edit table {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}

.pf_editor_title {
	background-color: #aecdef;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/**********************************************************
********************* RATE SETUP **************************
***********************************************************/

div.new_filters a, div.season_new a, div.rate_new a, div.ratex_edit a{
	color: #FFFFFF;
	font-weight:bold;
}

div.new_filters td, div.season_new, div.rate_new, div.ratex_edit{
	margin:4px;
}

div.new_filters td, div.season_new a, div.rate_new a, div.ratex_edit a{	
	border-width:2px;
	border-style:solid;
	background-color:#999999;
	border-bottom-color:#666666;
	border-right-color:#666666;
	border-left-color:#CCCCCC;
	border-top-color:#CCCCCC;
}
div.rate {
	margin-bottom: 5px;
}

div.rate_hdr {
	color: #465f7d;
	font-weight: bold;
	background-color: #aecdef;
}

div.rate_filters,div.rate_filters_list,div.rate_seasons,div.season_scheme_list {
	padding-left: 10px;
}

div.season_title, div.rate_filters_title {
	background-color: #dbe5ef;
}

div.rate_new, div.season_new, div.new_filters {
	background-color: #fffadc;
}

div.arf_editor th {
	text-align: left;
}

.btn_bar {
	text-align: right;
}

div.ratex_edit {
  padding: 5px;
  font-size: larger;
  font-weight: bold;
}

/**********************************************************
******************** SALES MONITOR ************************
***********************************************************/

div.hotelHeader table{
	width: 100%;
	margin: 2pt;	
	border-spacing: 0px;  
}

div.hotelHeader .hotelLink {
	text-indent: 13px;
	background-color: #edf0f1;   
	background-image: url(link.png);
	background-position: left;
	background-repeat: no-repeat;
}



div.result table.roomType{
  width: 100%;
  border-spacing: 0px;  
}

div.result-2step .hotel {
	width: 100%;
}

div.result-2step .hotelPicture {
	height: 80px;
	width: 80px;
}

div.result-compact .hotelPicture {
	height: 80px;
	width: 80px;
	text-align:left;
	vertical-align:top;
	margin-top: 5px;
}

div.result-2step span.hotelName, div.result-compact span.hotelName {
	font-weight: bold;
	font-size: medium;
	margin-left: 10px;
}


div.result-2step .minPrice {
	font-size: large;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	color: #5787C1;
	text-align:right;
	width: 120px;
}

div.result-compact .bookingPrice {
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	color: #5787C1;
	text-align:right;
	border-bottom: solid #5787C1 1px;
}

div.result-2step .bookNow, div.result-2step .bookNow a, div.result-compact .bookNow, div.result-compact .bookNow a{
	font-weight: bold;
	background-color: #5787C1;
	color: #FFFFFF;
	text-decoration: underline;
	padding-left: 8px;
	padding-right: 8px;
}

div.result-2step .hotel, div.result-compact .hotelSeparator  {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C9DAE4;
}

div.result-compact .bookingDataDescription {
	padding-top:6px;
	font-weight: bold;
	color: #5787C1;
	border-bottom: solid #5787C1 1px;
}

div.result-compact .notexact_bookingdata {
	font-size: x-small;
	color: #990000;
	padding: 0px 0px 0px 20px;
}

div.result-2step td.hotelStars  {
	width: 80px;
}

div.result td.hotelStars, div.result-2step td.hotelStars, div.result-compact td.hotelStars {
	white-space:nowrap;
}






div.result table.bookingDataTable{
  width: 100%;
}

div.result .roomTypeDescription img{
  max-width: 50pt;
  margin: 3pt 3pt 3pt 3pt;
  vertical-align: top;
}

div.result .roomTypeName, div.result .roomTypeName a {   
	color: #465f7d;   
	font-weight: bold;   
	font-size: medium; 
	background-color: #aecdef; 
	text-indent: 5px;  
}  
div.result .roomTypeDescription {   
 	color: #407cc6;   
 	font-size: small;   
 	font-weight: normal; 
}  
div.result .hotelDescription img{
  max-width: 50pt;
  vertical-align: top;
}


div.result table.hotel{
  width: 100%;
  border-spacing: 0px;
  margin-bottom: 5px;  
  margin-top: 15px;
  background-color: white;
}

div.result .hotelName, div.result .hotelName a {
	width: 100%;
	background-color: #FFFFFF;
	color: #1e4c85;   
	font-weight: bold;   
	font-size: large; 
}  

div.result .hotelDescription {   
 	color: #407cc6;   
 	font-size: small;   
 	font-weight: normal; 
}  
div.result .notExactMatch, div.result-2step .notExactMatch, div.result-compact .notExactMatch {
	color: red;   
	font-size: x-small; 
	font-weight: normal; 
	vertical-align: top;
}  
div.collectBookingInfo .notExactMatch {   
	color: red;   
 	font-size: small;   
	font-weight: normal; 
}  

div.result .rateName{
	width: 15%;
	font-weight: bold;   
	font-size: small;   
	text-align: left;
	vertical-align: top;
	color: #5787C1;
	border-bottom: solid #5787C1 1px;
}

div.result .rateDescription {   
	color: #5787C1;
	border-bottom: solid #5787C1 1px;
	font-size: x-small;   
	font-weight: normal; 
}

div.result .bookNow, div.result .bookNow a{
	width: 10%;
	font-weight: bold;
	background-color: #5787C1;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center; 
	font-size: small; 
}

div.result .bookingData{   
	text-align: left; 
	color: #5787C1;
	border-bottom: solid #5787C1 1px;
	font-weight: bold;   
	font-size: small; 
}

div.result .bookingPrice {
	width: 15%;
	text-align: center;   
	font-weight: bold;   
	font-size: small; 
	color: #5787C1;
	border-bottom: solid #5787C1 1px;  
}


div.result .ageDescription, div.result-2step .ageDescription, div.result-compact .ageDescription {
	margin-top: 5px;
	margin-left: 5px;
	font-size: x-small;   
	text-align: left; 
}

div.requestDescription {
	color: #1e4c85;   
	text-indent: 13px;
	font-size: normal;   
	font-weight: bold; 
}

div.priceDescription{
	color: #5787C1;
	text-indent: 13px;
	font-size: x-small;   
	font-weight: bold; 
	background-color: #e9f0f4;
}

div.result .pageLinks, div.result-2step .pageLinks, div.result-compact .pageLinks  {
	text-indent: 13px;
	background-color: #edf0f1;   	
	margin-top: 10px;
	margin-bottom: 10px;
}
div.result .activePageLink, div.result-2step .activePageLink, div.result-compact .activePageLink  {
	color: blue;
	font-weight: bold;
}
div.result .nonActivePageLink, div.result-2step .nonActivePageLink, div.result-compact .nonActivePageLink  {
	color: gray;
}
div.result .requestMessage, div.result-2step .requestMessage, div.result-compact .requestMessage {
	font-weight: bold; 
}
div.result div.salesMonitorRequest .caption, div.result-2step div.salesMonitorRequest .caption, div.result-compact div.salesMonitorRequest .caption {
	font-size: x-small;   
}

div.result .footerText, div.result-2step .footerText, div.result-compact .footerText {
	font-size: x-small;  
	color:#333333;
	margin-left:10px;
}

/**********************************************************
********************* TAB CONTROL *************************
***********************************************************/

div.tab_container {
	border-bottom: 1px solid gray;
	margin-bottom: 1em;
	margin-top: 1em;
}

table.tab_ctl {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	border-spacing: 0px;
}

th.tab_active,th.tab_inactive {
	padding: 0.5em;
	border-left: none;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
}

th.tab_active {
	padding-left: 1em;
	padding-right: 1em;
	background-color: white;
	font-weight: bold;
	border-bottom: none;
}

th.tab_inactive {
	font-weight: normal;
	background-color: white;
}

.btn-bar {
	margin-top: 1em;
	text-align: right;
}

/**********************************************************
**************** ADMINISTRATION SETUP *********************
***********************************************************/

.wizard{
	font-weight: bold;
}

table.hotels td{
	margin: 3px;
	border-color:#666666;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

.subscriberName {
	font-size:large;
	font-weight:bold;
}

.hotels td.hotelName {
	font-weight:bold;
	border-top: solid 3px;
}



.roomTypeName {
	text-indent:6px;
}

td.function a {	
	color: #FFFFFF;
	font-weight:bold;
	border-width:2px;
	border-style:solid;
	background-color:#999999;
	border-bottom-color:#666666;
	border-right-color:#666666;
	border-left-color:#CCCCCC;
	border-top-color:#CCCCCC;
}

/**********************************************************
***************** AVAILABILITY SETUP **********************
***********************************************************/

.cal-container table, .cal-container td, .cal-container th {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}

.cal-container table {
	font-size: 75%;
	margin-top: 1em;
}

.cal-month, .cal-day-sel, .cal-day {
	width: 2em;
	min-width: 2em;
	text-align: center;
	vertical-align: middle;
}

.cal-day-sel {
	background-color: red;
}

.subitem{
	padding-left: 20px;
}

/**********************************************************
*********************** BOOKING ***************************
***********************************************************/

.collectBookingInfo table.garantee, table.bookingData, table.cancelation, table.staypolicy, table.confirmselection, table.personDataSection {
	width: 100%;
}

.collectBookingInfo .title {
	color: #465f7d;   
	font-weight: bold;   
	font-size: small; 
	background-color: #aecdef; 
	text-align: left;
	padding-left: 50px;
}

.collectBookingInfo .caption_big {
	color: #465f7d;   
	font-size: small;   
	text-align: left;
	vertical-align: top;
}

.collectBookingInfo .data_big {
	color: #465f7d;   
	font-weight: bold;   
	font-size: medium;   
	text-align: left;
	vertical-align: top;
}

.collectBookingInfo .caption {
	color: #465f7d;   
	font-size: small;
	text-align: left;
	vertical-align: top;
}

.collectBookingInfo .garantee td.caption, 
.collectBookingInfo .garantee td.subcaption, 
.collectBookingInfo .garantee td.data, 
.collectBookingInfo .garantee td.description  {  
	background-color: #dbe5ef;
}

.collectBookingInfo .garantee  th.caption {
	background-color: #edf0f1;   
}

.subitem

.collectBookingInfo .data {
	color: #465f7d;   
	font-weight: bold;   
	font-size: small;
	text-align: left;
	vertical-align: top;
}

.collectBookingInfo .caption_req {
	color: #465f7d;   
	font-weight: bold;   
	font-size: small;
	text-align: left;
	vertical-align: top;
}

.collectBookingInfo .confirm {
	color: #465f7d;     
	font-size: medium;  
	text-align: left;
}

.collectBookingInfo .description {
	color: #465f7d;   
	font-size: small;
	text-align: left;
	vertical-align: top;
}

.collectBookingInfo .help {
	color: #465f7d;   
	font-size: x-small;
	text-align: left;
	vertical-align: top;
	background-color: #fffadc;
}
.bookingDetails {
	border-spacing: 1px;
	background-color: #465f7d;
}
.bookingDetails td{
	border-width: 0px;
	border-style: solid;
	background-color: white;
	padding: 0px 2px 0px 2px;
}
td.label {
	background-color: white;
}
.logEvents td{
	background-color: white;
	border-width: 0px;
	border-style: solid;
	padding: 0px 2px 0px 2px;
}
.logEvents{
	background-color: white;
}

/**********************************************************
********************** SYS ADMIN **************************
***********************************************************/

div.sa_hotel div.active_hotel,div.sa_user div.active_hotel,div.sa_user div.active_grant {
	background-color: red;
}

div.sa_hotel td,div.sa_user td,div.sa_hotel th,div.sa_user th {
	vertical-align: top;
}

div.sa_hotel div.filter_set,div.sa_user div.filter_set {
	margin-right: 1em;
	margin-bottom: 1em;
}

div.sa_hotel td.new_editor,div.sa_user td.new_editor {
	padding-top: 2em;
}
.sorters {
	margin-left: 25px;
}

.sorter {
	margin-left: 8px;
}

.sorters #selected {
	font-weight: bold;
}
.info {
	margin-left: 20px;
}

.bold_link {
	font-size: medium;   
	font-weight: bold;
	text-decoration: underline;
	padding: 5px 5px 5px 5px;
}