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

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





.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);

}



	 
	

.BannerBg
{
	border-bottom: #EDEDED 1px solid;
	background-color: #6776a5;
	background-image:url(images/general/Text_BG1.jpg);
	background: url(images/General/menub_bg.gif)
}

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

}

/* banner title style */
.title
{
	font-size: 12px;
	color: #003333;
	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 background*/
.BannerLinkBgUl
{
	border-left: #EDEDED 1px solid;
	border-bottom: #EDEDED 1px solid;
	background-color: ededed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	Text-Decoration: underline

}

/* 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: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

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

/* 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: #30478b;
	background-image:url(images/general/B_bg.jpg);
}

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

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

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

/* CHILD */
/* child navigation background*/
.ChildTabBg
{
	border-bottom: #EDEDED 1px solid;
	border-right: #EDEDED 0px solid;
	background-color: #30478b;
	/*background-image:url(images/general/B_bg.jpg);*/
	background-image:url(images/general/bg_bg.jpg);
}

/* 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 0px solid;
	background-color: #C2C8DB;
	background-image:url(images/general/Text_BG.jpg);
}

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


a.ParentTabLink:hover, a.ChildTabBg:hover 
{

	color: #D60022;
	
}


/* content background colour */


Body
{
    background-color: #ffffff;
}



/* Normal Stuff */
.Normal
{
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.NormalTextBox
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
	color: #666666;
    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;
}
/* module box */
.ModuleBox
{
	border-right: #ededed 1px solid;
	padding-right: 5px;
	border-top: #ededed 1px solid;
	padding-left: 5px;
	font-size: 12px;
	padding-bottom: 5px;
	border-left: #ededed 1px solid;
	color: #003333;
	padding-top: 5px;
	border-bottom: #ededed 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffc080;
}

.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: #ededed;
	text-decoration: none;
	border-bottom: #EDEDED 1px 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: #666666;
	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: #c2c8d8;
	background-color: #EDEDED;
	text-decoration: none;
	border-bottom: #EDEDED 1px solid;
	height: 24px;
}

/* others */
.TreeImageBlank
{
	cursor: text;
}
.Normalsmall { font-weight: normal; font-size: 10px; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; ; font-style: normal}
.NormalLrg {

	font-weight: bold;
	font-size: 14px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.NormalBold {

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

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

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

.OrderProcessLinks
{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	font-family: VErdana, Arial, Helvetica, sans-serif;
	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;
}

BODY {
	MARGIN: 0px; BACKGROUND-COLOR: #ffffff
}
TABLE {
	FONT: 11px Verdana, Arial, Geneva, Helvetica, Sans-Serif
}
BODY {
	FONT: 11px Verdana, Arial, Geneva, Helvetica, Sans-Serif
}
TD {
	FONT: 11px Verdana, Arial, Geneva, Helvetica, Sans-Serif
}
.formatdropdown {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; WIDTH: 165px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, sans-serif
}
#topbar {
	BACKGROUND-IMAGE: url(/images/global.global.bg_top.jpg)
}
#topbar TD {
	BACKGROUND-IMAGE: url(/images/spacer.gif)
}
#topbarClear {
	BACKGROUND-IMAGE: url(/images/spacer.gif)
}
.utilitybar A {
	FONT-SIZE: 10px; COLOR: #990000; LINE-HEIGHT: 14px; TEXT-DECORATION: none
}
.utilitybar A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}
.fix {
	TEXT-DECORATION: none
}
#navbar TD {
	BACKGROUND-IMAGE: url(/images/global.global.bg_navbar.jpg); HEIGHT: 26px; TEXT-ALIGN: center
}
#navbar A {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333; TEXT-DECORATION: none
}
#navbar A:hover {
	COLOR: #990000
}
#navbar .cap {
	BACKGROUND-COLOR: #fee069
}
#photorow {
	BACKGROUND: #666666
}
.clear {
	BACKGROUND-IMAGE: url(/images/spacer.gif)
}
#inforow {
	BACKGROUND: #ffcc00
}
.dottedvert {
	BACKGROUND-IMAGE: url(/images/global.global.dotted_vert.gif); BACKGROUND-REPEAT: repeat-y
}
.dottedhorz {
	BACKGROUND-IMAGE: url(/images/global.global.dotted_horz.gif); BACKGROUND-REPEAT: repeat-x
}
.date {
	FONT-SIZE: 10px
}
.ir B {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333
}
.irg B {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333
}
.ir TD {
	LINE-HEIGHT: 15px
}
.ir {
	FONT-SIZE: 11px; COLOR: #000
}
.irg {
	FONT-SIZE: 11px; COLOR: #000
}
.ir A {
	COLOR: #990000
}
.irg A {
	COLOR: #333
}
.spacer {
	FONT: 2px/2px san-serif
}
.purchase {
	FONT-SIZE: 10px; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.alert TD {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #990000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.shadow {
	BACKGROUND-IMAGE: url(/images/global.global.footer_shade.gif); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff
}
.footer TD {
	FONT-SIZE: 10px
}
.footer A {
	COLOR: #990000; TEXT-DECORATION: none
}
.footer A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}
.promotext {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.threats A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #990000; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.threats A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}
.alert-title A {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.alert-title A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}
.shoplinks A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.shoplinks A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}
.purchaselink A {
	FONT-SIZE: 10px; COLOR: #990000; LINE-HEIGHT: 14px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.purchaselink A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}
.moduleheader A {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.moduleheader A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}
.titleheader {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.highrisk {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.secresptitles A {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.secresptitles A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.ScreenShotBg {
	background-color: #FFFF99;
}






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

}

.ItineraryViewerTableHeaderStyle
{
	background-color: #627C9B;
	background-image:url(images/general/A_1.jpg);
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.ItineraryViewerTableItemStyle
{
	background-color: #CBDDE9;
	background-image:url(images/general/A_2_.jpg);
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.ItineraryViewerTableAlternateItemStyle
{
	background-color: #81AACA;
	background-image:url(images/general/A_3_.jpg);
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


td{font-family:arial,sans-serif }
td{color:#000}
.j{width:34em}
div.Section1
	{page:Section1;}
	
	

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

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

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100;
left: 50px /*position where enlarged image should offset horizontally */

}

.ItineraryItemSeperator
{
	color: #005596;
}


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

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000000;
	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;
}

.glossymenu li b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	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{
	color: #ffffff;
	background: url(images/general/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}




.pagination{
padding: 2px;
}

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

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

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.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: #929292;
border-color: #929292;
font-weight: normal !important;
}

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


#nav ul
{
	
	margin-bottom: 0px;
	margin-left: -40px;
	margin-top: 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 
	
} 

#nav li
{
	border-bottom: 1px solid #A7A7A7;
	list-style:none;
	text-align:right;
	
	

} 

#nav a
{ 
	text-decoration:none;
	font-weight:normal;
	color:#000000; 
	background:#FFF;
	padding: 6px 5px;
	border-right:0px solid #FFF;
	display:block;
}
#nav a:hover, #nav a.on
{ 
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	background: #919CBE;
	background: url(/images/general/Child_bg.gif)
	border-right: 5px solid #6876A5;
	display:block;
	
}
.PageTable
{
	background-color: White;
	width: 1000;
}


.ItineraryItemSeperator
{
	color: Black;
}

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

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

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50;
left: 50px /*position where enlarged image should offset horizontally */

}