/*
'==============================================================================
' Name:     Styles.css
'
' Version   Date        By              Desc
' -----------------------------------------------------------------------------
'	1.0.4	11/14/2005	Michael Martin	Changes for Non Inventory Purchase project.
'	1.0.3	09/29/2005	Ravi K.Gude		Added styles for FieldSalesFlash Reports.
'	1.0.2	09/26/2005	Michael Martin	Added tree node styles used in the GeographyControl.
'	1.0.1   06/09/2004  Michael Martin  Added styles for Macstravaganza reports.
'==============================================================================
*/

/* START - Basic styles */

BODY
{
	font-family: Arial, Sans-Serif;
	/* background-color: white; */
}

BODY.Login
{
	font-family: Arial, Sans-Serif;
	background-color:#CC0000
}

HR
{
	color: Black;
}

A
{
	color: #333399;
}

H1
{
	font-family: Arial, Sans-Serif;
	font-weight: Bold;
	font-size: medium;
}

H2
{
	font-family: Arial, Sans-Serif;
	font-weight: Bold;
	font-size: small;
}

H3
{
	font-family: Arial, Sans-Serif;
	font-weight: Bold;
	font-size: x-small;
}


/* END - Basic styles */

TABLE.dataview, TH.headerbar
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
}

TH.headerbar
{
	font-weight: bold;
	font-size: x-small;
	color: #000000;
	font-family: Arial, Sans-Serif;
	background-color: lightgrey;
	text-align: left;
}


/* START - Table styles - bordercolorlight/bordercolordark equivalent */

.tables_table
{
	border-top: 1px solid #3399FF;
	border-left: 1px solid #3399FF;
	padding: 5px;
}
.tables_headercell
{
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #3399FF;
	border-bottom: 1px solid #3399FF;
	background-color: #3399FF;
	font-weight: bold;
	color: #FFFFFF;
}
.tables_contentcell
{
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #3399FF;
	border-bottom: 1px solid #3399FF;
	background-color: #FFFFFF;
}
.tables_contentcell_altern
{
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #3399FF;
	border-bottom: 1px solid #3399FF;
	background-color: #E5F2FF;
}

/* END - Table styles - bordercolorlight/bordercolordark equivalent */
.TableHeader
{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	font-family: Arial;
	background-color: #000000;
}

.TableSubHeader
{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	font-family: Arial;
	background-color: #cc0000;
}

.TableSubSubHeader
{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	font-family: Arial;
	background-color: gray;
}

.TableHeader A
{
	color: White;
}

.TableHeader: A:Hover
{
	color: #CC0000;
}

.TableHeader: A:Visited
{
	color: White;
}


.TableFooter
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	background-color: lemonchiffon;
}

.TableItemFocus
{
	font-weight: bold;
	font-size: xx-small;
	color: white;
	background-color: dimgray;
}

.TableItem
{
	font-size: 8pt;
	color: #000000;
	background-color: whitesmoke;
}

.TableItemAlt
{
	font-size: 8pt;
	color: #000000;
	background-color: gainsboro;
}

.TableItemEvent
{
	font-size: 8pt;
	color: #000000;
	background-color: lightcyan;
}

.TableItemRegion
{
	font-size: 8pt;
	color: #000000;
	background-color: lemonchiffon;
}

.TableItemDistrict
{
	font-size: 8pt;
	color: #000000;
	background-color: palegoldenrod;
}

.TableItemDistributor
{
	font-size: 8pt;
	color: #000000;
	background-color: khaki;
}

.TableItemCategory
{
	font-size: 8pt;
	color: black;
	background-color: peachpuff;
}

.TableItemSKU
{
	font-size: 8pt;
	color: black;
	background-color: lightsalmon;
}

.TableItemEdit
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	background-color: yellow;
}

.TableItemSelected
{
	font-size: 8pt;
	color: black;
	background-color: lemonchiffon;
}

.Pager
{
	font-weight: bold;
	font-size: x-small;
	color: black;
	font-family: Tahoma;
	background-color: darkgray;
	text-align: left;
}

.DataGrid
{
	border-width: 1px;
	border-color: #990000;
	border-style: solid;
}

.ErrorMessage
{
	font-weight: bold;
	font-size: x-small;
	color: #cc0000;
	line-height: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: yellow;
}

.FieldLabel
{
	font-weight: bold;
	font-size: 12px;
	color: dimgray;
	font-family: Arial, Sans-Serif;
	text-align: left;
}

.extDocumentPagerStyle, .extPagerStyle
{
	font-weight: bold;
	font-size: 8pt;
	color: #CC0000;
	font-family: Arial, Verdana;
}

.extPagerStyle
{
	font-size: 10pt;
	color: black;
	background-color: lightgrey;
}

.extPagerStyle A:HOVER
{
	color: #CC0000;
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 10pt;
}


A.Menu
{
	color: black;
	font-size: 9pt;
	width: 115px;
	text-decoration: none;
	padding: 1px;
}

A.Menu:HOVER
{
	padding: 0px;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	background-color: lightgrey;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
	color: black;
	font-size: 9pt;
	width: 115px;
	text-decoration: none;
	padding: 1px;
}

/* text style for the selected tab */
.SelectedTab
{
	padding-right: 1px;
	padding-left: 3px;
	font-weight: bold;
	font-size: 9pt;
	padding-bottom: 1px;
	width: 130;
	color: #ffffff;
	padding-top: 1px;
	border-left: white 1px solid;
	border-top: white 1px solid;
	background-color: dimgray;
}

/* text style for the unselected tabs */
.OtherTabs
{
	color: white;
	font-size: 9pt;
	width: 130px;
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
	border-left: white 1px solid;
	border-top: white 1px solid;
}

.ParentTab
{
	color: #CC0000;
	font-size: 9pt;
	width: 115px;
	text-decoration: none;
	padding: 3px;
	font-weight: bold;
}

A.OtherTabs:hover
{
	padding: 3px;

	background-color: #CC0000;
	color: White;
	border-left: white 1px solid;
	border-top: white 1px solid;
}


/* GENERAL */
/* style for module titles */
.Head
{
	font-weight: bold;
	font-size: 14px;
	color: #333300;
	font-family: Arial, Helvetica, sans-serif;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Arial, 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: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

.SubHeadDetail
{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:darkred;
}

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
}

.NormalUnavailable
{
	font-weight: normal;
	font-size: 11px;
	color: gray;
	line-height: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.NormalSmall
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	line-height: 10px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-weight: normal;
	font-size: 12px;
	border-top-style: groove;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-right-style: groove;
	border-left-style: groove;
	border-bottom-style: groove;
}

.ReadOnlyTextBox
{
	font-weight: normal;
	font-size: 12px;
	color: dimgray;
	border-top-style: groove;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	border-right-style: groove;
	border-left-style: groove;
	background-color: transparent;
	border-bottom-style: groove;
}

.NormalRed
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.NormalGreen
{
	font-weight: bold;
	font-size: 14px;
	color: green;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.NormalWhite
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
}

.NormalWhite A
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}

.NormalBold
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: darkred;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: darkred;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: darkred;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: red;
}

/* style of item titles by Announcements and events */
.ItemTitle
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
}


A.CookieTrail
{
	font-size: x-small;
}

.SearchBar
{
	color: white;
	font-size: 9pt;
	text-decoration: none;
	font-weight: bold;
}

A.SearchBar:hover
{
	text-decoration:underline;
}

.ReportTitle
{
	font-weight: bold;
	font-size: 8pt;
	color:  white;
	font-family: arial;
	background-color: red;
}

/* Used within Performance Reward */
.ReportHeader
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: arial;
	background-color: #CC0000;
}

.ReportSubHeader
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: arial;
	background-color: black;
}

.ReportItem
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	background-color: white;
	text-decoration: none;
}

.ReportItemGreen
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	background-color: limegreen;
	text-decoration: none;
}

.ReportItemYellow
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	background-color: #ffff66;
	text-decoration: none;
}

.ReportItemRed
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	background-color: tomato;
	text-decoration: none;
}

.ReportAlternatingItem
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	background-color: whitesmoke;
	text-decoration: none;
}

.ReportItemBold
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}

.ReportDrillDownItem
{
	font-size: 8pt;
	color: navy;
	font-family: Arial;
	background-color: lemonchiffon;
	text-decoration: none;
}

.ReportItemAlign
{
	font-size: 8pt;
	color: black;
	font-family: Arial;

	text-align: right;
	text-decoration: none;
}

.ReportSummaryFooter
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: arial;
	background-color: whitesmoke;
}

.TableHeaderPerf
{
	font-weight: bold;
	font-size:  7pt;
	color: white;
	font-family: verdana;
	background-color: dimgray;
}

.TableItemPerf
{
	color: #000000;
	background-color: #FBFBFB;
	font-size: 7pt;
}
.DropDownList
{

	font-size: 12px;
	font-family: Arial, Sans-Serif;
	text-align: left;
}

.ErrMessage
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:Red;
}

.TreeBackground
{
	background-color: transparent;
}

.TreeNodeSelected
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	background-color: navy;
}

/* For Field Sales Flash Reports*/
.ReportFlashHeader
{
	font-weight: bold;
	font-size: 6pt;
	color: black;
	font-family: arial;
	background-color: #CC0000;
}

.ReportFlashDivisionHeader
{
	font-weight: bold;
	font-size: 6pt;
	color: black;
	font-family: arial;
	background: #ff5f5f;
}

.ReportFlashSubHeader
{
	font-weight: bold;
	font-size: 6pt;
	color: white;
	font-family: arial;
	background-color: black;
}

.ReportFlashItem
{
	font-size: 6pt;
	color: black;
	font-family: Arial;
	background-color: white;
	text-decoration: none;
}
