BODY
{
	margin: 0px 2px 0px 2px;	    
	padding: 0px;
    COLOR: black;
    FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif;        
    font-size: 90%;
}
h1
{
	color: #004081;	
	margin-left: .5em;
}
h2
{
	color: #004081;	
	margin-left: .5em;
}
h3
{
	color: #004081;	
	margin-left: .5em;
}
h4
{
	color: #004081;	
	margin-left: .5em;
	margin-bottom: .5em;
}
table
{
	font-size: 1em;
}
td
{	
}
divs
{
	border: dotted 1px gray;
}

#content
{
	margin: 1em 1em 1em 1em;	
}
#calendarcontent
{	
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
#header
{
	margin: 0px;
	text-align:left;
	width: 100%;
}
#headertitle
{
	font-weight: bolder;
	letter-spacing: .025em;
	font-size: 1.25em;
	color: #004081;
	padding: 5px;
	text-align: left;		
	vertical-align: bottom;
}
#headertitle2
{
	font-weight: bolder;
	letter-spacing: .05em;
	font-size: 1.25em;
	color: #004081;
	padding: 5px;
	text-align: right;		
	vertical-align: bottom;
}

#navigation
{
	margin-left: 0%;
	margin-right: 0%;
	border: solid 1px #000000;
	clear:right;		 
	background: #5A6B7D; 
	position: relative;
	padding: 1px;
}
#navigation a
{
	text-decoration: none;
}
#nextprevious
{
	position: absolute;
	top: 1px;
	right: 27px;	
}
#calendarpicker
{
	position: absolute;
	top: 5px;
	right: 2px;
}
#timekeepercombo
{
	position: absolute;
	top: 4px;
	right: 190px;
}
#version
{
	font-size: .8em;
	margin-left: .5em;	
}
#footer
{
	margin-left: 0;
	margin-right: 0;
	padding-left: .5em;
	padding-right: .5em;
	padding-top: .25em;
	font-size: .8em;
}
#mainfooter
{
	float: left;
}
#copyright
{
	float: right;		
	font-size: .8em;
	padding-right: .5em;
}
#trialperiod
{
	text-align: right;
	font-weight: bold;
	color: Red;
}

#welcome
{
	float: right;
	border-bottom: solid 1px #000000;
}

#errors
{
	color: Red;
}

.admintable
{
	FONT-FAMILY: Arial, Verdana, sans-serif;        
	font-size: .9em;
}
.admintable td
{
	padding-right: 1em;
}


.adminmenu
{
	margin: 1em;
}
.adminmenu .link
{
	display: block;
	margin-bottom: .15em;
}
.headertext
{
	font-weight: bold;
	font-size: 110%;
	color: #004081;
	margin-top: .75em;
	margin-bottom: .25em;	
}
.headertext2
{
	font-weight: bold;
	margin-top: .75em;
	margin-bottom: .25em;	
	margin-left: 1em;
	margin-top: .5em;
}
.redborder
{
	border: solid 1px red;
	padding: .25em;
	margin: -.25em;
}
.fieldarea
{
	margin-top: 1em;
}
.field
{	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	border: 0px solid #EFEFEF;
}

.fieldtable
{	
}

.fieldtable td
{
	vertical-align: top;
	padding-left: 1.1em;
}

.fieldtable td.label
{
	width: 15em;	
}

.fieldtable td.checkbox
{
	padding-left: 0;
}

.usertype
{	
	 border: solid 1px #000000;
}

.field .label
{	
	width: 12em;		
	float: left;
}
.field .longlabel
{	
	width: 24em;		
	float: left;
}

span .field
{
	font-size: .8em;
	
}
.field .required
{	
	
}
.field .horizontalpanel1
{
	
	margin-right: auto;
	
}
.field .horizontalpanel
{
	float: left;
	margin-right: 1em;
	
}
.field .instructions
{
	display: block;
	margin-left: 13.25em;
	margin-top: .25em;
	
}
.field .instructions span
{
	display: block;
}
.field .connectionvalid
{
	margin-left: 2em;
	font-weight: bold;
}
.field #listtable
{
	margin-left: 14.5em;
}
td.field
{
	white-space: nowrap;
}
p
{
	margin-left: 1em;
	margin-top: .5em;
}
.filter
{
	margin-left: 1em;
}
.CalendarTable
{
	margin-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 90%;		
}
.CalendarTable TD.borders
{
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;		
}
.CalendarTable .rightborder
{
	border-right: #000000 1px solid;		
}
.CalendarTable TH
{
    border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
    FONT-SIZE: .8em;
    COLOR: #000000;
    LETTER-SPACING: 1px;
    background-color: #CCFFFF;
    height: 1%;
	padding: 5px;
}
.CalendarTable .monthheader
{
    COLOR: #FFFFFF;
    background-color: #000000;
}
.CalendarTable .events
{
    FONT-SIZE: .7em;
    FONT-FAMILY: Tahoma, Arial;     
}
.CalendarTable .events A
{
	text-decoration: none;
	color: black;
}
.CalendarTable .holiday
{
	
}
.CalendarTable .weekend
{
	background-color: #D2B48C;
}
.CalendarTable .othermonth
{
	background-color: #778899;
}

.CalendarTable .header A
{
	text-decoration: none;
	color: #000000;
}

.CalendarTable HR
{
	color: #dcdcdc;
}

.daycell
{
	padding: 5px;
	margin: 0px;
	overflow: auto;
	width: auto;
	position: relative;
	height: 100%;	
}

.daycell .event
{	
	border-bottom: 1px solid #EFEFEF;
	padding-top: 2px;
	padding-bottom: 2px;
}
.daycell .completed
{
	color: #cccccc; font-style: italic;
}
.daycell .Reminders
{		
}
.daycell .To-Do_s
{		
}
.daycell .Deadlines
{		
}
.daycell .Appointments
{		
}
.daynumber
{
	font-weight: bolder;	
	border-bottom: #000000 1px solid;
	position: relative;
	background-color: #CCFFFF;
	color: #000000;
	height: 18px;
	padding-left: 5px;
	padding-top: 3px;
}
.CalendarTable .events .daynumber A
{
	color: #000000;
}
th.today .daynumber
{
	background-color: #FF9900;
}
.today .daynumber
{
	background-color: #FF9900;	
}
.CalendarTable .header .today
{
	background-color: #FF9900;
}

.weeklink
{
	font-weight: normal;
	left: 2em;
	position: absolute;
}

.holidayname
{
	padding: 3px;
	color: #FFFFFF;
	border-bottom: #000000 1px solid;
	height: 1em;
	background-color: #CC0033;
	text-align: center;
	font-weight: bold;
}
.eventcount
{
	position: absolute;
	right: 5px;
	top: 3px;
	font-weight: normal;
}

.daycell .itemsection
{		
}
.daycell .itemtitle
{
	padding: 3px;
	text-align: center;
	font-weight: bold;
	height: 1em;
	background-color: #DCDCDD;
	color: #000000;		
	border-bottom: #000000 1px solid;	
}

.Menuskin
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 1em;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 1em;
    Z-INDEX: 100;
    RIGHT: 50px;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 1em;
    FONT-SIZE: .6em;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 18em;
    PADDING-TOP: 1em;
    BORDER-BOTTOM: #000000 1px solid;
    POSITION: absolute;
    TOP: 50px;
    BACKGROUND-COLOR: white;
}
.menuskin A
{
	color: blue;
}

#mouseoverstyle{
	background-color:highlight;
}

#mouseoverstyle a{
	color:white;
}

.reportsettingstable
{
	FONT-FAMILY: Arial, Verdana, sans-serif;        
	font-size: .9em;
	border: solid 1px gray;
	margin-left: .5em;
	margin: .5em;
}

.showhide
{
	font-size: .9em;
	padding-left: 2em;
}

.eventsgrid
{
	border: solid 1px #000000; 	
}
.eventsgrid td
{
	padding: 1px;
	border: solid 1px #000000; 	
}
.eventsgridheader td
{
	white-space: nowrap;
	font-weight: bold;
}

/*
.fieldlist
{
	padding: .5em;	
	
}
.fieldlist .title
{
	font-weight: bold;
	padding-bottom: .5em;
}
.fieldlist .container
{
	border: solid 1px gray;	
	height: 15em;
	width: 200px;	
}
.floatleft
{
	float: left;
}

.fieldlist .drag
{
	font-weight: bold;
	cursor: move;
	background-color: blue;
} 
*/

.SnapHeader
{
  background-color: #D4D0C8; 
  font-family: Tahoma; 
  font-size: 11px; 
  font-weight: bold; 
  padding-top: 2px;
  padding-left: 5px; 
}

.SnapContent
{
  font-family: Tahoma; 
  font-size: 11px; 
  padding: 3px;
  border: #D4D0C8 1px solid;
  background-color: white;
  cursor:default;  
  z-index: 99;
}

.Dock
{
  padding:5px;
  border:#AFAFAF 1px solid; 
  background-color:#FFFFFF;
}

.SnapFieldHeader
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	cursor: move;
	border-bottom: gray 1px solid;
	background-color: #d3d3d3;
	margin-top: 0.25em;
}
.SnapField
{
	border-right: gray 1px solid;	
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	font-size: .9em;
}

.formatpreview
{
	margin: 1em;
	padding: 1em;
	border: solid 1px gray;
}

.scrollable
{
	overflow: auto;
	height: 250px;
}

#formatstree
{
	margin: 1em;
	position: relative;	
}
#formatsettings
{
}
#formatspages
{
	width: 575px;
	height: 350px;		
}

/* ComponentArt */
/* TreeView */
.TreeView 
{ 
  border:#AFAFAF 1px solid; 
  padding: 2px; 
  padding-left: 5px;
} 

.TreeNode 
{ 
  font-family: verdana; 
  font-size: 11px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  border: 1px solid #FFFFFF; 
  cursor:hand;
} 

.SelectedTreeNode 
{ 
  font-family: verdana; 
  font-size: 11px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  background-color:white; 
  border: 1px solid gray; 
  cursor: default; 
} 

.HoverTreeNode 
{
  font-family: verdana; 
  font-size: 11px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  background-color:#cccccc; 
  border: 1px solid gray; 
  cursor:hand;
}

.TreeNodeRow 
{ 
  height: 20px; 
}

input.button
{
	border-right: #000000 1px solid;
	padding-right: 0em;
	border-top: #000000 1px solid;
	padding-left: 0em;
	font-size: 12px;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	height: 22px;
	background-color: #f0f0f0;
	margin: 1px 1px 1px 1px;
}

input.button:hover
{
	background-color: #F5F5F5;
}

.filebutton
{
	border-right: #000000 1px solid;
	padding-right: 0em;
	border-top: #000000 1px solid;
	padding-left: 0em;
	font-size: 12px;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	height: 22px;	
	margin: 1px 1px 1px 1px;
}


input.activebutton
{
	border-right: #000000 1px solid;
	padding-right: 0em;
	border-top: #000000 1px solid;
	padding-left: 0em;
	font-size: 12px;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	height: 22px;
	background-color: #dcdcdc;
	font-weight: bold;
	margin: 2px;
}

.usertype
{
	font-weight: bold;
	border: none;
}
.calendarpreview
{
	margin: .25em .5em .25em 1em;
	padding: .25em;
	position: relative;
	border: solid 1px gray;
	width: 575px;
}
.ListPreview
{
	margin: .5em .5em .75em 1em;
	white-space: nowrap;
	position: relative;	
	
}
.ListPreview span
{
	padding: .25em;
	border: solid 1px gray;	
}

.linebreak
{		
}
.nowrap
{
	white-space: nowrap;		
}
span .filter
{
	display: block;
}

.calendarrequest
{
	margin-left: 1em;	
}
.calendarrequest th
{
	padding: .5em;
}
.calendarrequest td
{
	vertical-align: top;	
}
.calendarrequest td.readonly
{
	padding-top: .25em;
	padding-bottom: .25em;
}
.noresults
{
	border: solid 1px gray;
	padding: .25em;
}
.clickable
{
	font-weight: bold;
}
.eventdisplay
{
	width: 95%;	
}
.EventDisplay td.field
{
	width: 12em;	
}
#documenttable
{
	border: solid 1px gray;		
}
.documentseperator
{
	border-bottom: solid 1px gray;
	height: 1px;
	text-align: center;
	font-weight: bold;
}
.EULA
{
	border: solid 1px #000000;
	margin: 1em;
	padding: 1em;

}

.reportgrid
{
}
.reportgrid td
{
	text-align: left;	
	font-size: .8em;
	padding: 5px;
}
.TimeKeeperAutoCompleteMouseOver
{
    FONT-FAMILY: Arial, Verdana, sans-serif;        
    font-size: 90%;
    border: #000000 1px solid; background-color: #E4F1F7; color: #FFFFFF; position: relative; top: -3px; height: 22px; width: 35px;
}
.TimeKeeperAutoCompleteMouseOut
{
    FONT-FAMILY: Arial, Verdana, sans-serif;        
    font-size: 90%;
    border: #F5F5F5 1px solid; background-color: #F5F5F5; color: #FFFFFF; position: relative; top: -3px; height: 22px; width: 35px;
}
.TopGroup
{
  background-color:#5A6B7D; 
  cursor:default;   
}

.MenuGroup
{
	border: #000000 1px solid;
	cursor: default;
	background-color: #F5F5F5;
}

.TopMenuItem
{
  color: #FFFFFF; 
  font-family:tahoma; 
  font-size:12px; 
  border:1px #5A6B7D solid;
  cursor:default; 
}

.TopMenuItemHover 
{
  background-color:#C2C5C8; 
  font-family:tahoma; 
  font-size:12px; 
  border:1px #000000 solid;
  cursor:default; 
  color: #FFFFFF;
}

.MenuItem
{
  border: 1px solid #F5F5F5; 
  color:#000000;
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuItemHover 
{
  background-color:#E4F1F7; 
  border: 1px solid #000000; 
  color:#000000;
  font-family:tahoma; 
  font-size:11px; 
  cursor:default; 
}

.MenuBreak
{
	margin: 1px;
	width: 100%;
	border-bottom: #dcdcdc 1px solid;
	height: 0px;
}