/*
COLORS:

TopBar: #F0B500
Root Node: #007ebb
Parent Node-blue: #8EB1F2
Olive Green: #B99E00
Accordian: Light Blue: #D3DEEF
Accordian: Dark Teal: #2F4F4F
light blue:  #ddf9ff
dark yellow: ffcc00
blue strip: #0099FF
*/

body 
{
	font-family: Arial;
	font-size: 76%;
	background-color: #CAE0F9;
    background-repeat: repeat;    
}

#loggedinas 
{
	position: absolute;
	padding: 3px 5px 0px 5px;
	font-family: Times New Roman;
	color: Black;
	font-weight: bold;
    top: 145px;
    left: 247px;
    width: auto;
    height: 20px;
	z-index: 0;
}

#emaillink
{
	font-family: Arial;
	color: Black; 
	text-align: right;
	font-weight: bold;
	position: absolute;
    top: 130px;
    right: 10px;
    width: auto;
    height: 20px;
	z-index: 0;
}

#newmessage
{
	font-family: Arial;
	color: Red;
	font-weight: bold;
	position: absolute;
    top: 150px;
    right: 10px;
    width: auto;
    height: 20px;
	z-index: 0;
}

.mastercontrol
{
	position: absolute;
	font-family: Arial;
	font-weight:bold;
	font-size: 2em;
	font-variant: small-caps;
	text-align:right;
	color: #0099FF;
	top: 130px;
	right: 5px;
	width: auto;
	z-index: 99;
}

#iabinformation 
{
	background: transparent;
	color: Black; 
	padding: 2px 5px 0px 5px;
	position: absolute;
	font-family:Arial;
	font-size: .8em;
	text-align:right;
    top: 65px;
    right: 5px;
    width: auto;
    height: 60px;
	z-index: 25;
	
}

body[id=iab-body] #iabinformation
{
    position: fixed;
}

#Slogan
{
	background: transparent;
	position: absolute;
	color: #0081C6;
	padding: 2px 5px 5px 5px;
	font-family: Monotype Corsiva;
	font-size: 1.2em;
	font-weight:500;
	text-align: right;
	top: 20px;
    right: 5px;
    width: auto;
    height: 60px;
	z-index: 25;
}

body[id=iab-body] #boxedearth 
{
    position: fixed;
}

#Topbar 
{
	background-image: url(../images/topbar.png);
	position: absolute;
	background-repeat:repeat-x;
	font: arial(bold);
	font-size: larger;
    top:  0px;
    left: 0px;
    width: 100%;
    height: 131px;
    z-index: 20;
}

body[id=iab-body] #Topbar
{
    position: fixed;
}

body[id=iab-body] #Sidebar
{
    position: fixed;
}


.MenuBackground 
{
	background-color: Red;
	position: absolute;		
	padding-bottom: 10px;
	padding-left: 3px;	
    top: 170px;
    left: 5px;
    width: 215px;
    z-index: 30;
}

body[id=iab-body] .MenuBackground
{
    position: fixed;
}

#LogoBackground
{
	background-color: Transparent;
	position: absolute;
    top: 15px;
    left: 15px;
    width: 200px;
    height:191px;
    z-index: 10;
}

#logo
{
    
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    left: 20px;
    width: 150px;
    height: 150px;
    z-index: 10;
}

#TextLogo
{
    
    background-repeat: no-repeat;
    position: absolute;
    top: 30px;
    left: 247px;
    width: 306px;
    height:59px;
    z-index: 10;
}

 #BreadCrumbBackground
{
	background-color: Transparent;
	padding-left: 5px;
	padding-right: 10px;
    position: absolute;
    top: 94px;
    left: 240px;
    width: auto;
    height: 20px;
    z-index: 50;
}

#BreadCrumb {
    font: Arial;
    font-size: .9em;
    color: Black;
    background-color: transparent;
    z-index: 50;
}


.MainScreenBackground 
{
	background-color: White;
	border: solid 1px Gray;
	filter: alpha(opacity=84);
	padding-right: 10px;
	position: absolute;	
    top: 170px;
    left: 250px;
    width: auto;
    height: auto;
	z-index: 5;
}

/* Accordion */

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    text-align:left;
    background-color: #ce0000;
	font-family: Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: blink, underline;
}

.accordionContent
{
	font-family: Arial, Sans-Serif;
    background-color: White;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink 
{
	color: White;
}

/* Control Styles */

.label
{
	font-size: 1em;
	font-weight: bold;
	vertical-align: top;
	color: Black;
	font-family: Arial;
	text-align: left;
	z-index: 99;
}
.field
{
	font-weight: normal;
	font-size: 1.2;
	vertical-align: middle;
	color: black;
	font-family: Arial;
	height: 24px;
	text-align: left;
}

.datelabel
{
	font-weight: bold;
	font-size: 1.4em;
	vertical-align: middle;
	color: Black;
	background: khaki;
	font-family: Arial;
	height: 20px;
	width: 185px;
	text-align: center;
}
.dateerror
{
	font-weight: bold;
	font-size: 1.4em;
	vertical-align: middle;
	color: red;
	background: white;
	font-family: Arial;
	height: 20px;
	width: 185px;
	text-align: center;
	text-decoration: blink:
}
.error
{
	border-right: black thin outset;
	border-top: black thin outset;
	font-weight: bold;
	font-size: 1.2em;
	margin: 1px;
	vertical-align: middle;
	border-left: black thin outset;
	color: red;
	background: white;
	padding: 2px;
	border-bottom: black thin outset;
	font-family: Arial;
	text-align: left;
	text-decoration: blink:
}
.textbox712
{
	width: 712px;
	height: 80px;
}
.textbox528
{
	width: 528px;
	height: 72px;
}
.textbox52840
{
	width: 528px;
	height: 40px;
}
.textbox528only
{
	width: 528px;
}
.textbox512
{
	width: 512px;
	height: 80px;
}
.textbox432
{
	width: 432px;
}
.textbox300
{
	width: 300px;
}
.textbox240
{
	width: 240px;
}
.textbox72
{
	width: 72px;
}
.copybox
{
	width: 704px;
	height: 166px; 
}
.infobox
{
	width: 704px;
	height: 64px; 
}
.instructionbox
{
	width: 504px;
	height: 54px; 
}
.button90
{
	width: 90px;
	position: absolute;
	font-weight:bold;

}
.button100
{
	width: 100px;
	position: absolute;
}
.button130	
{
	width: 120px;
	position: absolute;
}
.button150
{
	width: 150px;
	position: absolute;
}

.cartpanel
{
	color: Lime;
	height: 40px;
	width: 80px;
	position: absolute;
	left: 264px;
	top: 448px;
}
.copytitlepanel
{
	color: Lime;
	height: 40px;
	width: 248px;
	position: absolute;
	left: 352px;
	top: 448px;
}
.percentpanel
{
	color: Lime;
	height: 40px;
	width: 80px;
	position: absolute;
	left: 608px;
	top: 448px;
}
.line
{
	color: #330066;
}

.title
{
	font-family:Arial;
	font-size: 18px;
	font-weight: bold;
	color: Red;
}
.company
{
	font-weight: bold;
	font-size: 16px;
	color: #06740B;
	text-align: right;
	font-variant: small-caps;
}
.companylabel
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 16px;
	color: #06740B;
	text-align: center;
	font-variant: small-caps;
}
.office
{
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	color: black;
}
.employee
{
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: black;
}
.employeelabel
{
	font-family: Times New Roman;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: black;
}
.company2
{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #06740B; 
}
.reportbackground
{
	background-color: White; 
}
.reporttitle
{
	font-weight: bold;
	font-size: 18px;
	color: Black;
	text-align: center;
	font-variant: small-caps;
}
.reportsubheader
{
	font-weight: bold;
	font-size: 14px;
	color: Red;
	text-align: center;
	font-variant: small-caps;
}
.reportheader3
{
	font-weight: bold;
	font-size: 12px;
	color: Red;
	text-align: center;
}
.nosubscription
{
	vertical-align: middle;
	font-size: 12px;
	color: maroon;
	font-variant: small-caps;
}
.imagebutton
{
	height: 50px;
	width: 50px;
}
.calendar
{
	left: 0px;
	position: absolute;
	top: 100px;
}

/***********************************************************
*  Calendar Styles
***********************************************************/
.CalendarTitle
{
   Text-Align: Center;
   Height: 28px;
}
.NextPrev{
   color: White;
   Background-Color: black;
   font-family: Tahoma;
   Font-Size: 55;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}
.CalendarTitle{
   color: Black;
   Background-Color: #ffff99; /*pale yellow */
   color: Black;
   font-family: Tahoma;
   Font-Size: 55;
   font-weight: bold;
   text-decoration: none;
   border-color: Black;
   border-style: solid; 
   border-width: 1px;
}
.CalendarHeader
{
/*   background-image: url(images/bgCalendarHeader.gif);*/ 
 
   Font-Size: 12px;
   font-family: Verdana;
   font-weight: bold;
   text-align: center;
   vertical-align: top;
   background-color: #507CD1; /*Blue*/
   color: white;
}

/***********************************************************
*  Toolbar Styles
***********************************************************/
.ToolbarItem
{
   color: Blue;
}
.ToolbarSelectedItem
{
   Color: Red;
}
A.ToolbarItem:hover {
    text-decoration: underline;
    color:  red;
}
.ToolbarItem, .ToolbarSelectedItem
{
   border-style: groove; 
   border-color: #FFFFCC; /*pale yellow */
   Height: 26px;
   Margin: 5px;
   font-family: Verdana;
   Font-Size: 12px;
   Text-Decoration: none;
   Text-Align: Center;
   font-weight: bold;
   vertical-align: top; 
}

/***********************************************************
*  FullYear Styles
***********************************************************/
.FullYearMonthTitle
{
   color: White;
   font-size: 13px;
   font-weight:bold;
   border: solid 1px lightblue;
   height: 20px;
   text-decoration: none;
   text-align: center;
   vertical-align:top;
   background-color: #507CD1; /*blue*/
}
.FullYearWeekHeader
{
   font-size: 2px;
   font-weight:bold;
   border-width: 1px;
   height: 19px;
   text-align: center;
   text-decoration: none;
   width: 18px;
   background-color: #FFFF99; /*pale yellow */
   border: solid 1px lightblue;
}
.FullYearDayName
{
   font-size: 10px;
   font-weight:bold;
   border-width: 1px;
   height: 19px;
   text-align: center;
   text-decoration: none;
   background-color: transparent;
   border: solid 1px lightblue;
}
.FullYearDay
{
   color: black;
   height: 15px;
}
.FullYearBusyDay
{
   color: Maroon;
   font-weight: bold;
   text-align: right;
   text-decoration: none;
}
.FullYearToday
{
   background-color: Yellow;
   border-style: solid;
   border-color: #cc9900;
   border-width:thin; 
   
    
}
.FullYearOtherMonthDay
{
   color: #93A626;
}
.FullYearDay, .FullYearOtherMonthDay, .FullYearBusyDay
{
   border: solid 1px lightblue;
   background-color: transparent;
}
.FullYearDay, .FullYearToday, .FullYearOtherMonthDay
{
   font-family: verdana;
   font-size: 11px;
   height: 20px;
   text-align: right;
   text-decoration: none;
}

/***********************************************************
*  Year Styles
***********************************************************/
.YearCell
{
   font-family: Verdana;
   Font-Size: 12px;
   text-align: center;
   border: solid 1px Black;
}
.YearSpecialMonthCell
{
   background-color: Teal;
}
.YearMonthHeader
{
   color: White;
   font-weight: bold;
   vertical-align:top;
   background-color: #507CD1; /*Blue*/
   border-style: solid;
   border-color:Maroon;
}
.YearSpecialMonthHeader
{
   background-color: #FFFF99; /*pale yellow*/
}
.YearMonthHeader, .YearSpecialMonthHeader
{
   font-size: 12px;
   height: 20px;
   text-decoration: none;
   text-align: center;
}
/***********************************************************
*  MonthWeek Styles
***********************************************************/
.Day
{
}
.Today
{
	background-color: #FFFF99; /*pale yellow*/
	
}

.Weekend
{
	background-color: White;
}
.OtherMonthDay
{
	background-color: #CCCCCC; /*light gray*/
}
.OtherMonthDayAlter
{
	background-color: #FFFF99; /*pale yellow*/
}
.SpecialDay
{
	background-color: Teal;
}
.Holiday
{
	background-color: #FFFF99; /*pale yellow*/
}
.HolidayHeader
{
	text-align: right;
	Color: Navy;
}
.Day, .Today, .Weekend, .SpecialDay, .OtherMonthDay, .OtherMonthDayAlter, .Holiday 
{
   font-family: Verdana;
   Font-Size: 10px;
   text-align: left;
   vertical-align: top;
   height: 20px;
}
.DayHeader
{
}
.TodayHeader
{
}
.WeekendHeader
{
}
.OtherMonthDayHeader
{
   Font-Size: 11px;
   Color: Black;
}
.SpecialDayHeader
{
}
.DayHeader, .SpecialDayHeader, .TodayHeader, .WeekendHeader
{
	font-size: 13px;
	color: Red;
	background-color: transparent;
	text-align: center;
	
}
.MonthWeekHeader
{
/*   background-image: url(images/bgWeekHeader.gif);*/
   background-color: White; 
   color: white;
   font-size: 12px;
   vertical-align:text-top;
   width: 22px;
   height: 10px;
   text-decoration: none;
}
.DayHeader, .TodayHeader, .OtherMonthDayHeader, .SpecialDayHeader, .WeekendHeader
{
   vertical-align: middle;
   text-decoration: none;
   color: black;
   font-weight: bold;
   text-align: left;
   vertical-align: top;
   height: 15px;
 
}

/***********************************************************
*  Day Styles
***********************************************************/
.HourHorizHeader
{
   text-align: center;
   height: 22px;
}
.HourVertHeader
{
   background-image: url(images/bgHourVert.gif);
   text-align: left;
   width: 28px;
   color: Black;
}
.HourHorizHeader, .HourVertHeader
{
   background-color: White;
   font-size: 10pt;
   text-decoration: none;
   border-color: Black;
   border-style: solid; 
   border-width: 1px;
   padding: 1px, 3px, 1px, 3px;
}

/***********************************************************
*  Timeline Styles
***********************************************************/
.TimelineCell
{
   font-size: 12px;
/*	border: solid 1px #66CCFF;
*/}
.TimelineMonthHeader
{
	height: 23px;
	font-size: 13px;
	font-family: Verdana;
	text-align: center;
	color: white;
}
.TimelineDayHeader
{
}
.TimelineNavigator
{
}
.TimelineMonthHeader, .TimelineDayHeader, .TimelineNavigator
{
   background-image: url(images/bgCalendarHeader.gif);
   color: white;
}
.TimelineTodayHeader
{
   Font-Weight: bold;
   color: Red;
   Background-Color: #FFFF99;  /*pale yellow*/
}
.TimelineDayHeader, .TimelineTodayHeader, .TimelineNavigatorHeader
{
   Font-Size: 13px;
   font-family: Verdana;
   text-align: center;
   text-decoration: none;
}
.TimelineWeekend
{
   background-Color: Teal;
}
.printbutton
{
	
}

.AmazonDefault .Tabstrip {white-space:nowrap;}
.AmazonDefault .TabOuter {display:-moz-inline-box;display:inline-block;cursor:pointer;}
.AmazonDefault .TabInner {display:-moz-inline-box;display:inline-block;}
.AmazonDefault .Tab {text-align:center;font-weight:normal;color:#000000;display:-moz-inline-box;display:inline-block;}

.Amazon .Tabstrip {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(../Images/AmazonTabLine.gif) repeat-x bottom;}
.Amazon .TabOuter {font-family:verdana,tahoma,helvetica;font-size:11px;height:33px;padding-right:12px;background:url(../Images/AmazonTabRight.gif) no-repeat right;}
.Amazon .TabInner {font-family:verdana,tahoma,helvetica;font-size:11px;padding-left:12px;background:url(../Images/AmazonTabLeft.gif) no-repeat;}
.Amazon .Tab {font-family:verdana,tahoma,helvetica;font-size:11px;height:13px;padding:10px;margin:0;background:url(../Images/AmazonTab.gif) repeat-x;}
.Amazon .TabHover .TabOuter {background:url(../Images/AmazonTabRight.gif) no-repeat right;}
.Amazon .TabHover .TabInner {background:url(../Images/AmazonTabLeft.gif) no-repeat;}
.Amazon .TabHover .Tab {background:url(../Images/AmazonTab.gif) repeat-x;}
.Amazon .TabActive .TabOuter {background:url(../Images/AmazonTabActiveRight.gif) no-repeat right;cursor:default;}
.Amazon .TabActive .TabInner {background:url(../Images/AmazonTabActiveLeft.gif) no-repeat;}
.Amazon .TabActive .Tab {background:url(../Images/AmazonTabActive.gif) repeat-x;}
.Amazon .TabstripContent {font-family:verdana,tahoma,helvetica;font-size:11px;background-color:#FFFFFF;width:1000px;border:1px solid #63A5C6;border-top:0;}