/* ================================
    CSS STYLES FOR PORTAL 
   ================================
*/   

/* BANNER */
/* banner background colour */
/* old - a5c9c3 */
/* new - FBDCC7 */




.highlightit1 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.5;
}

.highlightit1:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 1;
}






.ellipses1
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 400px;

}




.BannerBg
{
	border-bottom: #000000 0px solid;
	background-color: #FFFFFF;
	background: url(images/General/nav_drop.gif) repeat-x;
}

/* banner title style */
.BannerTitle
{
	font-size: 18px;
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}

/* banner title style */
.title
{
	font-size: 12px;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

}

/* banner links background*/
.BannerLinkBg
{
	border-left: #EDEDED 1px solid;
	border-bottom: #EDEDED 1px solid;
	background-color: ededed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

/* banner links */
.BannerLink
{
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: tahoma;
	text-decoration: none;
}

/* Logout link */
.LogoffLink
{
	font-weight: bold;
	font-size: 11px;
	color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.EventTitle    {
    font-family: Tahoma;
    font-size:  11px;
    font-weight:    bold;
    color: #000066;
}

/* Welcome Message */
.WelcomeMessage
{
	font-weight: bold;
	font-size: 11px;
	color: #666666;
	font-family: tahoma;
	text-decoration: none;
}

/* NAVIGATION TABS */
/* PARENT */
/* parent tab links background*/
.ParentTabBg
{
	border-right: #EDEDED 1px solid;
	border-top: #EDEDED 1px solid;
	background-color: #204A89;
	
}

/* parent navigation links */
.ParentTabLink
{
	
	font-size: 13px;
	color: #FFFFFF;
	align: center;
	font-family: tahoma;
	text-decoration: none;
}

/* selected parent tab links background*/
.SelectedParentTabBg
{
	border-right: #EDEDED 0px solid;
	border-top: #EDEDED 0px solid;
	/*background-color: #FFFFFF;*/
	/*background-image:url(images/general/s_BG.jpg);*/
}

/* selected banner links */
.SelectedParentTabLink
{
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	font-family: tahoma;
	text-decoration: none;
	padding: 5px 0px 2px 4px;
	
}

/* CHILD */
/* child navigation background*/
.ChildTabBg
{
	border-bottom: #EDEDED 1px solid;
	border-right: #EDEDED 1px solid;
	background-color: #35208D;
}


/* child navigation links */
.ChildTabLink
{
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: tahoma;
	text-decoration: none;
}

/* selected child tab links background*/
.SelectedChildTabBg
{
	border-bottom: #EDEDED 1px solid;
	border-right: #EDEDED 1px solid;
	background-color: #EC1B17;
	color: #ffffff;
}






a.ChildTabBg:hover 
{

	
	background-color: #ffffff;
	
}


/* selected banner links */
.SelectedChildTabLink
{
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	font-family: tahoma;
	text-decoration: none;
}

/* content background colour */
Body
{
    background-color: #ffffff;
}
/* Normal Stuff */
.Normal
{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.NormalTextBox
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
	color: #000066;
    text-decoration: none;
}

.ErrorMsg
{
	font-weight: bold;
	font-size: 10px;
	color: Red;
	font-family: tahoma;
	text-decoration: none;
	cursor: help;
}

.QuickLinks
{
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	font-family: tahoma;
	text-decoration: none;
}

A.QuickLinks:link {
    text-decoration:    underline;
    color: #333333;
}

A.QuickLinks:visited  {
    text-decoration:    underline;
    color: #333333;
}

A.QuickLinks:active   {
    text-decoration:    underline;
    color: #333333;
}

A.QuickLinks:hover    {
    text-decoration:    underline;
    color: #999999;
}

.NavLinks
{
	font-weight: normal;
	font-size: 12px;
	color: #0000aa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.NavLinks:link {
    text-decoration:    underline;
    color: #0000aa;
}

A.NavLinks:visited  {
    text-decoration:    underline;
    color: #0000aa;
}

A.NavLinks:active   {
    text-decoration:    underline;
    color: #0000aa;
}

A.NavLinks:hover    {
    text-decoration:    underline;
    color: #0000ff;
}

/* Search Result page */

.SearchResultTitle
{
	border-right: #ededed 1px solid;
	padding-right: 1px;
	border-top: #ededed 1px solid;
	padding-left: 1px;
	font-size: 12px;
	padding-bottom: 5px;
	border-left: #ededed 1px solid;
	height: 42px;
	padding-top: 0px;
	border-bottom: #ededed 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #35208D;
	color: #555555;
}

.SearchResultItem td
{
	color: #000000;
}

.SearchResultTitleText
{
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.SearchResultItem
{
	border-right: #ededed 1px solid;
	padding-right: 5px;
	border-top: #ededed 1px solid;
	padding-left: 5px;
	font-size: 12px;
	height: 42px;
	padding-bottom: 5px;
	border-left: #ededed 1px solid;
	padding-top: 5px;
	border-bottom: #ededed 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99C4DB;
	
}

.SearchResultItem2
{
	border-right: #ededed 1px solid;
	padding-right: 5px;
	border-top: #ededed 1px solid;
	padding-left: 5px;
	font-size: 12px;
	height: 42px;
	padding-bottom: 5px;
	border-left: #ededed 1px solid;
	padding-top: 5px;
	border-bottom: #ededed 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99C4DB;
	
}


.SearchResultItem2 td
{
	color: #000000;
}


/* module box */
.ModuleBox
{
	border-right: #CC2029 1px solid;
	padding-right: 5px;
	border-top: #CC2029 1px solid;
	padding-left: 5px;
	font-size: 12px;
	padding-bottom: 5px;
	border-left: #CC2029 1px solid;
	color: #000033;
	padding-top: 5px;
	border-bottom: #CC2029 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #79B4DD;
}
	
.ModuleBoxHeading
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	color: #003333;
	padding-top: 2px;
	font-family: tahoma;
	background-color: #CC2029;
	text-decoration: none;
	border-bottom: #D9EBF6 5px solid;
}

/* module box clear */
.ModuleBoxClear
{
	border-right: #EDEDED 1px solid;
	padding-right: 5px;
	border-top: #EDEDED 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #EDEDED 1px solid;
	padding-top: 5px;
	border-bottom: #EDEDED 1px solid;
}

.ModuleBoxClearHeading
{
	border-bottom: #EDEDED 1px solid;
}

.ModuleHeading
{
	font-weight: bold;
	font-size: 11px;
	color: #000066;
	font-family: tahoma;
	text-decoration: none;
}

.ModuleTitleUnderLine
{
	background-color: #EDEDED;
}


/* inner module box */
.InnerModuleBox
{
	border-right: #999999 1px solid;
	padding-right: 5px;
	border-top: #999999 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: #999999 1px solid;
	padding-top: 5px;
	border-bottom: #999999 1px solid;
	background-color: #dddddd;
}

/* function box */
.FunctionBox
{
	border-right: #EDEDED 1px solid;
	border-left: #EDEDED 1px solid;
	border-bottom: #EDEDED 1px solid;
	background-color: #ffffff;
}

/* inner function box */
.InnerFunctionBox
{
	border-right: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	background-color: #ffffff;
}

/* grid */
.Grid
{
	border-right: #EDEDED 1px solid;
	border-top: #EDEDED 1px solid;
	border-left: #EDEDED 1px solid;
	border-bottom: #EDEDED 1px solid;
	background-color: #dddddd;
}

.GridHeader
{
	font-weight: bold;
	font-size: 12px;
	font-family: tahoma;
	color: #000066;
	background-color: #ededed;
	text-decoration: none;
	border-bottom: #EDEDED 1px solid;
	height: 24px;
}

/* others */
.TreeImageBlank
{
	cursor: text; 
}
.Normalsmall { 

	font-weight: normal; 
	font-size: 12px; 
	color: #000033; 
	font-family: Arial; 
	text-decoration: none;  
	font-style: normal;

}
.NormalLrg {

	font-weight: bold;
	font-size: 14px;
	color: #000033;
	font-family: Arial;
	text-decoration: none;
}
.NormalBold {

	font-weight: bold;
	font-size: 12px;
	color: #000033;
	font-family: Arial;
	text-decoration: none;
}

.NavTabBg
{
	border-right: #EDEDED 1px solid;
	border-bottom: #EDEDED 1px solid;
	background-color: #000099;
}

.SelectedNavTabBg
{
	border-right: #EDEDED 1px solid;
	background-color: #cccccc;
	color: #000033;
}

.OrderProcessLinks
{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	font-family: Arial;
	text-decoration: none;
}

A.OrderProcessLinks:link {
    text-decoration:    underline;
    color: #333333;
}

A.OrderProcessLinks:visited  {
    text-decoration:    underline;
    color: #333333;
}

A.OrderProcessLinks:active   {
    text-decoration:    underline;
    color: #333333;
}

A.OrderProcessLinks:hover    {
    text-decoration:    underline;
    color: #999999;
}
.Normalwhite {

	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.NormalwhiteBold {


	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


.tableItem {
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: arial,sans-serif,helvetica;
	TEXT-DECORATION: none;
	background-color: #e6e6e6;
}
.tableFooter {
	FONT-SIZE: 11px;
	FONT-FAMILY: arial,sans-serif,helvetica;
	FONT-WEIGHT: bold
}
.tableBlock {
	background-color: #336699
}
.SectionHeader
{
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: tahoma;
	text-decoration: none;
	padding: 2px;
	background-color: #719dc9;
}
.FieldPrompt
{
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	font-family: tahoma;
	text-decoration: none;
}
.FieldNonEditable
{
	font-weight: normal;
	font-size: 11px;
	color: #336799;
	font-family: tahoma;
	text-decoration: none;
}
.FieldFixedWidth
{
	font-weight: normal;
	font-size: 11px;
	color: #336799;
	font-family: Courier;
	text-decoration: none;
}

.DestinationTable
{
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.ItineraryViewerTableHeaderStyle
{
	background-color: #99C4DB;
	
	font-weight: bold;
	font-size: 12px;
	color: #0059DF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 35px;
}

.ItineraryViewerTableItemStyle
{
	background-color: #99C4DB;
	background-image:url(images/general/TH_1.jpg);
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 35px;
}

.ItineraryViewerTableAlternateItemStyle
{
	background-color: #99C4DB;
	background-image:url(images/general/TH_2.jpg);
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 35px;
}

.ItineraryViewerTitle
{
	background-color: #006A9A;
	
	background-image: url(/images/general/ItineraryViewerTitle.gif); 
	background-repeat: repeat-y;
	background-position: top right;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	height: 30px;
	padding: 8px 35px 5px 14px;

}

.ItineraryViewerDepartsInfo
{
	
	font-weight: normal;
	font-size: 12px;
	color: #2C8DBC;
	font-family: Arial;
	padding: 8px 5px 0px 10px;

}


.ItineraryViewerDepartsResults
{
	
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	font-family: Arial;
	position: relative; 
	left: 10px;
   	 

}

.ItineraryViewerItemTitle
{
	background-color: #54AFD8;
	
	background-image: url(/images/general/ItineraryViewerItemTitleBG.gif); 
	background-repeat: repeat-y;
	background-position: top right;

	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	height: 25px;
	padding: 5px 40px 5px 14px;

}

a.ItineraryViewerItemTitle:hover
{
	background-color: #54AFD8;
	
	background-image: url(/images/general/ItineraryViewerItemTitleBG.gif); 
	background-repeat: repeat-y;
	background-position: top right;

	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #CC1924;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	height: 25px;
	padding: 5px 40px 5px 14px;

}

.ItineraryViewerTitle
{
	background-color: #006A9A;
	
	background-image: url(/images/General/ItineraryTitle.gif); 
	background-repeat: repeat-y;
	background-position: top right;

	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	height: 30px;
	padding: 5px 40px 5px 14px;

}

a.ItineraryViewerTitle:hover
{
	background-color: #006A9A;
	
	background-image: url(/images/General/ItineraryTitle.gif); 
	background-repeat: repeat-y;
	background-position: top right;

	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #CC1924;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	height: 30px;
	padding: 5px 40px 5px 14px;

}

.AdvancedSearchResultTitle
{
	
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	height: 25px;
	padding: 8px 40px 5px 14px;
	

}

.PageTable
{
	background-color: #FFFFFF;
	width: 1005;
}


.background 
{
	background-image: url(Images/General/backg11.jpg); 
	background-repeat: repeat-x;
	background-color: #ffffff;

}

.ItineraryItemSeperator
{
	color: #C0C0C0;
	padding: 5px 0px 0px 0px;
}





.glossymenu{
	position: relative;
	padding: 0 0 0 1px;
	margin: 0;
	background: url(images/General/menub_bg2.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#CC1925;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
	background: url(images/General/menub_hover_left2.gif) no-repeat; /*left tab image path*/
	background-position: left;

}

.glossymenu li b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
	background: url(images/general/menub_hover_right2.gif) no-repeat right top; /*right tab image path*/

}

.glossymenu li.current a, .glossymenu li a:hover{
	text-decoration: none;
	color: #ffffff;
	background: url(images/General/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
.glossymenu li.current b, .glossymenu li a:hover b{
	text-decoration: none;
	color: #ffffff;
	background: url(images/general/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}




.pagination{
padding: 2px;
background-color: #FFFFFF;
padding-top: 7px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 20px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #007AAB;
text-decoration: none; 
color: #007AAB;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #FFFFFF;
color: #FFFFFF;
background-color: #6AB7DC;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #6AB7DC;
border-color: #6AB7DC;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

<!-- Rollovers -->

.Rollovers{
position: relative;
z-index: 0;
}

.Rollovers:hover{
background-color: transparent;
z-index: 50;
}

.Rollovers span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.Rollovers span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.Rollovers:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
font-family:Arial;
background-color: #0092CA;
color: #FFFFFF;
width: 250px;
top: -7px;
left: -275px; /*position where enlarged image should offset horizontally */

}