body {
	font-family: "lucida grande", arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #3F3F3F;
}

h1 {
	color: #2668f1;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 16px;
	line-height: 1.25em;
}

h2 {
	color: #2668f1;
	margin: 0 0 10px 0;
	font-size: 14px;
}


#home-columns h2 {
	color: #fff;
	margin: 0 0 2px 0;
	font-size: 14px;
	text-transform: uppercase;
}

#home-catalogue-columns h2 {
	color: #fff;
	margin: 0 0 2px 0;
	font-size: 14px;
	text-transform: uppercase;
}

#home-catalogue-columns p {
	color: #fff;
}

#login-box h2 {
	color: #fff;
	margin: 0 0 8px 0;
	font-size: 12px;
	text-transform: uppercase;
}

#login-box h3 {
	color: #b10002;
 	font-size: 10px;
	padding: 0 0 0 18px;
	margin: 0 0 -10px 0;
}

#login-box h3.warning {
	color: #b10002;
	background: url(/jigsaw/static/images/icon_warning.gif) transparent center left no-repeat;
 	font-size: 10px;
	padding: 0 0 0 18px;
	margin: 0 0 0 0;
}

#login-box a.forgotten {
	color: white; 
 	font-size: 10px;
	margin: 0 0 0 10px;
}

#green-col a.forgotten {
	color: white; 
 	font-size: 10px;
}

#sidebar h2 {
	color: #2668f1;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	font-size: 14px;
}

div.prod-one h2 {
	color: #fff;
	margin: 0 0 2px 0;
	padding: 7px 0 0 0;
	font-size: 14px;
	text-transform: uppercase;
}

div.prod-two h2 {
	color: #fff;
	margin: 0 0 2px 0;
	padding: 7px 0 0 0;
	font-size: 14px;
	text-transform: uppercase;
}


h3 {
	color: #fe9833;
	margin: 0 0 8px 0;
	font-size: 12px;
}


h3.warning {
	color: #e4383a;
	background: url(/jigsaw/static/images/ordering/icon_warning.gif) transparent center left no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 8px 0;
}

h3.message {
	color: #2769F1;
	background: url(/jigsaw/static/images/icon_message.gif) transparent center left no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 8px 0;
}

h3.blue-h3 {
	color: #2668f1;
}

h3.grey-h3 {
	color: #444;	
	padding: 0;
	margin: 0;
	padding-top: 15px;
}

.subheader {
	font-style: italic;
	color: #2668F1;
}


h4 {
	margin: 0;
	color: #000;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0 0 5px 0;
}

#home-columns h4 {
	color: #fff;
	margin: 0 0 20px 0;
}

#home-catalogue-columns h4 {
	color: #fff;
	margin: 0 0 20px 0;
}

p {
	font-size: 11px;
	margin: 0 0 10px 0;
	line-height: 1.4em;
}

.orange-text {
	color: #fe9833;
}

#home-columns p {
	color: #fff;
}

#home-cataogue-columns p {
	color: #fff;
}

p.arrow-link {
	padding: 0 0 0 18px;
	background: url(/jigsaw/static/images/arrow_link.gif) transparent center left no-repeat;
	font-weight: bold;
}

a:link {
	color: #fe5a00;
	text-decoration: underline;
}

a:visited {
	color: #fe5a00;
	text-decoration: underline;
}

a:hover {
	color: #fe5a00;
	text-decoration: none;
}

a.inactive:link {
	color: #999999;
	text-decoration: underline;	
}

a.inactive:visited {
	color: #999999;
	text-decoration: underline;	
}

a.inactive:hover {
	color: #999999;
	text-decoration: none;	
}

div.login-info a:link, div.login-info-front a:link {
	color: #ffffff;
	text-decoration: underline;
}

div.login-info a:visited,div.login-info-front a:visited {
	color: #ffffff;
	text-decoration: underline;
}

div.login-info a:hover,div.login-info-front a:hover {
	color: #ffffff;	
	text-decoration: none;
}

p.arrow-red {
	padding: 0 0 0 18px;
	background: url(/jigsaw/static/images/arrow_red.gif) transparent center left no-repeat;
	font-weight: bold;
}

p.arrow-red a:link {
	color: #710000;
	text-decoration: underline;
}

p.arrow-red a:visited {
	color: #710000;
	text-decoration: underline;
}

p.arrow-red a:hover {
	color: #710000;
	text-decoration: none;
}

a.red-link:link {
	color: #710000;
	text-decoration: underline;
}

a.red-link:visited {
	color: #710000;
	text-decoration: underline;
}

a.red-link:hover {
	color: #710000;
	text-decoration: none;
}


p.arrow-yellow {
	padding: 0 0 0 18px;
	background: url(/jigsaw/static/images/arrow_yellow.gif) transparent center left no-repeat;
	font-weight: bold;
}

p.arrow-yellow a:link {
	color: #9b3801;
	text-decoration: underline;
}

p.arrow-yellow a:visited {
	color: #9b3801;
	text-decoration: underline;
}

p.arrow-yellow a:hover {
	color: #9b3801;
	text-decoration: none;
}

p.arrow-green {
	padding: 0 0 0 18px;
	background: url(/jigsaw/static/images/arrow_green.gif) transparent center left no-repeat;
	font-weight: bold;
}

p.arrow-green a:link {
	color: #026023;
	text-decoration: underline;
}

p.arrow-green a:visited {
	color: #026023;
	text-decoration: underline;
}

p.arrow-green a:hover {
	color: #026023;
	text-decoration: none;
}

p.arrow-blue {
	padding: 0 0 0 18px;
	background: url(/jigsaw/static/images/arrow_blue.gif) transparent center left no-repeat;
	font-weight: bold;
}

p.arrow-blue-header {
	padding: 0 0 0 18px;
	background: url(/jigsaw/static/images/arrow_blue_down.gif) transparent center left no-repeat;
	font-weight: bold;
	color:#fff;
	font-size: 14px;
}

p.arrow-blue a:link {
	color: #0040c3;
	text-decoration: underline;
}

p.arrow-blue a:visited {
	color: #0040c3;
	text-decoration: underline;
}

p.arrow-blue a:hover {
	color: #0040c3;
	text-decoration: none;
}

p.success {
    padding-right: 2px;
    padding-left: 4px;
    padding-top: 4px;
    background: #66cc66;
    padding-bottom: 4px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    color: #000;
}

#footer p {
	padding: 0 0 0 10px;
	margin: 0;
	color: #999;
}

#footer p a:link {
	color: #999;
	text-decoration: underline;
}

#footer p a:visited {
	color: #999;
	text-decoration: underline;
}

#footer p a:hover {
	color: #5e544c;
	background-color: transparent;
	text-decoration: none;
}

#footer-inner p {
	padding: 0 0 0 0;
	margin: 0;
	color: #999;
}

#footer-inner p a:link {
	color: #999;
	text-decoration: underline;
}

#footer-inner p a:visited {
	color: #999;
	text-decoration: underline;
}

#footer-inner p a:hover {
	color: #835300;
	background-color: transparent;
	text-decoration: none;
}

ul {
	padding: 0 0 10px 0;
	margin: 0 0 0 1.5em;
	list-style-type: square;
}

ol {
	padding: 0 0 10px 0;
	margin: 0 0 0 2.5em;
}

li {
	font-size: 11px;
	margin: 3px 0 3px 0;
}

img.button {
	border: 0;
}

/* breadcrumb */

#breadcrumb ul {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	}

#breadcrumb ul li {
	display: inline;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 11px;
	color:	#fff;
}

#breadcrumb ul li a:link {
	padding: 0 0 0 0;
	text-decoration: underline;
	text-align: center;
	color:	#fff;
}

#breadcrumb ul li a:visited {
	padding: 0 0 0 0;
	text-decoration: underline;
	text-align: center;
	color:	#fff;
}

#breadcrumb ul li a:hover {
	padding: 0 0 0 0;
	text-decoration: none;
	text-align: center;
	color:	#fff;
}

/*  sidenav  */

ul.sidenav {
	width: 190px;
	padding: 0 0 0 0;
    margin: 0 0 10px 0;
	list-style-type: none;
	/* line-height: 11px; This is impractical for lines that wrap. */
	font-size: 11px;
	border-top: 1px solid #c9c9c9;

	}

ul.sidenav li {
	margin: 0;
	font-size: 1em;
	}

ul.sidenav li a {
	display: block;
	color: #fe5a00;	
	padding: 6px 0 6px 20px;
	font-family: helvetica, arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 0px solid #c1c1c1;
	width: 190px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px;
	vertical-align: bottom;
}

html>body ul.sidenav li a {
width: 170px;
	}

ul.sidenav li a:visited {
	text-decoration: none;
	color: #fe5a00;
	}

ul.sidenav li a:hover {
	text-decoration: none;
	color: #2668f1;
	}

ul.sidenav li.on a {
	color: #2668f1;
	background: url(/jigsaw/static/images/deco_nav2.gif) transparent center left no-repeat;
	}

ul.sidenav li.on a:visited {
	color: #2668f1;
	background: url(/jigsaw/static/images/deco_nav2.gif) transparent center left no-repeat;
	}

ul.sidenav li.on a:hover {
	color: #2668f1;
	background: url(/jigsaw/static/images/deco_nav2.gif) transparent center left no-repeat;
	}

.search-checkbox-spacing {
	float: left;
	width: 95px;
	font-size: 11px;
}
.search-checkbox-spacing-large {
	float: left;
	width: 150px;
	font-size: 11px;
}

div.prompt {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

div.prompt_value {
	float: left;
	font-size: 11px;
}

td.label {
	font-weight : bold;
}

/*
 * Order Specific
 */

table.ordering p {
	margin: 4px 0 4px 2px;
}


td.total p {
	color: #098936;
}

span.side-note {
	font-style: italic;
	color: #5a8aed;
}

td.title-bar h2 {
	color: #fff;
	background: url(/jigsaw/static/images/arrow_blue_down.gif) transparent center left no-repeat;
	padding: 0 0 0 18px;
	margin: 6px 0 6px 5px;	
}

a.title-bar {
	color: #ffffff;
	margin: 0 0 10px 0;
	font-size: 14px;
}
.title-bar h2 {
	color: #fff;
	background: url(/jigsaw/static/images/arrow_blue_down.gif) transparent center left no-repeat;
	padding: 4px 0 6px 18px;
	margin: 6px 0 6px 5px;	
}


#report-container h3 {
	color: #3F3F3F;
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

td.grey {
    color: #999999;
}


/* project management classes */

.pmtask-date, .pmtask-date-overdue {
	text-align: center;
}
.pmtask-date-overdue {
	background-color: #AE0000; /* original mauve */
	background-color: #3469D6; /* blue */
	background-color:#FE6A19;  /* orange */
	background-color: #F13026; /* red */
	color: #fff;
}

/* the notification menu on the home page */
#pmtask-notifications a {
	text-decoration: none;
}

#pmtask-notifications a:hover {
	color: brown;
	text-decoration: underline;
}



div.message-red {
    background-color: #fbf6f6;
    margin: 0 0 30px 0;
    padding: 12px 20px 5px 20px;
    border: 1px #f00 solid;
    text-align: center;
    font-weight: bold;
    color: #f00;
}

div.message-red h3 {
    color: #f00;
}


div.message-red p {
    color: #f00;
}

div.message-red li {
    color: #454545;
    font-weight: normal;
}

div.message-red table {
    padding: 0;
    margin: 0;
}

div.message-red table td {
    padding: 5px 5px 10px 5px;
    text-align: left;
}