/******************************************************************************
* Defines default styles for site pages.                                      *
******************************************************************************/
body, td { 
  color: #000000;
  font-family: Arial, Helvetica;
  font-size: 10pt;  
}

body {
	background-color: #ffffff;
	margin: 0 0 0 0;
}

a, a:visited {
  text-decoration: none;
  color: navy; 
} 

a:active {
  color : #993399;
} 

a:hover {
  color : blue;
  text-decoration:underline;
  /*background-color: #DDEEFF;*/
} 

.FormTextBox   { color: navy; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #9cf; border: solid 1px navy; }
.FormSelect  { color: navy; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: silver; border: solid 1px navy; }

.bcActive, .bcActive:active, .bcActive:hover, .bcActive:visited
{
  color: #666666;
  text-decoration: none;
} 

/**************************************************
* Header Styles
***************************************************/
.BannerContainer 
{
 margin-top: 1px;
 width: 340px;
}

.Banner 
{
    background-position: right top; 
    background-repeat: no-repeat;
}

.BannerBottom 
{
  background-color: #EDEDED;
  background-image: url('/_images/local/BannerBottomBG.gif');
  background-repeat: repeat-x;
  border-bottom: solid 1px #666666;
  padding-top: 1px;
  padding-right: 1px;  
  font-family: Arial, helvetica;
  font-size: 9px;   
  color: #5E6C61;
  text-align: right;
  height: 1px;
  /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25) progid:DXImageTransform.Microsoft.Fade(duration=0.2);*/
}

.BannerBottom td 
{
  font-family: Arial, helvetica;
  font-size: 9px;   
  color: #5E6C61;
}

.TopBarContainer 
{
	height: 1px;
}

.TopBar {
 text-align: right;
}

.TopBar a, .TopBar a:visited, .TopBar a:hover, .TopBar a:active {
	color: #666666; 
	font-family: Arial, helvetica;
	font-size: 7pt;
	font-weight: bold;
	padding-right: 1px;
}

.Feature-Link
{
	color:white;
	font-family:'Trebuchet MS';
	font-size:70%;
}

.Feature-Title
{
	color:white;
	font-family: Verdana, 'Trebuchet MS';
	font-size:8pt;
}

.Feature-SubHead
{
	color:white;
	font-family:'Trebuchet MS';
	font-size: 8pt;
}

/**************************************************
* Site menu
***************************************************/

.menuBarContainer
{
 border-top: solid 1px #666666;
 background-image: url('/_images/local/menuBarBG.gif');
 background-position: left top;
 background-repeat: repeat-x;
 height: 1px;
}

.menuBar {
 background-image: url('/_images/local/menuBarBG.gif');
 background-position: left top;
 background-repeat: repeat-x;
 height: 1px;
}

div.menuBar,
div.menuBar .menuButton a,
div.menu,
div.menu a.menuItem {
  font-family: Arial, helvetica;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: white;
}

.menuButton 
{
  background-color: Transparent;
  font-family: Arial, Helvetica;
  font-size:10pt;
  color: White;
  font-weight:bold;
  cursor: hand;
  width: 144px;

  /*filter: progid:DXImageTransform.Microsoft.Fade(duration=0.25) Alpha(Opacity=100);*/
}

.menuButton a, .menuButton a:visited, .menuButton a:hover, .menuButton a:active
{
    text-decoration:none;
    font-family: Arial, Helvetica;
    font-size:8pt;
    color: White;
    font-weight:bold;
    cursor:hand;
    padding-top:1px;
}

.menuButtonActive,
.menuButtonActive:hover {
  background-color: #3F75FF;
  font-family: Arial, Helvetica;
  font-weight: bold;
  color: white;
  cursor: hand;  
}

div.menu {
  width: 200px;
  background-color: #3F75FF;
  border-bottom: 1px outset #cccccc;
  border-left: 1px outset #cccccc;
  border-right: 1px outset #cccccc;
  border-top: 1px outset #666666;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Fade(duration=0.4) Alpha(Opacity=95);
 /* filter:progid:DXImageTransform.Microsoft.gradientWipe(duration=0.5, gradientsize=0.5, WipeStyle=1);*/
  z-index: 201;
}

div.menu a.menuItem {
  color: white;
  cursor: hand;
  display: block;
  padding: 1px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #CBE5FF;
  color: #175997;
  
  /* Compatibility with server side active button rendering */
  cursor: hand;
  display: block;
  padding: 1px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #0044A8;
  margin: 1px 1px;
}

/**************************************************
* Footer Styles
***************************************************/
.Footer, .Footer td {
 font-family: Arial, helvetica;
 font-size: 8px;   
 color: #5E6C61;
}

.FooterBar {
  background-color: #000099;
  border-top: solid 1px #464646;
  height: 1px;
}

.FooterBar td
{
  color: #ffffff;
  font-size: 8px;
  vertical-align: middle;
}

.UnderFoot {
  background-color: #EDEDED;
  background-image: url('/_images/local/FooterUnderFootBG.gif');
  background-repeat: repeat-x;
}

.FooterBar a, .FooterBar a:visited {
  color:#FFFFFF;
  text-decoration:none;
}

.FooterBar a:hover, .FooterBar a:active {
  color:#FFFFFF;
  text-decoration: underline;
}

/**************************************************
* TODO: Sort and Categorized
***************************************************/

.TitleStyleSolid
{
    background-color: #F0F0F0;
    font-family:arial,helvetica;
    font-size:8pt;
    color: #000099;
    font-weight:bold;
}

.PuzzleBox {
	background-color: #E5EDFF;
	border:1px solid #cccccc;
	font-family: Arial, Helvetica;
	font-size: 8pt;  
	color: #000000;
}

.PuzzleBox td {
	color: #000000;
	font-family: Arial, Helvetica;
	font-size: 8pt;  
}

.InlineTitle
{
	font-size: 110%;
	font-weight: bold;
}

.SmallText 
{
    font-family: Arial, Helvetica;
    text-align: center;
    font-size:8pt;
}

.SmallText a, .SmallText a:visited, .SmallText a:hover, .SmallText a:active {
	text-decoration: underline; 
	color:Navy;
}

/*
----------------------------------------------------------------
old and 
Alex Styles
*/

.fbox   { color: navy; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #cff; margin: 3px 1px 1px; border: solid 2px navy }
.fbox1  { color: navy; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #fc0; margin: 3px 1px 1px; border: solid 2px navy }
.fbox2 { color: yellow; font-size: 9px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: navy; margin: 3px 1px 1px; border: solid 2px navy }
.fsub      { color: #ffc; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #900; margin: 1px; border-style: solid; border-width: 2px 4px 3px 2px; border-color: #f60 yellow #fc0 #f30 }
.MessageSection 
{
	background-color: #66ccff; 
	color: Navy;
	font-size: 8pt;
	font-family: Arial;
}

.FloatingBox {
  background-color: #F2F1EC;
  border: solid 1px #DBDBDB;
}

.FloatingBox td {
  font-size: 8pt;   
  color: #5E6C61;
}

.tblRates {
 background-color: #fff8e4;

}

.tblRates_BookIt {
 background-color: #31659C;
 color: #FFFFFF;

}

.tblRates_BookIt a, .tblRates_BookIt a:visited, .tblRates_BookIt a:active, .tblRates_BookIt a.BuyLink {
 color: #FFFFFF;

}

.BuyLink, .BuyLink:visited, .BuyLink:active {
 color: #FFFFFF;

}

.tblRates_Item {
 background-color: #FFE4A2;

}

.PageUtilities, 
.PageUtilities td
{
	color: black;
	font-size: 8pt; 
}

.PageUtilities a, 
.PageUtilities a:active, 
.PageUtilities a:visited
{
		 
}

.PageUtilitiesItem
{
	background-color: #FFFFCC;
}

.PageUtilitiesAlt 
{
	background-color: #C1E0FF;
}

.PageUtilities
{
	border: solid 1px #000099;
}

.PageUtilitiesBottom, 
.PageUtilitiesBottom a, 
.PageUtilitiesBottom a:active, 
.PageUtilitiesBottom a:visited
{
	color: White;
	background-color: #990000;
}


/******************************************************************************
* Migrate to above: Defines default styles for site pages.                                      *
******************************************************************************/



/* Most of our site pages are using the table layout so we need to specify styles 
   for it like it was the body. */
   
   
.navbar1   { color: white; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.navbar1:hover   { color: #9cf; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.navbar2 { color: navy; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.navbar2:hover { color: navy; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
.date { color: maroon; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.footer   { color: white; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.footer:hover    { color: #f60; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.content   { color: #444; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; list-style-type: disc; list-style-image: url(images/bullet.gif); margin-right: 48px }
.headings   { color: #009; font-weight: bold; font-size: 20px; font-family: "Trebuchet MS", Helvetica, Verdana, Arial }
.subheadings { color: #009; font-weight: bold; font-size: 16px; font-family: "Trebuchet MS", Helvetica, Verdana, Arial }
.navside { color: navy; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; list-style-image: url(images/bullet.gif) }
.navside:hover { color: navy; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; list-style-image: url(images/bullet.gif) }
.crucerosbox { color: white; font-size: 12px; line-height: 1px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; list-style-type: circle }
u  { color: #444; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; list-style-type: disc; list-style-image: url(images/bullet.gif); margin-right: 48px }
.airbox   { color: navy; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #9cf; margin-top: 1px; margin-bottom: 1px }
.airbox:focus { color: navy; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: yellow; margin-top: 1px; margin-bottom: 1px }
.airpull  { color: navy; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: silver; margin-top: 1px; margin-bottom: 1px; border: solid 1px navy }
.airsub  { color: white; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #f60; margin-top: 1px; margin-bottom: 1px }
.airsub:hover { color: #f60; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: yellow; margin-top: 1px; margin-bottom: 1px }

pre {
  font-family: Courier New, Courier, monospace;
  font-size: 80%;
}


ul {
  list-style-type: square;
}

h1 {
  font-size: 160%;
  color: #009; 
  font-weight: bold; 
  font-size: 8px; 
  font-family: "Trebuchet MS", Helvetica, Verdana, Arial; 
  margin-top: 0px;
}

h2 {
  font-size: 140%;
  margin-top: 0px;
}

h3 {
  font-size: 120%;
}

h4 {
  font-size: 100%;
}

.Revisions 
{
	font-family: Courier New;
	font-size: 9pt;
	color: Gray;
}

.PageTitle 
{
	/*color: #003399;*/
	font-family: Verdana, Arial, Helvetica;
	color: #cc0000;
	font-size: 18pt;
	font-weight: normal;
}

.ListItemTitle 
{
	font-family: Verdana, Arial, Helvetica;
	color: #66ccff;
	font-size: 14pt;
	font-weight: normal;
}

.ListItemElement 
{
	font-weight: bold;
}

.PageSubTitle 
{
	/*color: #003399;*/
	font-family: Verdana, Arial, Helvetica;
	color: #ff6600;
	font-size: 16pt;
	font-weight: normal;
}






/**************************************************
* Display boxes, grids and sidebars
***************************************************/
.paneTasks {
  background-color: #D3DEEC;
  border: solid 1px #0044A8;
  padding: 1px;
  
}

.Listing {
	border: solid 1px #33569c;
	text-align: left;
	color: #000000;
	
}

.Listing td 
{
	font-size: 11px;
}

.ListingFoot {
	background-color: #D3DEEC;
	border: solid 0px #33569c;
	border-bottom-width: 1px;
	width: 300px;
	padding: 1px 0 1px 0;
	text-align: center;
	color: #33569c;
	font-size: 10px;	
}

TR.H {
  background-color: #D3DEEC;
}

TR.Dimmed {
  background-color: #ffffff;
}


TR.HlDel {
  background-color: #f0e0d0;
}

.ComponentBox {
  background-color: #D3DEEC;
  border-color: #33569c;
  border-style: solid;
  border-width: 1px;
  padding: 1px;
  float: none;
  text-align: left;
}

.MessageBox {
  background-color: #f0e0d0;
  border-color: #d0a070;
  border-style: solid;
  border-width: 1px;
  padding: 1px;
  display: block;
  text-align: left;
  font-family: Sans-Serif;
  font-size: 11px;
  margin: 0px 0px 1px 0px;
}

.sideBox {
  background-color: #f0f0f0;
  border-color: #909090;
  border-style: solid;
  border-width: 1px;
  float: right;
  padding: .5em;
  margin-top: 0px;
  margin-left: 1px;
  margin-bottom: 1px;
  margin-right: 0px;
}

img.altHelp 
{
	cursor: help;
}

td.LeftPane_PA {
  background-color:#f3f3f3;
}

td.LayoutPaneLine {
  background-color: #c0c0c0;
}

/* Boxed table styles */

table.Box, td.BoxCurveHolder {
  background-color:#f1f1f1;
}

td.BoxBorder {
  background-color:#cccccc;
}

td.BoxBodyText {
}

.SubHeader {
  background-color: #3E69BE;
  color: #ffffff;
  font-size: 13px;
  padding: 1px;
}

.Header {
  padding: 0px;
  color:#003399;
  font-size: 13px;
  font-weight: bold;

}

.Header a, .Header a:visited, .Header a:active {
  color: #ffffff;
  text-decoration: none;
}

.Header a:hover {
  color: #ffffff;
  text-decoration: underline;	
}


TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: darkred;
}


a.BoxLinks {
   
}

.note {
  background-color: #f0f0f0;
  border-color: #909090;
  border-style: solid;
  border-width: 1px;
  padding: 1px;
}


/**************************************************
* Form Styles
***************************************************/

.FormSectionHead
{
    font-size: 12pt;
    font-weight: bold;
    color: #0044A8;

}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

textarea {
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}


.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: darkred;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}

.FieldTitle {
  font-weight: bold;
  font-size: 10pt;
}

.FieldError {
  color: red;
  font-weight: normal;
  font-size: 10pt;
}

span.tdHeading {
 color: #003399;
 font-size: 13pt;
 font-weight: bold;
}

/**************************************************
* Module Specific Styles
***************************************************/
.ModuleTitle 
{
	/*color: #003399;*/
	font-size: 14pt; 
	color: #cc0000;
	
}

a.EditModule, a.EditModule:Visited, a.EditModule:Active
{
	color: red;
	font-weight: bold;
	font-size: 11px;
	padding-right: 1px;	
}

/* Packages */

a.BoxPackage, a.BoxPackage:Active
{
	color: navy;
	font-size: 11px;
}

a.BoxPackage:hover
{
	text-decoration: underline;
	color: #FF6600; /*Same as arrow_orange_sm */
}

.TangoAccentBox 
{
	border: dotted 1px #7C71C0;
	
}


.ContentSectionBox A, .ContentSectionBox A:visited
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #3F75FF; 
	FONT-FAMILY: Arial;
	text-decoration: none;
}

.ContentSectionBox A:hover, .ContentSectionBox A:active
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #3F75FF; 
	FONT-FAMILY: Arial;
	text-decoration: underline;
}