﻿/* styles for all sections of sfa site */
/* text styles must be copied to sfa_fckeditor.css and a copy of the file 
must be placed in \CFIDE\scripts\ajax\FCKeditor\editor\css */

body { font-family: Verdana, "Arial Unicode MS", "Trebuchet MS"; margin: 0px; padding: 0px; background-color: #ffffff; height: 100%; color: #3b3b3d; }

/* divs */
#wrapper { padding-top: 5px; padding-bottom: 10px; margin-bottom: 10px; width: 100%; }

#divTopBar { background-color: #dbdbdb; width: 100%; height: 17px; padding-top: 3px; padding-bottom: 3px; margin-bottom: 5px; }
#divTopBarContent { height: 14px; }
#divTopBarLeft { float: left; width: 450px; padding-left: 21px; height: 14px; padding-top: 3px; padding-bottom: 0px; }
#divTopBarRight { float: right; width: 450px; padding-right: 21px; text-align: right; height: 14px; }

#divHeader { width: 100%; float: left; margin-bottom: 1em; }
#divHeaderContent { width: 984px; margin-top: 2px; }
/*  DEV #divHeaderBackground { float: left; width: 944px; height: 101px; border: 1px solid #dbdbdb; background-image: url('/ws1-4new/extensions/res/images/layout/flagBackground.jpg'); background-repeat: no-repeat; } */
/*#divHeaderBackground { float: left; width: 944px; height: 101px; border: 1px solid #dbdbdb; background-image:  url(../images/flagBackground.jpg); background-repeat: no-repeat; }*/
#divHeaderBackground { float: left; width: 984px; height: 129px; border: 1px solid #dbdbdb; background-image:  url(../images/ssc-single-sale-header.jpg); background-repeat: no-repeat; }
/*  DEV #divBadge { float: left; width: 83px; height: 101px; background-image: url('/ws1-4new/extensions/res/images/layout/sfaBadge.jpg');  background-repeat: no-repeat; cursor: pointer; } */
#divBadge { float: left; width: 83px; height: 101px; background-image:  url(../images/sfaBadge.jpg);  background-repeat: no-repeat; cursor: pointer; }
#divHeaderRight { float: right; width: 861px; height: 106px; min-height: 106px;}
/*  DEV #divMenuBar { padding-top: 3px; float: right; width: 861px; height: 20px; vertical-align: middle; text-align: right; background-image: url('/ws1-4new/extensions/res/images/layout/menuBackground.jpg'); background-position:right; } */
#divMenuBar { padding-top: 3px; float: right; width: 861px; height: 20px; vertical-align: middle; text-align: right; background-image:  url(../images/menuBackground.jpg); background-position:right; }
#tagLine { height: 55px; width: 700px; text-align: right; }
#searchForm { width: 700px; text-align: right; }

#divMain { width: 100%; float: left; }
#divMainContent { width: 944px; margin-top: 2px; }

/* banners */
#divBannersHome { float: left; width: 195px; text-align: left; padding-right: 3px; }
#divBanners { width: 100%; float: left; padding-top: 5px; }
#divBannerContent { width: 940px; border-top: 2px solid #184D9C; padding-top: 6px; }
.homeBanner { width: 190px; height: 135px; padding-bottom: 8px; padding-top: 7px; }
.homeBannerBottom { width: 190px; height: 135px; }
.banner { width: 190px; height: 100px; padding-right: 20px; margin-right: 20px; }
.bannerRight { width: 190px; height: 100px; }
.custombanner { padding-right: 20px; margin-right: 20px; }
.custombannerRight { }

#divFooter { clear: both; width: 980px; margin: 1em auto 0 auto; }
#divFooterContent { width: 980px; margin-top: 4px; border-top: 4px solid #184D9C; padding: 2px; }


/* home areas */
/* DEV #divHomeTopFeature { float: left; width: 944px; height: 240px; text-align: left; background-color: #000000; background-image: url('/ws1-4new/extensions/res/images/layout/lionBlack.jpg'); background-repeat: no-repeat; background-position: bottom left; } */
#divHomeTopFeature { float: left; width: 944px; height: 240px; text-align: left; background-color: #000000; background-image:  url(../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1IMLGAGT/%27/resources/images/layout/lionBlack.jpg%27); background-repeat: no-repeat; background-position: bottom left; }
#divHomeTopFeatureTextArea { float: left; width: 455px; text-align: left; padding: 15px; padding-top: 10px; }
#divHomeTopFeatureImageArea { float: right; width: 454px; height: 240px; text-align: right; }
#divImageCaptionHome { margin: 0px; height: 38px; padding-left: 4px; padding-right: 4px; padding-top: 1px; float: left; width: 312px; text-align:left; background-color: #dbdbdb; font-weight: bold; color: #6e0023; }

/* section areas */
#divMenu { float: left; width: 183px; text-align: left; border: 1px solid #dbdbdb; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; }
#divContentAreaHome { float: left; width: 984px; text-align: left; }
#divContentAreaPrint { float: left; width: 600px; text-align: left; padding-left: 6px; }
#divContentArea { width: 984px; text-align: left; padding-top: 1em; margin: 1em auto 0 auto;}
/* DEV #divTopFeature { float: left; width: 746px; height: 240px; text-align:left; background-color: #000000; background-image: url('/ws1-4new/extensions/res/images/layout/lionBlack.jpg'); background-repeat: no-repeat; background-position: bottom left; } */
#divTopFeature { float: left; width: 746px; height: 240px; text-align:left; background-color: #000000; background-image:  url(../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1IMLGAGT/%27/resources/images/layout/lionBlack.jpg%27); background-repeat: no-repeat; background-position: bottom left; }
#divBottomLeft { float: left; width: 320px; text-align: left; padding-top: 7px; }
#divBottomMiddle { float: left; width: 210px; text-align: left; padding-top: 7px; padding-left: 7px; }
#divBottomRight { float: left; width: 193px; text-align: left; padding-top: 7px; padding-left: 7px; }
/* DEV #divBottomMiddleTextArea { float: left; padding: 8px; padding-top: 8px; padding-bottom: 4px; width: 194px; height: 142px; text-align: left; background-image: url('/ws1-4new/extensions/res/images/layout/lionBlue.jpg'); background-repeat: no-repeat; background-position: bottom left; } */
#divBottomMiddleTextArea { float: left; padding: 8px; padding-top: 8px; padding-bottom: 4px; width: 194px; height: 142px; text-align: left; background-image:  url(../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1IMLGAGT/%27/resources/images/layout/lionBlue.jpg%27); background-repeat: no-repeat; background-position: bottom left; }
#divTopFeatureTextArea { float: left; width: 396px; text-align:left; padding: 12px; padding-top: 10px; }
#divTopFeatureImageArea { float: right; width: 320px; height: 240px; text-align:left; }

/* DEV #divPriorityHeading { background-image: url('/ws1-4new/extensions/res/images/layout/sfaBadgeCrop.jpg'); background-repeat: no-repeat; background-position: right; float: left; width: 190px; height: 76px; margin-bottom: 7px; text-align: left; border: 1px solid #dbdbdb; padding: 5px; } */
#divPriorityHeading { background-image:  url(../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1IMLGAGT/%27/resources/images/layout/sfaBadgeCrop.jpg%27); background-repeat: no-repeat; background-position: right; float: left; width: 190px; height: 76px; margin-bottom: 7px; text-align: left; border: 1px solid #dbdbdb; padding: 5px; }
/* DEV #divPriorityHeadingBottom { background-image: url('/ws1-4new/extensions/res/images/layout/sfaBadgeCrop.jpg'); background-repeat: no-repeat; background-position: right; float: left; width: 190px; height: 76px; text-align: left; border: 1px solid #dbdbdb; padding: 5px; } */
#divPriorityHeadingBottom { background-image:  url(../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1IMLGAGT/%27/resources/images/layout/sfaBadgeCrop.jpg%27); background-repeat: no-repeat; background-position: right; float: left; width: 190px; height: 76px; text-align: left; border: 1px solid #dbdbdb; padding: 5px; }
/* DEV #divPriorityHeadingPage { background-image: url('/ws1-4new/extensions/res/images/layout/sfaBadgeCrop.jpg'); background-repeat: no-repeat; background-position: right; float: left; width: 308px; height: 76px; margin-top: 8px; text-align: left; border: 1px solid #dbdbdb; padding: 5px; } */
#divPriorityHeadingPage { background-image:  url(../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1IMLGAGT/%27/resources/images/layout/sfaBadgeCrop.jpg%27); background-repeat: no-repeat; background-position: right; float: left; width: 308px; height: 76px; margin-top: 8px; text-align: left; border: 1px solid #dbdbdb; padding: 5px; }
#divPriorityHeadingText { width: 148px; }
#divPriorityHeadingTextPage { width: 260px; }

/* page areas */
#divBreadcrumbArea { padding-bottom: 10px; float: left; width: 415px; text-align: left; }
#divContentTextArea { float: left; width: 416px; text-align: left; padding-bottom: 10px; padding-right: 10px; min-height: 540px; overflow: visible; }
#divContentImageArea { float: right; width: 320px; text-align: left; overflow: hidden; }
#divImageCaption { margin: 0px; padding: 4px; float: left; width: 312px; text-align:left; background-color: #dbdbdb; font-weight: bold; color: #6e0023; }
#divBreadcrumbAreaLarge { padding-bottom: 10px; width: 739px; text-align: left;  }
#divContentTextAreaLarge { float: left; width: 746px; text-align: left; padding-bottom: 10px; overflow: visible; min-height: 540px; }

#divRelatedItemTitle { border-top: 1px solid #184D9C; border-bottom: 1px solid #184D9C; padding-top: 6px; padding-bottom: 6px; padding-left: 3px; margin-top: 28px; font-weight: bold; color: #184D9C; }
#divRelatedItem { _height: 48px; min-height: 48px; border-bottom: 1px solid #dbdbdb; padding-top: 6px; padding-bottom: 6px; padding-left: 3px; padding-right: 3px; font-weight: normal; color: #3b3b3d; }

#divListItem { min-height: 50px; width: 380px; border-bottom: 1px solid #dbdbdb; padding-top: 6px; padding-bottom: 6px; padding-left: 3px; padding-right: 3px; font-weight: normal; color: #3b3b3d; }
#divListItemLarge { min-height: 50px; width: 732px; border-bottom: 1px solid #dbdbdb; padding-top: 6px; padding-bottom: 6px; padding-left: 3px; padding-right: 3px; font-weight: normal; color: #3b3b3d; }

#divPollResult { float: left; width: 50px; height: 18px; text-align: left; border: 1px solid #dbdbdb; background-color: #ffffff; }

/* text */
H1 { color: #184D9C; font-weight: bold; margin: 1px; padding: 0px; }
H2 { color: #184D9C; font-weight: bold; margin: 1px; padding: 0px; }
H3 { color: #0F3D95; font-weight: bold; margin: 1px; padding: 0px; }
H4 { color: #2C59AA; font-weight: bold; margin: 1px; padding: 0px; }
H5 { color: #000000; font-weight: bold; margin: 1px; padding: 0px; }
H6 { color: #000000; font-weight: bold; margin: 1px; padding: 0px; }
P { color: #3b3b3d; margin: 1px; padding: 0px; }
TH { color: #3b3b3d; font-weight: bold; margin: 1px; padding: 0px; }
TD { color: #3b3b3d; margin: 1px; padding: 0px; }
HR { color: #184D9C; font-weight: bold; margin: 1px; padding: 0px; }
.tagLine { color: #2576b2; }
.topBar { color: #3b3b3d; }
.menuBar { color: #dbdbdb; }
.menuBarDisabled { padding-top: 7px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px; color: #9cb2ec; font-weight: bold; text-decoration: none; }
.footer { color: #3b3b3d; }
.imageCaption { color: #3b3b3d; font-weight: normal; }
.white { color: #ffffff; }
.blue { color: #6b92ff; }
.p { font-weight: normal; }
.pbold { font-weight: bold; }
.small { font-size: 10px; }
.smaller { font-size: 9px; }
.errMsg { color: #990000; }
TABLE.content { background-color: #dcdcdd; }
TH.content { background-color: #184D9C; color: #ffffff; padding: 4px; font-weight: bold; }
TR.content1, DIV.content1 { background-color: #f7f8ff; }
TR.content2, DIV.content2 { background-color: #ffffff; }
TR.content1H, DIV.content1H { background-color: #eef2ff; padding: 4px; cursor: pointer; }
TR.content2H, DIV.content2H { background-color: #eef2ff; padding: 4px; cursor: pointer; }
TD.content { padding: 4px; }
TD.content1 { background-color: #f7f8ff; padding: 4px; }
TD.content2 { background-color: #ffffff; padding: 4px; }

/* links */
A { color: #184D9C; font-weight: bold; }
A:hover { color: #3b3b3d; text-decoration: none; }
A.topBar { color: #3b3b3d; font-weight: normal; }
A:hover.topBar { color: #000000; text-decoration: none; }
A.menuBar { padding-top: 7px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px; color: #ffffff; font-weight: bold; text-decoration: none; }
A:hover.menuBar { padding-top: 7px; padding-bottom: 7px; padding-left: 5px;  padding-right: 5px; color: #ffffff; }
A.menuBarDisabled { padding-top: 7px; padding-bottom: 7px; padding-left: 5px; padding-right: 5px; color: #e7eBF7; font-weight: bold; text-decoration: none; }
A:hover.menuBarDisabled { padding-top: 7px; padding-bottom: 7px; padding-left: 5px;  padding-right: 5px; color: #e7eBF7; }
A.sectionMenu ,A.sectionMenuOn { color: #184D9C; font-weight: bold; float: left; width: 174px; border-bottom: 1px solid #dbdbdb; padding-top: 7px; padding-left: 5px; padding-bottom: 7px; text-decoration: none; }
A.sectionMenu:Hover ,A.sectionMenuOn:Hover { color: #184D9C; font-weight: bold; background-color: #dbdbdb; float: left; width: 174px; border-bottom: 1px solid #dbdbdb; padding-top: 7px; padding-left: 5px; padding-bottom: 7px; }
A.sectionMenuTitle ,A.sectionMenuTitleOn { color: #ffffff; background-color: #184D9C; font-weight: bold; float: left; width: 174px; border-bottom: 1px solid #dbdbdb; padding-top: 7px; padding-left: 5px; padding-bottom: 7px; text-decoration: none; }
A.sectionMenuTitle:Hover, A.sectionMenuTitleOn:Hover { color: #184D9C; font-weight: bold; background-color: #dbdbdb; float: left; width: 174px; border-bottom: 1px solid #dbdbdb; padding-top: 7px; padding-left: 5px; padding-bottom: 7px; }
A.pageMenu, A.pageMenuOn { color: #184D9C; font-weight: bold; float: left; width: 158px; border-bottom: 1px solid #dbdbdb; padding-top: 7px; padding-left: 5px; padding-bottom: 7px; margin-left: 15px; text-decoration: none; }
A.pageMenu:Hover, A.pageMenuOn:Hover { color: #184D9C; font-weight: bold; background-color: #dbdbdb; float: left; width: 158px; border-bottom: 1px solid #dbdbdb; padding-top: 7px; padding-left: 5px; padding-bottom: 7px; margin-left: 15px; }
A.pageSubMenu, A.pageSubMenuOn { color: #184D9C; font-weight: bold; float: left; width: 146px; border-bottom: 1px solid #dbdbdb; padding-top: 7px; padding-left: 5px; padding-bottom: 7px; margin-left: 30px; text-decoration: none; }
A.pageSubMenu:Hover, A.pageSubMenuOn:Hover { color: #184D9C; font-weight: bold; background-color: #dbdbdb; float: left; width: 146px; border-bottom: 1px solid #dbdbdb; padding-top: 7px; padding-left: 5px; padding-bottom: 7px; margin-left: 30px; }

/* forms */
form { margin: 0px; padding: 0px; }
.searchField { width: 130px; border: 1px solid #aeaeae; color: #757575; background-color: #ffffff; padding-left: 2px; height: 16px; margin-right: 5px; }
.searchButton { border: 1px solid #aeaeae; color: #757575; background-color: #ffffff; padding: 1px; height: 20px; cursor: pointer; }
.formSubmit { border: 1px solid #dbdbdb; color: #ffffff; background-color: #184D9C; font-weight: bold; padding: 5px; cursor: pointer; }
.formSubmitOn { border: 1px solid #184D9C; color: #184D9C; background-color: #ffffff; font-weight: bold; padding: 5px; cursor: pointer; }
.formSubmitGrey { border: 1px solid #b6c6df; color: #bccce2; background-color: #eceff6; font-weight: bold; padding: 5px; cursor: pointer; }
.formItem { width: 250px; border: 1px inset #184D9C; color: #000000; background-color: #ffffff; padding-left: 2px; height: 18px; cursor: pointer; }
.formTextarea { width: 250px; border: 1px inset #184D9C; color: #000000; background-color: #ffffff; padding-left: 2px; cursor: pointer; }
.formItemNoBorder { width: 250px; border: 0px; color: #000000; padding-left: 2px; height: 18px; cursor: pointer; }
.formItemSmall { border: 1px inset #184D9C; color: #000000; background-color: #ffffff; padding-left: 2px; height: 18px; cursor: pointer; }
.formItemAny { border: 1px inset #184D9C; color: #000000; background-color: #ffffff; padding-left: 2px; cursor: pointer; }
.formItemAnyNoBorder { border: 0px; color: #000000; padding-left: 2px; height: 18px; cursor: pointer; }
.pollButton { font-size: 10px; border: 1px solid #aeaeae; color: #757575; background-color: #ffffff; padding-bottom: 3px; height: 15px; cursor: pointer; }
.formItemInactive { color: #999999; background-color: #eeeeee; cursor: default; }

/* context menu styles */
.contextMenu { width:150px; border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #2175b5; border-bottom: 1px solid #2175b5; background-color:#184D9C; }
.contextMenuTd { font-size: 10px; font-weight: bold; padding: 4px; color: #ffffff; background-color:#184D9C; border: 1px solid #DBD9FF; cursor:pointer; }
.contextMenuTdHover { font-size: 10px; font-weight: bold; padding: 4px; color: #ffffff; background-color:#2175b5; border: 1px solid #DBD9FF; cursor:pointer; }
.hidden { display: none; }

/* calendar styles */
.calBG { background-color:#dcdcdd; }
.cellContent { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color:#ffffff; }
.calDays { background-color:#ffffff; color:#2e375e; font-family:Arial; font-size:15px; border: 1px solid #2e375e; border-top: 2px solid #2e375e; }
.divDayHidden { font-size: 12px; z-index: 2; visibility:hidden; position: absolute; background-color:#ffffff; border: 1px solid #2e375e; padding: 3px; width: 150px; }
.grey { color:#888888; background-color:#eeeeee; border: 1px solid #FFFFFF;}
.greyH { color:#888888; background-color:#eeeeee; border: 1px solid #FFFFFF; }
A.grey { color:#888888; font-weight:normal; text-decoration:none; }
.today { border: 1px solid #732839; background-color:#ffffff; cursor: pointer; }
.todayH { border: 1px solid #2e375e; background-color:#ffffff; cursor: pointer; }
.aday { border: 1px solid #ffffff; background-color:#ffffff; cursor: pointer; }
.adayH { border: 1px solid #2e375e; background-color:#ffffff; cursor: pointer; }
.adayOn { border: 1px solid #ffffff; cursor: pointer; background-color:#184D9C; }
.adayOnH { border: 1px solid #2e375e; cursor: pointer; background-color:#184D9C; }
.todayOn { border: 1px solid #732839; cursor: pointer; background-color:#a8b3e5; }
.todayOnH { border: 1px solid #2e375e; cursor: pointer; background-color:#a8b3e5; }
A.calLink { font-weight:bold; color:#2e375e; text-decoration:none; font-size:13px; }
A.calLink:Hover { font-weight:bold; color:#184D9C; text-decoration:none; font-size:13px; }
A.calLinkSmallOn,.calLinkSmallOn { font-weight:bold; color: #ffffff; text-decoration:none; font-size:11px; }
A.navArrows { color:#ffffff; text-decoration:none; font-size: 18px; margin-top: -4px; margin-bottom: 2px; line-height:6px; }
A.navArrowsSmall { text-decoration:none; font-size: 14px; margin-bottom: 2px; line-height:6px; }
A.calLinkSmall,.calLinkSmall { font-weight: normal; text-decoration: none; font-size:11px; }
.dateRowSmall { height: 27px; font-size: 16px; font-weight: normal; margin-bottom: 4px; }
.dayRowSmall { height: 26px; font-weight: normal; font-size: 9px; }

/* dialog box styles */
#alertBox { float: left; width: 344px; visibility: hidden; position: absolute; top:0px; left:0px; z-index:100000; border:1px solid #5858AD; }
#alertBoxContent { float: left; width: 340px; background-color:#EDEDFC; border: 2px solid; z-index:100001; border-left-color:#CECFFF; border-top-color:#E1DFFF; border-bottom-color:#5858AD; border-right-color:#6B6BC2; }
#alertBoxTitle { width: 310px; float: left; background-color:#204482; color:#ffffff; border-bottom:1px solid #000000; padding:2px; font-weight: bold; }
#alertBoxClose { width: 20px; float: left; background-color:#204482; color:#ffffff; border-bottom:1px solid #000000; padding:2px 0 2px 5px; text-align:center; font-weight: bold; cursor: pointer; }
#alertBoxImage { width: 50px; height: 64px; float: left; text-align:center; background-image:  url(../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1IMLGAGT/%27/ws1-4new/extensions/res/images/layout/alertIcon.jpg%27); background-repeat:no-repeat; background-position: center; }
#confirmBoxImage { width: 50px; height: 62px; float: left; text-align:center; background-image:  url(../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/1IMLGAGT/%27/ws1-4new/extensions/res/images/layout/confirmIcon.jpg%27); background-repeat:no-repeat; background-position: center; }
#alertBoxText { width: 260px; font-size: 11px; text-align: left; float: left; padding: 15px; padding-left: 0px; }
#alertBoxButtons { width: 200px; float: left; padding-left: 140px; padding-bottom:20px; }
#confirmBoxButtons { width: 200px; float: left; padding-left: 100px; padding-bottom:20px; }
#alertBoxButtonBorder { float: left; border: 1px solid #6B6BC2; width: 60px; height: 22px; margin-right: 10px; }
#alertBoxButton { background-color:#EEEFF7; font-size: 10px; padding-bottom: 15px; color: #204482; width: 60px; height: 22px; float: left; border: 2px solid; border-left-color:#CECFFF; border-top-color:#E1DFFF; border-bottom-color:#6d6dbc; border-right-color:#8383d0; }


.clear
{
	clear: both;
	float: left;
	height: 1em;
	width: 100%;
}

.homeSection
{
	color: #ffffff;
	float:left; 
	width: 25%; 
	padding: 0 ; 
	border: 2px dotted #DBDBDB; 
	border-width: 0 2px 0 0;	
	margin-bottom: 1em;	
}

.welcomeSection
{
	color: #ffffff;
	float:left; 
	width: 33%; 
	padding: 0 ; 
	border: 2px dotted #DBDBDB; 
	border-width: 0 2px 0 0;	
	margin-bottom: 1em;
}

.homeSectionRight
{
	float:left; 
	width: 24%; 
	padding: 0; 	
	
}

.welcomeSectionRight
{
	float:left; 
	width: 32%; 
	padding: 0; 	
	clear: right;
}

.homeSection p
{
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.homeSectionRight p
{
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.welcomeSection p
{
	margin-left: 0.5em;
	margin-right: 0.5em;
	color: #6786AC;
}

.welcomeSectionRight p
{
	margin-left: 0.5em;
	margin-right: 0.5em;
	color: #6786AC;
}

div.subHeader 
{
    color: #ffffff;
    clear:both;
    overflow: hidden;
    padding: 0.5em;
    border-bottom: 2px solid #0F3D95;
    margin-bottom: 1em;    
	background: #1C54A7 url(../images/header-bg.jpg) repeat-x bottom left;
	height: 40px;
	min-height: 40px;
}

td.subHeadGameDesc
{
	text-align: center;
	color: #ffffff;
	
}

td.headGameDesc
{
	text-align: center;
	color: #ffffff;
	border-right: 1px dotted #DBDBDB; 
	
}

td.headGameDescRight
{
	text-align: center;
	color: #ffffff;
}

ul.gameList
{
	 color: #3b3b3d;
	 margin-right: 0.5em; 
	 padding-left: 2em; 
	 font-size: 0.9em; 
	 color: #6786AC;
}


.gobutton 
    {
		font-family: verdana,arial,helvetica,sans-serif;
		font-size:  0.92em;
		font-weight: bold;        
        background: #FADF36;
        color: #101E3C;
        border: 1px solid #0E3C94;
        margin: 1em;
        padding: 0.5em 1em 0.5em 1em;
        cursor: pointer;
    }
    
    .standard 
    {
		font-family: verdana,arial,helvetica,sans-serif;
		font-size:  0.92em;
		font-weight: bold;        
        background: #6992A8;
        color: #FFF;
        border: 1px solid #0E3C94;
        margin: 1em;
        padding: 0.5em 1em 0.5em 1em;
        cursor: pointer;
        margin: 1em;
    }
    
  #pageStage
  {
	float: right;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	width: 195px;
  }  
  
  #pageStage li
  {
	background-color: #B4C4DE;
	color: #ffffff;
	font-size: 2.2em;
	border: solid 1px #ffffff;
	font-weight: bold;
	float: left;
	margin: 0.2em 0.3em 0 0;
	padding: 0.3em 0.2em 0.35em 0.2em;
  }
  
  #pageStage li.selected
  {
	background-color: #101C39;
	color: #FFEB29;
	font-size: 2.2em;
	border: solid 1px #FFEB29;
	font-weight: bold;
	float: left;
	margin: 0.2em 0.3em 0 0;
	padding: 0.3em 0.2em 0.35em 0.2em;
  }
    
    ul.formdata 
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*background: red;*/
	/*width: 90%;*/
}


ul.formdata li{
        padding: 0 0 0 0;
		/*float:left;*/
        clear: both;
        overflow: auto;
		/*background: blue;*/
		/*border-bottom: solid 1px #425170;*/
		margin: 0.5em 0 0 0;
		/*width: 100%;*/
    }
 
ul.formdata li input.gobutton
{
	margin-left: 29em;
}

ul.formdata li h5
{
	margin-left: 6.5em;
}
 
ul.formdata li.noDec{
        padding-bottom: 0.5em;
		/*float:left;*/
        clear: both;
        overflow: auto;
		/*background: blue;*/
		margin-top: 0.5em;
		border: 0;
    }
    
    

ul.formdata li.verificationImage {
			padding-right: 126px;
			padding-bottom: 40px;
			background: url(images/securityimage.jpg) no-repeat top 22em;
		}
		
		

label {
        
        display: block;
        float:left;
        width: 18em;
        padding: 0.3em 1em 0 0;
        text-align: right;
    }
    
        .inlineLabel, span.inlineLabel label, table.inlineLabel label {
            display: inline;
            float:none;
            width: auto;
            padding: 0;
        }
    
    
fieldset 
{
	padding: 1em 2% 1em 2%;
	float: left;
	width: 95%;
	clear: both;
	/*border-color: #DBDBDB;*/
	margin-bottom: 1em;
	
	
}

fieldset p
{
	margin: 1em 0 0 0;
}


#memberConfirm
{
margin-right: 9em;
}

table.memberSignIn
{
	margin: 1em 0 0 7em;
	
}

table.memberSignIn th
{
	color: #3979D6;
	padding-bottom: 1em;
	
}

#cardDetails ul
    {
        background: url(images/cv2.gif) no-repeat;
        background-position:  35em 6em;
        /*background-position:  right;*/
    }

legend{
    color: #425170;/*#425170;*//*#6992A8;*/
    font-weight: bold;
    padding: 0.3em;
    margin-bottom: 1.1em;
    font-family: verdana,arial,helvetica,sans-serif;
} 

	fieldset fieldset legend {
		font-weight: bold;
		font-size: 1.2em;
	}
	
.memberLabel
{
	border: 0;	
	padding-right: 1em;
	color: #999999;
}

td.memberDetails
{
	color: #425170;/*#3979D6;*/
	border: 0;
	/*font-size: 0.92em*/
}





#areaNorthStand 
{
	float: left;
	overflow: hidden;
	width: 100%;
}

#areaEastStand 
{
	float: left;
	overflow: hidden;
	width: 100%;
}
    
#areaSouthStand, #areaSouthStand2
{
	float: left;
	overflow: hidden;
	width: 100%;
}

#areaWestStand 
{
	float: left;
	overflow: hidden;
	width: 100%;
}

#seatingMap
{
	border: 0;
}



/*** API SEAT SELECTION STYLE ***/

#imgSeatingPlan
{
	float:left;
	margin-top: 1em;
	border: 0;
}

#AreaSelection
{
	float: left;
	width: 550px;
	margin-left: 1em;
}

ul.actionList 
    {
        list-style: none;
        padding: 0;
        margin: 0;
        float: left;
        overflow: auto;
    }
        ul.actionList li
        {
            display: inline;
            float: left;
            padding: 0 0 0 0;
            margin: 0;
        }
            
            a.actionButton, li.actionButton a
            {
                display: block;
                padding: 5px;
                width: 35px;
                color: #FFF;
                background: #45B6D4;
                
                text-decoration: none;
                font-weight: bold;
                
                margin: 0 10px 10px 0;
            }
            
            
                a.red, li.red a {background: #DF0000;}
                a.green, li.green a {background: #357700;}
                a.blue, li.blue a {background: #1741AE;}
                a.orange, li.orange a {background: #C27B00;}
                
               

                li.full a
                {
                    display: block;
                    float: none;
                    /* width: 90%;
                    clear: both;                  
                    float: none;*/
                }
                
                
                    a.actionButton:hover, li.actionButton a:hover 
                    {
                        background: #354671;
                    }


                a.selectedButton, li.selectedButton a
                {
                    background: #354671;
                }
                
                li.red a:hover {background-color: #9C0000;}
				li.green a:hover {background-color: #214A00;}
				li.orange a:hover {background-color: #A16601;}
				
				
.disabled a.actionButton, .disabled .continueButton, a.disabled, li.disabled a
{
    color: #999;
    background: #CCC;
}

.disabled a.actionButton:hover, .disabled .continueButton, a.disabled, li.disabled a:hover
{
    color: #999;
    background: #CCC;
}

.SeatSelectionPanel 
{
    float: left;
    overflow: hidden;
    width: 200px;
    padding: 0;
    margin-right: 10px;
}

label 
{
	color: #6786AC;
}

#cardDetails ul
    {
        background: url(../images/cv2.gif) no-repeat;
        background-position:  35em 6em;
    }
    
    
    
/*** Image Galleries ***/
.standGallery
{
	float: right;
	width: 250px;
}



/* jQuery lightBox plugin - Gallery style */
	.gallery {
		background-color: #EFEFEF;
		padding: 10px;
		width: 320px;
		float: right;
	}
	.gallery ul { list-style: none; }
	.gallery ul li { display: inline; }
	.gallery ul img {
		border: 5px solid #dedede;
		border-width: 5px 5px 20px;
	}
	.gallery ul a:hover img {
		border: 5px solid #cdcdcd;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	.gallery ul a:hover { color: #fff; }





#mmInfo
{
	width: 100%;
	float: left;
	clear: both;
	
}

#mmInfo table
{
	margin: 1em;
}

#mmInfo th
{
	background-color: #567BBA;
	color: #ffffff;
	border-right: solid 1px #001230;
	border-bottom: solid 1px #001230;
}

#mmInfo td
{	
	border-bottom: solid 1px #BCBCBC;
	padding-left: 1em;
	color: #888888;
}

#mmInfo td.money
{	
	border-bottom: solid 1px #BCBCBC;
	text-align: right;
	padding-right: 6em;	
}

#mmInfo td.moneyMulti
{	
	border-bottom: solid 1px #BCBCBC;
	text-align: right;
	padding-right: 6em;
	font-weight: bold;
	color: #000000;
}

#divSaleTime
{
	float: left;
	width: 100%;
	text-align: center;
}

#divBook
{
	float: left;
	width: 100%;
	text-align: center;
}




/***************GRID VIEW STYLE START******************/

.gridView table
{
    width: 100%;
    background: #BBBBBB;
    border: 1px solid #DDD;
    border-collapse: collapse;
    clear: both;    
    margin-top: 1em;
}

.gridView tr
{
    background: #EEEEDD;
}

.gridView tr.alt
{
    background: white;
}

.gridView tr.pager, .gridView tr.pager tr
{
    background: #d9dfe7;
}

.gridView tr.pager table
{
    width: auto;
    border: 0px;
}

.gridView td, th
{
    font-size: 0.9em;
    padding: 5px;
}

.gridView th a
{
    color: White;
}

.gridView .center
{
    text-align: center;
}

.gridView th
{
    color: White;
    background-image: url('../images/GridViewHeading-Grey.jpg');
    background-color: #494E52;
    background-repeat: repeat-x;
}

.gridView a
{
    color: #008;
    text-decoration: underline;
}

/***************GRID VIEW STYLE END******************/


#Button1
{
	margin-left: 7em;
}


/***************Landing CSS******************/

.games-container
{
	width: 100%;
}

.game-heading
{
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px 0 4px 10px;
	text-align: left;
	width: 984px;
	background-image: url("../images/menuBackground-games.jpg");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.game
{
	margin-bottom: 10px;
	border: 1px solid #0E3C94;
	background-color: #F3E6E6;
	height: 100px;
}

.game .flags
{
	padding: 25px 0 0 30px;
	width: 150px;
	height: 40px;
	float: left;
}

.game .flags img
{
	padding-right: 20px;
}

.game .game-details
{
	padding: 10px 10px 0 10px;
	width: 300px;
	height: 70px;
	float: left;
}

.game .game-details h3
{
	font-size: 0.9em;
}

.details tr td
{
	font-size: 0.9em;
}

.game .sale-details
{
	padding: 10px 10px 0 10px;
	width: 300px;
	height: 70px;
	float: left;
}

.game .sale-details .sale-title
{
	font-size:16px;
	line-height:15px;
	color:#184D9C;
	font-weight:bold;
	margin:1px 0 15px 0;
}

.game .buy-now
{
	padding-top: 35px;
}

.gobutton
{
	background:none repeat scroll 0 0 #FADF36;
	border:1px solid #0E3C94;
	color:#101E3C;
	cursor:pointer;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.92em;
	font-weight:bold;
	margin:1em;
	padding:0.5em 1em;
	text-decoration: none;
}