/*------------------------------------------------------------------------------------*/
/*--------------------------------Structure.css (GHD theme) -----------------------------------*/

BODY {
	PADDING: 0; 
	MARGIN: 0; 
	TEXT-ALIGN: center;
}

#wrap {
    padding:0;
	MARGIN: 0px auto;  
	WIDTH: 100%;
	text-align:left;
	background: #ffffff;
}

#header {
	DISPLAY: block;
	MARGIN: 0;
	padding: 0;
	height:124px;
	width: 103%;
	background-repeat: no-repeat;
	background-position: top left;
}

#headerpopup {
	DISPLAY: block; 
	BACKGROUND: #DDEEFE no-repeat top left; 
	MARGIN: 0;
	padding:0;
	HEIGHT: 90px;
}

#headertext {
	padding-top:44px;
	padding-left:110px;
	text-align:left;
	font-family: Arial, Verdana, sans-serif;	
	font-size:34px;
	font-weight: bold;
	text-decoration:none;
	color:#0080aa;
	float:left;
}
.black {
    color: black;
	font-weight: normal;  
}

.textarea{
	display: block;
	float: right;
	width: 480px;
	height: 105px;
	margin-top: 10px;
	margin-right: 0px;;
	border-width: 1px;
	border-color: #0080aa;
	border-style: solid
}

#mainwrap {
    float:left;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 2%;
	PADDING-BOTTOM: 8px;
	MARGIN: 0px;
	WIDTH: 95%;
	PADDING-TOP: 5px; 
	background-color: white;
	min-height: 280px;
}
/* for Internet Explorer */

* html #mainwrap {
	height: 255px;
}

/*-------------------------------- add to maincontent table -----------------------------------*/

#maincontent {
	background-color: white;
	width: 100%;
}

#footer {
	CLEAR: both;
	DISPLAY: block;
	MARGIN: 0px; 
	WIDTH: 100%; 
	HEIGHT: 24px;
	text-align: right;
	background-color: #0080aa;
}

#footer li {
    float: left;
    margin: 0;
	list-style: none;
	color: white;
	font-family: Arial, Verdana, sans-serif;	
    font-size: 10px;
}

#footer a {
    display: block;
    padding: 6px 6px 4px 2px;
    color: white;
    text-decoration: none;
}


.copyright{
    float: right;
    padding: 6px 6px 4px 2px;
	color: white;
	font-family: Arial, Verdana, sans-serif;	
    font-size: 10px;
	TEXT-ALIGN: right;
}

/*-------------------------------- top navigation -----------------------------------*/

#navholder {
	/*background:url(images/navback2.jpg) repeat-x top;*/
	background-color: #0080aa;
	border-right:1px solid white;
	border-left:1px solid white;
	border-top: 0px;
	border-bottom: 0px;
	margin:0;
	padding:0;
	width:100%;
}

#navholder2 {
	text-align:left;
	font-family: Arial, Verdana, sans-serif;	
	font-size: 11px;
	margin:0;
	padding:0;
	color: white;
	font-weight:400;
	line-height:20px;
	width: 100%;
}

/* minimum menu requirements for functionality */

.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	font-size: 12px;
}

.submenuul{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:0;
	display:none;
}

.submenuli a{
	display:block;
	width:110px;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

#content {
	clear: left;

}
/* menu design */

#dmenu {
	font-family: Arial, Verdana, sans-serif;	
	font-size:11px;
}

A.topmenutitle:link {/*-------- add to static navigaton ---------*/
	text-indent:3px;
	text-decoration: none;
	border-right:1px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom:3px;
	padding-left:8px;
	color:#ffffff;
	/*background:url(images/navback2.jpg) repeat-x top;*/
	background-color:#0080aa;
	display:block;
	width:105px;
}

A.topmenutitle:link:hover {
	text-indent:3px;
	text-decoration: none;
	border-right:1px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom:3px;
	padding-left:8px;
	color:#ffffff;
	/*background:url(images/navback2.jpg) repeat-x top;*/
	background-color:#5EAEF3;
	display:block;
	width:105px;
}

A.topmenutitle:visited {
	text-indent:3px;
	text-decoration: none;
	border-right:1px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom:3px;
	padding-left:8px;
	color:#ffffff;
	/*background:url(images/navback2.jpg) repeat-x top;*/
	background-color:#0080aa;
	display:block;
	width:105px;
}

A.topmenutitle:visited:hover {
	text-indent:3px;
	text-decoration: none;
	border-right:1px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom:3px;
	padding-left:8px;
	color:#ffffff;
	/*background:url(images/navback.jpg) repeat-x top;*/
	background-color:#5EAEF3;
	display:block;
	width:105px;
}

.topmenutitledwn {/*------------- add to dropdown navigaton --------------*/
	text-indent:3px;
	text-decoration: none;
	border-right:1px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom:3px;
	padding-left:8px;
	color:#ffffff;
	background:url(images/downarrow.jpg) no-repeat right top;
	display:block;
	width:105px;
}

#dropmenudiv{
   position: absolute;
   border-bottom-width: 0;
   	font-family: Arial, Verdana, sans-serif;	
   z-index: 999;
	font-size: 11px
}

#dropmenudiv a{
    width: 100%;
    display: block;
    text-indent: 3px;
	padding: 3px;
	text-decoration: none;
	line-height: 18px;
	color: white;
	background-color: #0080aa;
	border-top: 1px solid white;
	text-align: left;
}

#dropmenudiv a:hover{ 
	text-decoration: none;
	background-color: #5EAEF3;
	border-top: 1px solid white;
	color: white;
}

/*-------------------------------End of structure----------------------------------*/
/*------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------*/
/*--------------------------------mikiNet.css -----------------------------------*/


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

IFRAME{
    float:right;
}

.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 {
	font-size:11px;
	COLOR: black; 
}
A.narrativeLink:hover {
	font-size:11px;
	COLOR: red; 
}
A.narrativeLink:visited {
	font-size:11px;
	COLOR: black; 
}
A.narrativeLink:hover {
	font-size:11px;
	COLOR: red; 
}

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

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

.displayDataMain {
	COLOR: #0080aa;
}
.displayDataMainSmall {
	FONT-SIZE: 10px; 
	COLOR: #0080aa;
}

.displayDataSmall {
	FONT-SIZE: 10px; 
	COLOR: black
}
.dayApplies {
	FONT-SIZE: 9px; 
	COLOR: black
}
.cancellationPolicyTitle {
	FONT-WEIGHT: bold; 
	COLOR: red
}
.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
}

.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.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;
}