html
{
	/* Forces vertical scroll bar on FF to eliminate page jump */
	overflow-x: auto;
	overflow-y: scroll;
}

body
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	background-color: #cccc99;
	color: #000000;
}


/* These all need height 100% in XHTML Transitional for Mozilla */
html, body, form, center
{
	height: 100%;
	margin: 0;
	padding: 0;
}

div, form
{
	margin: 0;
	padding: 0;
}

.strike
{
	text-decoration: line-through;
}

/*  TODO: remove dev style */
div.footer a.notdone, a.notdone
{
	color: Orange;
}

td .half
{
	width: 50%;
}

/************************************************/
/*  Home Page Formatting						*/
/************************************************/
h2.header
{
	background-color: #FDFADD;
	padding: 0px 4px 0px 4px;
	margin-bottom: 10px;
	border-bottom: 3px solid #918949;
	border-top: 3px solid #EBE297;
	font-family: Garamond, 'Times New Roman' , serif;
}

img .noborder
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

/************************************************/
/*  All Tables, cellpadding=0, cellspacing=0	*/
/************************************************/

table
{
	border-collapse: collapse;
}
td
{
	padding: 0;
}


/*********************************/
/* main background wrapper table */
/*********************************/
table.wrapper
{
	background-color: #cccc99;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

/************/
/*	header	*/
/************/
div.header
{
	background-color: #ffffff;
	height: 100px;
}

div.header img
{
	border: none;
}

td.header
{
	background-color: #ffffff;
	width: 100%;
}



/************/
/*	footer	*/
/************/

div.footer
{
	font-size: 8pt;
	background-color: #ffffff;
	text-align: center;
	padding: 1em 0;
}

div.footer a
{
	font-weight: normal;
	color: #551a8b;
}
div.footer a:hover
{
	color: #cc0000;
}
div.footer div.disclaimer
{
	font-size: 7pt;
	font-style: italic;
	text-align: left;
	background-color: #ffffcc;
	border: solid 1px #000000;
	margin: 1em 0.5em;
	padding: 0.1em;
}

/****************/
/*	content		*/
/****************/
div.content
{
	padding: 0.5em;
}

/****************/
/*	Images		*/
/****************/

.noborder
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

/************/
/*	menu	*/
/************/

table.menu
{
	width: 100%;
	background-color: #000000;
}

table.menu img
{
	border: none;
}

/* main menu */
.mnuM
{
	background-color: #9c9c90;
}

.mnuM td
{
	padding: 1px 0;
}

/* main menu item */

.mnuMI
{
	color: #ffffff;
	font-weight: bold;
	margin-left: 0.25em;
	margin-right: 0.25em;
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	border-left: darkkhaki 1px solid;
	font-size: 9pt;
}

/* main menu hover */
.mnuMIH
{
	color: yellow;
}

/* sub menu */
.mnuS
{
	padding-top: 2px;
	border: solid #000000 1px;
}

/* sub menu item */
.mnuSI
{
	font-size: 8pt;
	font-weight: normal;
	color: #dddddd;
	background-color: #666666;
	padding: 0 5px;
	margin-bottom: 2px;
}

/* sub menu item highlight */
.mnuSIH
{
	color: yellow;
	background-color: #333333;
}

/* Search Menu */
table.mnuSearch
{
	width: 100%;
	color: #dcdcdc;
	background-color: #000000;
	border-bottom: #000000 thin solid;
	border-top: #000000 thin solid;
	padding-bottom: 1px;
	padding-top: 1px;
	font-weight: bold;
}

table.mnuSearch a
{
	color: #dcdcdc;
	font-weight: bold;
	text-decoration: none;
}

table.mnuSearch a:hover
{
	color: #ffff00;
	font-weight: bold;
	text-decoration: none;
}


/********/
/*	box	*/
/********/
div.box
{
	background-color: #fffdec;
	border: solid 1px #000000;
}
div.box div.title
{
	color: #ffff00;
	background-color: #003366;
	font-size: 12pt;
	font-weight: bold;
	padding: 0.25em;
	border: none;
}

div.box div.title_red
{
	color: #ffffff;
	background-color: #993333;
	font-size: 12pt;
	font-weight: bold;
	padding: 0.25em;
	border: none;
}
div.box div.titlebar
{
	background-color: #003366;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-bottom: #000000 1px solid;
}
div.box div.content
{
	border: none;
	margin: 0;
	padding: 0.25em;
}


/****************/
/*	home page	*/
/****************/
table.home tr
{
	vertical-align: top;
}

table.home td.homeprintpub
{
	width: 165px;
}

table.home td.homecontent div.box
{
	margin-left: 1em;
	margin-bottom: 1.5em;
}
table.home td.leftcontent
{
	width: 100%;
}

table.home td.rightcontent div.box
{
	margin-left: 1em;
	margin-bottom: 1em;
}

table.home td.rightcontent div.box div.title
{
	color: #ffff00;
	background-color: #003366;
	font-size: 10pt;
	font-weight: bold;
	padding: 0.25em;
	border: none;
}
table.home td.bottomcontent
{
	width: 25%;
}

table.home td.bottomcontent div.box
{
	margin-left: 1em;
	margin-bottom: 1em;
}

table.home td.bottomcontent div.box div.title
{
	color: #ffff00;
	background-color: #003366;
	font-size: 10pt;
	font-weight: bold;
	padding: 0.25em;
	border: none;
}

table.home td.homeprintpub div.box div.content
{
	margin: 0;
	padding: 0;
}


table.home td.homeprintpub div.box div.content div
{
	margin: 1px 0;
	padding: 0 2px 2px 2px;
	color: #0000ee;
	background-color: #ededf3;
}

table.home td.homeprintpub div.box div.content a
{
	font-size: 10px;
	font-weight: bold;
	color: #0000ee;
	padding-left: 2px;
}
table.home td.homeprintpub div.box div.content a:hover
{
	color: #cc0000;
}

/****************************************/
/*	classified photo thumbnail tables	*/
/****************************************/
td.outline
{
	vertical-align: top;
	border-bottom: black 1px solid;
	border-left: black 1px solid;
	border-top: black 1px solid;
	border-right: black 1px solid;
	background-color: #ffffff;
	text-align: center;
}

td.bluebackground
{
	vertical-align: top;
	border-bottom: black 1px solid;
	border-left: black 1px solid;
	border-top: black 1px solid;
	border-right: black 1px solid;
	background-color: #99ccff;
	text-align: center;
}

/************/
/*	fonts	*/
/************/
.Font0
{
	font-size: 7pt;
}
.Font1
{
	font-size: 9pt;
}
.Font2
{
	font-size: 10pt;
}
.Font2i
{
	font-size: 10pt;
	font-style: italic;
}
.Font2iRed
{
	font-size: 10pt;
	font-style: italic;
	color: #cc3366;
	font-weight: bold;
}
.Font3
{
	font-size: 12pt;
}
.Font4
{
	font-size: 14pt;
}
.Font5
{
	font-size: 16pt;
}
.Font6
{
	font-size: 18pt;
}
.RedText
{
	color: red;
}
.GreyText
{
	color: gray;
}

/************************/
/*		Info Tables		*/
/************************/

/* standard info tables */
.alt
{
	background-color: #FFFFFF;
}

table.info
{
	border: solid 1px black;
	width: 100%;
}

table.info tr
{
	padding: 5px;
	background-color: #eeeee3;
}

table.info tr.border
{
	padding: 5px;
	background-color: #eeeee3;
	border-bottom: lightgrey thin solid;
}

table.info tr.alt
{
	padding: 5px;
	background-color: #FFFFFF;
}

table.info tr.title
{
	padding: 15px;
	background-color: #ffff66;
	font-size: 16pt;
	font-weight: bold;
}

table.info tr.price
{
	padding: 15px;
	background-color: #e6e6fa;
	font-size: 16pt;
	font-weight: bold;
}

table.info td.alt
{
	padding: 5px;
	background-color: #FFFFFF;
}

table.info tr.header_red td
{
	background-color: #993333;
	font-weight: bold;
	color: White;
	text-align: left;
	border-bottom: solid 1px black;
}

table.info tr.ad_title td
{
	background-color: #993333;
	font-weight: bold;
	color: White;
	text-align: left;
	border-bottom: solid 1px black;
	font-size: 16pt;
}

table.info tr.header_blue td
{
	background-color: #003366;
	font-weight: bold;
	color: yellow;
	text-align: left;
	border-bottom: solid 1px black;
}

table.info tr.header_brown td
{
	background-color: #B1B18C;
	font-weight: bold;
	color: Black;
	text-align: left;
	border-bottom: solid 1px black;
}

table.info tr.header_brown td.head_link a
{
	color: #000000;
}

table.info tr.header td a
{
	color: #000000;
}

table.info td
{
	padding: 5px 20px 5px 2px;
}

table.info td.nodata
{
	font-style: italic;
}

table.info td.picture
{
	width: 550px;
	background-color: white;
}

/************************/
/*		Narrow Tables	*/
/************************/

/* standard info tables */

table.narrow
{
	border: solid 1px black;
}

table.narrow tr.header_blue td
{
	background-color: #003366;
	font-weight: bold;
	color: yellow;
	text-align: left;
	border-bottom: solid 1px black;
}

table.info tr.shaded
{
	padding: 5px;
	background-color: #dcdcdc;
}

/************************/
/*		Info_small Tables		*/
/************************/


table.info_small
{
	border: solid 1px black;
	width: 100%;
}

table.info_small tr
{
	padding: 5px;
	background-color: #eeeee3;
}
table.info_small tr.alt
{
	padding: 5px;
	background-color: #FFFFFF;
}

table.info_small td.alt
{
	padding: 5px;
	background-color: #FFFFFF;
}

table.info_small tr.header_red td
{
	background-color: #993333;
	font-weight: bold;
	color: White;
	text-align: left;
	border-bottom: solid 1px black;
}

table.info_small tr.header_brown td
{
	background-color: #B1B18C;
	font-weight: bold;
	color: Black;
	text-align: left;
	border-bottom: solid 1px black;
}

table.info_small tr.header_brown td.head_link a
{
	color: #000000;
}

table.info_small tr.header td a
{
	color: #000000;
}

table.info_small td
{
	padding: 5px 20px 5px 2px;
	font-size: 8pt;
}

table.info_small td.nodata
{
	font-style: italic;
}

/************************/
/*		Layout table    */
/************************/

table.layout
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	width: 100%;
}


table.layout td.variable
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	vertical-align: top;
}

table.layout td.half
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	width: 50%;
	vertical-align: top;
}

table.layout td.full
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	width: 100%;
	vertical-align: top;
}

/************************/
/*		List tables		*/
/************************/

/* standard list */

table.list tr
{
	vertical-align: baseline;
}
table.list tr.header td
{
	font-weight: bold;
	margin: 0 0 5px 0;
	vertical-align: bottom;
	white-space: nowrap;
}

table.list tr.header td a
{
	color: #000000;
}
table.list tr.alt
{
	background-color: #e7e9ea;
}


table.list td
{
	padding: 5px 20px 5px 2px;
}

table.list td.nodata
{
	font-style: italic;
}

/************************/
/*		Tab Content		*/
/************************/

.TabContent
{
	clear: both;
	padding: 20px;
	background-color: #ffffff;
	color: #000000;
	margin-bottom: 5px;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

.Tab_Strip ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.Tab_Strip li
{
	float: left;
	display: block;
	margin: 0 1px;
	padding: 0;
	text-align: center;
}

.Tab_Strip li a
{
	height: 1.3em;
	line-height: 1.3em;
	float: left;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 2px;
	background-color: #eeeeee;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: none;
}

.Tab_Strip li.active a
{
	height: 1.3em;
	line-height: 1.3em;
	float: left;
	display: block;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 2px;
	background-color: #696969;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: none;
	font-weight: bold;
}

.Tab_Strip li a:hover
{
	height: 1.3em;
	line-height: 1.3em;
	float: left;
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 2px;
	background-color: #cccccc;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: none;
}

.Tab_Strip
{
	width: 1000px;
}

/*********************************************
/ Validator Errors
*********************************************/
div.error, ul.error
{
	margin: 15px 0 5px 40px;
	padding: 0;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #cc0000;
}

div.error a, ul.error a
{
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
	color: #cc0000;
}

ul.error
{
	list-style: square;
	list-style-position: inside;
}

ul.error li
{
	margin-left: 10px;
}

div.contentEditBlock
{
	display: inline;
	background-color: #EEEEEE;
	padding: 2px;
	padding-left: 12px;
	border: solid 1px black;
}

.contentEditBlockLink
{
	margin-left: 10px;
	margin-right: 10px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
.contentEditBlockLink:hover
{
	text-decoration: none;
}

div.contentApproveBlock
{
	display: inline;
	background-color: #FFFF80;
	padding: 2px;
	padding-left: 12px;
	border: solid 1px black;
}


/*********************************************
/ MfgIndex Page Formatting
*********************************************/

div.pagetitle
{
	font-family: "Trebuchet MS" , Verdana, Arial;
	color: #990000;
	font-size: 22px;
	background-color: #F0F0F0;
	padding: 0px 4px 0px 4px;
	margin-bottom: 4px;
	border-bottom: 3px solid #000000;
	border-top: 3px solid #999999;
}

div.MfgIndexEditBlock
{
	display: inline;
	padding: 2px;
	padding-left: 12px;
	font-size: 10pt;
	float: right;
}

.MfgIndexEditBlockLink
{
	margin-left: 10px;
	margin-right: 10px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
.MfgIndexEditBlockLink:hover
{
	text-decoration: none;
}

div.MfgIndexApproveBlock
{
	display: inline;
	background-color: #FFFF80;
	padding: 2px;
	padding-left: 12px;
}

div.MfgIndexAdminEditBlock
{
	display: inline;
	background-color: #ffff33;
	padding: 2px;
	padding-left: 12px;
	border: solid 1px black;
	margin-top: 40px;
	margin-right: 10px;
}

/*********************************************
/ Formatting for sort arrows for Grid Tables
*********************************************/
.sort_arrow
{
	text-decoration: none;
	color: #696969;
	font-size: 8pt;
}

.sort_arrow_active
{
	text-decoration: none;
	color: #00008b;
	font-size: 8pt;
}

/*********************************************
/ Data Grid Classes
*********************************************/

.grid_table
{
	border: solid 1px black;
	width: 100%;
}

.grid_header_brown
{
	background-color: #B1B18C;
	font-weight: bold;
	color: #000000;
	text-align: left;
	border-bottom: solid 1px black;
	padding: 5px;
}

.grid_header_red
{
	background-color: #993333;
	font-weight: bold;
	color: White;
	text-align: left;
	border-bottom: solid 1px black;
	padding: 5px;
}

.grid_row
{
	background-color: #ffffff;
	border-bottom: lightgrey thin solid;
}

.grid_row td
{
	padding: 5px;
}

.grid_row_alt
{
	background-color: #eeeee3;
	border-bottom: lightgrey thin solid;
}

.grid_row_alt td
{
	padding: 5px;
}

.grid_pager span
{
	background-color: #B1B18C;
	font-size: 14px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	color: #000000;
}

.grid_pager
{
	background-color: #d7d7c1;
}

.grid_pager td
{
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
	font-size: 14px;
}

.grid_pager a
{
	text-decoration: none;
}

.grid_fotter
{
	background-color: #d7d7c1;
	color: black;
	font-size: 12px;
	border-top: black thin solid;
}

.grid_fotter td
{
	padding-left: 4px;
	border-top: black thin solid;
}

/*********************************************
/ Modal Popup Classes
*********************************************/

.modalBackground
{
	background-color: #333333;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPanel
{
	overflow:auto;
	width:auto;
}

.modalContainer
{
	background-color: #dcdcdc;
	border: 2px solid #000000;
	padding: 0px 0px 0px 0px;
}

.modalTitlebar {
	background-color: #003366;
	height: 25px;
}

.modalBody
{
	padding:15px 15px 15px 15px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
}

.modalTitlebarLeft
{
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffff00;
}

.modalTitlebarRight 
{
	background-position:right;
	background-repeat:no-repeat;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.modalButtons
{
	margin:10px;
}