/* ------------------------------------------------------------ */
/* spGlobal Style */
/* Website Color Scheme is as follows:
   Grey 01: #000000 (Black)
   Grey 02: #111111
   Grey 03: #222222
   Grey 04: #333333
   Grey 05: #444444
   Grey 06: #555555
   Grey 07: #666666
   Grey 08: #777777
   Grey 09: #888888
   Grey 10: #999999
   Grey 11: #aaaaaa
   Grey 12: #bbbbbb
   Grey 13: #cccccc
   Grey 14: #dddddd
   Grey 15: #eeeeee
   Grey 16: #ffffff (White)
   ----------
   Blue 01: #778899
   Blue 02: #8899aa
   Blue 03: #99aabb
   Blue 04: #aabbcc
   Blue 05: #bbccdd
   Blue 06: #ccddee
   LINK BLUE (07): #5577bb
   ----------
   Red  01: #cc6666
   Red  02: #ccaaaa */

/* ------------------------------------------------------------ */
/* Body Settings */
BODY {
	min-width: 934px;
	margin: 0px 0px 0px 0px;
	padding: 30px 10px 10px 10px;
	background-color: #ffffff;
	color: #333333;
	background-image: url(images/sprocketlogo.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-size: smaller;
}

/* ------------------------------------------------------------ */
/* Other Form Element Default Settings */
HR {
	height: 1px;
	width: 90%;
	border: 1px black solid;
	text-align: center;
}
FORM {
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ------------------------------------------------------------ */
/* Default Link Styles */
A, A:link {
	font-weight: bold;
	font-style: normal;
	color: #5577bb;
	text-decoration: none;
}
/* Links with the mouse hovering over them: */
A:hover { color: #333333; }
/* Links currently being clicked: */
A:active { color: #cc7755; }

a img {border: none; }

/* ------------------------------------------------------------ */
/* Standard Page Regions */
#leftcolumn {
	display: block;
	float: left;
	clear: left;
	width: 160px;
	margin: 90px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#farleftcolumn {
	display: block;
	float: left;
	clear: left;
	width: 16px;
	margin: 90px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#rightcolumn 
{
	display: block;
	float: left;
	clear: right;
	min-width: 754px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 70%;
}
#menu {
	display: block;
	float: left;
	clear: both;
	width: 150px;
	margin: 0px 10px 0px 0px;
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #000000;
	background-color: #ffffff;
}
#usermenu {
	display: block;
	float: left;
	clear: both;
	width: 150px;
	margin: 10px 10px 0px 0px;
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: solid;
	border-color: #000000;
	background-color: #ffffff;
}
#tabs {
	display: block;
	float: left;
	clear: both;
	width: 754px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#body {
	display: block;
	float: left;
	clear: both;
	min-width:750px; /* 770px = l+r borders = 4px */
	margin: 0px 0px 0px 0px;
	min-height: 400px;
	border-width: 2px 2px 2px 2px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
	background-color: #eeeeee;
}
#body2 
{
	display: block;
	float: left;
	clear: both;
	width:750px; /* 770px = l+r borders = 4px */
	margin: 30px 0px 0px 0px;
	min-height: 400px;
	border-width: 2px 2px 2px 2px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
	background-color: #eeeeee;
}
/* ------------------------------------------------------------ */
/* Logon Form Regions */
#lrightcolumn {
	display: block;
	float: left;
	clear: right;
	width: 474px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#lbody {
	display: block;
	float: left;
	clear: both;
	width:470px; /* 470px = l+r borders = 4px */
	margin: 80px 0px 0px 0px;
	border-width: 1px 1px 1px 1px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
	background-color: #eeeeee;
}

/* ------------------------------------------------------------ */
/* Copyright Information Style */
.copyright {
	display: block;
	/*float: left;*/
	clear: both;
	width: 100%;
	font-weight: bold;
	FONT-SIZE: xx-small
}
.copyright A, .copyright A:link { font-weight: bold; color: #778899; }
.copyright A:hover { color: #cc6666; }
.copyright A:active { color: #ccaaaa; }

/* ------------------------------------------------------------ */
/* Other Common Elements */
#title {
	font-size: larger;
	font-weight: bold;
	color: #666666;
}
#resultsummary {
	font-weight: bold;
	color: #cc6666;
}
#searchcancel {
	text-align: left;
}
#searchparam {
	font-size: smaller;
	color: #cc6666;
}

/* ------------------------------------------------------------ */
/* Menu Item Styles */
.menutitle {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
}
.menuitem {
	display: block;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
	font-style: normal;
}
.menubutton {
	display: block;
	margin: 10px 0px 0px 0px;
	font-style: normal;
}
/* ------------------------------------------------------------ */
/* Tab Styles and Elements */
.subtab
{
	display: block;
	float: left;
	margin: 3px;
	border-width: 1px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
}
.tab1 
{
	width: 398px;
	height: 28px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 2px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
}
.tab2 {
	width: 198px;
	height: 28px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 2px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
}
.tab3 {
	width: 131px;
	height: 28px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 2px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
}
.tab4 {
	width: 98px;
	height: 28px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 2px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
}
.tab5 {
	width: 98px;
	height: 28px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 2px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: #000000;
	background-color: #cccccc;
}
#tableftspace1 {
	width: 176px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
	background-color: transparent;
}
#tabrightspace1 {
	width: 176px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}
#tableftspace2 {
	width: 176px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}
#tabrightspace2 {
	width: 176px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}
#tableftspace3 {
	width: 176px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}
#tabrightspace3 {
	width: 177px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}
#tableftspace4 {
	width: 176px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}
#tabrightspace4 {
	width: 176px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}
#tableftspace5 {
	width: 126px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}
#tabrightspace5 {
	width: 126px;
	height: 30px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border-style: solid;
	border-color: #000000;
}

/* ------------------------------------------------------------ */
.tiny {
	font-size: xx-small;
	font-weight: 100;
}
.heading {
	font-size: larger;
	font-weight: bold;
}
.error {
	font-weight: bold;
	color: #cc6666;
}

/* ------------------------------------------------------------ */
.formtable {
	width: 100%;
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.formlabel {
	background-color: #eeeeee;
	text-align: right;
	font-weight: bold;
}
.formbold {
	background-color: #eeeeee;
	text-align:center;
	font-weight: bold;
}
.formlabelFixed {
	background-color: #eeeeee;
	text-align: right;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	width: 100px;
}
.formfield {
	background-color: #ccddee;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 1px 3px 1px 3px;
	z-index:1;
}
.formnote {
	background-color: #eeeeee;
	text-align: left;
	font-size: smaller;
}
.subpanel {
	background-color: #ccaaaa;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ------------------------------------------------------------ */
.datatable {
	width: 100%;
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
}
.tablehead {
	background-color: #777777;
	color: #ffffff;
	font-weight: bolder;
	text-align: center;
}
.columnhead {
	background-color: #999999;
	color: #ffffff;
	font-weight: bolder;
	text-align: center;
}
.tablefooter {
	background-color: #999999;
	color: #ffffff;
	font-weight: bolder;
	text-align: left;
}
.oddrow {
	background-color: #ccccee;
}
.tableform {
	background-color: #ccaaaa;
	font-weight: bold;
	text-align: center;
}
.sectionhead {
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	background-color: #ccaaaa;
	font-weight: bold;
	font-size: larger;
}
SPAN.Red {
	color : red;
}
TD.lessfifteen_a, TD.morefifteen_a, TD.moretwenty_a,
TD.workorder_a, TD.waitforparts_a, TD.inprogress_a {
	font : 900;
}
TD.lessfifteen, TD.morefifteen, TD.moretwenty,
TD.workorder, TD.waitforparts, TD.inprogress, TD.complete {
}
TD.lessfifteen_a, TD.lessfifteen {
	background-color : #00A000;
}
TD.morefifteen_a, TD.morefifteen{
	background-color : #FFA500;
}
TD.moretwenty_a, TD.moretwenty{
	background-color : #DC143C;
}
TD.workorder_a, TD.workorder{
	background-color : #00FFFF;
}
TD.complete{
	background : white;
}
TD.waitforparts, TD.waitforparts_a{
	background-color : #D2B48C;
}
TD.inprogress, TD.inprogress_a{
	background : #808000;
}

.divWindowHeader
{
	font-size: larger;
	font-weight: bold;
	color: #fff;
	background-color: #999999;
}

.divWindow
{
	background-color: White;
	border-style:inset;
	border-color: Black;
	border-width: 2px;
}

/*******  CALENDAR  ********/
a.cpCurrentMonthDate,
a:active.cpCurrentMonthDate,
a:hover.cpCurrentMonthDate,
a:link.cpCurrentMonthDate,
a:visited.cpCurrentMonthDate
{
	border: none 0px transparent;
}
.cpYearNavigation,
.cpMonthNavigation
{
    /*#5E3886*/
    background-color:#cccccc;
    text-align:center;
    vertical-align:middle;
    text-decoration:none;
    color:#000000;
    font-weight:bold;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
{
    font-family:arial;
    font-size:8pt;
}
.cpCurrentDateDisabled
{
	font-family:arial;
    font-size:8pt;
	background-color: #fff;
	border: none;
	font-weight: bolder;
	background-color: #eeeeff;
}
.cpCurrentMonthDate
{
	font-family:arial;
    font-size:8pt;
	background-color: #fff;
	border: none;
	font-weight: bolder;
	background-color: #eeeeff;
	border: solid 1px black;
	color:#333333;
    font-weight:bold;
    text-decoration: underline;
}
TD.cpDayColumnHeader
{
    text-align:center;
    border-bottom:solid thin #cccccc;
    border-width:0px 0px 1px 0px;
}
.cpOtherMonthDate
{
    text-align:right;
    text-decoration:none;
}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
{
    color:#D0D0D0;
    text-align:right;
    text-decoration:line-through;
}
.cpOtherMonthDate
{
    color:#808080;
}

TD.cpCurrentDateDisabled
{
    border-width:1px;
    border:solid thin #FFAAAA;
}
TD.cpTodayText,
TD.cpTodayTextDisabled
{
    border:solid thin #000000;
    border-width:1px 0px 0px 0px;
}
A.cpTodayText,
SPAN.cpTodayTextDisabled
{
    height:20px;
}
A.cpTodayText
{
    color:#000000;
    font-weight:bold;
}
SPAN.cpTodayTextDisabled
{
    color:#D0D0D0;
}
.cpBorder
{
    border:solid thin #cccccc;
}
TD.cpCurrentDate
{
    background-color: #000;
    border-width:1px;
    border:solid thin #000000;
}
TD.cpCurrentDate:hover
{
    color:#5E3886;
    background-color: #FFFFFF;
    border-width:1px;
    border:solid thin #000000;
}
A.cpCurrentDate
{
	color: White;
}
A:hover.cpCurrentDate
{
	color: Black;
}