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

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



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

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



#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
background-color: #000000;
}


#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #ffffff;
width:153px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #ff9900;
background-color: #4C95DB;
}



.BannerBg
{
	border-bottom: #ffffff 0px solid;
	background-color: #005596;
        background-image:url(images/General/Tab_BG.jpg);
	
}

/* 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 0px 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: #41854A;
	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: #48456c;*/
	background-image:url(images/general/SPN_old.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: #005596;*/
	background-image:url(images/general/PN_old.jpg);
	/*background-image:url(images/general/button over.jpg);*/
}

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








/* CHILD 
/* child navigation background*/
.ChildTabBg
{
	border-bottom: #EDEDED 1px solid;
	border-right: #EDEDED 1px solid;
	/*background-color: #48456c;*/
	background-image:url(images/general/SPN.png);
	
}

.ChildTabBg1
{
	
	background-image:url(images/general/SPN.png);
	
	
}

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

/* selected child tab links background*/
.SelectedChildTabBg
{
	border-bottom: #EDEDED 1px solid;
	border-right: #EDEDED 1px solid;
	border-left: #EDEDED 1px solid;
	/*background-color: #B6B5C4;
	background-image:url(images/general/MbPN.png);*/
}


.ParentTabLink:hover
{
	color: #C72027;
}
.ChildTabLink:hover
{
	color: #CB2227;
}

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

/* content background colour */
Body
{
    background-color: #CcCCCC;
}

background 
{
	background-image: url(BG.jpg); 
	background-position: top center; 
			 
}




/* Normal Stuff */
.Normal
{
	font-weight: normal;
	font-size: 11px;
	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: #EFE4C7;
	/*background-image:url(images/general/MbPN.png);*/
	
}
	
.ModuleBoxHeading
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	color: #ffffff;
	padding-top: 2px;
	font-family: tahoma;
	background-color: #719D75;
	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: #0000FF;
	font-family: tahoma;
	text-decoration: none;
}


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


.ModuleHeading1
{
	font-weight: bold;
	font-size: 11px;
	color: #3A8144;
	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: #ffffff;
}

/* 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: #666666;
	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: #333333; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	text-align: justify; 
}
.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: 13px;
	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;
}
.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;
}

.text04 {
	font-weight: bold;
	font-size: 15px;
	font-family: Times New Roman;
	color: #FFFFFF;
	text-align: center 
}

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



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#navigation {
text-align: center;
float: left; /*Set to "left" or "right" to position menu accordingly*/
/*border-bottom: 1px solid #999e87; uncomment this line to add bottom border*/
}
#navigation ul {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#navigation li {
	display: inline;
	background: url(i/bgc.jpg) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 2px;	
	float: left;
}
#navigation a {
	color: #000000;
	background: url(i/left.jpg) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:3px;
	text-decoration: none;
}
#navigation a span {
	font-family: Verdana;
	font-size: 11px;
	background: url(i/right.jpg) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#navigation a span
{
	font-weight: bold;
	font-size: 11px;
	color: #383656;
	font-family: tahoma;
	text-decoration: none;
}

#navigation span:hover{
color: #ffffff;
}

#navigation a span {
	
	float: none;
}

#navigation1 {
text-align: center;
float: left; /*Set to "left" or "right" to position menu accordingly*/
/*border-bottom: 1px solid #999e87; uncomment this line to add bottom border*/
}
#navigation1 ul {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#navigation1 li {
	display: inline;
	background: url(i/bgc_s.jpg) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 2px;	
	float: left;
}
#navigation1 a {
	color: #000000;
	background: url(i/left_s.jpg) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:3px;
	text-decoration: none;
}
#navigation1 a span {
	font-family: Verdana;
	font-size: 11px;
	background: url(i/right_s.jpg) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#navigation1 a span
{
	font-weight: bold;
	font-size: 11px;
	color: #383656;
	font-family: tahoma;
	text-decoration: none;
}

#navigation1:hover, a.span:hover 
{

	color: #ff0000;
	
	
}

#navigation1 a span {
	
	float: none;
}

.ItineraryViewerTableHeaderStyle
{
	background-color: #3A8144;
	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: 9BABBF;
	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: #D8E1ED;
	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;
}

.PageTable
{
	background-color: White;
	width: 1004;
}

.TableBackground
{
	background-image: url(Images/General/M_BG.jpg);
	background-repeat: repeat-x;
}

.Background
{
	background-color: #F8F5ED;
	background-image: url(Images/General/web_BG.png);
	background-repeat: repeat-y;
	background-repeat: repeat-x;
	background-position: top center;
}

.ItineraryItemSeperator
{
	color: #3A8144;
}

.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 */

}