/* UX portal CCS*/

/*---------------------------- BASIC ELEMENTS ----------------------------*/
body 				 
{
	font: normal x-small/1.5em Arial, Helvetica, sans-serif; 
	color: #666; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	font-size: small; 
	background: #fff url(../images/bckgrnd.jpg) repeat top center; 
	margin: 0px auto; 
	padding: 0px; 
}
/* text-align: center; this centers the container in IE 5* browsers. The text is then set to šthe left aligned default in the #container selector */ 
html>body	{ font-size: small; }
*			{ margin: 0px; padding: 0px; }

/* Heading elements */
h1  
{
	font: bolder 150%/160% Verdana; 
	color: #8a9300; 
	page-break-after: avoid; 
	page-break-inside: avoid; 
}
h2  
{
	font: bolder 140%/150% Verdana; 
	color: #000000; 
	page-break-after: avoid; 
	page-break-inside: avoid; 
}
h3  
{
	font: bolder 130%/140% Verdana; 
	color: #000000; 
	page-break-after: avoid; 
	page-break-inside: avoid; 
}
h4  
{
	font: bolder 120%/130% Verdana; 
	color: #8a9300; 
	page-break-after: avoid; 
	page-break-inside: avoid; 
}
h5  
{
	font: normal 110%/120% Verdana; 
	color: #000000; 
	page-break-after: avoid; 
	page-break-inside: avoid; 
}
h6  
{
	font: bolder 90% Verdana; 
	color: #000000; 
	page-break-after: avoid; 
	page-break-inside: avoid; 
}
h7  
{
	font: bolder 90% Verdana; 
	color: #000000; 
	page-break-after: avoid; 
	page-break-inside: avoid; 
}

/* List elements */
ul 							 
{
	list-style: disc outside; 
	margin: 0; margin-left: 0; 
	padding: 0 0 0 0; 
	page-break-before: avoid; 
}
ol 							 
{
	list-style: decimal outside; 
	margin: .85em 0; 
	margin-left: .8em; 
	padding: 0 0 0 1.7em; 
	page-break-before: avoid; 
}
li 							 
{
	float: left; 
	margin: 0; 
	padding: 0 
}
ol ul, ul ol, ul ul, ol ol 	 
{
	float: left; 
	margin-top: 0; 
	margin-bottom: 0 
}
dl 							 
{
	margin: .85em 0; 
	padding: 0; 
	page-break-before: avoid; 
}
dt 							 
{
	margin: 0; 
	padding: 0 
}
dd 							 
{
	margin: 0; 
	margin-left: 2.5em; 
	padding: 0 
}

/* Block elements */
p 		 
{
	font: normal 90% Verdana, sans-serif; 
	color: #000; 
	padding: 0; 
	margin: 0px; 
}
div 	 
{
	margin: 0; 
	padding: 0; 
}

pre 		 
{
	margin: .85em 0; 
	padding: 0; 
	line-height: 1em; 
	font-family: monospace; 
	white-space: pre; 
	page-break-inside: avoid; 
}
blockquote 	 
{
	margin: .85em 2.5em; 
	padding: 0; 
	line-height: 1.1em; 
	page-break-inside: avoid; 
}
address 	 
{
	margin: .85em 0; 
	padding: 0; 
	line-height: 1.1em; 
	font-style: italic 
}

hr { border: 1px inset }

.padding_5					{ padding: 5px; }
.padding_10					{ padding: 10px; }
.padding_left_0 			{ padding-left: 0px; }
.padding_left_5 			{ padding-left: 5px; }
.padding_left_10 			{ padding-left: 10px; }
.padding_right_5 			{ padding-right: 5px; }
.padding_right_10 			{ padding-right: 10px; }
.padding_top_5 				{ padding-top: 5px; }
.padding_top_10 			{ padding-top: 10px; }
.padding_bottom_5 			{ padding-bottom: 5px; }
.padding_bottom_10 			{ padding-bottom: 10px; }

.flushLeft 					{ text-align: left; }
.flushRight 				{ text-align: right; }
.flushCenter				{ text-align: center; }

.floatLeft					{ float: left; }
.floatRight					{ float: right; }
.clearFloat					{ clear: both; }
.clearNone					{ clear: none; }

.valignMiddle img			{ vertical-align: middle; }
.valignTop img				{ vertical-align: text-top; }

.whiteText					{ color: #fff; }

/* Hypertext elements */
a 				{ }
a[href] 		{ text-decoration: underline }
a:hover			{ text-decoration: none; }
a:link 			{ color: blue; }
a:visited 		{ color: purple; }
a:active 		{ color: lime; }

.linkHeading a { text-decoration: none; color: #8a9300;}
.linkHeading a:[href] { text-decoration: none; }
.linkHeading a:hover { text-decoration: underline; }
.linkHeading a:link { text-decoration: none; }
.linkHeading a:visited 		{ color: #8a9300; }

/*---------------------------- Page Elements ----------------------------*/
/* Page Layout Elements */
#screenWrap 	 
{
	position: relative; 
	width: 705px; 
	left: 3px; 
	margin: 0px auto; 
}
#bannerWrap 	 
{
	float: left; 
	width: 705px; 
	height: 115px; 
}
#footerWrap		 
{
	font: bold 85% Arial, Helvetica, sans-serif; 
	text-align: center; 
	float: left;	
	width: 690px; 
	margin: 10px 5px 0px 3px; 
	padding: 10px 0px 0px 5px; 
	border-top-style: solid; 
	border-top-color: #B9C2CD; 
	border-top-width: 1px; 
}
#contentWrap	 
{
	float: left; 
	width: 705px; 
	margin: 5px 0 0 0px; 
	padding: 0px 0px 0px 5px; 
	overflow: visible; 
}

.leftColumn 			 
{
	float: left; 
	clear: both; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 139px; 
	background: #ffffff; 
}
.twoThirdsColumn 		 
{
	float: left; 
	margin: 0px 0px 0px 5px; 
	padding: 0px 0px 0px 0px; 
	width: 550px; 
	border: 0px; 
}
.fullColumn 			 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 694px; 
	border: 0px; 
}

/* Banner elements (includes menu) */
.bannerLogo				 
{
	position: absolute; 
	left: 5px; 
	top: 5px; 
}
.bannerNav				 
{
	position: absolute; 
	left: 149px; 
	top: 5px; 
	height: 63px; 
	background: #9f9e31; 
	width: 550px;  
	z-index: 99; 
}
.bannerNav ul 			 
{
	float: left; 
	list-style-type: none; 
}
.bannerNav ul li 		 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0 0 5px; 
	font: bold 85% Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-shadow: 0.1em 0.1em 0.2em black; 
}
.bannerNav li a			 
{
	display: block; 
	text-decoration: none; 
	color: #fff; 
	border-right: 1px solid #fff; 
	padding-right: 5px; 
}
.bannerNav li a:hover	{ color: #e4be3f; }
.bannerNav li a:visited	 
{
	display: block; 
	text-decoration: none; 
	color: #fff; 
	border-right: 1px solid #fff; 
	padding-right: 5px; 
}
.bannerSubNav 			 
{
	padding: 2px 0px 2px 2px; 
	font: bold 85% Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
	border-bottom: 1px solid #666; 
	border-right: 1px solid #666; 
	border-left: 1px solid #666; 
	background-color: #cccc66; 
}
.bannerSubNav a			 
{
	padding: 2px 10px 2px 2px; 
	font: bold 85% Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
	border-bottom: 1px solid #666; 
	border-right: 1px solid #666; 
	border-left: 1px solid #666; 
	background-color: #cccc66; 
}
.bannerSubNav a:hover	 
{
	padding: 2px 10px 2px 2px; 
	font: bold 85% Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
	border-bottom: 1px solid #666; 
	border-right: 1px solid #666; 
	border-left: 1px solid #666; 
	background-color: #666; 
}
.bannerSubNav a:visited	 
{
	padding: 2px 10px 2px 2px; 
	font: bold 85% Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
	border-bottom: 1px solid #666; 
	border-right: 1px solid #666; 
	border-left: 1px solid #666; 
	background-color: #cccc66; 
}

/* ? */
.bannerTitle			 
{
	position: absolute;
	left: 151px; 
	top: 23px; 
	color: white; 
}
.subTitle				 
{
	position: absolute; 
	left: 151px; 
	top: 58px; 
	color: white; 
}
.bannerUserName			 
{
	position: absolute; 
	left: 151px; 
	top: 73px; 
	color: white; 
}
img.SLGA { padding: 0px 0px 0px 0px; }
.secondColumn		 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 350px; 
	border: 0px; 
} 
.randomImage			 
{
	margin-left: 0px; 
	padding: 0px;  
}
.pageTitleWrap				 
{
	float: left; 
	width: 100%; 
	padding: 0 0 10px 8px; 
}
h1.pageTitle				 
{
	float: left; 
	font: bolder 150%/160% Verdana; 
	color: #ffffff; 
}

/*---------------------------- Content Elements ----------------------------*/

/* Left Column Elements */
.leftColumn h1 		 
{
	float: left; 
	padding: 3px 0px 3px 10px; 
	font: bold 90% Verdana, sans-serif; 
	color: #ffffff; 
	background: #8a9300; 
	width: 129px; 
}
.leftColumn h2 		 
{
	float: left; 
	padding: 3px 0px 3px 10px; 
	font: bold 90% Verdana, sans-serif; 
	color: #ffffff; 
	background: #8a9300; 
	width: 129px; 
	margin: 20px 0px 0px 0px; 
}
.leftColumnText		 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 4px 5px 10px; 
	width: 123px; 
	background: #ffffff; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: none; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-right-color: #000000; 
	border-bottom-color: #000000; 
	border-left-color: #000000; 
}
p.title1			 
{
	font: bold 90% Verdana, sans-serif; 
	color: #000; 
	padding: 22px 0px 0px 0px; 
	margin: 0px; 
}

/* Site search elements */
.searchLocationPosition  
{
	position: inherit; 
	padding-top: 10px; 
}
.bannerSearch			 
{
	position: absolute; 
	display:inherit; 
	left: 149px; 
	top: 75px; 
	height: 40px; 
	background: #e4d26e; 
	width: 550px; 
	margin: 0; 
	padding: 0; 
}
.searchProductsLabel	 
{
	left: 3px; 
	color: #000000; 
	font-size: 90%; 
}
.searchProducts			 
{
	display:inline; 
	color:#000000; 
	font: normal 90% Verdana, sans-serif; 
	line-height:normal; 
}
.searchRight 			 
{
	display:inline; 
	float:none; 
	right: 3px; 
	font: normal 70% Verdana, sans-serif; 
	color: #000; 
	margin: 0; 
}
.searchRight a			 
{
	color: #3D00ff; 
	text-decoration: underline; 
}
.searchRight a:hover	 
{
	color: #3D00ff; 
	text-decoration: none; 
}

/* Advanced search elements */
.searchAdvanced          
{
	position: absolute; 
	left: 130px; 
	top: 25px; 
	font: normal 80% Verdana, sans-serif; 
	color: #000000; 
}
.searchAdvanced a        
{
	color: #3D00ff; 
	text-decoration: underline; 
}
.searchAdvanced a:hover  
{
	color: #3D00ff; 
	text-decoration: none; 
}

/* Product detail elements */
.productDetailLeftColumn				 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 160px; 
	border: 0px; 
}
.productDetailRightColumn				 
{
	float: left; 
	margin: 0px 0px 0px 10px; 
	padding: 0px 0px 0px 0px; 
	width: 500px; 
	border: 0px; 
}
.productDetailSearchResultLeftColumn	 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 360px; 
	border: 0px; 
}
.productDetailSearchResultRightColumn	 
{
	float: left; 
	margin: 0px 0px 0px 10px; 
	padding: 0px 0px 0px 0px; 
	width: 300px; 
	border: 0px; 
}
.productDetailProductName				 
{
	font-weight: bold; 
	font-size: 125%; 
}
.productDetailDescription { font-weight: bold; }
.productDetailPLU { }
.productDetailSize { }
.productDetailAlcoholContent { }
.productDetailManufacturer { }
.productDetailVintage { }
.productDetailPrice { font-weight: bold; }
.productDetailPriceNote { }
table.productDetail 					 
{
	float: left; 
	background: #FFFFFF; 
	width: 100%; 
}

/* Location search elements */
.storeGroupings  
{
	font-family:Verdana; 
	font-size:90%; 
}
.storeCount  
{
	font-family:Verdana; 
	font-size:81%; 
}

/* Location detail elements */
.locationDetailLeftColumn			 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 250px; 
	border: 0px; 
}
.locationDetailRightColumn			 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 285px; 
	border: 0px; 
}
.locationDetailStoreDetails { font-weight: bold; }
.locationDetailStoreHoursHeader		 
{
	font-weight: bold; 
	font-size: 105%; 
}

/* Common store search criteria (for product detail and store locations */
.storeSearchCriteriaHeading { font-weight:bold; }
.storeSearchCriteriaBackground  
{
	border: 1px solid #B9C2CD; 
	background-color: #FFFFCC; 
}
.postalCodeEntry  
{
	text-transform: uppercase; 
	width: 75px; 
}

/* Favourites elements */
.favouritesLeftCommandColumn { float:left;}
.favouritesRightCommandColumn { float:right;}
.favouritesCommandColumn  
{
	width: 100%; 
	float: right;
}
#favouritesRemoveHeader { display: block; }
#favouritesPriceHeader { text-align: left; }

/* Login elements */
.loginLeftColumn		 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 260px; 
	border: 0px; 
}
.loginRightColumn		 
{
	float: left; 
	margin: 0px 0px 0px 10px; 
	padding: 0px 0px 0px 0px; 
	width: 400px; 
	border: 0px; 
}

/* Contact us elements */
.contactAddInfo { font-size: 90%; }
.contactInfo { margin-left: 40px; }
.contactLeftColumn		 
{
	float: left; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 320px; 
	border: 0px; 
}
.contactRightColumn		 
{
	float: left; 
	margin: 0px 0px 0px 5px; 
	padding: 0px 0px 0px 0px; 
	width: 220px; 
	border: 0px; 
}

/* Inline structural elements */
br		{ }
span	{ }

/* Presentational elements */
sub  
{
	font-size: .83em; 
	vertical-align: sub 
}
sup  
{
	font-size: .83em; 
	vertical-align: super 
}

/* Object elements */
img  
{
	margin: 0; 
	border-style: none; 
	padding: 0 
}

/* Main Content */
.mainContentWrap 
{
	float: left; 
	width: 547px; 
	left: 187px; 
	border: 1px solid #000000; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
}
.mainContentImage  
{
	float: left; 
	width: 276px; 
}
.mainContentType  
{
	float: left; 
	width: 240px; 
	margin: 0px 0px 0px 0px; 
	padding: 20px 0px 0px 0px; 
}

/* Bottom Left Content */
.bottomLeftContentWrap  
{
	float: left; 
	margin: 5px 5px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 270px; 
	background: #ffffff; 
	border: 1px solid black; 
}
.bottomLeftHead  
{
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px; 
}

.bottomLeftHead h6
{
	color: #8a9300;
}

.bottomLeftContentImage  
{
	float: left; 
	width: 136px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 5px;
}
.bottomLeftContentType  
{
	float: left; 
	width: 124px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 5px; 
}

/* Bottom Right Content */
.bottomRightContentWrap  
{
	float: left; 
	margin: 5px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	width: 270px; 
	background: #ffffff; 
	border: 1px solid black; 
}

.bottomRightHead  
{
	margin: 0px 0px 0px 0px; 
	padding: 5px 0px 0px 0px; 
}
.bottomRightHead h6  
{
	color: #8a9300;
}

.bottomRightContentImage  
{
	float: left; 
	width: 141px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 5px;
}

.bottomRightContentType  
{
	float: left; 
	width: 119px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 5px; 
}

.subpageHeader  
{
	float: left; 
	width: 695px; 
	margin: 5px 0px 10px 0px; 
	padding: 0px 0px 5px 0px; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color: #B9C2CD; 
}

.pagesTop 		 
{
	float: right; 
	width: 400px; 
	padding: 5px 10px 0px 0px; 
	margin: 0; 
	font: normal 80% Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	text-align: right; 
}
.pages		 	 
{
	float: right; 
	width: 400px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	font-style: normal; 
	color: #000000; 
	text-align: right; 
}

.subpageIntro  
{
	float: left; 
	width: 543px; 
	left: 187px; 
	padding: 0px; 
}

/* About SLGA Pg */
.aboutContentWrap  
{
	float: left; 
	width: 543px; 
	left: 187px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: solid; 
	border-left-style: none; 
	border-bottom-color: #000000; 
	margin-bottom: 10px; 
}
.aboutContentImage  
{
	float: left; 
	width: 118px; 
	padding: 5px 10px 0px 0px; 
}
.aboutContentType  
{
	float: left; 
	width: 402px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 10px 0px 10px; 
}
.aboutRUImage  
{
	float: left; 
	width: 118px; 
	padding: 5px 0px 0px 0px; 
}

/* Lifestyles elements */
.lifeStylesPageIntro  
{
	float: left; 
	width: 300px; 
	left: 187px; 
	padding: 0px; 
	margin: 0px 0px 10px 0px; 
}
.lifeStylesContentWrap  
{
	float: left; 
	width: 300px; 
	left: 187px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	border-top-style: none; 
	border-right-style: none; 
	border-bottom-style: solid; 
	border-left-style: none; 
	border-bottom-color: #000000; 
	margin-bottom: 10px; 
}
.lifeStylesContentImage  
{
	float: left; 
	width: 118px; 
	padding: 5px 0px 0px 0px; 
}
.lifeStylesContentType  
{
	float: left; 
	width: 200px; 
	margin: 0px 0px 20px 0px; 
	padding: 0px 10px 0px 10px; 
}
.lifeStylesRecipe  
{
	float: left; 
	width: 180px; 
	border: 1px solid black; 
	background: #e4d26e; 
	margin: 0px 0px 10px 5px; 
	padding: 5px 5px 5px 5px;
}

/* Form Interactive Display */
.forminteractive_display_wrapper	 					 
{
	float: left; 
	width: 100%; 
	margin-bottom: 10px; 
}
.forminteractive_display_background						 
{
	float: left; 
	border-left: 1px #B9C2CD solid; 
	border-bottom: 1px #B9C2CD solid; 
	border-right: 1px #B9C2CD solid; 
	background: #B9C2CD; 
	width: 99.7%; 
	padding: 0px 0px 0px 0px; 
}
table.forminteractive_display 							 
{
	float: left; 
	width: 100%; 
	background: #FFFFFF; 
}
table.forminteractive_display th						 
{
	font-weight: bold; 
	color: #000000; 
	background: #e4d26e; 
	color: #000000; 
	text-align: left; 
	font-family: Verdana, sans-serif;  
	font-size: 80%; 
	font-style: normal; 
	font-variant: normal; 
	padding: 0px 0px 0px 5px;
}
table.forminteractive_display td 		 				 
{
	font: normal 90% Verdana; 
	color: #000000; 
	border-bottom: 1px #B9C2CD solid; 
	padding: 6px 6px 4px 6px; 
	vertical-align: top; 
}
table.forminteractive_display td.bold					 
{
	font-weight: bold; 
	color: #000000; 
}
table.forminteractive_display td.Divider { border-right: 1px #B9C2CD solid; }
table.forminteractive_display td.bottom { border-bottom: 0px #B9C2CD solid; }
table.forminteractive_display td.top { border-top: 1px #B9C2CD solid; }

/* Form Interactive Variable */
.forminteractive_variable_wrapper	 			 
{
	float: left; 
	width: 100%; 
	margin-bottom: 10px; 
}
.forminteractive_variable_background			 
{
	float: left; 
	border-left: 1px #B9C2CD solid; 
	border-bottom: 1px #B9C2CD solid; 
	border-right: 1px #B9C2CD solid; 
	border-top: 1px #B9C2CD solid; 
	padding: 0px 0px 0px 0px; 
	width: 99.7%; 
	background: #FFF; 
}
.forminteractive_variable_background_noborder	 
{
	float: left; 
	padding: 0px 0px 0px 0px; 
	width: 99.7%; 
	background: #FFF; 
}
.forminteractive_variable_background_leftborder	 
{
	float: left; 
	border-left: 1px #B9C2CD solid; 
	padding: 0px 0px 0px 0px; 
	width: 99.7%; 
	background: #FFF; 
}
table.forminteractive_variable 					 
{
	float: left; 
	background: #FFFFFF; 
	width: 100%; 
}
table.forminteractive_variable th				 
{
	font: normal 100% Arial, Helvetica, sans-serif; 
	color: #fff; 
	background: #666; 
	padding: 6px 6px 6px 6px; 
}
table.forminteractive_variable td 		 		 
{
	font: normal 90% Verdana; 
	color: #000000; 
	padding: 6px 6px 4px 6px; 
	vertical-align: top; 
}
table.forminteractive_variable td.bold			 
{
	font-weight: bold; 
	color: #000000; 
}
table.forminteractive_variable td.Divider { border-right: 1px #B9C2CD solid; }

/* Table elements */
table 		 
{
	font-family: sans-serif; 
	font-size: 90%; 
} /* line-height: 1.0em; }*/
caption	{ }
tr		{ }
td		{ text-align: left }
th 			 
{
	font-weight: bold; 
	color: #000000; 
	background: #e4d26e; 
	color: #000000; 
	text-align: left; 
	font-family: Verdana, sans-serif;  
	font-size: 80%; 
	font-style: normal; 
	font-variant: normal; 
	padding-left: 10px
}
tr.over td 
{
	/*	background: #bcd4ec;*/ 
	background: #99ccff; 
	/*	background-color: #99ccff;*/ 
	cursor: pointer;
}
table.multLineHeader 
{
	margin:0px; 
	display:inline; 
}

col 		{ }
colgroup	{ }
thead 		{ text-align: center }
tfoot 		{ text-align: center }
tbody 		{ text-align: left }

table tr.even					 
{
	font: normal 90% Verdana; 
	color: #000000; 
	background: #cccccc; 
	padding: 6px 6px 4px 6px; 
}
table tr.odd					 
{
	font: normal 90% Verdana; 
	color: #000000; 
	background: #fff; 
	padding: 6px 6px 4px 6px; 
}
table td.width5		{ width: 5% }
table td.width10	{ width: 10% }
table td.width15	{ width: 15% }
table td.width20	{ width: 20% }
table td.width25	{ width: 25% }
table td.width30	{ width: 30% }
table td.width35	{ width: 35% }
table td.width40	{ width: 40% }
table td.width45	{ width: 45% }
table td.width50	{ width: 50% }
table td.width55	{ width: 55% }
table td.width60	{ width: 60% }
table td.width65	{ width: 65% }
table td.width70	{ width: 70% }
table td.width75	{ width: 75% }
table td.width80	{ width: 80% }
table td.width85	{ width: 85% }
table td.width90	{ width: 90% }
table td.width95	{ width: 95% }
table td.width100	{ width: 100% }
table td.requiredFieldIndicator			 
{
	text-align:right; 
	vertical-align:middle; 
	color:Red; 
	padding:0px; 
}

/* Form Elements */
.form_header		 
{
	font: bold 100% Verdana; 
	color: #FFFFFF; 
	background-color: #17345B; 
	border-top: 0px #FF7700 solid; 
	padding: 4px 6px 4px 6px; 
}	
form { margin: .85em 0 }
fieldset { margin: .85em 0 }
legend { }
input { }
select { }
textarea { }
label { }
button { }
legend { }
option { }
optgroup { }

/* Styles to accommodate ASP.NET menu control, added by SLGA */
.bannerMenu	 
{
	margin-top: 0px; 
	margin-left: 3px; 
}
.bannerTopNav 	
{
	padding-left: 3px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
}
.bannerTopNav a	 
{
	color: #ffffff; 
	display: block; 
	text-decoration: none; 
	color: #fff; 
	border-right: 1px solid #fff; 
	padding-right: 5px; 
}
.bannerTopNav a:hover { color: #e4be3f; }
.bannerTopNav a:visited	 
{
	display: block; 
	text-decoration: none; 
	color: #fff; 
	border-right: 1px solid #fff; 
	padding-right: 5px; 
}
.bannerSub  
{
	font: bold 85% Arial, Helvetica, sans-serif; 
	border-bottom: 1px solid #666; 
	border-right: 1px solid #666; 
	border-left: 1px solid #666; 
}
.bannerSub a  
{
	font: bold 85% Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
}
.bannerSub a:hover  
{
	font: bold 85% Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
}
.bannerSub a:visited  
{
	font: bold 85% Arial, Helvetica, sans-serif; 
	color: #fff; 
	text-decoration: none; 
}
.bannerSub td { padding: 2px 10px 2px 2px; }
.bannerSub td a  
{
	width:100%; 
	display:block; 
}

/* Styles for the pager control */
.pagerControl
{
	font-family: Verdana;
	font-size: 70%;
	text-align: right;
	padding-right: 6px;
}

.pagerDivider
{
	width: 1px; 
	height: 16px;  
	vertical-align:top;
}

.pageHeader
{
	font-family: Verdana;
	font-size: 100%;
    font-weight:bold;
	color: #8a9300;
}

/* Styles for buttons */
.regularSizedButton
{
	width: 75px;
}

.mediumSizedButton
{
	width: 125px;
}

#buttonstyle {
	width: 75px;
	text-align: center;
}
.standardbutton
{
	background-color: #a1a02c;
	border: solid 1px #a1a02c;
	color: #ffffff;
/*	display: block;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 20px;
}

.standardLinkButton
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2px;
	margin-top: 2px;
}

/* Used for input buttons (i.e. asp:Button */
.standardbuttonHover
{
	background-color: #e5d170;
	border: solid 1px #333;
	color: #333;
	cursor: pointer;
}

/* Used for a tags and asp:Hyperlink */
.standardLinkButton a {
	padding: 1px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	background-color: #a1a02c;
	border: 1px solid #a1a02c;
	margin-bottom: 0px;
	margin-top: 0px;
}
.standardLinkButton a:visited {
	padding: 1px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	background-color: #a1a02c;
	border: 1px solid #a1a02c;
	margin-bottom: 0px;
	margin-top: 0px;
}
.standardLinkButton a:hover {
	color: #333;
	background-color: #e5d170;
	border: 1px solid #333;
	margin-bottom: 0px;
	margin-top: 0px;
	cursor: pointer;
}

.picborder	
{	
	margin: 1px; 
	border-color: #666;
	border-style: solid; 
	padding: 0 
}

table.basic_display 					 
{
	float: left; 
	background: #FFFFFF; 
	width: 100%; 
	border-collapse:collapse; 
}
table.basic_display td 	 				 
{
	font: Verdana; 
	color: #000000; 
	padding: 6px 6px 4px 6px; 
	vertical-align: top; 
}

#circlered {
	width: 22px;
	height: 22px;
	text-align: center;
	background-image: url(../Images/circle_red.png);
	background-repeat: no-repeat;
	vertical-align: bottom;
}
#circleblue {
	width: 22px;
	height: 22px;
	text-align: center;
	background-image: url(../Images/circle_blue.png);
	background-repeat: no-repeat;
	vertical-align: bottom;
}
.circlecolor{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}

/* Styles for minister's message */
.ministersMessageColumn
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 694px;
	border: 0px;
	text-align: center;
}

.verticalAlignMiddle
{
	vertical-align: middle;
}

/* Styles for error message control */
.undefinedMessage { color:Black; }
.commentMessage { color:Black; }
.warningMessage { color:Black; }
.fatalMessage { color:Red; }
.disasterMessage  
{
	color:Red; 
	font-weight: bold; 
	font-style: italic; 
}
.messageHeaderLabel { font-weight:bold; }
.messageTable  
{
	border-style: solid none solid none; 
	border-width: thin; 
	background-color: #FFFF00; 
}