body
{
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: helvetica, arial, sans-serif;
}
div, table, p
{
	font-family: helvetica, arial, sans-serif;
	color: #000000;
}
form
{
	padding: 0;
	margin: 0;
	display: inline;
}

a
{
	color: #006666;
}
/* all anchors by defalt dark turquoise with underlines */
a:hover
{
	color: #992200;
}
a.major
{
	color: #00659C;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}
a.minor
{
	color: #A50021;
	font-size: 10pt;
	font-weight: bold;
}
a.color1
{
	color: Black;
}
a.color1:hover
{
	color: Black;
}

#wrapper
{
	background: #ffffff;
	width: 770px;
	margin-bottom: 10px;
	border-right: 1px solid #006666;
	border-bottom: 1px solid #006666;
}
/* holds the entire page for layout */
#mainTable tr
{
	vertical-align: top;
}
/* forces the content and leftnav to the top of the row */

/* header classes */
#header
{
	color: #000000;
	width: 770px;
	height: 50px;
	border-bottom: 5px solid #006666;
}
#logo
{
	float: left;
	width: 433px;
}
#title
{
	float: left;
	width: 99px;
	padding-top: 17px;
}
#title h1
{
	padding: 0;
	margin: 0;
}
#printlogo
{
	display: none;
}
#utility
{
	width: 335px;
	text-align: right;
	position: absolute;
	top: 0px;
	left: 430px;
}
#utility a
{
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
}
.divider
{
	color: #ffffff;
	font-size: 1pt;
}
/* end of header classes */

/* nav classes */
#nav
{
	width: 150px;
	background:#006666; 
	border-right: 1px solid #006666;
	vertical-align:top;
}
#login_nav{width:150px; border-right:1px solid #006666; background:#ffffff; color:#006666; padding:5px; vertical-align:top;}

.nav_title{ margin:25px auto auto 5px; font-family: helvetica, arial, sans-serif; font-size:14px; font-weight: bold; text-decoration:none; color:#000000}
.nav_links{ margin:25px auto auto 5px;}
.nav_links a{display:block; font-family: helvetica, arial, sans-serif; font-size:12px; text-decoration:none; margin: auto auto 10px auto;}

/* login */
.nav_login{ margin:20px auto auto 5px;}
.nav_login a{margin:0; padding:0; border;none;}
.login_box{width:100%; background:#e7e3d6; border-top:1px solid #315d7b; border-bottom:1px solid #9c9a63;}
.login_box p{background:#eeeeee;  border-bottom:1px solid #000000; margin:0;}
.login_box img{margin: 10px auto 5px 20px; border:none;}
#client{ margin: 0 25px auto 25px;}
#shopper{margin: 0 auto auto 10px;}

.navReporting
{
	background: #006666;
	color: #ffffff;
}
.navReporting ul
{
	padding: 10px 0;
	margin: 0;
}
.navReporting li
{
	list-style-type: none;
	margin: 0 5px 12px 5px;
	padding: 0;
	line-height: 10pt;
}
.navReporting li a
{
	font-size: 8pt;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.navReporting li a:hover
{
	text-decoration: underline;
	color: #ffffff;
}
.navProfile
{
	background: #ffffcc;
	color: #000000;
	font-weight: bold;
	font-size: 8pt;
	padding: 5px;
}
.navProfile a
{
	color: #000000;
	text-decoration: underline;
}
.menudivider
{
	color: #000000;
}
/* end of nav classes */

/* content classes */
.tablecellborder
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.subheader
{
	font-weight: bold;
	font-size: 13px;
	color: #a50021;
}
.textsmall
{
	font-size: 8pt;
}

#content
{
	font-size: 10pt;
}
.padding
{
	padding: 10px;
}
#shopperInfoBar
{
	background: #ffffcc;
	color: #000000;
	font-weight: bold;
	text-align: right;
	padding: 5px;
	font-size: 9pt;
}
/* bar that holds shopper id and rating*/
#shopperInfoBar .divider
{
	color: #ffffcc;
	margin: 0 10px;
	font-size: 9pt;
}
/* change color of divider, add space*/
h2
{
	font-size: 12pt;
	margin: 0 0 8px 0;
	padding: 0;
	font-family: helvetica, arial, sans-serif;
}
h2.color1
{
	color: #00FF00;
}
/* migrate to h3.color1 */
h3
{
	font-size: 11pt;
	margin: 15px 0 3px 0;
	padding: 0;
	font-weight: bold;
	color: #aa0000;
}
h3.color1
{
	color: #00659C;
	font-weight: bold;
	font-size: 11pt;
}
h4
{
	font-size: 11pt;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0;
}
.sectionDivider
{
	border-top: 1px solid #aa0000;
	font-size: 10.5pt;
	font-weight: bold;
	color: #aa0000;
	margin-top: 4px;
}
.sectionDivider .instructions
{
	font-weight: normal;
	font-size: 9pt;
}
.contentDivider
{
	border-bottom: solid 1px #666666;
}
.floatRight
{
	float: right;
}
.floatLeft
{
	float: left;
}
.center
{
	text-align: center;
}
.indent
{
	padding-left: 20px;
	display: block;
}
.instructions
{
	font-weight: bold;
}
.text
{
	font-size:10pt;
}
/* use for instructions to the user */
.alert
{
	color: #aa0000;
}
/* use for items that should be alerted to the user - red */
.accepted
{
	color: #006666;
}
/* use for items that show an action the user took - turquoise */
.emphasis
{
	color: #00659C;
}
/* use for text that needs to be emphasized but does not fit the categories above */
li.spaced
{
	padding-bottom: 5px;
	padding-top: 5px;
}
/* end of content classes */

/* tables */
th
{
	background: #666666;
	color: #ffffff;
	text-align: center;
}
th.color1
{
	background: #008080;
	color: #ffffff;
	text-align: center;
	padding-left: 5px;
}
.lineBG1
{
	background: #eeeeee;
	font-size: 9pt;
}
/* use for alternating table rows - very light gray */
.lineBG2
{
	background: #dddddd;
	font-size: 9pt;
}
/* use for alternating table rows - very light gray */
.lineBG3
{
	background: #ffffff;
	font-size: 9pt;
}
/* use for alternating table rows - light gray */
.border1
{
	border: solid 1px black;
}
/* simple bordered table */
/* end of table classes */

/* forms */
.formTable
{
	font-size: 9pt;
}
.formTable td
{
	padding-top: 2px;
}
.label
{
	font-weight: bold;
	color: #000000;
	text-align: right;
	font-size: 9pt;
	font-family:  arial, helvetica, sans-serif;
}
/* can't right justify a label, add class to td */
.labelbold
{
	font-weight: bold;
	color: #000000;
	font-size: 9pt;
}
.labelleft
{
	font-weight: bold;
	color: #000000;
	text-align: left;
	font-size: 9pt;
}
/* use for label tags that need to be bold and left justified*/
.field
{
	/*font-family: "courier new" , monospace, courier; */
	font-family:  arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}
.select
{
	font-size: 9pt;
}
.error
{
	font-size: 10pt;
	font-weight: bold;
	color: #aa0000;
}
.required
{
	font-size: 10pt;
	font-weight: bold;
	color: #aa0000;
}
.example
{
	font-size: 8pt;
	color: #555555;
}
.formlarge
{
	font-size: 9pt;
	color: #000000;
	width: 250px;
	font-family: arial, helvetica , sans-serif;
}
.formButton
{
	padding-top: 2px;
	background: #006666;
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	margin: 5px 8px;
	cursor: hand;
}
/* dark turquoise - default */
.formButton2
{
	padding-top: 2px;
	background: #009999;
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	margin: 5px 8px;
	cursor: hand;
}
/* light turquoise */
.formButton3
{
	padding-top: 2px;
	background: #cccccc;
	color: #000000;
	font-weight: bold;
	font-size: 8pt;
	margin: 5px 8px;
	cursor: hand;
}
/* gray */
.formButton4
{
	padding-top: 2px;
	background: #ffffcc;
	color: #000000;
	font-weight: bold;
	font-size: 8pt;
	margin: 5px 8px;
	cursor: hand;
}
/* light yellow */
/* end of forms classes */

/* footer classes */
#footer
{
	font-size: 7.5pt;
	color: #000000;
	width: 100%;
	border-top: 1px solid #006666;
}
#footer p
{
	padding: 6px 0;
	margin: 0;
	text-align: center;
}
/* end of footer classes */

/* completed form builder classes */
.FormBuilderBgDarkGrey
{
	font-size: 9pt;
	font-family: Arial;
	background-color: #dedede;
}
.FormBuilderBgLightGrey
{
	font-size: 9pt;
	font-family:  Arial;
	background-color: #efefef;
}
.FormBuilderOptionLeftTextBold
{
	font-weight: bold;
	font-size: 8pt;
	font-family:  Arial;
	text-align: left;
}
.FormBuilderText
{
	font-size: 9pt;
	font-weight: normal;
	color: black;
	font-family:  Arial;
}
.FormBuilderTextSmall
{
	font-size: 8pt;
	font-weight: normal;
	color: black;
	font-family:  Arial;
}
.FormBuilderBlackLine
{
	background-color: #0a0a0a;
}
.FormBuilderSectionBgDarkGrey
{
	font-weight: bold;
	font-size: 10pt;
	font-family:  Arial;
	background-color: #dedede;
}
.FormBuilderLightGreyLine
{
	background-color: silver;
}
.FormBuilderSectionText
{
	font-size: 10pt;
	font-family:  Arial;
}
.FormBuilderFormName
{
	font-weight: bold;
	font-size: 11pt;
	font-family:  Arial;
}
.FormBuilderSectionBorder
{
	border-right: 1px solid;
	border-top: 1px solid;
	margin: 1px;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
.FormBuilderRowErrorBorder
{
	border-right: #ff0000 1px solid;
	border-top: #ff0000 1px solid;
	margin: 1px;
	border-left: #ff0000 1px solid;
	border-bottom: #ff0000 1px solid;
}
/* end completed form builder classes */

/* frameset */
#wrapperFrame
{
	background: #ffffff;
	width: 617px;
	margin-bottom: 10px;
	border-right: 1px solid #006666;
	border-bottom: 1px solid #006666;
}
#leftnavFrame{background-color:#006666;}

/* shopper - evaluation form */
#eval{height:100%; overflow-y:auto;}
#evalHeader{display:block; position:fixed; left:0px; top:0px; width:617px; background-color:#FFFFFF;}
* html #evalHeader{position:absolute;}
#evalForm{margin-top:150px;}