body
{
	background-color: #3d424f; 
	background-image: url(images/BlueGradient2.png); 
	background-position: center top; 
	background-repeat: no-repeat; 	
	margin: 0 0 0 0;
	font-family: Arial;
	font-size: 0.9em;
}
h4
{
	font-weight: bold;
	font-style: italic;
	padding: 0 0 4px 0;
	margin: 0 0 0 0;
}
h5
{
	font-weight: bold;
	font-style: italic;
	padding: 0 0 0 0;
	margin: 6px 0 0 0;
}
h6
{
	font-weight: normal;
	font-style: italic;
	padding: 0 0 0 0;
	margin: 0 0 0 6px;
}
p
{
	padding: 0 0 0 0;
	margin:  2px 6px 8px 6px;
}
.pointer
{
	cursor: pointer;
}

/* master page elements */
.AppTitle
{	
	font-size: 16pt; 
	font-weight: bold;
}
.AppDef
{
	padding-left: 12px; 
	font-size: 10pt;
}
.AppPhonetic
{
	font-family: Times New Roman; 
	font-size: 10pt; 
	font-style: italic;
}
.searchBar
{
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 4px; 
	color: #101030; 
	background-color: #f5f5dc;
}
.searchPop
{
	visibility: hidden;
	padding: 2px 2px 2px 2px;
	background-color: #f5f5dc;
	border: ridge 2px white;
	font-size: 0.8em;
}
.menuBar
{
	padding: 4px; 
	text-align: left; 
	background-color: #CCD0B7; 
	border-top: solid 1px #101030;
}
.navMenuStatic
{
	border: outset 1px transparent;
	color: #191970;
}
.navMenuStaticHover
{
}
.navMenuDynamic
{
	border: outset 1px;
	color: #191970;
	font-size: 0.8em;
}
.navMenuDynamicItem
{
	background-color: #CCD0B7; 
}
.navMenuDynamicHover
{
	text-decoration: underline;
	background-color: #CCD0B7;
}
.navMenuSelected
{
	border: inset 1px;
}
.sessionInfo
{
	font-size: 0.7em;
	padding: 0 0 0 12px;
	color: #dcdcdc;
	border: solid 1px #dcdcdc;
	text-align: center;	
}
.sessionInfoTEST
{
	font-size: 0.7em;
	padding: 2px 2px 2px 2px;
	color: Red;
	background-color: Yellow;
	border: outset 1px Red;
	text-align: center;	
}
.footerBar
{
	padding: 4px; 
	color: #101030; 
	background-color: #f5f5dc; 
	font-size: 9pt;
}
/* end of master page elements */

/* iLink navigation styles */
a.nav:link
{
	font-weight: bold;
	color: #191970;
	display: block;
	padding: 1px 12px 1px 2px;
	border: transparent thin outset;
	text-decoration: none;
}
a.nav:visited
{
	font-weight: bold;
	color: #191970;
	display: block;
	padding: 1px 12px 1px 2px;
	border: transparent thin outset;
	text-decoration: none;
}
a.nav:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #191970;
	display: block;
	padding: 1px 12px 1px 2px;
	background-color: transparent; 
}
a.nav:active
{
	font-weight: bold;
	color: #191970;
	display: block;
	padding: 1px 12px 1px 2px;
	border: transparent thin outset;
}
/* end of iLink navigation styles */

a.nolink
{
	text-decoration: none;
	color: Black;
}

.pageTitle
{
	background-color: #edf2f9;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
	background-image: url(images/DataGradient.gif);
	background-position: 50% top;
	background-repeat: repeat-x;
	margin: 4px 2px 8px 2px;
	padding: 4px 6px 4px 6px;
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: middle;
	color: #101030;
}

a:link
{
	color: #191970;
}
a:visited
{
/*	color: #701970; */
	color: #191970;
}
a:hover
{
	color: #191970;
	background-color: #fffacd;
}
a:active
{
	color: Black;
}

textarea
{
	font-family: Lucida Console;
	font-size: 0.9em;
}
.imgInLink
{
	border: none;
}
.hot
{
	text-decoration: underline;
}
.popup
{
	visibility: hidden;
	background-color: #ffffe0;
	padding: 2px 2px 2px 2px;
	border: solid 1px #555555;
}
.watermark
{
	color: Gray;
	font-style: italic;
}
.hidden
{
	visibility: hidden;
	display: none;
}
.error
{
	color: Red;
	background-color: Yellow;
	font-weight: bold;
	border-bottom: solid 2px Red;
	border-top: solid 2px Red;	
}
.downButton
{
	font-family: Webdings;
	font-size: 0.8em;
	font-weight: normal;
}
.filter
{
	background-color: rgb(204,204,204);
	background-image: url(images/FilterGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 4px 4px 4px 4px;
}
.content
{
	color: #1a1a4a;
	padding: 2px 2px 2px 2px;
}
.noRecordSpecified
{
	padding: 10px 10px 10px 10px;
	border: double 3px navy;
	color: #ffff33;
	background-color: gray;
}
.lockBlock
{
	background-color: #a9a9a9;
	border-top: #8b0000 3px double;
	border-bottom: #8b0000 3px double;
	padding: 2px 4px 2px 4px;
	font-size: 0.9em;
	color: #8b0000;
	font-weight: bold;
}
.sideInfo
{
	padding: 0 4px 4px 8px;
	width: 200px;
}
.gadgetBlock
{
	text-align: left;
	padding: 2px 4px 2px 4px;
}
.gadgetControls
{
	background-color: #bed0d7;
	empty-cells: show;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
	background-image: url(images/GadgetGradient.gif);
	background-position: 50% top;
	background-repeat: repeat-x;
	padding: 2px 4px 2px 4px;
	font-size: 0.9em;
	width: 160px;
	margin: 2px 2px 2px 2px
}
.dataBlock
{
	background-color: #edf2f9;
	empty-cells: show;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
	background-image: url(images/DataGradient.gif);
	background-position: 50% top;
	background-repeat: repeat-x;
	margin: 2px 0 8px 0;
	padding: 2px 4px 2px 4px;
	font-size: 0.9em;
	text-align: left;
}
.dataBlockTitle
{
	font-weight: bold;
	padding: 0 4px 4px 4px;
}
.dataLabel
{
	padding: 0 2px 0 2px;
	text-align: right;
	color: #444444;
}
.dataValue
{
	color: Black;
	text-align: left;
}
.dataValueImportant
{
	color: Black;
	font-weight: bold;
}
.commandBar
{
	background-color: #e5e5f5;
	border: #333355 2px solid;
}
.right
{
	text-align: right;
}
.center
{
	text-align: center;
	margin: 0 auto 0 auto;
}
.left
{
	text-align: left;
}
.barBlock
{
    border-bottom: double 3px #888888;
    border-top: double 3px #888888;
    margin: 8px 0 8px 0;
    padding: 4px 0 4px 0;
	text-align: center;
	margin: 0 auto 0 auto;
}
.announcementBlock
{
	background-image: url(images/AnnouncementGradient.gif);
	background-position: 50% top;
	background-repeat: repeat-x;
	background-color: rgb(253,255,254);
	border-top: #648c64 1px solid;
	padding: 12px 4px 2px 4px;
}
.announcementTitle
{
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
	padding: 0 0 0 0;
	margin: 6px 0 0 0;
}
.announcementDate
{
	font-size: 0.8em;
	font-style: italic;
	padding: 0 0 0 24px;
	margin: 0 0 0 0;
}
.announcementBody
{
	font-size: 0.9em;
	padding: 2px 6px 12px 12px;
	margin: 0 0 0 0;
	background-color: rgb(253,255,254);
}
.statsValue
{
	text-align: right;
	padding: 0 0 0 8px;
	font-weight: bold;
}
.dataStatsLink
{
	color: #191970;	
	text-align: right;
}
.dataStatsLink:hover
{
	color: Blue;
	background-color: Yellow;	
}
.statusBlock
{
	border: double 3px Green;
	background-color: White;
	color: Green;
}

.groupBottom
{
	text-align: right;
	padding: 0 0 0 8px;
	font-weight: bold;
	border-bottom: double 3px Navy;
}
.groupTotal
{
	text-align: right;
	padding: 0 0 0 8px;
	font-weight: bold;
}
.leftTitle
{
	width: 12px;
	background-color: Navy;
	color: White;
	font-weight: bold;
	text-align: center;
}
.groupHeader
{
	font-size: 0.9em;
	font-weight: bold;
	background-color: #ccccdc;
	padding: 2px 0 2px 6px;
	margin: 2px 2px 2px 2px;
	border: 2px outset;
}
.headerRow
{
	border-bottom: double 3px #333333;
}
div.timeline
{
	white-space: nowrap;
	overflow: hidden;
	background-color: #526c62;
	border: 2px outset;
}
.detailLabel
{
	font-style: italic;
	text-align: right;
	vertical-align: top;
}	
/*
.infoTopic
{
	vertical-align: top;
	padding: 8px 4px 8px 2px;
}
.infoTopicTitle
{
	font-weight: bold;
	font-style: italic;
	text-align: right;
	vertical-align: top;
	padding: 8px  2px 8px 2px;
}
*/
.txtDate
{
	width: 70px;
	text-align: center;	
}
.link
{
    cursor: pointer;
    text-decoration: underline;
    color: Blue;
} 

.flagGreen
{
	color: Green;
	font-weight: bold;
}
.flagRed
{
	color: Red;
	font-weight: bold;
}
.flagBlack
{
	background-color: Yellow;
	border: double 3px Black;
	color: Black;
	font-weight: bold;
	padding: 2px 6px 2px 6px;
}
.flagPurple
{
	color: Purple;
	font-weight: bold;
}

.TripCapArea
{
	position: relative;
	left: 0px;
	background-color: White;
	top: 0px;
	height: 18px;
	width: 80px;
	font-weight: bold;
	font-size: 0.9em;
}
.TripCapBar
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 14px;
	border: outset 2px;
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.TripUtilBar
{
	color: Black;
	filter: alpha(opacity=70);
	opacity: 0.7;
	border: outset 2px;
	padding: 2px 2px 2px 2px;
}

/* Modal popup styles */
.modalBackground 
{
	background-color: rgb(200,200,200);
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #f8f8ff;
	padding: 6px;
	border-right: rgb(200,200,200) 2px ridge;
	border-top: rgb(200,200,200) 2px ridge;
	border-left: rgb(200,200,200) 2px ridge;
	border-bottom: rgb(200,200,200) 2px ridge;
}
.popupTitle
{
	color: White;
	font-size: 1.0em;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	background-color: #39489d;
}
.noteBody 
{
	background-color: #ffffcc; 
	font-size: 0.9em;
}

.printBody
{
	background-color: white;		
	color: Black;
	font-size: 0.8em;
}

.editBody
{
	background-color: #efefef;
	margin: 6px 6px 6px 6px;		
}
.editTitle
{
	font-size: 1.0em;
	color: Navy;
	font-weight: bold;
	border: double 3px Navy;
	padding: 12px;
	text-align: center;	
}
.editTopic
{
	font-size: 1.0em;
	font-weight: bold;
	background-color: Navy;
	color: White;
	padding: 4px;	
}
.selected
{
	background: #fffacd;
}

.shipGridHeader
{
	background-color:#5D7B9D;
	font-weight : bold; 
	color: white;	/* anything with a sortable column will use anchor <a> tags, adopting the a class */
}
.shipGridPager
{
	background-color:#5D7B9D;
	font-weight: bold; 
	text-align: center;
}
.shipGrid
{
	background-color: #edf2f9;
	color: #333333;
}

.gridHeader
{
	/*	background-color: #5D7B9D; */
	background-color: #5D7B9D;
	font-weight: bold;
	color: White; /* anything with a sortable column will use anchor <a> tags, adopting the a class ... need to specifically set grid font color */
	vertical-align: bottom;
	background-color: #5d6980;
}
.gridPager
{
	background-color: #5d7198;
	font-weight: bold; 
	text-align: center;
}
.gridRow
{
    background-color: #F6F6F4;
    color: #333333;
}
.gridRowAlt
{
    background-color: #EEEEF2;
    color: #333333;
}
.gridEdit
{
	background-color: #ffffcc;
	color: #333333;
}
.gridRowSel
{
	background-color: #e4e4b4;
	color: #101030;
}

.dateHeaderRow
{
	background-color: #c8c8d7;
	color: #101030;
	font-weight: bold;
	border: outset 2px ;
	margin: 2px 0 2px 0;
	padding: 2px;
}
.detailsMain
{
	background-color: White;
	border: ridge 2px White;
}
.detailsViewTopic
{
	background-color: #dedeee;
	border-bottom: 2px ridge;
	text-align: center;
	margin: 0 auto 0 auto;
}
.detailsViewCommand
{
	border-top: 2px ridge;
	background-color: #dedeee;
	text-align: center;
	margin: 0 auto 0 auto;
}
.txtQuantity
{
	width: 24px; 
	text-align: right;	
}
.txtHours
{
	width: 60px; 
	text-align: right;	
}
.txtMoney
{
	width: 80px; 
	text-align: right;	
}

.EmpCalDayLabel
{
	width: 70px;
	height: 70px;
	border: solid 1px #666666;
	text-align: center;
}
.EmpCalDayOuter
{
	width: 70px;
	height: 70px;
	border: solid 1px #666666;
	text-align: left;
}
.EmpCalDayOn
{
	height: 100%;
	width: 100%;
	background-color: #449966;
}
.EmpCalDayOff
{
	height: 100%;
	width: 100%;
	background-color: #998877;
}
.test
{
	background-color: #449966;
}
.wizNavButton
{
	padding: 2px 6px 2px 6px;
	background-color: White;
	border: outset 1px #CC9966;
	font-family: Arial;
	font-size: 9pt;
	color: #990000;
}
.wizSideBar
{
	background-color: #483d7a;
	text-align: right;
	vertical-align: top;
	color: White;
	font-family: Arial;
	font-size: 9pt;
	padding: 32px 12px 32px 6px;
	border-right: 3px outset;
	border-top: 3px outset;
	border-left: 3px outset;
	border-bottom: 3px outset;
}
.wizTitle
{
	background-color: #483d7a;
	text-align: center;
	vertical-align: top;
	color: White;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	padding: 6px;
}
.wizNav
{
	background-color: #9cb4d5;
	font-family: Arial;
	font-size: 9pt;
	padding: 6px 6px 6px 6px;
}
.wizInfo
{
	font-size: 9pt;
	padding: 24px;
	text-align: center;
	border: double 3px Navy;
}
.wizStep
{
	background-color: #efefef;
	padding: 16px;
	border-right: 3px inset;
	border-top: 3px inset;
	border-bottom: 3px inset;
}
.maskedEditFocus
{
	background-color: #ffffcc;
}
.maskedEditOK
{
	background-color: White;
}
.maskedEditError
{
	background-color: #ff1493;
}
.photoBlock
{
	border: solid 2px black;
	background-color: White;
	width: 180px; 
	height:180px; 
	padding: 12px 12px 24px 12px; 
	text-align: center; 
	vertical-align: top;
}
/* stuff to phase out ... */
/* data view column sorting special functions, I think users don't use this much ... */
.divColHeaderSortable
{
	display: inline;
	cursor: pointer;
	text-decoration: underline;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}
.SortArrow
{
	font-family: Webdings;
	font-weight: bold;
	font-size: 8pt;
	color: Yellow;
}
.SortOrder
{
	font-family: Arial;
	font-weight: normal;
	font-size: 8pt;
	color: Yellow;
}
.barcode
{
	font-family: WASP 39 MC;
}
.popupButton
{
	border: outset 1px;
	background-color: #dcdcdc;
}

/*
.barTop
{
	color: #8faaff; 
	background-color: #708090; 
}
.navShowHide
{
	font-size: 0.7em;
	padding: 0 0 0 2px;
	vertical-align: middle;
}
.navLinks
{
	font-size: 0.8em;
	padding: 0 0 0 6px;
	background-image: url(images/LeftGradient.gif);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #d6beb4;	
}
.navSearch
{
	height: 24px;
	background-color: #d6beb4;	
	vertical-align: middle;
}
.navMenuTop
{
	background-color: #f5f5dc;
}
.navMenuStaticHover
{
}
.navMenuDynamic
{
	background-color: #d6beb4;
	border: outset 1px;
	color: #191970;
	font-size: 0.8em;
}
.navMenuDynamicItem
{
}
.navMenuDynamicHover
{
	text-decoration: underline;
}
.navTopBar
{
	background-image: url(images/TopGradient.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 36px;
	vertical-align: middle;
}
.navTop
{
	background-image: url(images/TopGradient.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 18px;
}
.navTopLeft
{	
	background-image: url(images/TopLeftGradient.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 18px;
	background-color: #d6beb4;
}
.navBottomRight
{
	background-image: url(images/BottomRightGradient.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}
.navBlank
{
	background-color: #d6beb4;
}
*/

/*
a.navHighlight:link
{
	font-weight: bold;
	color: black;
	display: block;
	padding: 1px 24px 1px 2px;
	border: transparent thin outset;
}
a.navHighlight:visited
{
	font-weight: bold;
	color: black;
	display: block;
	padding: 1px 24px 1px 2px;
	border: transparent thin outset;
}
a.navHighlight:hover
{
	font-weight: bold;
	color: #cccccc;
	display: block;
	padding: 1px 24px 1px 2px;
	background-color: #800000;
	border-left: silver thin outset;
	border-top: silver thin outset;
	border-bottom: silver thin outset;
	border-right: transparent thin outset;
}
a.navHighlight:active
{
	font-weight: bold;
	color: #cccccc;
	display: block;
	padding: 1px 24px 1px 2px;
	background-color: #800000;
	border-left: silver thin outset;
	border-top: silver thin outset;
	border-bottom: silver thin outset;
	border-right: transparent thin outset;
}
a.navPriority:link
{
	font-weight: bold;
	color: #cc0000;
	display: block;
	padding: 1px 24px 1px 2px;
	border: transparent thin outset;
}
a.navPriority:visited
{
	font-weight: bold;
	color: #cc0000;
	display: block;
	padding: 1px 24px 1px 2px;
	border: transparent thin outset;
}
a.navPriority:hover
{
	font-weight: bold;
	color: #ffff33;
	display: block;
	padding: 1px 24px 1px 2px;
	background-color: #800000;
	border-left: silver thin outset;
	border-top: silver thin outset;
	border-bottom: silver thin outset;
	border-right: transparent thin outset;
}
a.navPriority:active
{
	font-weight: bold;
	color: #ffff33;
	display: block;
	padding: 1px 24px 1px 2px;
	background-color: #800000;
	border-left: silver thin outset;
	border-top: silver thin outset;
	border-bottom: silver thin outset;
	border-right: transparent thin outset;
}
*/

.calEntered
{
    display: block;
}
.calNotEntered
{
    background-color: #FFCC00;
    color: #990000;
    padding: 6px;
    border: solid 1px Maroon;
    margin: 4px;
}