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


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
	background-color: white;
}

/* background color for the content part of the pages */
Body
{
	background-color: white;
}

.ModuleTitleLeft
{
	border-style: none;
	border-width: 1;
	border-right: 0;
	border-color: #666666;
}
.ModuleTitleRight
{
	border-color: #666666;
	border-style: none;
	border-width: 1;
	border-left: 0;
}

.ModuleBody
{
	border-color: #666666;
	border-style:  none;
	border-width: 1;
	background-color: #ddeeff;
}

/*	background-image: url(/Site/LoungeCulture/images/Background.jpg); */
.PortalBody
{
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;

	border-left: #666666 1px solid;
	border-bottom: #666666 1px solid;
	height: 400px;
	background-color: #ddeeff;
}

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
	font-family: Verdana Bold, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #CC0000;
}

/* style for the text of the site title */
.SiteSubTitle
{
	font-family: Verdana Bold, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #3399FF;
}

/* */
.UnitCost
{
	color: #808080;
	font-family: Verdana, Arial;
	font-size: 15px;
	line-height: 20pt;
}

/* */
.ModelNumber
{
	color: #808080;
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 20pt;
}

/* */
.ErrorText
{
	color: red;
	font-family: Verdana, Arial;
	font-size: 12px;
	line-height: 20pt;
}


.MostPopularHead
{
	background-color: #ffff00;
	color: red;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
}

a.MostPopularItemText, a:link.MostPopularItemText, a:visited.MostPopularItemText
{
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-decoration: none;
}

a:hover.MostPopularItemText
{
	color: red;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-decoration: underline;
}

.ProductListHead
{
	color: black;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 14pt;
	text-decoration: underline;
}
.ProductListItem
{
	color: black;
	font-family: Verdana, Arial;
	font-size: 10px;
}

.CartListHead
{
	background-color: #;
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 20pt;
	padding-left: 5px;
}

.CartListItem
{
	background-color: #ffffff;
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding-left: 5px;
}

.CartListItemAlt
{
	background-color: #f2f2f2;
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding-left: 5px;
}

.CartListFooter
{
	background-color: #;
	line-height: 10pt;
}

/* background/border colors for the selected tab */
.TabBg
{
	background-color: #CCFFCC;
	border-color: #666666;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
	background-color: #666666;
	border-color: black;
}

/* text style for the selected tab */
.SelectedTab
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #003399;
	font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #3399FF;
	text-decoration: none;
	font-weight: bold;
}

/* text style for the selected category */
a.CategoryUnselected, a:link.CategoryUnselected, a:visited.CategoryUnselected
{
	color: #;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-left: 10px;
}

a:hover.CategoryUnselected
{
	color: red;
	text-decoration: underline;
	padding-left: 10px;
}

A.CategorySelected
{
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-left: 10px;
}

a:hover.CategorySelected
{
	color: red;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 10px;
}

/* text style for the selected Navigation */
A.NavigationUnselected, A.NavigationUnselected:link, A.NavigationUnselected:visited
{
	color: #;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-left: 10px;
}

A.NavigationUnselected:hover
{
	color: red;
	text-decoration: underline;
	padding-left: 10px;
}

A.NavigationSelected
{
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-left: 10px;
}

A.NavigationSelected:hover
{
	color: red;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 10px;
}

/* text style for the selected MasterList */
A.MasterListUnselected, A.MasterListUnselected:link, A.MasterListUnselected:visited
{
	color: #;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-left: 10px;
}

A.MasterListUnselected:hover
{
	color: red;
	text-decoration: underline;
	padding-left: 10px;
}

A.MasterListSelected
{
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	padding-left: 10px;
}

A.MasterListSelected:hover
{
	color: red;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 10px;
}


/* text style for the commerce nav */
.CommerceNav
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #;
}

/* hyperlink style for the site links */
a:link.CommerceNav
{
	text-decoration: none;
	font-weight: bold;
	color: #;
}

a:visited.CommerceNav
{
	text-decoration: none;
	font-weight: bold;
	color: #;
}

a:active.CommerceNav
{
	text-decoration: none;
	font-weight: bold;
	color: black;
}

a:hover.CommerceNav
{
	text-decoration: underline;
	font-weight: bold;
	color: black;
}

/* hyperlink styles of the unselected tabs */
a:link.OtherTabs
{
	text-decoration: none;
	color: #FFFFFF;
}

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

a:active.OtherTabs
{
	text-decoration: none;
	color: #000000;
}

a:hover.OtherTabs
{
	text-decoration: underline;
	color: red;
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003399;
}

/* hyperlink style for the site links */
a:link.SiteLink
{
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
}

a:visited.SiteLink
{
	text-decoration: none;
	font-weight: bold;
	color: #CC0000;
}

a:active.SiteLink
{
	text-decoration: none;
	font-weight: bold;
	color: black;
}

a:hover.SiteLink
{
	text-decoration: underline;
	font-weight: bold;
	color: black;
}

/* style for separator between site links */
.Accent
{
	color: #003399;
	font-weight: bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #C4E1FF;
}

/* style of item titles by Announcements and events */
.ItemTitle
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: darkred;
}



/* GENERAL */
/* style for module titles */
.Head
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3399FF;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: darkred;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3399FF;
}

/* text style used for most text rendered by modules */
.NormalSelected
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color: red;
}

.Normal
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

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

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

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

.NormalDouble
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
}


/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	border-style: solid;
	border-width: 1px;
	border-color: #999966;
	width: 100%;
}

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

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
	margin-left: -4px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-indent: -5px; /*    border-style: solid;     border-width: 1px;     border-color: #cccc99; */
	background-color: #ccccaa;
}

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


.NormalItalic
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}


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

.PoweredByNotice
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.SmallText
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a:link.CommandButton
{
	text-decoration: underline;
	color: #3399FF;
}

a:visited.CommandButton
{
	text-decoration: underline;
	color: #3399FF;
}

a:active.CommandButton
{
	text-decoration: underline;
	color: #3399FF;
}

a:hover.CommandButton
{
	text-decoration: underline;
	color: #3399FF;
}




/* GENERIC */
H1
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

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

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

H5, DT
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: darkred;
}

H6
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: darkred;
}

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

TH
{
	vertical-align: baseline;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: darkred;
}

A:link
{
	text-decoration: none;
	color: darkred;
}

A:visited
{
	text-decoration: none;
	color: darkred;
}

A:active
{
	text-decoration: none;
	color: darkred;
}

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

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

HR
{
	color: dimgrey;
	height: 1pt;
	text-align: left;
}

.ElementPropertyListHead
{
	background-color: #666666;
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	color: white;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 12pt;
	padding-left: 5px;
}

.ElementPropertyListItem
{
	background-color: #ffffff;
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding-left: 5px;
}

.ElementPropertyListItemAlt
{
	background-color: #f2f2f2;
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	color: black;
	font-family: Verdana, Arial;
	font-size: 11px;
	padding-left: 5px;
}

.ElementPropertyListFooter
{
	background-color: #666666;
	line-height: 10pt;
}

.PortalFrame
{
	border-color: #666666;
}