/* CSS Document */

# bodybackground {	
	FONT-SIZE: small;
	PADDING: 0; 
	MARGIN: 0; 
	TEXT-ALIGN: center;
	background-color: white;
}

IFRAME{
    float:right;
}

.container {
	display:block;
	width:100%;
	/*BACKGROUND: url(images/helpback.gif) no-repeat right top;*/
}

.logged {
    float:left;
	padding-left:15px;
	color: black;
	font-size:11px;
}

.user {
    float:left;
    color: #ff8000; 
	font-size: 10px; 
	padding-left: 4px;
	padding-top:1px;
}

.time {
	float:right;
	height:30px;
	margin-top:5px;
	margin-right:0px;
	font-family: Arial, Verdana, sans-serif;	
	color: #0080aa;
	font-size: 11px;
	padding-left: 20px;
	text-align:left;
	line-height: 26px;
}


.ajaxDropBox{
	border:1px solid black;	 
	position: fixed;
	background-color:white;
	z-index:10;	 
	cursor: hand;
	color: #0080aa;
}
 
/*-------------------------------Inside maincontent styles -----------------------------------------*/


.heading1 {
	clear:both;
	margin-top:-15px;
	margin-right:8px;
	margin-left: 8px;
	font-size:20px;
	font-family: Arial, Verdana, sans-serif;	
	color:#0080aa;
	font-weight:bold;
	text-decoration:none;
}
.heading2 {
	font-size:15px;
	font-family: Arial, Verdana, sans-serif;	
	color: #0080aa;
	font-weight:bold;
	text-decoration:none;
}
.heading3 {
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;	
	color: #0080aa;
	font-weight:bold;
	text-decoration:none;
}
.heading4 {
	font-size:14px;
	font-family: Arial, Verdana, sans-serif;	
	color: #0080aa;
	font-weight:bold;
	text-decoration:none;
}
.heading5 {
	font-size:13px;
	font-family: Arial, Verdana, sans-serif;	
	color: #0080aa;
	font-weight:bold;
	text-decoration:none;
}
.heading6 {
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;	
	color: #0080aa;
	font-weight:bold;
	text-decoration:none;
}

/* */
/*******************************************************************************/
/* narrative styles */

.narrativebasket {
	color: black;
	font-size:11px;
}
.narrative {
	color: black;
	font-size:11px;
}
.narrativeblack {
	color: black;
	font-size:11px;
}
.narrativeblack10 {
	color: black;
	font-size:10px;
}

.narrativeHighlight {
	COLOR: black
}
.smallNarrative {
	FONT-SIZE: 10px; 
	COLOR: black;
}

A.narrativeLink:link {
	COLOR: black; 
}
A.narrativeLink:hover {
	COLOR: red; 
}
A.narrativeLink:visited {
	COLOR: black; 
}
A.narrativeLink:hover {
	COLOR: red; 
}

/* */
/*******************************************************************************/

.emphasis1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #0080aa;
}

.displayDataMain {
	COLOR: #0080aa;
}
.displayDataMainLessPaddRight {
	COLOR: #0080aa;
	padding-right:2px;
}
.displayDataMainLessPaddLeft {
	COLOR: #0080aa;
	padding-left:2px;
}

.displayDataMainHighlight {
	COLOR: green;
	font-weight: bold
}
.displayDataMainSmall {
	FONT-SIZE: 10px; 
	COLOR: #0080aa;
}

.displayDataSmall {
	FONT-SIZE: 10px; 
	COLOR: black
}
.dayApplies {
	FONT-SIZE: 9px; 
	COLOR: black
}
.dayDoesNotApply {
	FONT-SIZE: 9px; 
	COLOR: silver
}
.cancellationPolicyText {
	COLOR: red
}
.cancellationPolicyTitle {
	FONT-WEIGHT: bold; 
	COLOR: red
}
.criteriaTable {
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
}
.criteriaPromptMain {
	FONT-SIZE: 12px; 
	COLOR: #0080aa
}
.criteriaValueMain {
	FONT-SIZE: 12px; 
	COLOR: black;
}
.criteriaPrompt {
	FONT-SIZE: 10px; 
	COLOR: #333333;
}
.criteriaValue {
	FONT-SIZE: 10px; 
	COLOR: #0080aa;
}
.searchResultCount {
	FONT-SIZE: 11px; 
	COLOR: olive
}
.productAvailable {
	FONT-WEIGHT: bold; 
	COLOR: green;
}
.productOnRequest {
	FONT-WEIGHT: bold; 
	COLOR: #ff8000
}
.productAvailable2 {
	COLOR: green;
}
.productOnRequest2 {
	COLOR: #ff8000
}
.productNotAvailable {
	COLOR: red;
}
.productSummary {
	FONT-SIZE: 11px; 
	COLOR: #0080aa
}
.areaNearCityName {
	FONT-WEIGHT: bold; 
	COLOR: #8000ff
}
.bookingStatus10 {
	FONT-WEIGHT: bold; 
	COLOR: #808040
}
.bookingStatus20 {
	FONT-WEIGHT: bold; 
	COLOR: #808040
}
.bookingStatus25 {
	FONT-WEIGHT: bold; 
	COLOR: #ff8000
}
.bookingStatus30 {
	FONT-WEIGHT: bold; 
	COLOR: green;
}
.bookingStatus65 {
	FONT-WEIGHT: bold; 
	COLOR: #ff0000
}
.bookingStatus70 {
	FONT-WEIGHT: bold; 
	COLOR: red;
}
.bookingStatus80 {
	FONT-WEIGHT: bold; 
	COLOR: red;
}
.bookingStatus90 {
	FONT-WEIGHT: bold; 
	COLOR: red;
}
.priceBasis {
	FONT-SIZE: 12px; 
	COLOR: black;
}
.currencyCode {
	FONT-SIZE: 10px
}
TD {
	BACKGROUND-POSITION: left top; 
	FONT-SIZE: 12px; 
	font-family: Arial, Verdana, sans-serif;	
}
.fieldPrompt {
	color: #333333;
	font-size: 11px;
	padding-left: 15px;
}
.smallFieldPrompt {
	font-size: 10px;
	color: #0080aa;
}
.mandatory {
	FONT-WEIGHT: bold; 
	COLOR: red;
}
.errorMessage {
	FONT-WEIGHT: bold; 
	COLOR: red;
}
.colHdg1 {
	FONT-WEIGHT: bold; 
	COLOR: black;
}
.smallcolHdg {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; COLOR: black;
}
.smallData {
	FONT-SIZE: 10px; 
	COLOR: black
}

.smallDataHighlight {
	FONT-SIZE: 10px; 
	COLOR: red;
}
.smallCurrencyCode {
	FONT-SIZE: 8px; 
	COLOR: black;
}
.hidden {
	COLOR: white;
}
.valueChanged {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: green
}

/* */
/*******************************************************************************/
/* buttons */

A.minorNav:link {
    display: block;
    padding: 3px 3px 3px 3px;
	color: black;
	text-decoration: none;
	width:100px;
	font-weight: bold;
	text-align: center;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;	
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
	background-color: #00b9b9;
}

A.minorNav:link:hover {
    display: block;
    padding: 3px 3px 3px 3px;
	color: black;
	text-decoration: none;
	width:100px;
	font-weight: bold;
	text-align: center;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;	
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
	background-color: white;	
}
A.minorNav:visited {
    display: block;
    padding: 3px 3px 3px 3px;
	color: black;
	text-decoration: none;
	width:100px;
	font-weight: bold;
	text-align: center;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;	
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
	background-color: #00b9b9;	
}
A.minorNav:visited:hover {
    display: block;
    padding: 3px 3px 3px 3px;
	color: black;
	text-decoration: none;
	width:100px;
	font-weight: bold;
	text-align: center;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;	
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
	background-color: white;	
}

/* */
/*******************************************************************************/

A.minorNav2:link {
    display: block;
    padding: 3px 3px 3px 3px;
	color: black;
	text-decoration: none;
	width:100px;
	font-weight: bold;
	text-align: center;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;	
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
	background-color: #00b9b9;
}

A.minorNav2:link:hover {
    display: block;
    padding: 3px 3px 3px 3px;
	color: black;
	text-decoration: none;
	width:100px;
	font-weight: bold;
	text-align: center;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;	
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
	background-color: white;	
}
A.minorNav2:visited {
    display: block;
    padding: 3px 3px 3px 3px;
	color: black;
	text-decoration: none;
	width:100px;
	font-weight: bold;
	text-align: center;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;	
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
	background-color: #00b9b9;	
}

A.minorNav2:visited:hover {
    display: block;
    padding: 3px 3px 3px 3px;
	color: black;
	text-decoration: none;
	width:100px;
	font-weight: bold;
	text-align: center;
	font-size:11px;
	font-family: Arial, Verdana, sans-serif;	
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid;
	background-color: white;	
}

/* */
/*******************************************************************************/

A.smallNav:link {
	FONT-SIZE: 11px; 
	COLOR: #0080aa; 
	TEXT-DECORATION: none;
	padding-left: 7px;
	background:url(images/arrow.gif) no-repeat left;
}

A.smallNav:visited {
	FONT-SIZE: 11px; 
	COLOR: #0080aa; 
	TEXT-DECORATION: none
}
A.smallNav:hover {
	COLOR: #0080aa; 
	TEXT-DECORATION: none
}
/*******************************************************************************/


A.mainNav:link {
	font-weight: bold; 
	font-size: 12px; 
	color: #0080aa; 
	text-decoration: none;
	padding: 0px;

}
A.mainNav:link:hover {
	color: red; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
	padding: 0px;
}
A.mainNav:visited {
	font-weight: bold; 
	font-size: 12px; 
	color: #0080aa; 
	text-decoration: none;
	padding: 0px;
}
A.mainNav:visited:hover {
	color: red; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none;
	padding: 0px;
}
A.navLinks:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: black; 
	TEXT-DECORATION: none
}
A.navLinks:link:hover {
	COLOR: red; 
	TEXT-DECORATION: underline
}
A.navLinks:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: black; 
	TEXT-DECORATION: none
}
A.navLinks:visited:hover {
	COLOR: red; 
	TEXT-DECORATION: underline
}

A.basketLink:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: red; 
	TEXT-DECORATION: none
}
A.basketLink:link:hover {
	TEXT-DECORATION: underline
}
A.basketLink:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: red; 
	TEXT-DECORATION: none
}
A.basketLink:visited:hover {
	TEXT-DECORATION: underline
}

/* */
/*******************************************************************************/

.footerText {
	FONT-SIZE: 10px; 
	COLOR: white;
}
A.footerLinks:link {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: white; 
	TEXT-DECORATION: none
}
A.footerLinks:link:hover {
	COLOR: red; 
	TEXT-DECORATION: underline;
}
A.footerLinks:visited {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: white; 
	TEXT-DECORATION: none;
}
A.footerLinks:visited:hover {
	COLOR: red; 
	TEXT-DECORATION: underline;
}

/* */
/*******************************************************************************/
/* only used in tariffSearchResults.jsp */

A.reseqLink:link {
	FONT-WEIGHT: bold; 
	COLOR: #0080aa; 
	TEXT-DECORATION: none
}
A.reseqLink:hover {
	COLOR: red; 
	TEXT-DECORATION: underline
}
A.reseqLink:visited {
	FONT-WEIGHT: bold; 
	COLOR: #0080aa; 
	TEXT-DECORATION: none
}
A.reseqLink:hover {
	COLOR: red; 
	TEXT-DECORATION: underline
}

/* */
/*******************************************************************************/

SELECT {
	font-family: Arial, Verdana, sans-serif;	
	background-color: white; 
	font-size: 11px; 
	color: #0080aa;
}

INPUT {
	font-family: Arial, Verdana, sans-serif;	
	font-size: 11px; 
	color: #0080aa;
}

hr {
	width: 100%;
	color: #0080aa;
	height: 1px;
}

/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: 200;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #ffff80;
	font-family: Arial, Verdana, sans-serif;	
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

/* */
/*******************************************************************************/
/* these are used for displaying the data - used everywhere */ 

TABLE.DataTable
{
	border-top-width: 1px;
	border-top-color: #0080aa;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-color: #0080aa;
	border-right-style: solid;
}

TD.DataTableHeader
{
	FONT-WEIGHT: bolder;
	COLOR: white;
	BACKGROUND-COLOR: #0080aa;
	border-left-color: #0080aa;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0080aa;
	border-left-width: 1px;
	border-bottom-style: solid;
}

TD.DataTableRow
{
	border-left-color: #0080aa;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0080aa;
	border-left-width: 1px;
	border-bottom-style: solid;
}
TD.DataTableRowFull
{
	border-left-color: #0080aa;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0080aa;
	border-top-width: 1px;
	border-top-color: #0080aa;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}

TD.DataTableRowLeft
{
	border-left-color: #0080aa;
	border-left-style: solid;
	border-left-width: 1px;
}

TD.DataTableShadedRow
{
	BACKGROUND-COLOR: #d8fef9;
	border-left-color: #0080aa;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0080aa;
	border-left-width: 1px;
	border-bottom-style: solid
}
TD.DataTableReverseRow
{
	background-color: #0080aa;
	border-left-color: #0080aa;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0080aa;
	border-left-width: 1px;
	font-weight: bolder;
	color: white;
}

TD.DataTableCollHeader
{
	background-color: #0080aa;
	border-left-color: #0080aa;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0080aa;
	border-left-width: 1px;
	font-weight: bolder;
	color: white;
}

TD.DataTableCollHeaderText
{
	font-weight: bolder;
	color: white;
}

/* */
/*******************************************************************************/
/* these styles are used in selectSupplierInterface.jsp only - get rid */

.successMessage {
	font-family: Arial, Verdana, sans-serif;	
	font-size:12px;
	font-weight: bold;
	color: green;
}

.errorMessageSI {
	font-family: Arial, Verdana, sans-serif;	
	font-size:12px;
	font-weight: bold;
	color: red;
}

/* */
/*******************************************************************************/


/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */
 
 .TabbedPanels {
	margin: 0px;
	padding: 0px;
	padding-right:7px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 12px arial;
	background-color: #FFFFFF;
	list-style: none;
	border-left: solid 1px #7d91d0;
	border-bottom: solid 1px #7d91d0;
	border-top: solid 1px #7d91d0;
	border-right: solid 1px #7d91d0;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #d8fef9;
}

.TabbedPanelsTabSelected {
	background-color: #d8fef9;
	border-bottom: 1px solid #EEE;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #7d91d0;
	border-bottom: solid 1px #7d91d0;
	border-top: solid 1px #7d91d0;
	border-right: solid 1px #7d91d0;
	background-color: #FFFFFF;
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
	padding: 4px;
}