/*************************************************
* Layout and Presentation Stylesheet
*
* Created: 15/10/2007
*
**************************************************/

/* General */
html
{
	background-color: #FFFFFF;
}

* {
	font-family: Arial, Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif; /* set the font of all elements to this */
	font-size: 12px; /* reset all fonts to a common size */
	word-wrap: break-word; /* Stop IE from expanding parent container when word is too long (proprietary IE, new in CSS3) */
}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * {
	font-family: Arial, 'Century Gothic', Helvetica, Arial, sans-serif;
}

h1 { font-size: 22px; color: #999999; font-weight: normal;}
h2 { font-size: 18px; color: #999999; font-weight: normal;}
h3 { font-size: 14px; color: #999999; padding-bottom: 6px; margin: 0px; font-weight: normal;}
h4 { font-size: 14px; color: #999999; font-weight: normal;}
h5 { font-size: 12px; color: #999999; font-weight: normal;}
h6 { font-size: 10px; color: #999999; font-weight: normal;}

body
{
	margin: 0;
	padding: 0;
	font-size: 10px; /* sets a base font size of 12px/9pt */
}
img {
	-ms-interpolation-mode: bicubic; /* Resample images in IE7 */
}

img.alpha { /* Give PNG image class="alpha" to fix alpha transparency problems in IE 5.5 & 6 */	 
}

a img {
	border: none;
}

big {
	font-size: 133%;
}

small, sup, sub {
	font-size: 75%;
}

wbr:after {
	content: "\00200B"; /* Emulate the <wbr> (word break) tag in modern browsers that don't support it */
}
hr
{
    BORDER-TOP: 1px solid #666666;
    WIDTH: 100%;
    HEIGHT: 1px;
    text-align: center;
}
/*----TEXT SIZES----*/
.SmallText
{
     font-size: 9px;
}
.DefaultText
{
     font-size: 10px;
}
.LargeText
{
     font-size: 14px;
}
.LargerText
{
     FONT-SIZE: 16px;	
}
.PageWrapper p
{
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
}
/*----TEXT SIZES----*/
/* General */

/* Links */
.PageWrapper a, .PageWrapper a:link
{
	color: #00AAA6;
	text-decoration: none;
}
.PageWrapper a:visited
{
	color: #568;
}
.PageWrapper a:hover,.PageWrapper a:active
{
	text-decoration: underline;
}
/* Links */

/*----FORMS----*/
.PageWrapper form
{}
.PageWrapper textarea
{
    	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}
.PageWrapper input
{
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}
.PageWrapper select
{
    	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #CCCCCC;
}
.PageWrapper .Button
{
	vertical-align: middle;
	border: 1px solid #999999;
	background-color: #CCCCCC;
	font-weight: bold;
}
.BodyText INPUT .ButtonOK
{
}
/*----FORMS----*/

/*----SPAN----*/
.Alert
{
	font-weight: bold;
	color: red;
}
/*----SPAN----*/

/*---- MODAL POPUP ----*/

/*Modal Popup*/
.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	top: 10px;
	left: 10px;
}
.modalPopup
{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	padding: 10px;
	width: 460px;
}
.modalDisablePopup
{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	z-index:10000;
	position:absolute;
}
.modalHeading
{
	/*cursor: move;*/
	background-color: #DDDDDD;
	border: 1px solid #CCCCCC;
	color: #000000;
	text-align: left;
	padding: 4px;
	font-family:Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	width: 100%;
}
.modalText
{
	font-size: 12px;
}
.modalDisablePopup
{
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	z-index:10000;
	position:absolute;
}
/*Popup Control*/
.popupControl
{
	background-color: #FFFFFF;
	position:absolute;
	visibility:hidden;
}
/*---- MODAL POPUP ----*/

/* Standard Page Layout */
#OuterWrapperHome
{
	width: 100%;
	height: 100%;
	text-align: center;
	background: transparent url(/templates/man/image/stj_swirl_logo_home_backgrd.gif) no-repeat left 100px;
}
#OuterWrapper, #OuterWrapperPopup
{
	width: 100%;
	height: 100%;
	text-align: center;
	background: transparent url(/templates/man/image/stj_swirl_logo_small_backgrd.gif) no-repeat right bottom;
}
#PageWrapper, #PageWrapperHome
{
	width: 970px;
	height: 710px;
	background-color: transparent;
	margin:0 auto;
	padding: 0px;
	margin-top: 40px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}
#PageWrapperHome
{
	margin-top: 80px;
}
#OuterWrapper #BrandingWrapper
{
	width: 970px;
	height: 100px;
	margin:0 auto;
	padding: 0px;	
}
#OuterWrapper #BrandingWrapper #MainBanner
{
	border: 0px solid transparent;
	width: 375px;
	height: 100px;
	float: right;
	text-align: right;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#PageWrapperHome #BrandingWrapper
{
	border: 0px solid transparent;
	width: 970px;
	height: 140px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: transparent;
}
#PageWrapperHome #BrandingWrapper #MainBanner
{
	border: 0px solid transparent;
	width: 800px;
	height: 140px;	
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: transparent;
}
#PageWrapper #BrandingWrapper #MainBanner img,
#PageWrapperHome #BrandingWrapper #MainBanner img
{
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#PageWrapper #ContentWrapper
{
	border: 0px solid transparent;
	width: 970px;
	height: 710px;
	margin: 0px;
	padding: 0px;	
	text-align: left;
	background-color: transparent;
}
#PageWrapper #ContentWrapper #MainContent
{
	border: 0px solid transparent;
	width: 700px;
	height: 690px;
	float: left;
	padding: 10px;
	background-color: transparent;
}
* html #PageWrapper #ContentWrapper #MainContent
{
  width: 720px;
  height: 710px;
}
#PageWrapperHome #ContentWrapper
{
	border: 0px solid transparent;
	width: 970px;
	height: 570px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: transparent;
}
#PageWrapperHome #ContentWrapper #PromoPhotoWrapper
{
	float: left;
	border: 0px solid red;
	width: 570px;
	height: 570px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background-color: transparent;
}
#PageWrapperHome #ContentWrapper #PromoPhotoWrapper #PromoPhotoItem
{
	border: 0px solid #CCCCCC;
	width: 500px;
	height: 500px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	margin-top: 20px;
	float: right;
	background-color: transparent;
	z-index: 1000;
}
#PageWrapperHome #ContentWrapper #PromoPhotoWrapper #PromoPhotoItem div
{
	z-index: 500;
}
#PageWrapperHome #ContentWrapper #MainContent
{
	border: 0px solid red;
	width: 380px;
	float: right;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	margin-top: 0px;
	overflow: hidden;
}
#PageWrapper #ContentWrapper #MainContent #TitleTable
{
	border: 0px solid transparent;
	background-color: transparent;
}
#PageWrapper #ContentWrapper #MainContent #Utilities
{
	border: 0px solid transparent;
	background-color: transparent;
	clear: both;
	margin-top: 10px;
}
#PageWrapper #ContentWrapper #MainContent #BodyContent
{
	border: 0px solid transparent;
	display: inline;
	float: left;	
}
#PageWrapperHome #ContentWrapper #MainContent #HomeBodyContent
{
	border: 0px solid transparent;
	display: inline;
	float: left;
	width: 100%;
	background-color: transparent;
}
#PageWrapper #ContentWrapper #PromoContentRight
{
	border: 0px solid transparent;
	width: 230px;
	height: 690px;
	display: inline;
	float: right;	
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: transparent;
}
* html #PageWrapper #ContentWrapper #PromoContentRight
{
  width: 250px;
  height: 710px;
}
#PageWrapper #ContentWrapper #PromoContentRight #PromoViewPort
{
	width: 230px;
	height: 470px;
	overflow: hidden;
}
#PageWrapper #ContentWrapper #PromoContentRight #ImageViewPort
{
	height: 205px;
	width: 230px;
	overflow: hidden;
}
/* Standard Page Layout */

/* Promotion Page Layout */
#PageWrapperPopup
{
	width: 700px;
	height: 600px;
	background-color: transparent;
	margin:0 auto;
	padding: 0px;
	margin-top: 40px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}
#OuterWrapperPopup #BrandingWrapper
{
	border: 0px solid transparent;
	width: 700px;
	height: 100px;
	padding: 0px;
	margin: 0px;	
}
#OuterWrapperPopup #BrandingWrapper #MainBanner
{
	border: 0px solid transparent;
	width: 375px;
	height: 100px;
	float: right;
	text-align: right;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
#OuterWrapperPopup #BrandingWrapper #MainBanner img
{
	padding: 0px;
	margin: 0px;
}
#PageWrapperPopup #ContentWrapper
{
	border: 0px solid transparent;
	background-color: transparent;
	width: 700px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#PageWrapperPopup #ContentWrapper #MainContent
{
	border: 0px solid transparent;
	width: 680px;
	height: 580px;
	float: left;
	display: inline;
	background-color: transparent;
	padding: 10px;
	overflow: auto;
	
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #00AAA6;
	scrollbar-highlight-color: #00AAA6;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #F3F3F3;
	scrollbar-arrow-color: #00AAA6;
	scrollbar-base-color: #FFFFFF;
}
* html #PageWrapperPopup #ContentWrapper #MainContent
{
 	width: 700px;
	height: 600px;
}
#PageWrapperPopup #ContentWrapper #MainContent #TitleTable
{
	border: 0px solid transparent;
	background-color: #FFFFFF;
}
#PageWrapperPopup #ContentWrapper #MainContent #BodyContent
{
	border: 0px solid transparent;
	display: inline;
	float: left;	
}
/* Promotion Page Layout */

/* Promotion Containers */
#PromoContainerWrapper
{

}
#PromoContainerWrapper #divHeading,
#PromoContentRight #divHeading
{
	border-bottom: 2px solid #666666;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
}
#PromoContainerWrapper #divHeading h1,
#PromoContainerWrapper #divHeading h2,
#PromoContentRight #divHeading h1, #PromoContentRight #divHeading h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	padding: 0px;
	margin: 0px;
}
#PromoContainerWrapper #PromoContainerContent
{
	padding: 0px;
	margin: 0px;
}
#PromoContainerWrapper #PromoContainerContent h1,
#PromoContainerWrapper #PromoContainerContent h2,
#PromoContainerWrapper #PromoContainerContent h2 a
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0px;
}
#PromoContainerWrapper #PromoContainerContent ul
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;    
    list-style-type: square;
}
#PromoContainerWrapper #PromoContainerContent ul li
{
    margin-top: 4px;
    margin-bottom: 4px;   
}
#PromoContainerWrapper #PromoContainerContent ul li a
{
      font-weight: normal;
}
#PromoContainerWrapper #PromoContainerContent ol
{
    margin-top: 5px;
    margin-bottom: 5px;    
}
/* Promotion Containers */

/* Sections */
.PageWrapper #ContentWrapper #MainContent #TitleTable h1.TitleHeading
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #999999;
	padding: 0px;
	margin: 0px;
}

.PageWrapper #ContentWrapper #MainContent #Utilities div.pagetools ul
{
	font-size: 10px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}
.PageWrapper #ContentWrapper #MainContent #Utilities div.pagetools ul li
{
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

#FooterWrapper #FooterContentWrapper #MiniSiteMap h2
{
	font-size: 135%;
	margin: 0 0 0.5em 0;
}

#FooterWrapper #FooterContentWrapper #MiniSiteMap h3
{
	font-size: 105%;
	margin: 1em 0 0.5em 0;
}
#FooterWrapper #FooterContentWrapper #MiniSiteMap .group
{
	display: inline;
	float: left;
	width: 115px;
	margin-right: 15px;
}

#FooterWrapper #FooterContentWrapper #MiniSiteMap .group ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 92%;
}

/* Body Styles */
.PageWrapper #ContentWrapper #MainContent #BodyContent img
{
	padding: 0px;
	border: 0px solid #CCCCCC;
}

/* Sections */

/* Form Tables */
.PageWrapper form table.FormTable
{
	margin-top: 8px;
	font-size: 11px;
	margin-bottom: 8px;
	background-color: #ffffff;
	color: #000000;
	border-spacing: 1px;
}
.PageWrapper form table TR TD.FormTableCopyAltLeft
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #000000;
	background-color: #ffffff
}
.PageWrapper form table tr td.FormTableCopyAltRight
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #000000;
	background-color: #ffffff;
}
.PageWrapper form table tr td.FormTableButtons
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #000000;
	background-color: #ffffff;
	text-align: right;
}
.PageWrapper form div.ButtonHolder
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    MARGIN: 0px;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFFFF;
    TEXT-ALIGN: right;
}
/* Form Tables */

/* Main Navigation */
#OuterWrapper #BrandingWrapper #MainNavigation
{
	text-align: left;	
	width: 585px;
	height: 105px;
	padding: 0px;
	margin: 0px;
	float: left;	
}
#MainNavigation table tr td.NavTableCellOn a.NavLinkOn,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOn span,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOff,
#MainNavigation table tr td.NavTableCellOn a.NavLinkOff span
{
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #00AAA6;
	text-transform: uppercase;
}
#MainNavigation a.NavLinkOn:link
{
	color: #00AAA6;
	text-decoration: none;
	border-bottom: 2px solid #00AAA6;
}
#MainNavigation a.NavLinkOn:visited
{
	color: #00AAA6;
	text-decoration: none;
	border-bottom: 2px solid #00AAA6;
}
#MainNavigation a.NavLinkOn:active
{
	color: #00AAA6;
	text-decoration: none;
	border-bottom: 2px solid #00AAA6;
}
#MainNavigation a.NavLinkOn:hover
{
	color: #00AAA6;
	text-decoration: none;
	border-bottom: 2px solid #00AAA6;
}
#MainNavigation table tr td.NavTableCellOff a.NavLinkOff,
#MainNavigation table tr td.NavTableCellOff a.NavLinkOff span
{
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	text-transform: uppercase;
}
#MainNavigation a.NavLinkOff:link
{
	color: #666666;
	text-decoration: none;
}
#MainNavigation a.NavLinkOff:visited
{
	color: #666666;
	text-decoration: none;
}
#MainNavigation a.NavLinkOff:active
{
	color: #00AAA6;
	text-decoration: none;
	border-bottom: 2px solid #00AAA6;
}
#MainNavigation a.NavLinkOff:hover
{
	color: #00AAA6;
	text-decoration: none;
	border-bottom: 2px solid #00AAA6;
}
#MainNavigation table tr td.NavTableCellOn
{
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	height: 30px;
}
#MainNavigation table tr td.NavTableCellOff
{
	background-color: transparent;
	text-align: center;
	vertical-align: middle;
	height: 30px;
}
/* Main Navigation */

/* Collections Navigation */
#CollectionMenu
{}
#CollectionMenu div table.CollectionTable
{
	width: 100%;
}
#CollectionMenu div table.CollectionTable tr td
{
	text-align: left;
	color: #666666;
	padding: 3px;
	font-size: 13px;
}
#CollectionMenu div table.CollectionTable tr td.CollectionSelected
{
	font-weight: bold;
}
#CollectionMenu div table.CollectionTable tr td a:link,
#CollectionMenu div table.CollectionTable tr td a:visited
{
	color: #666666;
	text-decoration: none;
}
#CollectionMenu div table.CollectionTable tr td a:active,
#CollectionMenu div table.CollectionTable tr td a:hover
{
	color: #00AAA6;
	text-decoration: underline;
}
#Collection_19
{
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #00AAA6;
}
/* Modules */

/* Press Release Module */
.PageWrapper #ContentWrapper #MainContent p span.ReleaseDate
{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 4px;
}
p.MoreLink
{
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
	text-align: right;
}
p.RSSLink
{
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0px;
	text-align: right;
}
.PageWrapper div.PressReleaseLinks
{
	display: block;
	clear: both;
}
#PromoContainerWrapper #divHeading,
#PromoContentRight #divHeading
{
	border-bottom: 2px solid #666666;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
}
.PageWrapper div.ReleaseListFeatureHeading
{
	display: block:
	clear: both;
	border-bottom: 2px solid #666666;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
}
.PageWrapper div.ReleaseListFeatureHeading h1,
.PageWrapper div.ReleaseListFeatureHeading h1 a
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 0px;
	margin: 0px;
}
.PageWrapper div.ReleaseListFeatureImage
{
	display: block:
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}
.PageWrapper div.ReleaseListFeatureImage img
{
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.PageWrapper div.ReleaseListFeatureCopy
{
	text-align: justified;
}
/* Press Release Module */

/* Login Form */

/* Login Form */
#BrandingWrapper #LoginContent #LoginModule
{
	width: 170px;
	margin-top: 10px;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
}
#BrandingWrapper #LoginContent form,
#BrandingWrapper #LoginContent table
{
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	font-size: 10px;
}
#BrandingWrapper #LoginContent form table.LoginTable tr td.NavSideLabel
{
	color: #333333;
	font-size: 10px;
}
#BrandingWrapper #LoginContent form table.LoginTable tr td.NavSideLabel a
{
	font-size: 10px;
}
#BrandingWrapper #LoginContent form table.LoginTable tr td.NavSide input
{
	text-align: left;
	vertical-align: middle;
	border: 1px solid #999999;
	height: 19px;
	padding: 2px;
	margin: 0px;
	background-color: #CCCCCC;
}
#BrandingWrapper #LoginContent form table.LoginTable tr td.NavSideButton
{
	text-align: right;
}
#BrandingWrapper #LoginContent form table.LoginTable tr td.NavSideButton input.Button
{
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}
/* Login Form */

/* Tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Accordian Container */
.PageWrapper .ui-accordion-container 
{
	width: 95%;
	margin:  0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
.PageWrapper .ui-accordion-container div
{
	background-color: #FFFFFF;
}
.PageWrapper .ui-accordion-container p, .ui-accordion-container ul
{
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 10px;
}
.PageWrapper .ui-accordion-container a.AccordionHeading
{
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #CCCCCC;
	border-top: 1px solid #FFFFFF;
}
.PageWrapper .ui-accordion-container a.AccordionHeading:hover
{
	background-color: white;
}
.PageWrapper .ui-accordion-container a.AccordionHeading.selected
{
	color: black;
	background-color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
/* Accordian Container */

/* TRAVEL MODULE */
.DestinationsFrame
{
	border: 1px solid #CCCCCC;
}
#DestinationStatisticsHolder
{
	width: 120px;
	float: right;
	display: inline;
	background-color: #99CCFF;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
#DestinationStatisticsHolder #divHeading
{
	border-bottom: 0px solid #666666;
}
#DestinationStatisticsHolder #divHeading h1,
#DestinationStatisticsHolder #divHeading h2,
#DestinationStatisticsHolder h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin: 0px;
}
#DestinationStatisticsHolder h2
{
	padding-top: 4px;
}
#TrailMapHolder
{
	width: 600px;
	overflow: auto;
}
/* Travel Module */

/* SLIDE SHOW */
td.SlideShowNormalSize
{
	TEXT-ALIGN: right;
	VERTICAL-ALIGN: middle;
	BORDER: 1px solid #CCCCCC;
	PADDING: 3px;
}
td.SlideShowThumbnailImage
{
	TEXT-ALIGN: left;
}
td.SlideShowThumbnailSize
{
	BORDER: 1px solid #CCCCCC;
	PADDING: 1px;
}

img.SlideShowImage
{	
	MARGIN-BOTTOM: 4px;
}

/* SLIDE SHOW */

/* HIGH SLIDE */
.highslide {cursor: url(/js/highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide img {border: 2px solid #CCCCCC;}
.highslide:hover img {border: 2px solid silver;}
.highslide-image {border-bottom: 1px solid white;}
.highslide-image-blur {}
.highslide-caption {display: none;border-bottom: 1px solid white; font-family: Verdana, Helvetica; font-size: 13px; padding: 5px; background-color: silver;}
.highslide-loading {display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase;  text-decoration: none;	padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white;background-color: black;}
a.highslide-credits, a.highslide-credits i {padding: 2px; color: silver; text-decoration: none; font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white; background-color: gray;}
.highslide-move {cursor: move;}
.highslide-overlay {display: none;}

/* Controlbar example */
.controlbar {	
	margin-left: 60px;
	background: url(/js/highslide/graphics/controlbar2.gif);
	width: 210px;
	height: 32px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0 0 0 5px;
	height: 30px;
	width: 42px;
}

/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* HIGH SLIDE */

/* NEWS TOOL TIPS */
div.GeneralNewsToolTipHolder
{
	padding-bottom: 30px;
	background-image: url(/images/icons/icon_news_tooltip_callout.gif);
	background-repeat:  no-repeat;
	background-position: left bottom;
	z-index: 20000;
}
div.GeneralNewsToolTip
{
	width: 300px; 
	color:#333333;
	font:lighter 11px/1.3 Arial,sans-serif;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	border-left: 2px solid #D6D6D6;
	border-right: 2px solid #D6D6D6;
	border-top: 2px solid #D6D6D6;
	background-color: #FFFFFF;
	z-index: 21000;	
}
/* NEWS TOOL TIPS */

/* MESSAGE BOXES */
.PageWrapper div.MessageHolderSuccess
{
	WIDTH: 100%;
	HEIGHT: 50px;
	BORDER: 1px solid green;
	margin-top: 5px;
}
.PageWrapper div.MessageHolderFailure
{
	WIDTH: 100%;
	HEIGHT: 50px;
	BORDER: 1px solid red;
	margin-top: 5px;
}
.PageWrapper #idMessageHolder div.MessageImageSuccess
{
	WIDTH: 5%;
	HEIGHT: 40px;
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	background-image: url(/images/icons/icon_tick.gif);
	background-repeat:  no-repeat;
	background-position: 50% 50%;
	padding: 0px;
	margin: 0px;
	FLOAT: left;
}
.PageWrapper #idMessageHolder div.MessageImageFailure
{
	WIDTH: 5%;
	HEIGHT: 40px;
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	background-image: url(/images/icons/icon_cross.gif);
	background-repeat:  no-repeat;
	background-position: 50% 50%;
	padding: 0px;
	margin: 0px;
	FLOAT: left;
}
.PageWrapper #idMessageHolder #idMessageContent
{
	DISPLAY: inline;
	VERTICAL-ALIGN: middle;
	WIDTH: 95%;
	HEIGHT: 100%;
	FLOAT: right;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}
.PageWrapper #idMessageHolder #idMessageContent ul
{
	list-style-type: square;
}
/* MESSAGE BOXES */

/* LINKS MODULE */
/*---- LINKS TABLES----*/
.PageWrapper table.LinkTable
{
    BACKGROUND-COLOR: #CCCCCC;
    MARGIN-TOP: 8px;
    MARGIN-BOTTOM: 8px;
    BORDER-TOP: 2px solid #666666
}

.PageWrapper table thead.LinkTableHead
{}
.PageWrapper table thead th.LinkTableHeadLeft
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #F69C60;
    COLOR: #FFFFFF;
    TEXT-ALIGN: left;
}
.PageWrapper table thead th.LinkTableHeadRight
{
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #F69C60;
    COLOR: #FFFFFF;
    TEXT-ALIGN: left;
}
.PageWrapper table tr.LinkTable
{}
.PageWrapper table tr td.LinkTable
{
	BACKGROUND-COLOR: #FFFFFF;
	PADDING: 2px;
}
.PageWrapper table tr td.LinkTableCopyLeft
{
    BACKGROUND-COLOR: #FFFFFF;
}
.PageWrapper table tr td.LinkTableCopyRight
{
    BACKGROUND-COLOR: #FFFFFF;
}
/* LINKS MODULE */

/* PROFILE MODULE */
.PageWrapper table.ProfileHomeTable
{
	width: 620px;
}
.PageWrapper table.ProfileHomeTable tr td.ProfileHomeLeft
{
	width: 310px;
}
.PageWrapper table.ProfileHomeTable tr td.ProfileHomeRight
{
	width: 310px;
}
.PageWrapper #MyProfileHolder div.PhotoAlbumImageThumb
{
	padding: 2px;
	border: 1px solid #CCCCCC;
	width: 194px;
}
* html .PageWrapper #MyProfileHolder div.PhotoAlbumImageThumb
{
	width: 200px;
}
P.BlogFunctions
{
   PADDING: 0px;
   MARGIN: 0px;
}
#UserMessages P.BlogFunctions
{
   PADDING: 4px;
   MARGIN-TOP: 4px;
   MARGIN-BOTTOM: 4px;
}
#MyProfileHolder
{
    BORDER: 1px solid #CCCCCC;
    PADDING: 4px;
    WIDTH: 100%;
    MARGIN-BOTTOM: 4px;
}
#MyProfilePromoHolder
{
    BORDER: 1px solid #CCCCCC;
    PADDING: 4px;
    WIDTH: 100%;
    MARGIN-BOTTOM: 4px;
}
#MyProfileHolder P, #MyMessagesHolder P, #MyUserNetworkHolder P, #MyCommunityNetworkHolder P,
#MyListingsHolder P
{
	MARGIN: 0px;
}
#MyProfile
{

}
#MyMessagesHolder
{
   BORDER: 1px solid #CCCCCC;
   PADDING: 4px;
   WIDTH: 100%;
   MARGIN-BOTTOM: 4px;
}
#MyMessages
{

}
#MyUserNetworkHolder
{
   BORDER: 1px solid #CCCCCC;
   PADDING: 4px;
   WIDTH: 100%;
   MARGIN-BOTTOM: 4px;
}
#MyUserNetwork
{
   HEIGHT: 200px;
   overflow: auto;
}
#MyCommunityNetworkHolder
{
   BORDER: 1px solid #CCCCCC;
   PADDING: 4px;
   WIDTH: 100%;
   MARGIN-BOTTOM: 4px;
}
#MyCommunityNetwork
{
   HEIGHT: 200px;
   overflow: auto;
}

#MyListingsHolder
{
   BORDER: 1px solid #CCCCCC;
   PADDING: 4px;
   WIDTH: 100%;
   MARGIN-BOTTOM: 4px;
}
#MyListings
{
	height: 400px;
	overflow: auto;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #F3F3F3;
	scrollbar-arrow-color: #666666;
	scrollbar-base-color: #FFFFFF;
	background-color: transparent;
}
span.MessageBoxSelected
{
    BORDER: 1px solid #DC252A;
    PADDING: 4px;
    FONT-WEIGHT: bold;
}
.PageWrapper table.MessageSummary
{
    PADDING: 0px;
    MARGIN: 0px;
}
.PageWrapper table.MessageSummary tr td.MessageSummaryCopyLeft
{
    TEXT-ALIGN: left;
}
.PageWrapper table.MessageSummary tr td.MessageSummaryCopyLeftBold
{
    TEXT-ALIGN: left;
    FONT-WEIGHT: bold;
}
.PageWrapper table.MessageSummary tr td.MessageSummaryCopyRight
{
    TEXT-ALIGN: right;
}
.PageWrapper table.MessageSummary tr td.MessageSummaryCopyRightBold
{
    TEXT-ALIGN: right;
    FONT-WEIGHT: bold;
}
.PageWrapper table.MessageSummary tr td.MessageSummaryCopyCenter
{
    TEXT-ALIGN: center;
}
.PageWrapper table.MessageSummary tr td.MessageSummaryCopyCenterBold
{
    TEXT-ALIGN: center;
    FONT-WEIGHT: bold;
}
#MyFavouritesHolder
{
   BORDER: 1px solid #CCCCCC;
   PADDING: 4px;
   WIDTH: 100%;
   MARGIN-BOTTOM: 4px;
}
#MyFavourites
{

}
#MyWeatherHolder
{
   BORDER: 1px solid #CCCCCC;
   PADDING: 4px;
   WIDTH: 100%;
   MARGIN-BOTTOM: 4px;
}
#MyWeather
{

}
#MyPhotosHolder
{
   BORDER: 1px solid #CCCCCC;
   PADDING: 4px;
   WIDTH: 100%;
   MARGIN-BOTTOM: 4px;
}
#MyPhotos
{

}
/* PROFILE MODULE */

/* Calendar MODULE */
.PageWrapper table.CalendarTable
{
}
.PageWrapper table thead.CalendarTable
{
    BACKGROUND-COLOR: #00AAA6;
}
.PageWrapper table thead th.CalendarTable
{
    BACKGROUND-COLOR: #00AAA6;
    COLOR: #FFFFFF;
    TEXT-ALIGN: center;
}
.PageWrapper table tr td.CalendarTableCopyLeft
{
}
.PageWrapper table tr td.CalendarTableCopyCenter,
.PageWrapper table tr td.CalendarTableCopyCenterRight,
.PageWrapper table tr td.CalendarTableCopyRight
{
	BORDER: 1px solid #CCCCCC;
}
/* Calendar MODULE */

/* SCROLLABLE SLIDE SHOW MODULE */
ul#ScrollableSlideShowThumbs 
, div.ScrollableSlideShowNavigation
{
	text-align:center;
}
div.ScrollableSlideShowNavigation img
{
	vertical-align:middle;
}
#ScrollableSlideShowMainImg
{
	width: 200px;
	height: 200px;
	display: none;
}
#ScrollableSlideShowMainImg img
{
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	background-color: transparent;	
}
#ScrollableSlideShowThumbs img
{
	border: 1px solid #CCCCCC;
}
/*	scrollor styles */
.ScrollableSlideShowHolder 
{
	width: 700px;
	height: 690px;
	margin: 0px;
	margin-top: 500px;
	padding: 0px;
	position: absolute;
}
.ScrollableSlideShowHolder 
{
	margin-top: 510px;
}
.ScrollableSlideShowHolder .ScrollableSlideShowButtonLeft
{
	width: 26px;
	height:70px;
	float:left;
	padding: 4px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	padding-top: 30px;
}
* html .ScrollableSlideShowHolder .ScrollableSlideShowButtonLeft
{
	width: 34px;
	height:100px;
}
.ScrollableSlideShowHolder .ScrollableSlideShowButtonRight
{
	width: 26px;
	height:70px;
	float:right;
	padding: 4px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;	
	padding-top: 30px;
}
* html .ScrollableSlideShowHolder .ScrollableSlideShowButtonRight
{
	width: 34px;
	height:100px;
}
.ScrollableSlideShowHolder .ScrollableSlideShowButtonRight a img
{
	padding: 0px;
	margin: 0px;
}
.ScrollableSlideShowHolder .ScrollableSlideShowButtonRight a,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonRight a:link,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonRight a:visited,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonRight a:active,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonRight a:hover,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonLeft a,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonLeft a:link,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonLeft a:visited,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonLeft a:active,
.ScrollableSlideShowHolder .ScrollableSlideShowButtonLeft a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
.ScrollableSlideShowHolder .ScrollableSlideShowInner
{
	width:624px;
	height:120px;
	float:left;
	padding-left:1px;
	padding-right: 1px;
	margin: 0px;
}
* html .ScrollableSlideShowHolder .ScrollableSlideShowInner
{
	width:626px;
}
.ScrollableSlideShowHolder .ScrollableSlideShowInner div
{
	width:100%;
	height:120px;
	overflow:hidden;	
}
.ScrollableSlideShowHolder .ScrollableSlideShowInner ul.ScrollableSlideShowThumbs
{
	height:120px;
	width:30000px;
	float:none;
	border:none;
	padding-top:0;
	padding-bottom:0;
}
.ScrollableSlideShowHolder .ScrollableSlideShowInner ul.ScrollableSlideShowThumbs li
{
	padding: 12px 0 0 0;
	width:120px;
	height:120px;
	margin: 0px;
	padding: 0px;
	float:left;
	list-style:none;
	margin-left: 10px;
	margin-right: 10px;
}
* html .ScrollableSlideShowHolder .ScrollableSlideShowInner ul.ScrollableSlideShowThumbs li
{
	width:140px;
}
.ScrollableSlideShowHolder  .ScrollableSlideShowInner ul.ScrollableSlideShowThumbs li img
{
	width:100px;
	height:100px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
* html .ScrollableSlideShowHolder .ScrollableSlideShowInner ul
{
	width: 100%;
}
.ScrollableSlideShowHolder .ScrollableSlideShowThumbs
{
	float:left;
	margin-bottom:15px;
	padding-left:1px;
	border:0px solid #CCCCCC;
}
.ScrollableSlideShowHolder .ScrollableSlideShowThumbs li a
{
	color:#000;
	height:auto;
	padding-right:0;
	background:none;
}
.ScrollableSlideShowNavigation
{
	margin:auto;
}
.selectedThumb
{
	padding: 0px;
	width: 120px;
}
.selectedThumb img
{
	padding-top: 0px;
	width:100px;
	height:100px;
	border: 1px solid #999999;
}
.ScrollableSlideShowHolder .selectedThumb img
{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 1px solid #999999;
}
#ScrollableSlideShowHolder ul
{
	margin:0;
	padding-left:20px;
}
#ScrollableSlideShowHolder ul li
{
	padding-bottom: 5px;
}
#ScrollableSlideShowHolder .MoreShopDetails,
#ScrollableSlideShowHolder .MoreShopDetails a
{
	backgound-color: #FFFFFF;
	color: #00AAA6;
	padding: 0px;
}
/* SCROLLABLE SLIDE SHOW MODULE */

/*---- SHOP TABLES----*/
h2.ProductName
{
    color: #00AAA6;
    FONT-WEIGHT: normal;
    font-size: 22px;
}
h4.Shop
{
    color: #00AAA6;
    FONT-WEIGHT: bold;
    font-size: 12px;
}
h5.Shop
{
    color: #00AAA6;
    FONT-WEIGHT: bold;
    font-size: 12px;
}
h5.ShopPrice
{
    color: #00AAA6;
    FONT-WEIGHT: bold;
    font-size: 13px;
}
h5.ShopPrice small
{
    color: #00AAA6;
    font-size: 12px;
}
table.ShopTable
{
    MARGIN-TOP: 8px;
    MARGIN-BOTTOM: 8px;
}
table.ShopTable thead.ShopTableTitle
{
}
table.ShopTable thead th.ShopTableTitle
{
}
table.ShopTable tr td.ShopTableTitle
{
}
table.ShopTable thead th.ShopTableTitleLeft
{
}
table.ShopTable thead th.ShopTableTitleRight
{
}
table.ShopTable tr td
{
    PADDING: 2px;
}
table.ShopTable tr td.ShopTableTop
{
}
table.ShopTable tr td.ShopTableDetailedDescription
{
}
table.ShopTable tr td.ShopTableBottom
{
}
table.ShopTable tr td.ShopTableLeft
{
    text-align: center;
    width: 350px;
}
table.ShopTable tr td.ShopTableLeft small
{
	font-size: 12px;
}
table.ShopTable tr td.ShopTableLeft p, table.ShopTable tr td.ShopTableLeft form
{
    padding: 4px;
}
table.ShopTable tr td.ShopTableRight
{
}
/* Images Summary Table */
table.ShopSummaryTableHolder
{
	MARGIN-LEFT: -2.5px;
}
table.ShopSummaryTableItem td
{
	border: 0px;
	color: #00AAA6;
}
table.ShopSummaryTableHolder tr td.ShopSummaryImage
{
	height: 140px;
}
table.ShopSummaryTableItem
{
    border: 0px;
    height: 100%;
}
table.ShopSummaryTableHolder
{
	MARGIN-LEFT: -2.5px;
	border-collapse: separate;
	border-spacing: 15pt;
	color: #00AAA6;
}
.ShopSummaryTableHolder td
{
}
table.ShopSummaryTableHolder
{
	MARGIN-LEFT: -2.5px;
}
table.ShopSummaryTableLinks
{
}
table.ShopSummaryTableHolder tr td.ShopSummaryTableItemHolder
{
	padding-bottom: 20px;
}
input.ShopTeaserButton
{
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	background-color: #CCCCCC;
	color: #333333;
	font-size: 10px;
	padding: 0px;
	width: 76px;
	height: 20px;
	border-width: 0px;
	cursor: pointer;
}
table.ShopSummaryTableItem tr td span.BrandName,
span.BrandName
{
	color: #656565;
}
.Blink
{
    TEXT-DECORATION: blink;
    FONT-WEIGHT: bold;
    COLOR: red;	
}
table tr td.ShopTableDetailsImages
{
   BORDER: 1px solid #CCCCCC;
   PADDING: 8px;
}
table.ShopTableImageSwapper
{
	BORDER-TOP: 1px solid #CCCCCC;
	display: none;
}
table tr td.ShopTableImageSwapperLabel
{
   BORDER-LEFT: 1px solid #CCCCCC;
   BORDER-RIGHT: 1px solid #CCCCCC;
   BORDER-BOTTOM: 1px solid #CCCCCC;
   PADDING: 8px;
}
/*----SHOP  TABLES----*/

/*----CUSTOM BUTTON----*/
.PageWrapper table.ShopTable tr td.ShopTableRight input#idAddToCart
{
	background-image: url(/images/db/man/3164.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 101px;
	height: 39px;
	color: #00AAA6;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper table.ShopTable tr td.ShopTableRight input#idEmailAFriend
{
	background-image: url(/images/db/man/3165.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 101px;
	height: 39px;
	color: #00AAA6;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper input#btnContinueShopping
{
	background-image: url(/images/db/man/3167.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 125px;
	height: 39px;
	color: #CECFD0;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper input#btnEmptyCart
{
	background-image: url(/images/db/man/3168.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 123px;
	height: 39px;
	color: #CECFD0;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper input#btnUpdateCart
{
	background-image: url(/images/db/man/3169.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 123px;
	height: 39px;
	color: #CECFD0;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper input#btnCheckout
{
	background-image: url(/images/db/man/3170.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 138px;
	height: 39px;
	color: #CECFD0;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper input#btnConfirmPurchases
{
	background-image: url(/images/db/man/3171.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 123px;
	height: 39px;
	color: #CECFD0;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper input#btnLoginConfirmPurchases
{
	background-image: url(/images/db/man/3172.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 123px;
	height: 39px;
	color: #CECFD0;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper input#btnLogin
{
	background-image: url(/images/db/man/3166.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 101px;
	height: 39px;
	color: #CECFD0;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
.PageWrapper input#btnRegister
{
}
div.EmailAFriend input.Button
{
	background-image: url(/images/db/man/3165.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 103px;
	height: 39px;
	color: #00AAA6;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
input.CloseWindow
{
	background-image: url(/images/db/man/3173.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 123px;
	height: 39px;
	color: #00AAA6;
	font-size: 0px;
	border: 0px solid #999999;
	background-color: transparent;
	cursor:pointer;
}
/*----CUSTOM BUTTON----*/

/* Flex box Autocomplete */
#SimulatedUserForm
{
	width: 300px;
}
#SimulatedUserForm #SimulatedUser
{
	float:left;
}
#SimulatedUserForm #SimulatedUserButton
{
	float:left;
	height: 40px;
	padding-top: 5px;
}
/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
	float:left;
	color:#000; /* must specify along with watermark color */
	height: 22px;
	vertical-align: middle;
}
/* Color of watermark, if present */
.ffb-input.watermark { /* added and removed dynamically */
	color:#888; /* must specify along with input color */
}
/* Drop-down arrow, with sprited image */
.ffb-arrow {
	float:left;
	width:18px;
	height:22px;
	background-image:url(/images/icons/selectbox_arrows.gif);
}
.ffb-arrow.out { /* css sprite technique */
	background-position:0;
}
.ffb-arrow.over { /* css sprite technique */
	background-position:-18px 0;
}
.ffb-arrow.active { /* css sprite technique */
	background-position:-36px 0;
}
.ffb-no-results 
{
	padding: 2px;
	color:#888;
	font-style:italic;
}
/* Container for dropdown contents */
.ffb {
	position:absolute; /* this guy's parent div is hard-coded to position:relative */
	overflow:hidden;
	border-left:1px solid #7B9EBD;
	border-right:1px solid #7B9EBD;
	border-bottom:1px solid #7B9EBD;
	background-color:#fff; /* Give it a background-color, so it's not transparent */
}
/* Inner div for dropdown */
.ffb .content {
	overflow:auto;
}
.ffb .content .row {
	border-bottom:1px solid #7B9EBD;
	color:#555;
	height:20px;
	clear:both;
}
.ffb-sel {
	cursor:pointer;
	cursor:hand;
	background-color:#ddd;
}
.ffb-match {
	background-color:#ff9; /* light yellow */
	text-decoration:underline;
	color:#000;
}

/* Paging */
.ffb .paging {
	margin:2px;
	vertical-align:middle;
}
.ffb .page, .ffb a.page {
	font-size:85%;
	padding:2px;
	border:solid 1px #339;
	background-color:#eef;
	margin:2px;
	float:left;
}
.ffb .box {
	width:18px;
	margin:2px;
	float:left;
}
.ffb .summary {
	font-size:85%;
	float:right;
}

/* Unique IDs */
#ffb8 .row .col1 {
	float:left;
	width:132px;
}
#ffb8 .row .col2 {
	float:left;
	width:232px;
}
/* Flex box Autocomplete */