/* colors
-----------------------------------------------

Blue
#003158 (Dark)
#004984
#5586AD (Light)
#AAC2D6 (Bright)

Red
#5C1400 (Dark)
#841C00
#FF9B80 (Light)
#FFCDBF (Bright)

Brown
#583E00 (Dark)
#845D00
#AD9355 (Light)
#D6C9AA (Bright)

Green

#577D07
#79AD0A (Light)

*/

/* TAGS & MISCELLANEOUS */

html, body {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
    background-color: #FFFFFF;
	background-image: url(/images/new/body_bg.gif) !important;
    background-position: center top !important;
	background-repeat: repeat-y !important;
	height: 100%;
}
#BodyBackgroundContainer {
	background-image: url(/images/new/body_bg.gif);
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
	width: 1000px; height:100%;
	text-align: center;
}
#BodyBackgroundContainer div.BodyContainer {
	text-align: left;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	width: 980px;
}
.Right { float: right; }
.Required { font-size: 14px; font-weight: bold; color: #E3502D; }
.ErrorField { background: #DCBFBF; }
#Page { min-height: 300px; }
#Page div.Padding { padding: 10px; padding-top: 0; }
.Negative { color: #740000; }
.Positive { color: #007400; }

/* HEADER */

#Header { width: 100%; border-bottom: 1px solid #FFFFFF; text-align: left;
    background: url(/images/new/header_bg.jpg) no-repeat right bottom; }
#Header div.Padding { padding: 10px; }
#Header #Utilities { float: right; color: #606060; font-size: 11px; }
#Header #Utilities a:link, #Header #Utilities a:visited { color: #004984; text-decoration: none; }
#Header #Utilities a:hover, #Header #Utilities a:active { color: #5586AD; text-decoration: underline; }

/* Navigation */

#Nav { height: 24px; background: url(/images/new/nav_bg.gif) repeat-x left center; width: 100%; margin-bottom: 1px; }
#Nav a { float: left; margin: 0; padding: 5px 10px; border-right: 1px solid #FFFFFF; }
#Nav a:link, #Nav a:visited { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; }
#Nav a:hover, #Nav a:active { background: url(/images/new/nav_bg_on.gif) repeat-x left center; }
#Nav a.Active { background: url(/images/new/nav_bg_on.gif) repeat-x left center; }

/* Footer */

#Footer { clear: both; background-image: url(/images/new/footer_bg.gif);
    background-repeat: no-repeat; background-position: center top; width: 100%; }
#Footer div.FooterPadding { padding: 20px; padding-bottom: 30px; }
#Footer #SiteMap { font-size: 11px; color: #606060; text-align: center; margin-bottom: 10px; }
#Footer #Legal { text-align: center; font-size: 11px; color: #606060; }
#Footer a:link, #Footer a:visited { text-decoration: none; color: #004984; }
#Footer a:hover, #Footer a:active { text-decoration: underline; }

/* PAGE TITLE */

#PageTitle {}
#PageTitle div.Padding { padding: 10px; padding-top: 0; }
#PageTitle h1 { margin: 0; }
#PageTitle h2 { margin: 0; }
#PageTitle h3 { margin: 0; }
#PageTitle h4 { margin: 0; }
#PageTitle h3 a:link, #PageTitle h3 a:visited { color: #841C00; text-decoration: underline; }
#PageTitle h3 a:hover, #PageTitle h3 a:active { color: #841C00; text-decoration: none; }
#PageTitle p.Breadcrumbs { color: #808080; font-size: 10px; margin: 0; }
#PageTitle p.Breadcrumbs a:link, #PageTitle p.Breadcrumbs a:visited { text-decoration: none; color: #808080; }
#PageTitle p.Breadcrumbs a:hover, #PageTitle p.Breadcrumbs a:active { color: #004984; }

/* BREADCRUMBS */

#Breadcrumbs { margin-top: 5px; font-size: 11px; color: #A0A0A0; }
#Breadcrumbs a:link, #Breadcrumbs a:visited { color: #004984; text-decoration: none; }
#Breadcrumbs a:hover, #Breadcrumbs a:active { color: #80C6FF; text-decoration: none; }

/* Body */

#Body { float: left; clear: both; width: 980px; text-align: left; }
#Body div.Padding { margin: 10px; }
#Body p { color: #606060; font-size: 12px; }
#Body ol {}
#Body ol li { color: #606060; font-size: 13px; margin-bottom: 5px; }
#Body a:link, #Body a:visited { text-decoration: none; color: #004984; }
#Body a:hover, #Body a:active { color: #80C6FF; }
#Body #Faq ol.Questions { margin: 0; margin-bottom: 25px; }
#Body #Faq ol.Questions li { font-size: 13px; margin-bottom: 10px; }
#Body #Faq ol.Answers { margin: 0; }
#Body #Faq ol.Answers li { font-size: 13px; margin-bottom: 20px; color: #606060; }
#Body #Faq ol.Answers li strong { font-size: 14px; font-weight: bold; color: #000000; }

/* SIDEBAR */

#Sidebar {}
#Sidebar div.Padding { padding: 10px; padding-top: 0; }
#Sidebar a:link, #Sidebar a:visited { text-decoration: none; color: #004984; }
#Sidebar a:hover, #Sidebar a:active { color: #80C6FF; }
#Sidebar #Menu { background-color: #FFECBF; border: 1px solid #FFDA80; margin-bottom: 15px; }
#Sidebar #Menu div.Padding { padding: 10px; }
#Sidebar #Menu ul { margin: 0; margin-left: 0; padding-left: 0; list-style: none; } 
#Sidebar #Menu ul li { padding-left: 10px; background-image: url(/images/merchants/bullets/red.gif); background-repeat: no-repeat;
    background-position: left center ; font-size: 14px; } 
#Sidebar #Menu a:link, #Sidebar #Menu a:visited { text-decoration: none;  color: #004984; }
#Sidebar #Menu a:hover, #Sidebar #Menu a:active { color: #80C6FF; }
#Sidebar #BlockBlue { color: #404040; font-size: 12px; }
#Sidebar #BlockRed { color: #404040; font-size: 12px; }
#Sidebar #BlockBrown { color: #404040; font-size: 12px; }

/* BLOCKS */

#BlockBrown { background-color: #D6C9AA; border: 1px solid #AD9355; margin-bottom: 15px; }
#BlockBrown div.Padding { padding: 10px; }
#BlockBrown a:link, #BlockBrown a:visited { text-decoration: none; color: #004984; }
#BlockBrown a:hover, #BlockBrown a:active { color: #841C00; }
#BlockBrown ul { margin: 0; margin-left: 0; padding-left: 15px ; list-style: none; } 
#BlockBrown ul li { padding-left: 10px; background-image: url(/images/merchants/bullets/red.gif); background-repeat: no-repeat;
    background-position: left center ; font-size: 12px; } 

#BlockBlue { background-color: #AAC2D6; border: 1px solid #5586AD; margin-bottom: 15px; }
#BlockBlue div.Padding { padding: 10px; }
#BlockRed { background-color: #FFCDBF; border: 1px solid #FF9B80; margin-bottom: 15px; }
#BlockRed div.Padding { padding: 10px; }

/* MESSAGES */

#Tip { border: 1px solid #FFFF99; margin: 0; margin-bottom: 15px; padding: 0; }
#Tip div.TipPadding { margin: 0; padding: 5px; font-size: 12px; color: #808080; background-color: #FFFFCC; }
#Error { background-color: #F1D9DC; border: 1px solid #AA182C; margin-bottom: 15px; }
#Error div.ErrorPadding { margin: 0; padding: 5px; font-weight: bold; color: #AA182C; font-size: 12px; }
#Message { background-color: #E1EFE7; border: 1px solid #368D46; margin-bottom: 15px; }
#Message div.MessagePadding { padding: 5px; font-weight: bold; color: #368D46; font-size: 12px; }

/* FORM */

form { margin: 0; }
label { font-size: 11px; color: #808080; }
label.Block { display:block; }
form .Large { font-size: 16px; font-weight: bold; }
form .Small { font-size: 10px; font-family: Verdana, sans-serif; }
form .Inactive { color: #808080; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#Form {}
#Form td { font-size: 12px; padding: 5px; margin: 0; background: none; }
#Form td.Footer { color: #000000; border-top: 1px solid #004984; padding: 5px; background-color: #AAC2D6; border-bottom: 1px solid #004984; }
#Form td small { font-size: 10px; color: #808080; }
#Form label { color: #9F9F9F; }
fieldset { padding: 5px; margin: 0; margin-bottom: 10px; border: 1px solid #AAC2D6; }
legend { font-size: 14px; color: #AAC2D6; padding-left: 5px; }

/* TABLE */

#Table {}
#Table th { font-size: 12px; padding: 5px; background-color: #004984; color: #FFFFFF ;}
#Table th a:link, #Table th a:visited { font-weight: bold; text-decoration: none; color: #AAC2D6; }
#Table th a:hover, #Table th a:active { color: #FFFFFF; text-decoration: none; }
#Table tr { background-color: #EEF3F7; }
#Table tr.OddRow { background-color: #DDE7EF; }
#Table tr.Hover { background-color: #FFFFCC; }
#Table tr.Total { background-color: #CCDBEB; }
#Table tr.Highlight { background-color: #FFFFCC; }
#Table td { font-size: 12px; padding: 5px; }
#Table td.NoValue { text-align: center; }
#Table td.Action { background-color: #D6C9AA; }
#Table td.Action p { color: #606060; margin: 0; }
#Table td a:link, #Table td a:visited { text-decoration: none; color: #5C1400; }
#Table td a:hover, #Table td a:active { color: #841C00; }
#Table td.Blank { background-color: #FFFFFF; }
#Table td.Header { padding: 5px; background-color: #FFFFFF; }
#Table td.Header p { color: #606060; margin: 0; }
#Table td.Footer { border-top: 1px solid #004984; padding: 5px; background-color: #AAC2D6; }
#Table td.PaginationTop { color: #000000; padding: 5px; background-color: #AAC2D6; border-top: 1px solid #004984; }
#Table td.PaginationBottom { color: #000000; border-top: 1px solid #004984; padding: 5px; background-color: #AAC2D6; border-bottom: 1px solid #004984; }
#Table td.PaginationTop a:hover, #Table td.PaginationTop a:active { color: #740000; } 
#Table td.PaginationBottom a:hover, #Table td.PaginationBottom a:active { color: #740000; } 
#Table td.Unmatched { border-left: 5px solid #F7CFD6; padding-left: 5px; }
#Table td.Footer p { color: #FFFFFF; margin: 0; }
#Table td.Footer a:hover, #Table td.Footer a:active { color: #740000; } 
#Table td small { font-size: 10px; color: #808080; }
#Table td .DiscountedPrice { color: #A25555; }
#Table td .OriginalPrice { color: #808080; font-size: 85%; text-decoration: line-through; }
#Table td.Group {
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #84A6C6;
	background: #C8D7E4;
}
#Table td.Label { color: #A0A0A0; font-size: 12px; }
#Table td.Options { background: #E7E7EF; padding: 0; color: #606060; font-size: 12px; }
#Table td.Options div.TopLeft { background: url(/images/new/rounded_corners/top_left.gif) no-repeat left top; }
#Table td.Options div.TopRight { background: url(/images/new/rounded_corners/top_right.gif) no-repeat right top; }
#Table td.Options div.OptionsPadding { padding: 5px; }

#UploadProgress { height: 26px; clear: both; text-align: center; font-weight: bold; background: url(/images/new/importing_bg.jpg) no-repeat center center; margin-bottom: 1px; }
#UploadProgress div.UploadProgressPadding { padding: 5px; margin-left: auto; margin-right: auto; font-size: 11px; }
#UploadProgress a:link, #UploadProgress a:visited { color: #004984; text-decoration: none; }
#UploadProgress a:hover, #UploadProgress a:active { color: #5586AD; text-decoration: underline; }
#UploadProgress #su_message_inprogress { color: #AA182C; }
#UploadProgress #su_message_completed { color: #368D46; }

#RedTable {}
#RedTable th { background-color: #A05252; font-size: 12px; text-align: left; color: #FFFFFF; padding: 5px; }
#RedTable td { background-color: #F0EDED; font-size: 10px; color: #000000; padding: 5px; }
#RedTable label { color: #740000; font-size: 10px; }

#Content { }
#Content td.Main { padding: 10px; }
#Content td.Sidebar { padding: 10px; }
#Content td.Sidebar h1 {
  font-size: 20px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #004685;
}
#Content td.Sidebar h2 {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
  color: #004685;
}
#Content td.Main p.PageNav {
    color: #004685;
    font-size: 18px;
        font-weight: bold;
}
#Content td.Main p.PageNav a:link, #Content td.Main p.PageNav a:visited { font-size: 12px; color: #740000; font-weight: bold; text-decoration: none; }
#Content td.Main p.PageNav a:hover, #Content td.Main p.PageNav a:active { font-size: 12px; color: #740000; font-weight: bold; text-decoration: none; }
#Content td.Main a:link, #Content td.Main a:visited { color: #740000; text-decoration: none; }
#Content td.Main a:hover, #Content td.Main a:active { color: #740000; text-decoration: underline; }
#Content td.Main h2 {
        font-size: 18px;
        font-weight: bold;
    margin-bottom: 10px;
        color: #4C7EB0;
}
#Content td.Main td.ProfileLeft {
    padding: 0;
        padding-left: 25px;
        padding-right: 25px;
}
#Content td.Main td.ProfileRight {
    padding: 0;
        padding-left: 15px;
}

div.Score { height: 32px; width: 32px; line-height: 32px; font-size: 14px;font-weight: bold; letter-spacing: -1px; color: #FFFFFF;
  background: url(/images/new/homepage/score_sm_bg.gif) no-repeat center center; }

#Score {
	margin: 0;
	padding: 0;
	height: 48px;
	width: 48px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	margin-top: 0;
	margin-bottom: 0;
}
#ScoreSmall { width: 32px; height: 32px; display: block; 
	background-image: url(/images/new/score_sm_bg.gif); background-repeat: no-repeat;
	background-position: center center; text-align: center; color: #FFFFFF; font-size: 16px;
	font-weight: bold; letter-spacing: -1px; margin-left: auto; margin-right: auto; }
#ScoreSmall div { padding-top: 7px; }
#ScoreSmall div.Range { font-size: 10px; font-weight: normal; }

#Login { margin-top: 75px; margin-bottom: 75px; }
#Login h1 { font-size: 20px; color: #404040; margin: 0; margin-bottom: 15px; }
#Login h2 { font-size: 14px; color: #808080; margin: 0; margin-bottom: 5px; }
#Login p { font-size: 13px; color: #808080; margin: 0; margin-bottom: 15px; }
#Login a:link, #Login a:visited { color: #004984; text-decoration: none; }
#Login a:hover, #Login a:active { color: #5586AD; text-decoration: underline; }
#Login label { display: block; }

#TemplateMainFix { text-align: left; float: left; width: 980px; }

#QuickSearch { float: right; padding: 0; margin: 0; padding-right: 10px; }
#QuickSearch label { color: #EFEFEF; }
#QuickSearch select { font-size: 60%; color: #404040; font-family: Verdana, sans-serif; }
#QuickSearch input.Text { font-size: 60%; color: #404040; font-family: Verdana, sans-serif; }

#FuturesBanner { display: block; width: 980px; height: 30px; }

.MoreInfo { font-size: 10px; font-weight: normal; color: #808080; }

#ScoreSheet { margin: 0; margin-top: 5px; }
#ScoreSheet td p { display: block; font-size: 13px; margin: 0; margin-bottom: 5px; font-weight: bold; }
#ScoreSheet td { padding: 0; margin-top: 5px; padding-right: 15px; }

#DrinkingDateRange { margin: 0; margin-top: 5px; padding-left: 50px; }

/* TOOLTIPS */

a.ToolTip {
	position: relative; /*this is the key*/
	z-index: 98;
	text-decoration: none; text-align: left;
	font-weight: normal;
	text-decoration: none;
}

a.ToolTip:hover { z-index: 99; text-decoration: none; font-size: 99%; }

a.ToolTip span { display: none; text-decoration: none; }

a.ToolTip:hover span { /*the span will display just on :hover state*/
    display: block; position: absolute; top: 20px; left: 0; font-weight: normal;
	padding: 5px; border: 1px solid #FFFF99; width: 200px; text-align: left; text-decoration: none;
    background-color: #FFFFCC; font-size: 12px; color: #808080; white-space: normal;
}

a.ToolTipLong {
	position: relative; /*this is the key*/
	z-index: 98;
	text-decoration: none; text-align: left;
	font-weight: normal;
	text-decoration: none;
}

a.ToolTipLong:hover { z-index: 99; text-decoration: none; font-size: 99%; }

a.ToolTipLong span { display: none; text-decoration: none; }

a.ToolTipLong:hover span { /*the span will display just on :hover state*/
    display: block; position: absolute; top: 20px; left: 0; font-weight: normal;
	padding: 5px; border: 1px solid #FFFF99; min-width: 500px; max-width: 800px; text-align: left; text-decoration: none;
    background-color: #FFFFCC; font-size: 12px; color: #808080; white-space: normal;
}

a.ToolTipLeft {
	position: relative; /*this is the key*/
	z-index: 98;
	text-decoration: none; text-align: left;
	font-weight: normal;
	text-decoration: none;
}

a.ToolTipLeft:hover { z-index: 99; text-decoration: none; font-size: 99%; }

a.ToolTipLeft span { display: none; text-decoration: none; }

a.ToolTipLeft:hover span { /*the span will display just on :hover state*/
    display: block; position: absolute; top: 20px; right: 0; font-weight: normal;
	padding: 5px; border: 1px solid #FFFF99; width: 200px; text-align: left; text-decoration: none;
    background-color: #FFFFCC; font-size: 12px; color: #808080; white-space: normal;
}