.body { font-family: Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #666666; background-color: #666666; }
.bodyOrig { font-family: Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #666666; background-color: #dedede; }
.body-pp { font-family: Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #000000; background-color: #ffffff; }
.body-trash { font-family: Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #666666; background-color: #666666; }


A:link { color: #134799; text-decoration: none; }
A:visited { color: #134799; text-decoration: none; }
A:hover { color: #134799; text-decoration: underline; }

.button { font-family: Arial, sans-serif; font-size: 11pt; font-weight: bold; background-color: #dedede; color: #134799; }

.app-pill { background-color: #dedede; color: #666666; }
.app-pill-subhead { color: #666666; font-family: Arial, sans-serif; font-weight: bold; font-size: 11pt; }
.app-pill-data { color: #666666; font-family: Arial, sans-serif; font-weight: normal; font-size: 11pt; }
A.app-pill-data:link { color: #134799; font-family: Arial, sans-serif; font-weight: normal; font-size: 11pt; text-decoration: underline; }
A.app-pill-data:visited { color: #134799; font-family: Arial, sans-serif; font-weight: normal; font-size: 11pt; text-decoration: underline; }
.app-pill-data-trash { color: white; font-family: Arial, sans-serif; font-weight: normal; font-size: 11pt; }

.nav-button-inactive { color: #134799; background-color: #dedede; font-weight: bold; font-size: 11pt; }
A.nav-button-inactive:link { color: #134799; background-color: #dedede; font-weight: bold; font-size: 11pt; }
A.nav-button-inactive:visited { color: #134799; background-color: #dedede; font-weight: bold; font-size: 11pt; }

.nav-button-inactive-trash { color: #134799; background-color: #999999; font-weight: bold; font-size: 11pt; }
A.nav-button-inactive-trash:link { color: #134799; background-color: #999999; font-weight: bold; font-size: 11pt; }
A.nav-button-inactive-trash:visited { color: #134799; background-color: #999999; font-weight: bold; font-size: 11pt; }

.nav-background { background-color: #f1f1f1; }

.nav-separator { border-top: 1px #134799 dotted; }

.nav-button-active { color: #134799; background-color: #f1f1f1; font-weight: normal; font-size: 11pt; }
A.nav-button-active:link { color: #134799; background-color: #f1f1f1; font-weight: normal; font-size: 11pt; }
A.nav-button-active:visited { color: #134799; background-color: #f1f1f1; font-weight: normal; font-size: 11pt; }

.nav-button-active-trash { color: #134799; background-color: #dedede; font-weight: normal; font-size: 11pt; }
A.nav-button-active-trash:link { color: #134799; background-color: #dedede; font-weight: normal; font-size: 11pt; }
A.nav-button-active-trash:visited { color: #134799; background-color: #dedede; font-weight: normal; font-size: 11pt; }

.tab-active { background-color: white; font-weight: normal; color: #333333; font-size: 12pt; }
.tab-inactive { background-color: #dedede; font-weight: normal; color: #134799; font-size: 12pt; }

.top-background { background-color: #f1f1f1; }

.topmoduletopbar { background-color: #dedede; color: #134799; font-weight: normal; font-size: 12pt; }
.topmodulebottombar { background-color: #dedede; color: #134799; font-weight: normal; font-size: 12pt; }
.topmodule-title { background-color: #dedede; color: #134799; font-weight: bold; font-size: 14pt; }
A.topmodule-title:link { background-color: #dedede; color: #134799; font-weight: bold; font-size: 14pt; }
A.topmodule-title:visited { background-color: #dedede; color: #134799; font-weight: bold; font-size: 14pt; }
.topmodule-status { background-color: #dedede; color: #134799; font-weight: normal; font-size: 14pt; }
A.topmodule-status:link { background-color: #dedede; color: #134799; font-weight: normal; font-size: 14pt; }
A.topmodule-status:visited { background-color: #dedede; color: #134799; font-weight: normal; font-size: 14pt; }
.topmodule-separator { border-top: 1px dotted #134799; background-color: #eaf2ff; }
.topmodule-separator-white { border-top: 1px dotted #134799; }
.topmodule-separator-bottom { border-bottom: 1px dotted #134799; background-color: #eaf2ff; }
.topmodule-separator-white-bottom { border-bottom: 1px dotted #134799; }
.topmodule-calendar { background-color: #eaf2ff; }
.topmodule-todo { background-color: #fff5cc; }
.topmodule-mail { background-color: #eaf2ff; }
.topmodule-note { background-color: #fff5cc; }
.topmodule-camera { background-color: #eaf2ff; }

.outage { background-color: #999999; }
.button-bar { color: #333333; font-weight: bold; font-size: 11pt; }
.button-bar-trash { background-color: white; color: #333333; font-weight: bold; font-size: 11pt; }
.app-title { font-size: 16pt; color: #ff0066; font-weight: bold; }
.app-title-trash { font-size: 16pt; color: white; font-weight: bold; }
.page-title { font-size: 14pt; color: #333333; font-weight: bold; }
.page-title-trash { font-size: 14pt; color: white; font-weight: bold; }
.page-title-printable { font-size: 14pt; color: #333333; font-weight: bold; }

.monospaced { font-family: Monaco, "Courier New", Courier, fixed-width; font-size: 12pt; color: black; }

.fine-print { color: gray; font-weight: normal; font-size: 10pt; }
.fine-print:link { color: gray; font-weight: normal; font-size: 10pt; }
.fine-print:visited { color: gray; font-weight: normal; font-size: 10pt; }

.table-row-odd { background-color: #eaf2ff; }
.table-row-even { background-color: white; }
.sort-header-active { background-color: #eaf2ff; font-size: 12pt; font-weight: bold; }
.sort-header-inactive { background-color: #dedede; font-size: 12pt; font-weight: bold; }
.sort-header-inert { background-color: #dedede; color: #666666; font-size: 12pt; font-weight: bold; }

.header { color: #666666; font-weight: bold; }
A.header:link { color: #134799; font-weight: bold; }
A.header:visited { color: #134799; font-weight: bold; }

.subheader { color: #666666; font-weight: bold; font-size: 12pt; }
A.subheader:link { color: #134799; font-weight: bold; font-size: 12pt; }
A.subheader:visited { color: #134799; font-weight: bold; font-size: 12pt; }

.text-bold { font-weight: bold; color: #666666; font-size: 12pt; }
A.text-bold:link { font-weight: bold; color: #134799; font-size: 12pt; }
A.text-bold:visited { font-weight: bold; color: #134799; font-size: 12pt; }

.text-bold-white { font-weight: bold; color: white; font-size: 12pt; }
A.text-bold-white:link { font-weight: bold; color: white; font-size: 12pt; }
A.text-bold-white:visited { font-weight: bold; color: white; font-size: 12pt; }

.text { color: #666666; font-weight: normal; font-size: 12pt; }
.text-tiny { color: #666666; font-weight: normal; font-size: 10pt; }
.text-large { color: #666666; font-weight: normal; font-size: 14pt; }
A.text:link { color: #134799; font-weight: normal; font-size: 12pt; }
A.text:visited { color: #134799; font-weight: normal; font-size: 12pt; }

.text-data { color: #134799; font-weight: normal; font-size: 12pt; }

.text-mail { color: #404040; }

.text-outage { color: white; font-weight: bold; font-size: 12pt; }

.text-pimsync { color: blue; font-weight: bold; }
.text-pimsync-header { color: #009900; font-weight: bold; font-size: 14pt; }
.text-pimsync-checkbox { color: #ff0000; font-weight: bold; }

.locale-choices-login { font-family: Arial, sans-serif; color: #666666; font-weight: normal; font-size: 12pt; }
A.locale-choices-login:link { font-family: Arial, sans-serif; color: #134799; font-weight: normal; text-decoration: underline; font-size: 12pt; }
A.locale-choices-login:visited { font-family: Arial, sans-serif; color: #134799; font-weight: normal; text-decoration: underline; font-size: 12pt; }

.alert-success { background-color: #829833; color: #ffffff; font-size: 11pt; font-weight: bold; }
.alert-error { background-color: #cc6633; color: #ffffff; font-size: 11pt; font-weight: bold; }

.backdrop { background-color: #dedede; }
.backdrop-white { background-color: white; }
.backdrop-trash { background-color: #999999; }
.backdrop-tab { background-color: #bbbbbb; }
.backdrop-light-blue { background-color: #adc5f7; }
.vertical-separator { border-left: 1px #999999 solid; }
.page { background-color: white; }
.page-block { background-color: #d7e6ff; }
.block-header { border-bottom: 1px #134799 dotted; }

/* The following styles are used by the Email application */

A.attachment:link { text-decoration: underline; }
A.attachment:visited { text-decoration: underline; }

/* The following style is used by the Notes application */

.backdrop-note { background-color: #fff8cf; }

/* The following styles are used by the To Do application */

.overdue { background-color: #ebf3ff; font-weight: normal; }
.overdue-text { color: #ff9900; font-size: 12pt; font-weight: normal; }
.overdue-text-bold { color: #ff9900; font-size: 12pt; font-weight: bold; }
.completed { background-color: #ebf3ff; font-weight: normal; }
.duetoday { background-color: #ebf3ff; font-weight: bold; }
.upcoming { background-color: #ebf3ff; font-weight: bold; }

/* The following style is used by the Camera application */

.camera-bar { background-color: #dedede; color: #666666; font-weight: bold; font-size: 12pt; }

/* The following styles are used by the Calendar application */

.pageBody { margin-left: 20px; margin-top: 20px; padding: 20px; display: block; }
.navCalendar { font-size: 12pt; color: #cccccc; background-color: #f1f1f1; }
.navCalendarHighlight { font-size: 12pt; color: #2e2e99; background-color: #cccccc; }
.navCalHeader { background-color: #f1f1f1; color: #666666; padding: 2px; border-top: 1px #134799 dotted; border-bottom: 1px #134799 dotted; font-size: 12pt; }
A.navCalendar:link { color: #2e2e99; text-decoration: none; font-weight: bold; font-size: 12pt; }
A.navCalendar:visited { color: #2e2e99; text-decoration: none; font-weight: bold; font-size: 12pt; }
.navThisMonth { font-size: 12pt; color: #134799; font-weight: bold; background-color: #cccccc; }
.formError { color: #ff0000; font-size: 8pt; font-weight: bold; }

.detailHeader { background-color: #f8ce81; color: #2250ae; }
.detailHeaderFrame { background-color: #cf7f16; }
.detailDate { color:  #cf7f16; font-weight: bold; }
.detailNotes { margin-top: 10px; background-color: #cccccc; color: #666666; height: 100; padding: 10px; }

.calCell {  background-color: #e1edff; min-width: 100px; width: 100px; height: 100px; min-height: 100px; vertical-align: top; border-right: 3px solid white; border-bottom: 3px solid white; }
.calCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
.monthDateCell {  background-color: #e1edff; min-width: 100px; width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.monthDateCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
A.calCell:link { color: #2150ae; }
A.calCell:visited { color: #2150ae; }
.monthEmptyBannerSlot { background-color: #e1edff; border-right: 3px solid white; }

.weekendCalCell {  background-color: #99ccff; min-width: 100px; width: 100px; height: 100px; min-height: 100px; vertical-align: top; border-right: 3px solid white; border-bottom: 3px solid white; }
.weekendDateCell {  background-color: #99ccff; min-width: 100px; width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.weekendCalCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
.weekendDateCell {  background-color: #99ccff; min-width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.weekendDateCellText { font-size: 10px; font-weight: normal; color: #2150ae;}
.monthEmptyBannerWeekendSlot { background-color: #99ccff; border-right: 3px solid white; }

.hiliteCalCell {  background-color: #e1edff; min-width: 100px; height: 100px; min-height: 100px; vertical-align: top; border-right: 3px solid white; border-bottom: 3px solid white; }
.hiliteDateCell {  background-color: #e1edff; min-width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.hiliteCalCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: white; }
.hiliteDateCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: white; }
A.hiliteCalCell:link { color: white; }
A.hiliteCalCell:visited { color: white; }
.monthEmptyBannerHiliteSlot { background-color: #e1edff; border-right: 3px solid white; }

.todayCalCell {  background-color: white; min-width: 100px; height: 100px; min-height: 100px; vertical-align: top; border-right: 3px solid white; border-bottom: 3px solid white; }
.todayCalCellText { font-size: 10px; font-weight: normal; color: #2150ae;}
.todayDateCell {  background-color: white; min-width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.todayDateCellText { font-size: 10px; font-weight: normal; color: #2150ae;}
A.todayCalCell:link { color: white; }
A.todayCalCell:visited { color: white; }
.monthEmptyBannerTodaySlot { background-color: white; border-right: 3px solid white; }

.fadedCalCell { background-color: #efefef; min-width: 100px; width: 100px; height: 100px; min-height: 100px; vertical-align: top; border-right: 3px solid white; border-bottom: 3px solid white; }
.fadedMonthDateCell {  background-color: #efefef; min-width: 100px; width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.fadedMonthDateCellText { font-family: Verdana, Helvetica, Arial; font-size: 12px; font-weight: normal; color: #888888; }
.fadedDateBox { width: 20px; height: 20px; display: block; background-color: #efefef; font-family: Verdana, Helvetica, Arial; font-size: 12px; font-weight: normal; }
.fadedMonthEmptyBannerSlot { background-color: #efefef; border-right: 3px solid white; }

.monthBannerEventCell { background-color: #ffcc66; border-bottom: 1px solid #efefef; border-right: 3px solid white; }
.monthBannerEventCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; }

.calTable { font-size: 11px;  border: none; margin: 20px; }
.bigCalHeader { font-size: 20px; border: 0px; border-right: 3px solid white; border-bottom: 3px solid white;}
.dateBox { width: 20px; height: 20px; display: block; background-color: #ffffff; font-size: 12px; font-weight: normal; }
.calBorder { background-color: #dedede; align: center; color: white; font-weight: bold; border-bottom: 3px solid white;}
.monthWeekdayNames { background-color: #dedede; color: #666666; font-size: 11px; font-weight: bold; }
A.monthWeekdayNames:link { background-color: #dedede; color: #134799; font-weight: bold; }
A.monthWeekdayNames:visited { background-color: #dedede; color: #134799; font-weight: bold; }
.monthWeekNav { background-color: #dedede; color: white; border-right: 3px solid white; }

.bannerEvents { color: #2e2e99; background-color: white; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px dotted #2e2e99; border-top: 1px dotted #2e2e99; }
.pmGridCell { background-color: white; color: #2e2e99; width: 40px; border-right: 3px solid white; }
.pmTimeDisplay { color: #2e2e99; font-size: 11px; font-weight: bold; }
A.pmTimeDisplay:link { color: #2e2e99; font-weight: bold; }
A.pmTimeDisplay:visited { color: #2e2e99; font-weight: bold; }
.amGridCell { background-color: white; color: #2e2e99; width: 40px; border-right: 3px solid white; }
.amTimeDisplay { color: #7fa9d4; font-size: 11px; font-weight: bold; }
A.amTimeDisplay:link { color: #7fa9d4; font-weight: bold; }
A.amTimeDisplay:visited { color: #7fa9d4; font-weight: bold; }
.timeGridCell { background-color: white; width: 40px; font-weight: bold; }
.emptyEventGridCell { background-color: #e1edff; margin: 3px; border-bottom: 3px solid white; }
.emptyWorkDayEventGridCell { background-color: #e1edff; margin: 3px; border-bottom: 3px solid white; }
.eventGridCell { background-color: #ffe6b3; margin: 3px;  border-bottom: 3px solid white; border-right: 3px solid #e1edff; }
.bannerEventsText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; }
.emptyEventGridCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; }
.eventGridCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; }

.weekDateBox { color: white; font-weight: bold; }
.weekDateAnchor { color: white; font-weight: bold; }
.weekHeader { background-color: #6eafff; color: white; border-right: 1px solid white; border-bottom: 1px solid white; width: 100px; height: 28px; font-weight: bold; }
.weekHeaderText { color: white; font-weight: bold; }
A.weekHeaderText:link { color: white; font-weight: bold; border: none; }
A.weekHeaderText:visited { color: white; font-weight: bold; border: none; }
.weekTodayHeader { background-color: #7fa9d4; border-right: 1px solid white; border-bottom: 1px solid white; width: 100px; height: 28px; font-weight: bold; }
.weekBannerRow { background-color: #e1edff; }
.weekBannerEventCell { background-color: #ffcc00; margin: 4px;  border-bottom: 1px solid #e1edff; border-right: 1px solid #e1edff; }
.weekRow { background-color: #e1edff; border-top: 1px solid white; border-right: 1px solid white;}
.weekEventCell { background-color: #ffe6b3; border-top: 1px solid white; border-right: 1px solid white;}
.weekRowToday { background-color: white; border-bottom: 1px solid #e1edff; border-right: 1px solid white;}
.weekWeekendCell { background-color: #99ccff; border-top: 1px solid white; border-right: 1px solid white;}
.spacer { width: 2px; background-color: white; }

.weekBannerRowText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
.weekBannerEventCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
.weekRowText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
.weekRowTodayText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
.weekWeekendCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }

.eventTitle { border-top: 1px dotted #2e2e99; border-bottom: 1px dotted #2e2e99; }

/* The following styles are used by the T-Mobile header and footer */

/* CLASSES these refer to the classes in the T-Mobile stylesheet to make sure the links are handled properly */

a.international:link {
	color: #ffffff;
	font: bold 11px Arial, sans-serif;
	text-decoration: none;
}

a.international:visited {
	color: #ffffff;
	font: bold 11px Arial, sans-serif;
	text-decoration: none;
}

a.international:active {
	color: #ffffff;
	font: bold 11px Arial, sans-serif;
	text-decoration: none;
}

a.navlink {
	color:#666;
	font:normal 11px Arial, sans-serif;
	text-decoration:none;
	}

a.navlink:visited {
	color:#666;
	font:normal 11px Arial, sans-serif;
	text-decoration:none;
	}

a.navlink:active {
	color:#666;
	font:normal 11px Arial, sans-serif;
	text-decoration: underline;
	}

a.navlink:hover {
	color:#666;
	font:normal 11px Arial, sans-serif;
	text-decoration: underline;
	}

tr.nav td.selected {
	background-color:#fefeeb;
	}
	
td.nav, tr.nav td {
	background-color:#dedede;
	}

.navoff	{
	background-color:#dedede;
	}
	
.navon	{
	background-color:#fefeeb;
	}
	
tr.international td {
	background-color:#f06;
	color:#fff;
	}
	
td.border, tr.border td, tr.nav td.border {
	background-color:#999; 
	}
	
.banner {background-color:#b0cbe1;}


a.return:visited { color: #ffffff; text-decoration: none; }
a.return:hover { color: #ffffff; text-decoration: underline; }

a.top:visited { color: #ffffff; text-decoration: none; }
a.top:hover { color: #ffffff; text-decoration: underline; }

a.primary:visited { color: #F06; text-decoration: none; }
a.primary:hover { color: #F06; text-decoration: underline; }

/* FOOTER CLASSES */

.footer {
	background-color: #666666;
	color: #ffffff;
	font-size: 11pt;
	font-family: Arial, sans-serif;
	}

a.footer:link { color: #ffffff; text-decoration: none; }
a.footer:visited { color: #ffffff; text-decoration: none; }
a.footer:hover { color: #ffffff; text-decoration: underline; }

.footer-orig {
	color: #666;
	font-size: 11pt;
	font-family: Arial, sans-serif;
	}

.footer-base {
	background-color: #666666;
	color: #ffffff;
	font-size: 12pt;
	font-family: Arial, sans-serif;
	}

a.footer-base:link { color: #ffffff; text-decoration: none; }
a.footer-base:visited { color: #ffffff; text-decoration: none; }
a.footer-base:hover { color: #ffffff; text-decoration: underline; }

.footer p {
	margin-top: 5px;
	color: #666;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	}

.footer span.title {
	color: #f09;
	font-size: 10pt;
	font-family: Arial, sans-serif;

	}

.title {
	color: #f06;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	}

a.plain:link { /* plain text links as in comp, maybe "plain" is not the best classname */
	color: #666;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	text-decoration:none;
	}

a.plain:visited { /* plain text links as in comp, maybe "plain" is not the best classname */
	color: #666;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	text-decoration:none;
	}

a.plain:active { /* plain text links as in comp, maybe "plain" is not the best classname */
	color: #666;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	text-decoration:none;
	}