.isysAjaxLoading {
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color: #b0c4de;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url(ajax.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.isysDateRange 
{
	position: relative;
	height: 55px;
}
.isysDateBar 
{
	height: 20px;
	border: solid 1px #ACA899;
	background-image: url(isysDateRange/bg.gif);
}
.isysDateSlider 
{
	height: 30px;
	width: 9px;
	background-image: url(isysDateRange/s.gif);
}
.isysDateTicks 
{
	position: absolute;
}
.isysDateTick 
{
	position: absolute;
	height: 22px;	
}
.isysDateMajorTick 
{
	position: absolute;
	width: 1px;	
	height: 8px;
	background-image: url(isysDateRange/t.gif);
}
.isysDateMinorTick 
{
	position: absolute;
	height: 4px;
	background-image: url(isysDateRange/t.gif);	
	background-repeat: no-repeat;
	background-position: right top;
}
.isysDateMinorTickLast 
{
	background-image: none;
}
.isysDateTickLabel
{
	position: absolute;
	font-size: 10px;
	color: #ACA899;
}
.isysDateData 
{
	background-color: #BACAEB;
	border-top: solid 1px #6188C2;
	border-left: solid 1px #6188C2;
	border-right: solid 1px #6188C2;
}
.isysButton
{
	color: black;
    background-image: url(isysButton/button.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 95px;
    height: 25px;
    font-size: 9pt;
    line-height: 22px;
    text-align: center;
    vertical-align:middle;
    cursor: default;
}
.button-over
{
    background-image: url(isysButton/buttonhover.gif);
}        
.isysToolbar {
    position: relative;
    background-image: url(isysToolbar/bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    height: 36px;
    overflow: hidden;
    border: solid 1px gray;
    clear: both;
}
.isysToolbarButton {
    height: 25px;
    font-size: 9pt;
    line-height: 22px;
    text-align: center;
    vertical-align:middle;
    cursor: default;   
    margin-left: 3px;
    margin-right: 3px;
    position: relative;
    top: 6px;
}
.isysToolbarButtonDisabled {
	opacity: .3;
	filter: alpha(opacity=30);
}
.isysToolbarSeperator {
    height: 25px;
    width: 7px;    
    top: 6px;
    position: relative;
    background-image: url(isysToolbar/s.gif);
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
}
.isysToolbarControl 
{
    height: 25px;
    top: 6px;
    font-size: 9pt;
    line-height: 22px;
    position: relative;
    float: left;	
    padding-right: 4px;
}
.isysToolbarAjaxIndicator,
.isysToolbarAjaxError
{
    height: 25px;
    width: 25px;    
    top: 6px;
    position: relative;
    background-image: url(isysToolbar/ajax.gif);
    background-position: center center;
    background-repeat: no-repeat;
    float: left;	
}
.isysToolbarAjaxError 
{
	background-image: url(isysToolbar/error.gif);
}
.isysToolbarCaption 
{
	border: solid 1px blue;
}
.isysToolbarButtonLeft {
    width: 4px;
    height: 25px;
    float: left;
} 
.isysToolbarButtonRight {
    width: 4px;
    height: 25px;
    float: left;    
}
.isysToolbarButtonBody {
    height: 25px;
    float: left;
}
.isysToolbarButtonImage 
{
	position: relative;
    height: 25px;
    width: 25px;    
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 1pt;
}
.isysToolbarButtonMenu, .isysToolbarButtonMenuOnly {
    height: 25px;
    width: 16px;    
    float: left;
}
.isysToolbarButtonMenuGlyph {
    height: 25px;
    width: 16px;    
    background-image: url(isysToolbar/d.gif);
    background-repeat: no-repeat;
    background-position: center center;        
}
.isysToolbarButtonHover, .isysToolbarButton:hover {
    background-image: url(isysToolbar/bb.gif);
    background-repeat: repeat-x;
}
.isysToolbarButtonHover .isysToolbarButtonLeft, 
.isysToolbarButton:hover .isysToolbarButtonLeft {
    background-image: url(isysToolbar/bl.gif);
    background-repeat: no-repeat;            
}
.isysToolbarButtonHover .isysToolbarButtonRight,
.isysToolbarButton:hover .isysToolbarButtonRight  {
    background-image: url(isysToolbar/br.gif);
    background-repeat: no-repeat;            
    background-position: right top;
}    
.isysToolbarButtonHover .isysToolbarButtonMenu {
    background-image: url(isysToolbar/bs.gif);
    background-repeat: no-repeat;
}

.isysToolbarButtonDown .isysToolbarButtonBody,
.isysToolbarButtonDown .isysToolbarButtonImage,
.isysToolbarButtonDown .isysToolbarButtonMenuGlyph
 {
    position: relative;
    left: 1px;
    top: 1px;
}

#when {
    font-size: large;
}
#calenderHeader {
    margin-top: 14px;
    margin-bottom: 14px;
}   

div.isyscalendar {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10000;
    border: solid 1px red;
}
div.isysCalendarHeaderRow {
}
div.isysCalendarCell {
    position: absolute;
    border-bottom: solid 1px #5A8ECE;
    border-left: solid 1px #5A8ECE;
}
div.isysCalendarCell6 {
    border-right: solid 1px #5A8ECE;    
}
div.isysCalendarDay {
    position: absolute;
    color: #5A8ECE;
    text-align: center;
    border-bottom: solid 1px #5A8ECE;        
}
div.isysCalendarCellDiffMonth {
    background-color: #D4DAE6;
}
div.isysCalendarCellHeader {
    position: absolute;
    left: 0px;
    top: 1px;
	height: 20px;
	width: 100%;

    background-image: url(isysCalendar/mhbg.gif);
    background-position: left top;
	background-repeat: repeat-x;
	border-bottom: solid 1px #5A8ECE;
	background-color: #D3DEF6;
	font-weight: bold;
	text-indent: 2px;        
}
div.isysCalendarCellHeaderDiff {
    font-weight: normal;
}
div.isysCalendarCellBody {
    position: absolute;
    top: 23px;
    left: 1px;
	height: 2000px;
	width: 100%;    
	overflow: hidden;
}
div.isysCalendarItem {
    width: 98%;
    background-color: #89ADE4;
    border-bottom: solid 1px white;
}
div.isysCalendarItemBody {
    white-space: nowrap;
}
div.isysCalendarItemBorder {
    height: 1px;
    border-left: solid 1px white;
    border-right: solid 1px white;
}
a.calendar, a.calendar#hover {
    text-decoration: none;
    border: none;
}

.isysCalDiffMonth {
    color: silver;
    background-color: #D4DAE6;
}
.isysCalendarSmall {
    text-align: center;
    border: solid 1px gray;
}
.isysCalDay {
    cursor: default;
    padding: 3px;
    border-bottom: solid 1px gray;
    border-left: solid 1px gray;
}
.isysCalCellLeft {
    border-left: none;
}
.isysCalCellTop {
}
.isysCalCellBottom {
    border-bottom: none;
}
.isysCalHeader {
    border-bottom: solid 1px gray;
    color: gray;
}
.isysCalCellToday {
    background-color: #D1DEF4;
}
.isysCalCellOver {
    xbackground-color: #FFE6A0;
    xborder: solid 1px #D2B47A;        
    background-color: #ffcc66;
}    
.isysCalMonthName {
    text-align: center;
}
.isysAutoComplete 
{
	font-size: 9pt;
	background-color: White;
	border: solid 1px gray;
	text-align: left;
	overflow: hidden;
}
.isysAutoCompleteItem 
{
	padding-left: 2px;
}
.isysAutoCompleteItemSelected
{
	background-color: highlight;
	color: highlighttext;
}