@charset "utf-8";
/* CSS Document */

html {
	background:transparent;
	margin-bottom:1px;
	height:100%;
}
body {
	background:#FFF url(../images/bkgdMain-05.png) repeat-x top;
	margin:0 0 0 0;
	height:100%;
	height:auto !important;
	font:13px Trebuchet MS, Arial, Tahoma;
	color:#666666;
	line-height:1.6em;
	padding-bottom:1px;
}
td, tr {
	vertical-align:top;
	text-align:left;
}
sup {
	font-size: .8em;
}
.quote {
	background:url(../images/icon_quote.png) top left no-repeat;
	font:bold italic 16px Trebuchet MS, Arial, Tahoma;
	padding:0 0 0 35px;
	color:#999;
	text-align:left;
}
.alignRight {
	text-align:right;
}
#support {
	border:1px dotted #CCC;
	font:normal 13px Trebuchet MS, Arial, Tahoma;
	text-align:left;
	color:#000;
	background:#F5F5F5 url(../images/icon_support.png) top left no-repeat;
	padding:15px 15px 15px 55px;
}
.note {
	background:url(../images/icon_alert.gif) top left no-repeat;
	padding:0 0 0 55px;
}
.noteSide {
	background:url(../images/icon_alert2.gif) top left no-repeat;
	padding:0 0 0 55px;
}
.genWeb #container {
	width:1000px;
	height:auto !important;
	height:100%;
	min-height:100%;
	background:#FFF;
	margin:0 auto;
	border:5px solid #FFF;
	text-align:left;
}
#spacer {
	display:block;
}
.genWeb #header {
	height:200px;
	padding:0 0;
}
.genWeb #header h1 {
	margin:0 0;
	padding:10px 0 0 0;
}
.column {
}
.genWeb #sidebar {
	font:13px Trebuchet MS, Arial, Tahoma;
	color:#EEEEEE;
	background:#666666 url(../images/shadowSidebar.gif) repeat-x top;
	line-height:1.5em;
	float:right;
	width:365px;
	min-width:365px;
	width/**/:/**/ 345px;
	padding:20px 20px 135px 20px;
	position:relative;
	border:none 0;
}
.genWeb #sidebar-default {
	font:13px Trebuchet MS, Arial, Tahoma;
	color:#EEEEEE;
	background:#666666 url(../images/shadowSidebar.gif) repeat-x top;
	line-height:1.5em;
	float:right;
	width:365px;
	width/**/:/**/ 345px;
	min-width:365px;
	padding:20px;
	position:relative;
	border:none 0;
}
.genWeb #mainContent {
	background:url(../images/shadow.gif) repeat-x top;
	_background:#FFF;
	margin:0 400px 0 0;
	_margin:0 345px 0 0;
	padding:20px 25px 10px 20px;
}
.genWeb #bigContent {
	background:url(../images/shadow.gif) repeat-x top;
	margin:0 0;
	padding:15px;
}
.genWeb #midColumn {
	margin:0 0;
	padding:0 0;
	width:180px;
	float:right;
	text-align:left;
}
.genWeb #midCopy {
	width:360px;
}
.genWeb #midCopy2 {
	width:550px;
}
.genWeb #leftColumn {
	margin:0 0;
	padding:0 10px 0 0;
	width:350px;
	float:left;
}
.genWeb #splitLeft {
	margin:0 0;
	position:inherit;
	width:235px;
	margin:0 0 0 25px;
	float:left;
}
.genWeb #splitRight {
	margin:0 0;
	position:inherit;
	width:235px;
	margin:0 25px 0 0;
	float:right;
}
#wrapper {
	padding:0 0 40px;
	width:1000px;
	margin:0 auto;
}
.imageLoad {
	background:url(../images/loading.gif) 50% 50% no-repeat;
}
/* CLEARFIX 
.clearfix:after {
	clear:both;
	display:block;
	content:".";
	height:0;
	visibility:hidden;
}

* html > body .clearfix {
	width:100%;
	display:block;
}
* html .clearfix {
	height:1%;
}
*/
/* MAIN NAVIGATION
----------------------- */
#mainnavwrap {
	height:40px;
	position:relative;
	font:12px Trebuchet MS, Arial, Tahoma;
	z-index:2;
}
#mainnav {
	background:url(../images/grad2.gif) repeat-x top #2C79B3;
	height:35px;
}
#mainnav a, #subnav a {
	outline:none;
}
#mainnav .menu-item0, #mainnav .menu-item1, #mainnav .menu-item2, #mainnav .menu-item3, #mainnav .menu-item4, #mainnav .menu-item5, #mainnav .menu-item6, #mainnav .menu-item7, #mainnav .menu-item8, #mainnav .menu-item9 {
	text-transform:uppercase;
}
#subnav {
	display:block;
	font-size:94%;
	border-bottom:1px solid #E7E8E6;
	height:28px;
}
#subnav ul {
	margin:0;
	padding:0;
}
#subnav li {
	background:none;
	display:inline;
	margin:0;
	padding:0;
}
#subnav li a {
	display:block;
	float:left;
	padding:0 0 0 15px;
	line-height:28px;
	background:url(../images/vline.gif) no-repeat center left;
}
#subnav li.active a, #subnav li.active a:hover, #subnav li.active a:active, #subnav li.active a:focus {
	font-weight:bold;
	color:#8BAB32;
}
#subnav li a.first-item {
	background:none;
}
/* MAIN STYLING
----------------------- */
.fltrt {
	float:right;
	margin-left:8px;
}
.fltlft {
	float:left;
	margin-right:8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}
.clearfloat:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
}
.smalltxt {
	font:11px Trebuchet MS, Arial, Tahoma;
	color:#999;
	line-height:1em;
}
.smalltxt a:link, .smalltxt a:visited {
	color:#999;
	text-decoration:underline;
}
.smalltxt a:hover {
	color:#666666;
	text-decoration:none;
}
.lighttxt {
	font:11px Trebuchet MS, Arial, Tahoma;
	color:#CCC;
}
#modified {
	font:11px Trebuchet MS, Arial, Tahoma;
	color:#CCC;
	float:right;
}
#genTime {
	font:11px Trebuchet MS, Arial, Tahoma;
	color:#999;
	padding:0 0 10px 0;
}
p {
	margin:10px 0 5px 0;
	padding:0;
	text-align:justify;
}
ul, ol {
	list-style-image:url(../images/bullet.png);
	_list-style-image:none;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	/* line-height:1.3em;  */
}
li {
	line-height:1.5em;
}
hr {
	border:none 0;
	border-top:1px dashed #CCC;
	width:80%;
	height:1px;
	text-align:center;
}
strong {
	font-size:1.2em;
}
.trunc2 {
}
/* LINKS
----------------------- */
a {
	text-decoration:underline;
}
a:link, a:visited {
	font:13px Trebuchet MS, Arial, Tahoma;
	color:#666666;
}
a:hover {
	text-decoration:none;
	color:#CC0000;
}
#sidebar a:link, #sidebar a:visited, #sidebar-default a:link, #sidebar-default a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#00FF66;
}
#sidebar a:hover, #sidebar-default a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#33CC66;
}
.bLink {
	font:bold 13px Trebuchet MS, Arial, Tahoma;
}
.bLink a:link, .bLink a:visited {
	color:#999;
	text-decoration:none;
}
.bLink a:hover {
	color:#666666;
	text-decoration:none;
}
.bLink:before {
	content:"[ ";
	color:#CCC;
}
.bLink:after {
	content:" ]";
	color:#CCC;
}
.moreLink {
	font:bold 13px Trebuchet MS, Arial, Tahoma;
	float:right;
}
.moreLink a:link, .moreLink a:visited {
	color:#999;
	text-decoration:none;
}
.moreLink a:hover {
	color:#666666;
	text-decoration:none;
}
.moreLink:before {
	content:"[ ";
	color:#CCC;
}
.moreLink:after {
	content:" ]";
	color:#CCC;
}
#homeLink {
	float:left;
	position:relative;
	margin:0 0;
	padding:0 0 0 10px;
}
/* IMAGES
----------------------- */
.imageBorder {
	padding:2px;
	background:#FFF;
	border:2px #CCC solid;
	margin:5px 15px;
	float:right;
}
.imageBorder-noFloat {
	padding:2px;
	background:#FFF;
	border:2px #CCC solid;
	margin:3px 3px;
}
.dkimageBorder {
	border:4px #999 solid;
	margin:5px 10px;
}
.imageOver {
	background:url(../images/zoom.gif) no-repeat 50% 50%;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
	border:none;
}
#pgtop {
	height:90px;
	width:1000px;
	margin:auto;
	text-align:right;
	padding:0 0;
}
/* FOOTER
----------------------- */
#footcontainer {
	background:url(../images/bkgdFooter-01.png) repeat-x;
	position:relative;
	display:table;
	height:89px;
	width:100%;
}
#footer {
	font:10px Trebuchet MS, Arial, Tahoma;
	;
	color:#CCC;
	padding:0 20px 0 20px;
	display:table-cell;
	vertical-align:middle;
	line-height:95px;
	bottom:0;
}
#footlink {
	float:left;
}
#footlink a:link, #footlink a:visited {
	color:#CCC;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 10px 0 10px;
}
#footlink a:hover {
	color:#999;
	text-decoration:underline;
	padding:0 10px 0 10px;
}
.copyright {
	font:10px Trebuchet MS, Arial, Tahoma;
	;
	color:#999;
	padding:0 10px 0 80px;
}
/* HEADERS
----------------------- */
h1, h2, h3, h4 {
	font-family:Trebuchet MS, Arial, Tahoma;
	margin:15px 0;
}
h1 {
	font-size:1.8em;
	letter-spacing:-1px;
	color:#999;
	line-height:.7em;
}
h2 {
	font-size:1.4em;
	letter-spacing:-1px;
	color:#0099CC;
	line-height:.8em;
}
.h2color {
	color:#CC0000;
}
h3 {
	font-size:1.4em;
	font-style:italic;
	letter-spacing:-1px;
	color:#B4B4B4;
	line-height:.5em;
}
h4 {
	font-size:1.8em;
	letter-spacing:-1px;
	color:#0099CC;
	line-height:.7em;
}
.h4color {
	color:#0099CC;
}
/* BREADCRUMBS
----------------------- */
#breadcrumbs {
	font:11px Trebuchet MS, Arial, Tahoma;
	border:none;
	color:#999;
	width:650px;
	float:right;
	margin:10px 0 0 0;
	padding:0 15px 0 0;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	font:11px Trebuchet MS, Arial, Tahoma;
	color:#999;
	text-decoration:none;
	border:none;
}
#breadcrumbs a:hover {
	font:11px Trebuchet MS, Arial, Tahoma;
	color:#CC0000;
	text-decoration:underline;
	border:none;
}
/* FORMS
----------------------- */
input {
	font:12px Trebuchet MS, Arial, Tahoma;
	color:#666666;
	background-color:#FFF;
	border:1px #CCC solid;
	height:20px;
}
input:focus {
	background:#EEEEEE;
}
select {
	font:12px Trebuchet MS, Arial, Tahoma;
	color:#666666;
	background-color:#FFF;
	border:1px #CCC solid;
	height:20px;
}
select:focus {
	background:#EEEEEE;
}
.cblProducts {
	line-height:.5em;
}
textarea {
	font:12px Trebuchet MS, Arial, Tahoma;
	color:#666666;
	background-color:#FFF;
	border:1px #CCC solid;
	width:250px;
}
textarea:focus {
	background:#EEEEEE;
}
.form {
	font:12px Trebuchet MS, Arial, Tahoma;
	color:#666666;
	background-color:#FFF;
	border:1px #CCC solid;
	height:20px;
}
.formbutton {
	cursor:pointer;
	border:outset 1px #CCC;
	background:#999 url(../images/bkgdForm.gif) repeat-x left top;
	color:#666666;
	font-weight:bold;
	padding:1px 2px;
	height:24px;
}
input[type="submit"] {
	cursor:pointer;
	border:outset 1px #CCC;
	background:#999 url(../images/bkgdForm.gif) repeat-x left top;
	color:#666666;
	font-weight:bold;
	padding:1px 2px;
	height:24px;
}
input[type="reset"] {
	cursor:pointer;
	border:outset 1px #CCC;
	background:#999 url(../images/bkgdForm.gif) repeat-x left top;
	color:#666666;
	font-weight:bold;
	padding:1px 2px;
	height:24px;
}
.button-top {
	float:right;
	margin: 0 25px;
}
/* EXPAND-O-MATIC
----------------------- */
.expando {
	font:10px Trebuchet MS, Arial, Tahoma;
	color:#999;
}
/* ACCORDION CONTAINERS
----------------------- */
#accordion-container {
	height:485px;
	overflow:hidden;
}
#sales-accordion-container {
	height:780px;
	overflow:hidden;
}
#products-accordion-container {
	height: 590px;
	overflow:hidden;
}
#reports-accordion-container {
	height:925px;
	overflow:hidden;
}
#lost-accordion-container {
	height:890px;
	overflow:hidden;
}
#TRBOreports-accordion-container {
	height:600px;
	overflow:hidden;
}
/* TABLES
----------------------- */
#genTable p {
	text-align:left;
}
#bigTable {
	font:11px Trebuchet MS, Arial, Tahoma;
	line-height:1.1em;
}
#bigTable p {
	text-align:left;
}
#bigTable a:link, #bigTable a:visited {
	font-size:11px;
	text-decoration:underline;
}
#bigTable a:hover {
	font-size:11px;
	text-decoration:none;
}
.cel-dkBlue {
	color:#FFF;
	background-color:#006699;
	vertical-align:middle;
}
.cel-dkBlue p {
	vertical-align:middle;
}
.cel-dkGray {
	color:#FFF;
	background-color:#444444;
}
.cel-ltGray {
	color:#000;
	background-color:#EEEEEE;
}
.cel-ltGray {
	color:#000;
	background-color:#EEEEEE;
}
.cel-ltGray a:link, .cel-ltGray a:visited{
	color:#000;
	text-decoration:underline;
}
.cel-ltGray a:hover{
	color:#CC0000;
	text-decoration:none;
}
.cel-medGray {
	color:#FFF;
	background-color:#999;
}
.cel-medGray a:link, .cel-medGray a:visited, .cel-dkBlue a:link, .cel-dkBlue a:visited {
	color:#FFF;
	text-decoration:underline;
}
.cel-medGray a:hover, .cel-dkBlue a:hover {
	color:#FFF;
	text-decoration:none;
}
/* TICKER
----------------------- */
#ticker {
}
#ticker .cursor {
	display: inline-block;
	background: #565c61;
	width: 0.6em;
	height: 1em;
	text-align: center;
}
