div.di {
	width: 950px;
}

.di a.F3, .di a.F3:link, .di a.F3:visited, .di a.F3:active, .di a.F3:hover {
	font-family: Arial;
	font-size: 10px; 
	color: #999999;
}

.di div, .di span {
	padding: 0;
}

.di .body { font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #666666; background-color: #FFFFFF; text-align:left !important;}
.di .bodyOrig { font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #666666; background-color: #dedede; }
.di .body-pp { font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #666666; background-color: #666666; }
.di .body-trash { font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #666666; background-color: #666666; }

.di A:link { color: #008DA8; text-decoration: none; }
.di A:visited { color: #008DA8; text-decoration: none; }
.di A:hover { color: #008DA8; text-decoration: underline; }

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

.di .app-pill { background-color: #dedede; color: #666666; }
.di .app-pill-subhead { color: #666666; font-family: Arial, sans-serif; font-weight: bold; font-size: 10px; }
.di .app-pill-data { color: #666666; font-family: Arial, sans-serif; font-weight: normal; font-size: 10px; }
.di A.app-pill-data:link { font-family: Arial, sans-serif; font-weight: normal; font-size: 10px; }
.di A.app-pill-data:visited { font-family: Arial, sans-serif; font-weight: normal; font-size: 10px; }
.di .app-pill-data-trash { color: white; font-family: Arial, sans-serif; font-weight: normal; font-size: 10px; }
.di A.app-pill-data-trash:link { font-family: Arial, sans-serif; font-weight: normal; font-size: 10px; }
.di A.app-pill-data-trash:visited { font-family: Arial, sans-serif; font-weight: normal; font-size: 10px; }

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

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

.di .nav-background {
	background-color: #f1f1f1;
	border-collapse: separate;
}

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

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

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

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

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

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

.di .outage { background-color: #bbbbbb; }
.di .button-bar { color: #333333; font-weight: bold; font-size: 10px; }
.di .button-bar-trash { background-color: white; color: #333333; font-weight: bold; font-size: 10px; }
.di .app-title { font-size: 16px; color: #ec008c; font-weight: bold; }
.di .app-title-trash { font-size: 16px; color: white; font-weight: bold; }
.di .page-title { font-size: 13px; color: #333333; font-weight: bold; }
.di .page-title-trash { font-size: 13px; color: white; font-weight: bold; }
.di .page-title-printable { font-size: 13px; color: #333333; font-weight: bold; }

.di .monospaced { font-family: Monaco, "Courier New", Courier, fixed-width; font-size: 11px; color: black; }

.di .fine-print { color: gray; font-weight: normal; font-size: 9px; }
.di .fine-print:link { color: gray; font-weight: normal; font-size: 9px; }
.di .fine-print:visited { color: gray; font-weight: normal; font-size: 9px; }

.di .table-row-odd { background-color: #eaf2ff; }
.di .table-row-even { background-color: white; }

.di .sort-header-active { background-color: #eaf2ff; font-size: 11px; font-weight: bold; }
.di A.sort-header-active:link { font-size: 11px; font-weight: bold; }
.di A.sort-header-active:visited { font-size: 11px; font-weight: bold; }

.di .sort-header-inactive { background-color: #dedede; font-size: 11px; font-weight: bold; }
.di A.sort-header-inactive:link { font-size: 11px; font-weight: bold; }
.di A.sort-header-inactive:visited { font-size: 11px; font-weight: bold; }

.di .sort-header-inert { background-color: #dedede; color: #666666; font-size: 11px; font-weight: bold; }

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

.di .subheader { color: #666666; font-weight: bold; font-size: 11px; }
.di A.subheader:link { font-weight: bold; font-size: 11px; }
.di A.subheader:visited { font-weight: bold; font-size: 11px; }

.di .text-bold { font-weight: bold; color: #666666; font-size: 11px; }
.di A.text-bold:link { font-weight: bold; font-size: 11px; }
.di A.text-bold:visited { font-weight: bold; font-size: 11px; }

.di .text-bold-white { font-weight: bold; color: white; font-size: 11px; }
.di A.text-bold-white:link { font-weight: bold; font-size: 11px; }
.di A.text-bold-white:visited { font-weight: bold; font-size: 11px; }

.di .text { color: #666666; font-weight: normal; font-size: 11px; }
.di .text-tiny { color: #666666; font-weight: normal; font-size: 9px; }
.di .text-large { color: #666666; font-weight: normal; font-size: 13px; }
.di A.text:link { font-weight: normal; font-size: 11px; }
.di A.text:visited { font-weight: normal; font-size: 11px; }

.di .text-data { color: #134799; font-weight: normal; font-size: 11px; }

.di .text-mail { color: #404040; }

.di .text-outage { color: white; font-weight: bold; font-size: 11px; }

.di .text-pimsync { color: blue; font-weight: bold; }
.di .text-pimsync-header { color: #009900; font-weight: bold; font-size: 13px; }
.di .text-pimsync-checkbox { color: #ff0000; font-weight: bold; }

.di .login-text-data { color: black; font-weight: bold; font-size: 11px; }
.di .login-text-small { font-weight: normal; font-size: 11px; }

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

.di .alert-success { background-color: #829833; color: #ffffff; font-size: 10px; font-weight: bold; }
.di .alert-error { background-color: #cc6633; color: #ffffff; font-size: 10px; font-weight: bold; }

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

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

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

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

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

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

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

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

.di .camera-bar { background-color: #dedede; color: #666666; font-weight: bold; font-size: 11px; }

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

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

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

.di .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; }
.di .calCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
.di .monthDateCell {  background-color: #e1edff; min-width: 100px; width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.di .monthDateCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: #2150ae; }
.di .monthEmptyBannerSlot { background-color: #e1edff; border-right: 3px solid white; }

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

.di .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; }
.di .hiliteDateCell {  background-color: #e1edff; min-width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.di .hiliteCalCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: white; }
.di .hiliteDateCellText { font-family: Verdana, Helvetica, Arial; font-size: 10px; font-weight: normal; color: white; }
.di .monthEmptyBannerHiliteSlot { background-color: #e1edff; border-right: 3px solid white; }

.di .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; }
.di .todayCalCellText { font-size: 10px; font-weight: normal; color: #2150ae;}
.di .todayDateCell {  background-color: white; min-width: 100px; height: 25px; vertical-align: top; border-right: 3px solid white; }
.di .todayDateCellText { font-size: 10px; font-weight: normal; color: #2150ae;}
.di .monthEmptyBannerTodaySlot { background-color: white; border-right: 3px solid white; }

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

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

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

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

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

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

.di .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 */

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

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

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

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

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

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

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

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

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


.di a.return:visited { text-decoration: none; }
.di a.return:hover { text-decoration: underline; }

.di a.top:visited { text-decoration: none; }
.di a.top:hover { text-decoration: underline; }

.di a.primary:visited { text-decoration: none; }
.di a.primary:hover { text-decoration: underline; }

/* FOOTER CLASSES */
/*	align: center; */

.di .footer {
	color: #000000;
	font-size: 10px;
	font-family: Arial, sans-serif;
	}

.di a.footer:link { text-decoration: none; }
.di a.footer:visited { text-decoration: none; }
.di a.footer:hover { text-decoration: underline; }

.di .footer-orig {
	font-size: 10px;
	font-family: Arial, sans-serif;
	}

.di .footer-base {
	color: #000000;
	font-size: 11px;
	font-family: Arial, sans-serif;
	}

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

.di .footer p {
	margin-top: 5px;
	color: #000000;
	font-size: 9px;
	font-family: Arial, sans-serif;
	}

.di .footer span.title {
	color: #f09;
	font-size: 9px;
	font-family: Arial, sans-serif;

	}

.di .title {
	color: #f06;
	font-size: 9px;
	font-family: Arial, sans-serif;
	}

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

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

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