@page regular { size : portrait; margin : 0.5in }
@page wide    { size : landscape; margin : 0.5in }
body
{   
    BACKGROUND-IMAGE: url(images/timesync_background_white.jpg);
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}
A {text-decoration: none;}
A:hover {color:Red; text-decoration:none;}
A.user:visited { color:Blue; }
A.link {color:Blue;}
A.vlink {color:Blue;}
A.visited {color:Blue;}
A.HD { color:Blue  }
A.headerBig 
{
	color: Blue ;
	font-family: Arial;
	font-size: 18pt;
	
}
A.headerSmall 
{
	color: Blue ;
	font-family: Arial;
	font-size: 8pt;
	letter-spacing: 1.5px;
	
}
A.footerSmall 
{
	color: Blue ;
	font-family: Arial;
	font-size: 8pt;
	letter-spacing: 1px;
	
}
SPAN.headerBig 
{
	color: Black ;
	font-family: Arial;
	font-size: 18pt;
	
}
SPAN.headerName
{
	color: Black ;
	font-family: Arial;
	font-size: 12pt;
}
SPAN.footerSmall 
{
	color: Black ;
	font-family: Arial;
	font-size: 8pt;
	letter-spacing: 1px;
}
SPAN.clockSmall
{
	color: Red ;
	font-family: Arial;
	font-size: 8pt;
	letter-spacing: 1px;
}
BUTTON.small {
		height: 14px;
		font-size: 6pt;
		color: #6699CC;
		background: transparent;

	}
	.inline-button {
	   _width:12em;
	   font: bold 65%/1 Verdana, sans-serif;
	   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
	   border: 1px solid black;
	   white-space:nowrap;
	   text-decoration: none;
	   vertical-align:middle;
	   background: #ccc;
	   color: blue;
	   }
	.inline-button em {
	   _width:1em; _cursor:hand;
	   font-style: normal;
	   margin:0; padding: 0.1em 0.5em;
	   background: white;
	   color: blue;
	   }
	.inline-button span {
	   _width:1em; _cursor:hand;
	   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
	   }
	.inline-button:hover {
	   background: #666;
	   color: blue;
	   }
	.inline-button:hover em {
	   background: black;
	   color: blue;
	   }	
.linkSmall {
		height: 18px;
		color: Blue ;
		font-family: Arial;
		font-size: 8pt;
		letter-spacing: 1px;
		background-color: #ffffcc;
	}
.linkSmallOver {
		height: 18px;
		color: Blue ;
		font-family: Arial;
		font-size: 8pt;
		letter-spacing: 1px;
		background-color: silver;
	}

.buttonSmall {
		height: 22px;
		font-family:verdana,arial,sans-serif;
		font-size:10px;
		background-color:#000066;
		color:#ffcc00;
		font-weight:bold;
	}
.buttonSmallOver {
		height: 22px;
		font-family:verdana,arial,sans-serif;
		font-size:10px;
		background-color:#ffffcc;
		color:#000066;
		font-weight:bold;
	}
BUTTON.submitbold {
		height: 22px;
		font-family:verdana,arial,sans-serif;
		font-size:10px;
		background-color:#000066;
		color:#ffcc00;
		font-weight:bold;
	}

BUTTON.submitboldOver {
		height: 22px;
		font-family:verdana,arial,sans-serif;
		font-size:10px;
		background-color:#ffffcc;
		color:#000066;
		font-weight:bold;}

BUTTON.submitboldClick {
		height: 22px;
		font-family:verdana,arial,sans-serif;
		font-size:10px;
		background-color:#ffffcc;
		color:#000066;
		font-weight:bold;
	}

BUTTON.submit {
	height: 22px;
	font-size: 10pt;
	color: black;
	background:white;
	}
BUTTON.other {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: blue;
}
BUTTON.otherover {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: blue;
	background: white;
}
BUTTON.otherclick {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: blue;
	background: white;
}
BUTTON.otherconf {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: blue;
	border-color: red;
}
BUTTON.otherconfover {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: blue;
	background: white;
	border-color: red;
}
BUTTON.otherconfclick {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: blue;
	background: white;
	border-color: red;
}
BUTTON.none {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: white;
	border: none;

}
BUTTON.n {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: white;
	border: none;
}
BUTTON.nover {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: cyan;
	background: cyan;
	border: none;
}
BUTTON.nclick {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: white;
	border: none;
}
BUTTON.maint {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: red;

}
BUTTON.maintover {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: red;
	background: white;

}
BUTTON.maintclick {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: red;
	background: white;
}
BUTTON.maintconf {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: red;
	border-color: blue;
}
BUTTON.maintconfover {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: red;
	background: white;
	border-color: blue;
}
BUTTON.maintconfclick {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: red;
	background: white;
	border-color: blue;
}
BUTTON.this {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: green;

}

BUTTON.thisover {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: green;
	background: white;
}

BUTTON.thisclick {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: green;
	background: white;
}

BUTTON.thisconf {
	height: 24px;
	width:  100%;
	font-size: 10pt;
	color: white;
	background: green;
	border-color: red;
}

.refresh {
	height: 24px;
	font-size: 10pt;
	color: white;
	background: blue;
}

.save {
	height: 24px;
	font-size: 10pt;
	color: white;
	background: red;
}

.overlay {
  font-weight: bold;
  text-decoration: line-through;
  }
.standby {
  background-color: #CC9999;
  }
.smallblue {
		FONT-SIZE: 9pt;
		COLOR: blue;
		FONT-FAMILY: Arial, helvetica;
		text-align: right;
  }
.weediff {
		FONT-SIZE: 9pt;
		COLOR: #FF00CC;
		FONT-FAMILY: Arial, helvetica;
		text-align: right;
  }
SPAN.rMessage 
{
		font-size: 14pt;
		font-family: Arial , helvetica;
		color: Black ;
		background-color: Red;
		font-weight:bold ;
}

TABLE.calNav
{
	font-weight: bold;
	font-size: x-small;
	background-color: lemonchiffon;	
}

TABLE.UserTables
{
	font-weight: bold;
	font-size: small;
	background-color: lemonchiffon;	
}

TD.UserTitleCells
{
	font-size: xx-small;
	color: Navy;
	border-style: solid;
	border-width: thin;
	border-color: Gray;
}

TR.UserRows
{
	font-size: xx-small;
}

TABLE.OtherTables
{
	font-size: x-small;
	background-color: lemonchiffon;	
	border-style:solid;
	border-color: gray ;
	border-width:1	;
}

TD.TableCells
{
	border-style:solid;
	border-color: Gray;
	border-width: 1;	
}

TD.BigBold
	{
		font-size: 14pt;
		font-family: Arial , helvetica;
		color: Black ;
		font-weight:bold ;
	}



TD.SmallBlackText
	{
		FONT-SIZE: 9pt;
		COLOR: black;
		FONT-FAMILY: Arial, helvetica;
	}
TD.sm
	{
		FONT-SIZE: 10pt;
		COLOR: black;
		FONT-FAMILY: Arial, helvetica
	}
TD.smb
	{
		FONT-SIZE: 10pt;
		FONT-WEIGHT: bold;
		COLOR: black;
		FONT-FAMILY: Arial, helvetica
	}


TD.HD 
{
	border-STYLE:solid ;
}



BR.PB {page-break-after: always}

TR.FilterArea
{
		font-size: 9pt;
		font-family: Arial,helvetica;
		background-color:#ffffcc;
		color:Black;
}

TR.AltItem
{
		font-size: x-small;
		background-color: Silver;
		color:Black;
}

TR.Header
{
		font-size: x-small;
		text-align:center;
		color:Black;
		font-weight:bold;
		background-color:MistyRose;
}

TR.Footer
{
		font-size: x-small;
		color:Black;
}

TR.Item
{
		font-size: x-small;
		background-color:Gainsboro;
		color:Black;
}


.CSCCalendar
{
   border-right: lightgrey ridge;
   border-top: lightgrey ridge;
   font-size: 8pt;
   filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' ) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100);
   border-left: lightgrey ridge;
   border-bottom: lightgrey ridge;
   font-family: Arial;
   background-color: white;
}

.CSCCalendar TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

.CSCCalendarNoFilter
{
   border-right: lightgrey ridge;
   border-top: lightgrey ridge;
   font-size: 8pt;
   border-left: lightgrey ridge;
   border-bottom: lightgrey ridge;
   font-family: Arial;
   background-color: white;
   }
.CSCCalendarNoFilter TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}


.CSCWeekRowsTable
{
   border-right: black 1px solid;
   border-top: black 1px solid;
   font-size: 8pt;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   font-family: Arial;
   background-color: white;
}

.CSCDay
{
   cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */
   cursor: hand;
}

.CSCSelectedDay
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
.CSCSelectedToday
{
   font-weight: bold;
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
.CSCToday
{
   font-weight: bold;
   cursor: pointer;
   cursor: hand;
}
.CSCSpecialDay
{
   cursor: pointer;
   cursor: hand;
   background-color: lemonchiffon;
}

.CSCOtherMonthDays
{
   cursor: default;
   color: gray;
}

.CSCWeekNumberColumn
{
   border-right: blue 1px solid;
   background-color: lightblue;
}

.CSCDayHeader
{
   border-bottom: blue 1px solid;
}

.CSCDayHeader TR
{
   font-size: 7pt;
   background-color: lightblue;
}

.CSCDayHeaderCell
{
   font-size: 7pt;
}

.CSCHeaderTable
{
   font-size: 8pt;
   border-bottom: blue 1px solid;
   font-family: Arial;
}

.CSCHeaderRows
{
   font-size: 8pt;
   font-family: Arial;
   cursor: default;
}

.CSCHeaderRows TR
{
   background-color: inherit;
}

.CSCIncrementalButtons
{
   cursor: pointer;
   cursor: hand;
   color: mediumblue;
}

.CSCIncrementalButtonsPressed
{
   cursor: pointer;
   cursor: hand;
   color: darkblue;
}

.CSCJumpButtons
{
   color: mediumblue;
   cursor: pointer;
   cursor: hand;
}

.CSCJumpButtonsPressed
{
   color: darkblue;
   cursor: pointer;
   cursor: hand;
}

.CSCCloseButton
{
   cursor: default;
}

.CSCCloseButtonPressed
{
   cursor: default;
}
.CSCHelpButton
{
   cursor: default;
}

.CSCHelpButtonPressed
{
   cursor: default;
}

.CSCFooterTable
{
}

.CSCFooterTable TABLE
{
}

.CSCFooterButton
{
   border-right: lightgrey thin outset;
   border-top: lightgrey thin outset;
   border-left: lightgrey thin outset;
   color: black;
   border-bottom: lightgrey thin outset;
   background-color: lightblue;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterButtonPressed
{
   border-right: lightgrey thin inset;
   border-top: lightgrey thin inset;
   border-left: lightgrey thin inset;
   border-bottom: lightgrey thin inset;
   background-color: lightblue;
   color: black;
   font-size: 8pt;
   font-family: Arial;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterCurrentDate
{
}

.SD_Selectable1
{
   background-color: mistyrose;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM1
{
   background-color: powderblue;
   cursor: pointer;
   cursor: hand;
}
.SD_Selectable2
{
   background-color: palegoldenrod;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM2
{
   background-color: gainsboro;
   cursor: pointer;
   cursor: hand;
}
.SD_Unselectable1
{
   color: gray;
   background-color: mistyrose;
}
.SD_UnselectableOM1
{
   color: gray;
   background-color: powderblue;
}
.SD_Unselectable2
{
   color: gray;
   background-color: palegoldenrod;
}
.SD_UnselectableOM2
{
   color: gray;
   background-color: gainsboro;
}

.DTBToggleCalendar
{
}

.DTBToggleCalendarPressed
{
}

.DTBHelpButton
{
}

.DTBHelpButtonPressed
{
}

.MYPMonthYearPicker
{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   font-size: 8pt;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial;
   background-color: white;
}

.MYPMonthYearPicker TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

.MYPMonthTable
{
}

.MYPYearTable
{
}

.MYPMonthCell
{
   cursor: pointer;
   cursor: hand;
}

.MYPSelectedMonthCell
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}


.MYPYearCell
{
   cursor: pointer;
   cursor: hand;
}
.MYPSelectedYearCell
{
   cursor: pointer;
   cursor: hand;
   background-color: gold;
}

.MYPOutOfRangeCell
{
   color: gray;
}

.MYPMoveYearsButtons
{
}

.MYPMoveYearsButtonsPressed
{
}

.MYPTogglePicker
{
}

.MYPTogglePickerPressed
{
}


.PDPContextMenu
{
   border-right: lightgrey 1px solid;
   border-top: lightgrey 1px solid;
   font-size: 8pt;
   border-left: lightgrey 1px solid;
   border-bottom: lightgrey 1px solid;
   font-family: Arial;
   background-color: white;
}

.PDPContextMenu TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: white;
}

TD.Nav
{
		width:90px;
		text-align: center ;
		vertical-align: baseline ;
		FONT-SIZE: 10pt;
		FONT-FAMILY: Arial, helvetica;
		border-style:solid ;
		border-color: gray ;
		border-width:1px	;
		color:Blue;
		background-color: lemonchiffon;
}
	
TD.SelectedNav
{
		width:90px;
		text-align: center ;
		vertical-align: baseline ;
		FONT-SIZE: 10pt;
		FONT-FAMILY: Arial, helvetica;
		border-style:solid ;
		border-color: gray ;
		border-width:1px	;
		color:Blue;
		background-color: Silver;
}

TABLE.Filter
{
	background-color: lemonchiffon;
	font-size: x-small;
	color: Black;
	border-color: Silver;
}

TABLE.Standard
{
	background-color: lemonchiffon;
	font-size: x-small;
	color: Black;
	border-color: Silver;
}

TABLE.AnnounceMessage
{
	background-color: magenta;
	font-size: x-small;
	color: Black;
	border-color: Silver;
}

Table.Transparent
{
	background-color: Transparent;
	font-size: x-small;
	color: Black;
	border-color: Silver;
}

Table.Header
{
	background-color: mistyrose;
	font-size: small;
	color: Black;
	border-color: Silver;
}

Table.navheader
{	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid; 
	BORDER-COLLAPSE: collapse; 
}

TR.Standard
{
	background-color: lemonchiffon;
	font-size: x-small;
	color: Black;
}

TR.Pager
{
	font-size:x-small;
}

TR.SaveCancel
{
	background-color: PaleGoldenrod;
}

TR.SubInfo
{
	color: Gray;
}

TD.TitleCells
{
	font-size: x-small;
	color: Navy;
	font-weight: bold;
	border-style: solid;
	border-width: thin;
	border-color: Gray;
}

TD.SubInfo
{
	color: Gray;
}

SPAN.Standard
{
	background-color: lemonchiffon;
	font-size: x-small;
	color: Black;
	border-color: Silver;
}

SPAN.PageText
{
	font-size: x-small;
	color: Black;
}

SPAN.LargePageText
{
	font-size: medium;
	color: Black;
}

SPAN.ColoredPageText
{
	color: IndianRed;
}

SPAN.SubInfo
{
	color: Gray;
}

SPAN.Warning
{
	color: Red;
}
SPAN.smallcomment
{
	color:Gray;
	font-size:xx-small;
}
A.NavLink
{
	color:Blue;
}

A.OtherLink
{
	color:Blue;
}
	
INPUT.IMenuUnSelected
{
	color: Blue;
	background-color: lemonchiffon;
}

INPUT.IMenuSelected
{
	color: Blue;
	background-color: silver;
}
TD.SmallBlackText
{
	FONT-SIZE: 9pt;
	COLOR: black;
	FONT-FAMILY: Arial, helvetica
}
TD.sm
{
	FONT-SIZE: 10pt;
	COLOR: black;
	FONT-FAMILY: Arial, helvetica
}
TD.smb
{
	FONT-SIZE: 10pt;
	COLOR: black;
	FONT-FAMILY: Arial, helvetica
}
img.calNavI
{
	border-style: solid;
	border-width: thin;
	border-color: Gray;
}
.smsel
{

	color:black;
	font-family:Arial,Helvetica;
	font-size:8pt;
	table-layout:fixed;
	border:thin solid;
}
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(images/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
opacity: 0.4;
}

.attn {

    border-style:solid;
    border-top-color:yellow;
    border-bottom-color:yellow;
    border-left-color:yellow;
    border-right-color:yellow;
    border-width:5px;
    border-top-width:5px;
    border-left-width:5px;

}
.progress {
	color: #FFFF99;
	float: right;
	font: bold x-large "Segoe UI", Segoe, sans-serif;
	margin-top: -20px;
}