@import url('../app_themes/new/form.css');
@import url('../app_themes/new/menu.css');
@import url('../app_themes/new/messages.css');

h1 {
	color: #283a56;
	font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 16px;
	line-height: 130%;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: -5px;
}
h2 {
	color: #283a56;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 2px;
}
h3 {
	color: #283a56;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
}
h4 {
	color: #283a56;
	font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 11px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 6px;
}
h5 {
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
}
h6 {
	color: #ff6600;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
}
body {
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
	scrollbar-DarkShadow-Color: #ffffff;
	scrollbar-Track-Color: #f637c89;
	scrollbar-Face-Color: #cccccc;
	scrollbar-Shadow-Color: #ffffff;
	scrollbar-Highlight-Color:#ffffff;
	scrollbar-3dLight-Color: #ffffff; 
	scrollbar-Arrow-Color: #ffffff;
}
td {
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
}
.HeaderImage {
	margin-bottom: 10px;
}
.txtDate {
	width: 80px;
}
a:link, a:active {
	color: #333333; 
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 130%;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: underline;
}
a:visited {
	color: #666666; 
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 130%;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: underline;
}
a:hover {
	color: #336699; 
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 130%;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: underline;
}
.formBox {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #ffffff !important;
	border: 1px solid #000000;
}
.lnkNBlack12HL:link, .lnkNBlack12HL:active, .lnkNBlack12HL:visited {
	color: #333333; 
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 130%;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
}
.lnkNBlack12HL:hover {
	color: #336699; 
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 130%;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: underline;
}
.CategoryTextL:link, .CategoryTextL:visited, .CategoryTextL:active {
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 185%;
	display: block;
	width: 100%;
	cursor: pointer;
}
.CategoryTextL:hover {
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 185%;
	display: block;
	width: 100%;
	cursor: pointer;
}
.CategoryTextOnL:link, .CategoryTextOnL:visited, .CategoryTextOnL:active, .CategoryTextOnL:hover {
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 185%;
	display: block;
	width: 100%;
	cursor: pointer;
}
/* .CategoryMarginText - USED FOR CATEGORY HEADING IN MARGIN */
.CategoryMarginText {
	color: #596C7B;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 145%;
	font-style: normal;
	font-weight: normal;
	height: 22px;
	padding-left: 10px;
	padding-right: 10px;
	background-image:url(/templates/wiseshopper/img/bg_nav_lt.gif);
	border-top: solid 1px #596C7B;
	border-bottom: solid 1px #596C7B;
}
/* .LogoutL - FORMATTING FOR LOGOUT AND HELP LINKS */
.LogoutL:link, .LogoutL:visited, .LogoutL:active {
	color: #24306A;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: solid 1px #ffffff;
	background-color: #D5D7EA;
}
.LogoutL:hover {
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	border-bottom: solid 1px #ffffff;
	background-color: #D5D7EA;
}

/* .CategoryMarginTextL - FORMATTING FOR CATEGORY Margin TEXT LINKS
e.g. Parent category names on left margin of page */
.CategoryMarginTextL:link, .CategoryMarginTextL:visited, .CategoryMarginTextL:active {
	color: #24306A;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	padding-left: 10px;
	border-bottom: solid 1px #ffffff;
	background-color: #CCCEDB;
	/*background: url(/img/sp_white.gif) no-repeat #CCCEDB;*/
}
.CategoryMarginTextL:hover {
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	border-bottom: solid 1px #ffffff;
	background-color: #CCCEDB;
	/*background: url(/img/sp_white.gif) no-repeat #CCCEDB;*/
}
.CategoryMarginArrowL:link, .CategoryMarginArrowL:visited, .CategoryMarginArrowL:active {
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	border-bottom: solid 1px #ffffff;
	width: 30px;
	background-color: #283a56;
	/*background: url(/img/sp_white.gif) no-repeat top right #24306A;*/
}
.CategoryMarginArrowL:hover {
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	border-bottom: solid 1px #ffffff;
	width: 30px;
	background-color: #283a56;
	/*background: url(/img/sp_white.gif) no-repeat top right #24306A;*/
}

/* .SubCategoryMarginTextL - FORMATTING FOR SUB-CATEGORY MARGIN TEXT LINKS
e.g. Sub category names on left margin of page */
.SubCategoryMarginTextL:link, .SubCategoryMarginTextL:visited, .SubCategoryMarginTextL:active {
	color: #80849B;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	padding-left: 10px;
	background-color: #E9EAF2;
}
.SubCategoryMarginTextL:hover {
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	background-color: #E9EAF2;
}
.SubCategoryMarginArrowL:link, .SubCategoryMarginArrowL:visited, .SubCategoryMarginArrowL:active {
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	border-bottom: solid 1px #ffffff;
	background-color: #80849B;
	width: 30px;
}
.SubCategoryMarginArrowL:hover {
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 200%;
	display: block;
	width: 100%;
	cursor: pointer;
	border-bottom: solid 1px #ffffff;
	background-color: #80849B;
	width: 30px;
}
th
{
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	background-color: #80849B;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.MemberHeading th
{
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	height: 35px;
	background: url(/img/im_red.gif) #D02027;
	padding: 0px;
}
.ReportHeading th
{
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	height: 35px;
	background: url(/img/im_green.gif) #349946;
	padding: 0px;
}
.InvoiceHeading th
{
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	height: 35px;
	background: url(/img/im_blue.gif) #283A56;
	padding: 0px;
}
input {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.Button {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
.txtNWhite11 {
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
}
.lnkNWhite11HL:link, .lnkNWhite11HL:active, .lnkNWhite11HL:visited {
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
	text-decoration: none;
}
.lnkNWhite11HL:hover {
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	font-style: normal;
	text-decoration: underline;
}
.lnkNWhite9NL:link, .lnkNWhite9NL:active, .lnkNWhite9NL:visited {
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 130%;
	font-style: normal;
	text-decoration: none;
}
.lnkNWhite9NL:hover {
	color: #cccccc;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	line-height: 130%;
	font-style: normal;
	text-decoration: normal;
}

/*
** Data Entry Page
*/
TABLE.DataEntryForm
{
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #E9EAF2;
}
td.DataEntryForm
{
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #E9EAF2;
}
/*
** The Title bar of a Data Entry Page
*/
TR.DataEntryTitle
{
	font-size: 120%;
	font-weight: bold;
	color: whitesmoke;
	letter-spacing: 0.1em;
	background-color: #284a67;
	text-align: left;
}

TR.DataEntryTitle TH
{
	border-top: dimgray 1px solid;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}

TR.DataEntryFooter TD
{
	padding-bottom: 0.2em;
	border-bottom: #284a67 thin solid;
}


/*
** A non-editable data entry control
*/
SPAN.DataEntry
{
}

/*
** The status message that is displayed on error or when the row is saved
*/
.DataEntryFormMessage
{
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 11px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
}
/*
** The status message that is displayed in table header
*/
.HeaderFormMessage
{
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 11px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	padding-right:10px;
}

/*
** Validation Messages and Summary
*/
.MsgVal, .MsgValSummary
{
/*	font-size: x-small;
	color: orangered;*/
	color: #DF1316;
	font-family: verdana, arial, helvetica, sans-serif; 
    font-size: 11px;
	line-height: 130%;
	font-style: normal;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

/*
** Data Entry Form
*/
SPAN.RequiredFieldMark
{
	color: #DF1316;
}

SPAN.FieldCaption
{
}

/*
** Data entry controls 
*/
.DataEntry
{
	border: #333333;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 18px;
}

/*
** Search page styles
*/
TABLE.SearchForm
{
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #E9EAF2;
}

Td.Criteria
{
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #E9EAF2;
	padding-left: 10px;
	padding-right: 40px;
}


/*
** DataGrid TABLE
*/
.DataGrid
{
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	font-family: verdana, arial, helvetica, sans-serif;
}

/*
** DataGrid Header Row
*/
.DataGridHeader
{
	color: #ffffff;
	font-size: 11px;
	line-height: 130%;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #80849B;
}
.DataGridHeader td
{
	color: #ffffff;
	font-size: 11px;
	line-height: 130%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #80849B;
}
.DataGridHeader A:link, .DataGridHeader A:visited
{
	color: #ffffff;
	font-size: 11px;
	line-height: 160%;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

.DataGridHeader A:hover
{
	color: #ffffff;
	font-size: 11px;
	line-height: 160%;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
}

/*
** DataGrid SubHeader Row
*/
.DataGridHeaderSub, .DataGridHeaderSub TD
{
	border-top: steelblue 1px solid;
	background-color: #E9EAF2;
}

/*
** DataGrid Footer Row
*/
.DataGridFooter
{
	color: #333333;
	background-color: #E9EAF2;
}

/*
** DataGrid Pager Row at the bottom of the datagrid if paging is enabled
*/
.DataGridPager
{
	border-right: #80849B 1px solid;
	border-top: #80849B 1px solid;
	border-left: #80849B 1px solid;
	color: #333333;
	border-bottom: #80849B 1px solid;
	text-align: right;
}
.DataGridPager A, .DataGridPager A:visited
{
	color: #333333;
	font-family: Verdana;
	text-decoration: none;
}

.DataGridPager A:hover
{
	color: #DF1316;
	font-family: Verdana;
	text-decoration: none;
}
/*
** DataGrid Normal Row
*/
.DataGridItem
{
	background-color: #E9EAF2;
}

/*
** DataGrid Alternate Row - every second row
*/
.DataGridItemAlt
{
	background-color: #F4F5F9;
}

/*
** DataGrid Selected Row
*/
.DataGridItemSelected
{
	font-weight: bold;
	color: whitesmoke;
	background-color: steelblue;
}

/*
** Special Formatting for links on the selected row on the DataGrid
*/
.DataGridItemSelected A:link, .DataGridItemSelected A:visited
{
	color: whitesmoke;
}

.DataGridItemSelected A:hover
{
	color: white;
}

/*
** DataGrid Row being edited
*/
.DataGridItemEdit
{
	background-color: #f7f7f7;
}

/*
** borders for the DataGrid Header have to be applied to the Cells (not the row)
*/
TR .DataGridHeader TD
{

}

TR .DataGridPager TD
{
	border-top: #80849B 1px solid;
}



/*
** Layout Styles
*/
#HeadingTable
{
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	border-bottom: 1px solid #508fc4;
}

.SiteHeading
{
	background-color: #2175bc;
}

.SiteLogo
{
	width: 130px;
}

.SiteTitle
{
}

.SiteTitle H1
{
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 0.2em;
	font-size: medium;
	color: #fff;
}

#ContentArea
{
	border-right: fuchsia thin solid;
	border-top: fuchsia thin solid;
	border-left: fuchsia thin solid;
	border-bottom: fuchsia thin solid;
}


/* based on menu from - http://www.alistapart.com/articles/taminglists */
#Menu
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: x-small;
	float: left;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	width: 140px;
	color: #333333;
	padding-top: 0px;
	background-color: #90bade;
}

#Menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#Menu li
{
	border-bottom: 1px solid #90bade;
	margin: 0;
}

#Menu li a
{
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #508fc4;
}

html > body #Menu li a
{
	width: auto;
}

#Menu li a:hover
{
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}


#Content
{
	padding-right: 1em;
	padding-left: 1em;
	float: right;
	padding-bottom: 1em;
	padding-top: 1em;
}

#Footer
{
	border-top: gainsboro 1px solid;
	padding-left: 1em;
	font-size: xx-small;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-bottom: gainsboro 1px solid;
}







fieldset
{
	/*background-color: #000000;*/
	margin: 0;
	border: 0;		
}