/**
* Theme Default Template File
*
* FIXME: remove margin/padding/width/height (layout definitions) into base css
*
*
* Summary: FIXME
*
* background:	
*		purpose: specify complete 'background' css style
*		example value: #FF6699 url("themes/blue/images/buttonGray.png?2-5.01_190013")
*
* borderColor:	
*		purpose: specify only the color used for the border.  borderWidth not 
*						 support theres specific code to switch border and margin/padding 
*						 to remove jumping issues on IE
*		example value: #FF6699
*
* color:
*		purpose: specify compelte font 'color' css style
*		example value: #FF6699
**/

/* dijit */
/*
Dijit customizations
*/

a, a:visited {
	color: ${linkColor};
}

/* dijitSplitter */
.dijitSplitter {
  border-color: ${splitterBorderColor};
  background: ${splitterBackground};
  border-style: solid;
}

/* dijitToolbar */
.dijitToolbar {
  background: ${toolbarBackground};
  border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: ${toolbarBorderColor};
}

.dijitToolbar .dijitButtonHover .dijitButtonNode,
.dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.dijitToolbar .dijitToggleButtonChecked .dijitButtonNode,
.dijitToolbar .dijitDropDownButtonHover .dijitButtonNode {
	border-color: ${toolbarButtonHoverBorderColor};
	background: ${toolbarButtonHoverBackground};
}

.dijitToolbar .dijitComboButton.dijitComboButtonHover,
.dijitToolbar .dijitComboButton.dijitComboButtonDownArrowHover {
	border-color: ${toolbarButtonHoverBorderColor};
	background: ${toolbarButtonHoverBackground};
}

/* FIXME: should buttons have an active state styling */
.dijitToolbar .dijitComboButton.dijitComboButtonActive {
	border-color: ${toolbarButtonHoverBorderColor};
}

.dijitToolbar .dijitComboButton.dijitComboButtonHover .dijitDownArrowButton,
.dijitToolbar .dijitComboButton.dijitDownArrowHover .dijitDownArrowButton {
	border-color: ${toolbarButtonHoverBorderColor};
	background: ${toolbarButtonHoverBackground};
}

/* dijitTabContainer */
.dijitTabContainerTop-tabs {
  background: ${tabContainerBackground};
  border-color: ${tabContainerBorderColor};
}

.dijitTabContainerLeft-tabs {
  border-color: ${borderColor};
}

/* tab default (unselected) state */
.dijitTab {
  background: ${tabUnselectedLeftBackground};
}

.dijitTab .dijitTabInnerDiv {
  background: ${tabUnselectedRightBackground};
}

.dijitTab .dijitTabInnerDiv .dijitTabContent {
  background: ${tabUnselectedCenterBackground};
}

/* tab hover state */
.dijitTabHover {
  background: ${tabHoverLeftBackground};
}

.dijitTabHover .dijitTabInnerDiv {
  background: ${tabHoverRightBackground};
}

.dijitTabHover .dijitTabInnerDiv .dijitTabContent {
  background: ${tabHoverCenterBackground};
}

/* tab checked (selected) state */
.dijitTabChecked {
  background: ${tabSelectedLeftBackground};
}

.dijitTabChecked .dijitTabInnerDiv {
  background: ${tabSelectedRightBackground};
}

.dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
  background: ${tabSelectedCenterBackground};
}

/* dijitButton */
.dijitButtonNode {
	background: ${buttonBackground};
	border-color: ${buttonBorderColor};
}

.defaultButton .dijitButtonNode {
	background: ${defaultActionButtonBackground};
	border-color: ${defaultActionButtonBorderColor};
}

.secondaryFocus .dijitButtonNode {
	background: ${buttonBackground};
	border-color: ${buttonBorderColor};
}

/* Form submit button */
.dijitDialog .executeButton .dijitButtonNode .dijitButtonContents {
	background: ${defaultActionButtonBackground};
	border-color: ${defaultActionButtonBorderColor};
}


/*
	dijitDialog
*/
.dijitDialog {
	border-color: ${contentOverlayBorderColor};
}

/* dialogbox title bar */
.dijitDialog .dijitDialogTitleBar {
	background: ${titlebarBackground};
}

.dijitDialog .dijitDialogTitleBar .dijitDialogCloseIcon {
	background: ${iconsClose};
}

/* Menu, popup menu */

.dijitMenu {
	background: ${foregroundBackground};
	border-color: ${contentOverlayBorderColor};
}

.dijitMenuBar {
	border-color: ${borderColor};
}

/* What's this? */
.dijitBorderContainer .dijitMenuBar {
	border-color: ${borderColor};
}

.dijitMenuItemHover,
.dijitMenuPassive .dijitMenuItemHover  {
	background: ${hoverItemBackground};
}

.dijitMenuItemSelected,
.dijitMenuPassive .dijitMenuItemSelected {
	background: ${selectedItemBackground};
}

.dijitMenuSeparatorTop,  .dijitMenuSeparatorBottom {
	/* Colors that should be overridden in theme */
	border-color: ${borderColor};
}

/* Tree */
.dijitTreeNodeHover {
	background: ${hoverItemBackground};
}

.dijitTreeNodeSelected {
	background: ${selectedItemBackground};
}

/* Form widgets */

.dijitTextBox,
.dijitSpinner,
.dijitComboBox {
	border-color: ${borderColor};
}

.dijitSpinnerButtonContainer {
	border-color: ${borderColor};
}

/* FIXME: definitation should not have table infront of it */
table.dijitComboButton {
	background:${buttonBackground};
	border-color: ${borderColor};
}

.dijitComboButton td.dijitDownArrowButton {
	border-color: ${borderColor};
}

.dijitComboBox .dijitButtonContents,
.dojoxDropDownSelect .dijitButtonContents {
	border-color: ${borderColor};
}

.dojoxDropDownSelectDisabled .dijitButtonContents,
.dojoxDropDownSelectReadOnly .dijitButtonContents{
	background: ${disabledBackground};
	color: ${disabledColor}; /* FIXME: is the color even needed here. */
	border-color: ${disabledBorderColor};
}


.dijitComboBox .dijitButtonNode,
.dijitSpinner .dijitButtonNode {
	/* line between the input area and the drop down button */
	border-color: ${borderColor};
}

/* visual indication for hover */
.dojoxDropDownSelectHover .dijitDownArrowButton,
.dijitSpinnerHover .dijitSpinnerButtonContainer .dijitButtonNode,
.dijitComboBoxHover .dijitDownArrowButton,
.dijitSpinnerDownArrowHover .dijitSpinnerButtonContainer .dijitButtonNode,
.dijitSpinnerUpArrowHover .dijitSpinnerButtonContainer .dijitButtonNode {
	background: ${defaultActionButtonBackground};
}

.dojoxDataIconGrid .dojoxDataIconGridItemHovered {
	background: ${hoverItemBackground};
}

.dojoxDataIconGrid .dojoxDataIconGridItemSelected {
	background: ${selectedItemBackground};
}

/* compat Grid
*/

.dojoxGrid .dojoxGrid-header,
.dojoxGrid .dojoxGrid-header .dojoxGrid-cell {
	background: ${tableHeaderBackground};
	border-color: ${borderColor};
}

.dojoxGrid .dojoxGrid-row-table {
	border-color: ${borderColor};
}

.dojoxGrid .dojoxGrid-row-odd {
	background: ${alternatingItemBackground};
}

.dojoxGrid .dojoxGrid-row-selected {
	background: ${selectedItemBackground};
}

/* DataGrid */

.dojoxGrid .dojoxGridHeader,
.dojoxGrid .dojoxGridMasterHeader,
.dojoxGrid .dojoxGridHeader .dojoxGridCell{
	background: ${tableHeaderBackground};
	border-color: ${borderColor};
}

.dojoxGrid .dojoxGridHeader .dojoxGridCell[aria-sort=ascending],
.dojoxGrid .dojoxGridHeader .dojoxGridCell[aria-sort=descending]{
	background: ${titlebarBackground};
	border-color: ${borderColor};
}


.dojoxGrid .dojoxGridRowTable{
	border-color: ${borderColor};
}

.dojoxGrid .dojoxGridRowbarOdd,
.dojoxGrid .dojoxGridRowOdd{
	background: ${alternatingItemBackground};
}

.dojoxGrid .dojoxGridRowbarSelected,
.dojoxGrid .dojoxGridRowSelected{
	background: ${selectedItemBackground};
}



/* MiniCalendar, used by the date text box and in the calendar navigator */
table.dijitCalendarContainer {
	border: 1px solid ${borderColor};
}

.dijitCalendarContainer tr.dijitCalendarMonthContainer {
	background: ${betweenForegroundBackground};
}

table.dijitCalendarContainer td.dijitCalendarCurrentDate {
	border-color: ${borderColor};
}

.dijitCalendarSelectedDate,
.dijitCalendarSelectedYear {
	background: ${selectedItemBackground};
}

/* Form */

.FormTextBox,
.FormSearchBox,
.FormSimpleTextarea {
	border-color: ${borderColor};
}

/* FIXME: if nothing is being defined we do not need it */
.FormTextBoxHover,
.FormSearchBoxHover,
.FormSimpleTextareaHover {
}

.FormTextBoxFocused,
.FormSearchBoxFocused,
.FormSimpleTextareaFocused {
}

/*
	FIXME: warning, error colors are defined in Unthemed, where do we want this
*/
.FormTextBoxWarning,
.FormSearchBoxWarning,
.FormSimpleTextareaWarning {
	border-color: ${warningBorderColor};
}

.FormTextBoxError,
.FormSearchBoxError,
.FormSimpleTextareaError {
	border-color: ${errorBorderColor};
}

/* TODO: this is wrong, this box should be blue */
.FormQuickSearchForm .FormSearchBox {
  background: ${foregroundBackground};
}

.FormComboTextareaMenu {
	border-color: ${borderColor};
}

.FormComboTextareaMenuGroup {
	background: ${betweenForegroundBackground};
}

.FormComboTextareaMenuGroup-legend {
	background: ${betweenForegroundBackground};
}

.FormComboTextareaMenuGroup-list {
	background: ${foregroundBackground};
}

.FormComboTextareaMenuGroup-errorMessage {
	background-color: ${foregroundBackground};
}

.FormComboTextareaMenuGroupItemHighlighted {
	background: ${hoverItemBackground};
}

.FormFloatingPane {
	border-color: ${borderColor};
}

.FormFloatingPane .FormFloatingPane-Header {
	background: ${titlebarBackground};
}

.FormBorderContainerForm .FormBorderContainerForm-ButtonPane {
	border-top-color: ${borderColor};
	background:  ${betweenForegroundBackground};
}

/* Masthead */
.Banner {
  background: ${mastheadBackground};
  color: ${mastheadColor};
}

.Banner .Banner-Logo {
  background: ${logoBackground};
  width: ${logoWidth};
  height: ${mastheadHeight};
}

.Banner .Banner-Logo,
.Banner .Banner-Title,
.Banner-Actions {
  line-height: ${mastheadHeight};
}

.Banner-Actions-ActionItem {
  color: ${mastheadColor};
}

 /* FIXME, does not belong here */
.Banner-Actions-ActionItem {
  font-size: 11px !important;
}


/*
    Document   : General
    Created on : Jan 7, 2010, 12:38:38 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.Taskbar-Background {
 	background: ${taskbarBackground};
	border-color: ${borderColor};
}

.dijitToolbar .Taskbar-JumpListButton.dijitButtonHover .dijitButtonNode {
 	background: ${taskbarButtonHoverBackground};
}

.Taskbar-JumpListButton .dijitButtonNode,
.TaskbarButton .dijitButtonNode {
 	background: ${taskbarButtonBackground};
	border-color: ${borderColor};
}

.Taskbar-JumpListButton.dijitButtonChecked .dijitButtonNode,
.Taskbar-JumpListButton.dijitButtonActive .dijitButtonNode,
.TaskbarButtonChecked {
	background: ${taskbarButtonSelectedBackground}
}

.Taskbar-JumpListButton .dijitButtonText,
.TaskbarButton .dijitButtonText {
	color: ${fontColor};
}

.TaskbarButton .TaskbarButton-ArrowButtonChar {
	color: ${fontColor};
}

.TaskbarButtonChecked .dijitButtonNode {
	background: ${taskbarButtonSelectedBackground};
}

.TaskbarButton.Highlight .dijitButtonNode,
.TaskbarButton .dijitButtonNode.dijitHover,
.TaskbarButton.dijitHover .dijitButtonNode {
	background: ${taskbarButtonHoverBackground};
}

.WizardSteps div {
	border-color: ${wizardStepBorderColor};
	background: ${wizardStepBackground};
	color: ${wizardStepColor};
}

.WizardSteps div.WizardSteps-Selected {
	background: ${wizardStepSelectedBackground};
	color: ${wizardStepSelectedColor};
}

.WizardSteps div.WizardSteps-BeforeSelected {
	background: ${wizardStepBeforeSelectedBackground};
}

.WizardSteps div.WizardSteps-First {
	border-left-color: ${wizardStepBorderColor};
}

.WizardSteps div.WizardSteps-Last {
	border-right-color: ${wizardStepBorderColor};
	background-image: none !important;
}

.RichTextEditable {
	border-color: ${borderColor};
}

.RichTextEditable .dijitToolbar {
	border-color: ${toolbarBorderColor};
	background: ${betweenForegroundBackground};
}

.RichTextEditable .dijitToolbar .dijitButtonHover .dijitButtonNode,
.RichTextEditable .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.RichTextEditable .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode,
.RichTextEditable .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
.RichTextEditable .dijitToolbar .dijitComboButtonHover,
.RichTextEditable .dijitToolbar .dijitComboButtonDownArrowHover,
.RichTextEditable .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton,
.RichTextEditable .dijitToolbar .dijitDownArrowHover .dijitDownArrowButton {
	background: ${toolbarButtonHoverBackground};
}

/*
  QuickActions
*/
.QuickActions .dijitToolbar {
  background: ${betweenForegroundBackground};
}

.QuickActions .dijitToolbar .dijitButtonHover {
  border: 1px solid ${toolbarButtonHoverBorderColor};
}

/* ServiceMenu */

.ServiceMenu {
  background: ${betweenForegroundBackground};
}

.ServiceMenu .dijitButton .dijitButtonNode {
  border-color: ${borderColor};
	background: ${serviceMenuItemBackground};
}

.ServiceMenu .dijitButton .dijitButtonNode .dijitButtonText {
	color: ${serviceMenuItemColor};
}

/* Q: hover state, priority */
.ServiceMenu .dijitButtonHover .dijitButtonNode {
	background: ${serviceMenuItemHoverBackground};
}

.ServiceMenu .dijitButtonHover .dijitButtonNode .dijitButtonText {
	color: ${serviceMenuItemHoverColor};
}

/* Q: selected state, priority */
/* Service menu should have use */
.ServiceMenu .serviceSelected .dijitButtonNode {
	background: ${serviceMenuItemSelectedBackground};
}

.ServiceMenu .serviceSelected .dijitButtonNode .dijitButtonText {
	color: ${serviceMenuItemSelectedColor};
}

/* ServiceNavigator */
/*
  Note: Navigators should be abstracted and each service should inherited from them.  Providing the same styling across navigations
*/

/* service menu header */
.iwcContainerLabelWrap {
	background: ${titlebarBackground};
}

.ServiceNavigator .dijitToolbar {
	background: ${betweenForegroundBackground};
}

/* Mail */

/* MailGrid */
.MailGrid-Header {
  background: ${tableHeaderBackground};
	border-color: ${borderColor};
}
.MailGrid-Header .dijitSplitContainerSizerH {
	border-color: ${borderColor};
}

.MailGrid-Header .columnHeader {
}

/* using the same styles as the titlebar */
.MailGrid-Header .columnSorted {
	background: ${titlebarBackground}; /* which color here, email title bar outline or email titlebar selected*/
	color: ${titlebarColor};
}

.MailGrid table td {
	background: ${foregroundBackground};
}


.MailGrid .MailGrid-EvenRow td {
	background: ${alternatingItemBackground};
}

.MailGrid table .selected  td {
	background: ${selectedItemBackground};
}

.MailUnreadCounter {
	background: ${serviceNavigatorUnreadCountRightBackground};
	color: ${fontColor};
}

.MailUnreadCounter div {
	background: ${serviceNavigatorUnreadCountLeftBackground};
	margin: 0;
}

.MailFolders .FolderUnselectable {
	color: ${disabledColor};
}

.dijitDialog .MailFolders {
	border-color: ${borderColor};
}

/* FIXME: .dijitBorderContainer this should be specific to an specific area. */
.MailSubscribeFolderDialog .dijitBorderContainer {
	border-color: ${borderColor};
}

.MailOptionFilterList-FilterGrid .dojoxGrid {
	border-color: ${borderColor};
}

.MailOptionLayout-FilterList select {
	border-color: ${borderColor};
}


.MailOptionLayout-FilterList select option:hover {
	background: ${hoverItemBackground};
}

.MailOptionLayout-FilterList select option[selected],
.MailOptionLayout-FilterList select option:active,
.MailOptionLayout-FilterList select option:focus {
	background: ${selectedItemBackground};
}

.MailCreateMessage-Security,
.MailCreateMessage-Options,
.MailCreateMessage-Headers {
	background: ${betweenForegroundBackground};
}

.MailAdvancedSearch .MailAdvancedSearch-CriteriaContainer {
	border-color: ${borderColor};
	background: ${betweenForegroundBackground};
}

/*
    Document   : calendar.css?2-5.01_190013
    Created on : Dec 8, 2009, 4:59:46 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

/* Navigator */
.CalendarNavigator .CalendarNode-Hover {
	background: ${hoverItemBackground};
}

.CalendarNavigator .CalendarNode-Selected {
	background: ${selectedItemBackground};
}

/* Week view */

.CalendarWeekView-WeekNumber {
	background: ${titlebarBackground};
	color: ${titlebarColor};
	border-color: ${borderColor};
}

.CalendarWeekView table th,
.CalendarWeekView table td {
	border-color: ${hourBorderColor};
}

.CalendarWeekView table tr.Hour th,
.CalendarWeekView table tr.Hour td {
  border-color: ${hourBorderColor};
}


.CalendarWeekView table tr.HalfHour th,
.CalendarWeekView table tr.HalfHour td {
  border-color: ${halfhourBorderColor};
}

.CalendarWeekView .calWeeklyHeader th {
	background: ${betweenForegroundBackground};
}

.CalendarWeekView .calWeeklyHeader .today {
	border-color: ${todayBorderColor};
}

.CalendarWeekView .calWeeklyHeader .selected {
	background: ${selectedItemBackground};
	color:${selectedItemColor};
}

/* Month view */
.CalendarMonthView-MonthHeader {
	background: ${titlebarBackground};
}

.CalendarMonthView-DayHeaders {
	background: ${betweenForegroundBackground};
}

.CalendarMonthView td {
	border-color: ${dayBorderColor};
}

.CalendarMonthView td.today {
	border-color: ${todayBorderColor};
	border-width: 2px;
}

.CalendarMonthView td.selected .monthDayHeader {
	background: ${selectedItemBackground};
	color: ${selectedItemColor};
}

.CalendarListView .CalendarListView-DateHeader {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.CalendarListView-FilterButtons .dijitToggleButtonChecked .dijitButtonNode {
	background: ${selectedItemBackground};
}

/* Mini calendar */


/* Group Toggle: seperator  This does not have any states */
.CalendarViewDispatcher-TextToggles .dijitToggleButton {
	background: ${groupToggleButtonSeparatorBackground};
}

/* Group Toggle: default state */
.CalendarViewDispatcher-TextToggles .dijitButtonContents {
	background: ${groupToggleButtonCenterBackground};
}

.CalendarViewDispatcher-TextToggles .dijitButtonText {
  color: ${groupToggleButtonColor};
}

.CalendarViewDispatcher .CalendarViewDispatcher-LastToggle .dijitButtonNode {
	background: ${groupToggleButtonRightBackground};
}

.CalendarViewDispatcher-TextToggles .CalendarViewDispatcher-FirstToggle {
	background: ${groupToggleButtonLeftBackground};
}

/* Group Toggle: selected state */
.CalendarViewDispatcher-FirstToggle.dijitToggleButtonChecked {
	background: ${groupToggleButtonSelectedLeftBackground};
}

.CalendarViewDispatcher-TextToggles .dijitToggleButtonChecked .dijitButtonContents {
	background: ${groupToggleButtonSelectedCenterBackground};
}

.CalendarViewDispatcher-TextToggles .dijitToggleButtonChecked  .dijitButtonText {
  color: ${groupToggleButtonSelectedColor};
}

.CalendarViewDispatcher-LastToggle.dijitToggleButtonChecked .dijitButtonNode {
	background: ${groupToggleButtonSelectedRightBackground};
}

/* Group Toggle: hover state */
.CalendarViewDispatcher-FirstToggle.dijitToggleButtonHover {
	background: ${groupToggleButtonHoverLeftBackground};
}

.CalendarViewDispatcher-LastToggle.dijitToggleButtonHover .dijitButtonNode {
	background: ${groupToggleButtonHoverRightBackground};
}

.CalendarViewDispatcher-TextToggles .dijitToggleButtonHover .dijitButtonContents {
	background: ${groupToggleButtonHoverCenterBackground};
}

.CalendarViewDispatcher-TextToggles .dijitToggleButtonHover .dijitButtonText {
  color: ${groupToggleButtonHoverColor};
}

.CalendarViewDispatcher .CalendarViewDispatcher-IconToggles .dijitToggleButton .dijitButtonNode {
	border-color: ${borderColor};
}

/* Date Selector: default state */
.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-GoBack {
	background: ${groupToggleButtonTodayLeftBackground};
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-TodayButton .dijitButtonContents {
	background: ${groupToggleButtonTodayCenterBackground};
}
.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-TodayButton .dijitButtonContents .dijitButtonText {
	color: ${groupToggleButtonTodayColor};
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-GoForward {
	background: ${groupToggleButtonTodayRightBackground};
}

/* Date Selector: hover state */
.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .dijitButtonHover .CalendarViewDispatcher-GoBack {
	background: ${groupToggleButtonTodayHoverLeftBackground};
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .dijitButtonHover .CalendarViewDispatcher-GoForward {
	background: ${groupToggleButtonTodayHoverRightBackground};
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-TodayButton.dijitButtonHover .dijitButtonContents {
	background: ${groupToggleButtonTodayHoverCenterBackground};
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-TodayButton.dijitButtonHover .dijitButtonContents .dijitButtonText {
	color: ${groupToggleButtonTodayHoverColor};
}

/* Calendar Print Dialog */
.CalendarPrintDialog .calendarList {
	border-color: ${borderColor};
}

.CalendarPrintDialog .calendarList .even {
  background: ${alternatingItemBackground};
}

.CalendarInvitees-Filters .selected {
	background: ${selectedItemBackground};
}

.CalendarInvitees-Filters a {
	color: ${linkColor};
}

/* Calendar advanced search */
.CalendarAdvancedSearch-Controls {
	border-color: ${borderColor};
}


/* Address Book */

.AddressBookFindContactDialog .dojoxGrid {
	border-color: ${borderColor};
}

.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details fieldset legend {
	color: ${contentHeaderColor};
}

.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-SelectBook fieldset legend {
	color: ${contentHeaderColor};
}

.AddressBookStoreItemSelector-dataGridWidget {
	border-color: ${borderColor};
}

.AddressBookBrowser-FilteringQuerier-queryControls {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
	border-bottom-width:1px;
	border-bottom-style: solid;
}

.AddressBookDisplayContactHeader {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
	border-bottom-width:1px;
	border-bottom-style: solid;
}

.AddressBookDisplayContactHeader .AddressBookDisplayContactHeader-image {
	border-color: ${borderColor};
}

.AddressBookDisplayContactHeader .dijitButtonText {
	/*color: removed {addressBook.displayContact.header.color}; */
}

.AddressBookDisplayContactBody a {
	/* color: removed {addressBook.displayContainer.a.color}; */
}

.AddressBookDisplayContactBody .AddressBookDisplayContactBody-header{
   color: ${contentHeaderColor};
}

.AddressBookDisplayContactBody .AddressBookDisplayContactBody-label{
   color: ${fontColor};
}

.AddressBookCreateGroup-ListContainer{
	border-color: ${borderColor};
}

.AddressBookCreateGroup-SortBar {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.AddressBookCreateGroup div.alt {
	background: ${alternatingItemBackground};
}

.AddressBook-ButtonContainer{
	border-top-color: ${borderColor};
	background: ${betweenForegroundBackground};
}
/*
    Document   : IM.css?2-5.01_190013
    Created on : 24 Dec, 2009, 1:39:34 AM
    Author     : Harischandra Prasad Tirumani
    Description:
        Theme specific style declarations for Instant Messaging.
*/


.IMContacts .IMContacts-header {
	background: ${betweenForegroundBackground};
}

.IMContacts .IMContacts-StatusMenu {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.IMContacts .dijitToolbar {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.IMContacts .IMContacts-BuddyList {
	border-color: ${borderColor};
}

.IMContacts .IMContact.selected {
	background: ${selectedItemBackground};
}

.IMContacts-Tooltip {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.IMGroupPropertiesDialog .contactList {
	border-color: ${borderColor};
}

/* Notification Messages */

/* FIXME: are both TitleBar and MessageTitle need to be styled? */
.IMNotificationMessage .NotificationMessage-TitleBar {
	color: ${growlColor};
}

.IMNotificationMessage .NotificationMessage-TitleBar .NotificationMessage-MessageTitle {
	color: ${growlColor};
}

.IMNotificationMessage .NotificationMessage-MessageText {
	color: ${growlColor};
}

.IMNotificationMessage .messageActions .messageAction {
	color: ${growlColor};
}

/* TODO: These colors have not been checked with the theme... */
.IMNotifier-Container {
	background: ${growlContentBackground};
	border-color : ${borderColor};
}
/* TODO - END */

/* Chat window */

.IMSession .dijitToolbar {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.IMSession .IMSession-SendButton .dijitButtonText {
	color: ${fontColor};
}

.IMSession .RichTextEditable iframe {
	border-color: ${borderColor} !important;
}

.IMSession .RichTextEditable body {
	border-color: ${borderColor};
}
.IMSession-TimeStamp {
     color: ${fontColor};
}



/* General */
.attachmentPane {
	border-top: 1px solid ${borderColor};
}

.ViewerContainer-StatusBar {
	border-color: ${borderColor};
}

/* AddressBook */
.AddressBookCreateContact .AddressBookCreateContact-FieldPhoto .dijitButtonNode{
	border-color: ${borderColor};
}

.AddressBookCreateContact .AddressBookCreateContact-FieldPhoto .dijitButtonNode:hover {
	border-color: #AABCCC;
	background-color: #EAF3FC;
}

.AddressBookEditGroup tr.alt {
	background: ${betweenForegroundBackground};
}

.AddressBook-Link {
	color: ${linkColor}
}

/* Calendar */
.Calendar-Link {
	color: ${linkColor};
}

.CalendarAvailability .CalendarAvailability-availabilityToolbar {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.CalendarAvailability div.availabilityClient div.loadIndicator {
	background: ${betweenForegroundBackground};
}

.CalendarAvailability .CalendarAvailability-availabilityControls {
	background: ${betweenForegroundBackground};
	border-color:  ${borderColor};
}

.CalendarAvailability .CalendarAvailability-availabilityGridContainer {
	border-color: ${borderColor};
}

.CalendarAvailability .availabilityHeader{
	border-color: ${borderColor};
}

.CalendarAvailability .availabilityHeader .timeHeaderTime {
	background: ${titlebarBackground};
	border-color:  ${borderColor};
}
.CalendarAvailability .availabilityHeader .dateHeader {
	background: ${betweenForegroundBackground};
	border-color:  ${titlebarBackground};
}

.CalendarAvailability .availabilityHeader .timeHeaderDivider {
	border-color:  ${titlebarBackground};
}

.CalendarAvailability .availabilityClient .timeBodyDivider {
	border-color:  ${titlebarBackground};
}

.CalendarAvailability .availabilityClient .alt {
	background: ${alternatingItemBackground};
}

.CalendarAvailability .availabilityHeader .dateCell,
.CalendarAvailability .availabilityHeader .timeHeader,
.CalendarAvailability .availabilityFooter .blankCell,
.CalendarAvailability .availabilityClient .loadIndicator,
.CalendarAvailability .availabilityClient .inviteeListContainer,
.CalendarAvailability .availabilityClient .half-hour,
.CalendarAvailability .availabilityClient .hour {
	border-color:  ${borderColor};
}

.CalendarCreateEvent h2 {
	color: ${contentHeaderColor};
}

.CalendarInvitees .cBody{
	border-color:  ${borderColor};
}

.CalendarInvitees .listRow .cRight.remove{
	color: ${linkColor};
}

.CalendarInvitees .listRow.even{
	background: ${alternatingItemBackground};
}

.CalendarMonthView .monthDayDetail .more{
	color: ${linkColor};
}

.CalendarPreview-Controls {
	border-color:  ${borderColor};
	background: ${betweenForegroundBackground};
}

.CalendarRecurrenceDialog-Grid table.dijitCalendarContainer,
.CalendarRecurrenceDialog-Grid table.dijitCalendarContainer td {
	border-color:  ${borderColor};
}

/* Note - even rows are called "odd" in this display! */
.CalendarSubscribe .CalendarSubscribe-SearchResults .odd,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissions .even {
	background: ${alternatingItemBackground};
}

.CalendarSubscribe .CalendarSubscribe-SearchResults .selected{
	background: ${selectedItemBackground};
}

.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader {
	border-color:  ${borderColor};
	background: ${betweenForegroundBackground};
}

.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c3 {
	color: ${linkColor};
}

.CalendarSubscribe .CalendarSubscribe-Actions {
	border-color:  ${borderColor};
	background: ${betweenForegroundBackground};
}

.CalendarViewEvent h2{
	color: ${contentHeaderColor};
}

.CalendarViewListItem h3 {
	color: ${linkColor};
}

/* Dojo - append after other dojo styles... */

/* The highlight is shown in the ComboBox menu. */
.dijitComboBoxHighlightMatch {
	background: ${hoverItemBackground};
}

.dijitSmileyDropDown img.paletteHover {
	border-color: ${borderColor};
}

.dijitSplitContainerSizerH {
	border-color: ${borderColor};
}

.dijitTitlePaneTitle {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.dijitTitlePaneTitle-hover  {
	background: ${hoverItemBackground};
	border-color: ${borderColor};
}

.dijitTitlePane.selected .dijitTitlePaneTitle {
	background: ${selectedItemBackground};
}

.dijitTitlePaneContentOuter {
	border-color : ${borderColor};
}

.dojoDndAvatar {
	border-color: ${contentOverlayBorderColor};
	background: ${betweenForegroundBackground};
}

.dojoDndAvatar td {
	background: ${betweenForegroundBackground};
}

.dndEventCreatorStyle {
	background: ${betweenForegroundBackground};
}

.dojoxGrid-scrollbox {
	border-color: ${borderColor};
}

.dojoxGrid-master-header {
	border-color: ${borderColor};
}

.RichTextEditable .dijitToolbar .dijitButtonText.bold,
.RichTextEditable .dijitToolbar .dijitButtonText.italic,
.RichTextEditable .dijitToolbar .dijitButtonText.underline{
	color: ${fontColor};
}

/* IM */
.IMContact.dijitHover {
	background: ${hoverItemBackground};
}

.IMContacts-Avatar-Hover {
	border-color: ${borderColor};
}

/* Commented out, already defined above. waiting for cleanup round to remove
.IMNotifier-Container .IMNotifier-Content {
	background: #89AFD0;
	border-color : #AEC7DC;
}
*/


/* Mail */

.MailCreateMessage .saveNotification {
	border-color : ${borderColor};
}

.MailGrid h2 {
	color: ${contentHeaderColor};
}

.MailMessageViewer-HeaderPane {
	background: ${betweenForegroundBackground};
	border-color: ${borderColor};
}

.MailMessageViewer .MailMessageViewer-BlockedImagesPane {
	border-color : ${borderColor};
}

.MailMessageViewer .MailMessageViewer-HeaderPane .spamPane {
	border-color : ${borderColor};
}

.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane {
	border-color : ${borderColor};
}

.MailMessageViewer .RecipientHover .label {
  color: ${linkColor};
}

.MailNavigator .FormField {
	border-color: ${borderColor};
	/* TODO unclear what background color to use
	background-color: $ {mail.quotaBar.quotaSet};
	*/
}

.MailQuotaBar-QuotaSet {
	border-color: ${borderColor};
}


/* ISS */

.ISSFilterFieldsetToolbar {
	border-color: ${toolbarBorderColor};
	background: ${toolbarBackground};
}

.ISSFilterForm {
	border-color: ${borderColor};
}

.ISSFilterForm .ISSFilterFormTabButtonHover {
	background: ${hoverItemBackground};
}

.ISSFilterForm .ISSFilterFormTabButtonChecked {
	background: ${selectedItemBackground};
}

.ISSFilterBar {
	border-bottom-color: ${toolbarBorderColor};
	background: ${toolbarBackground};
}

.ISSFilterBarContainer .ISSFilterBarHover {
	background: ${hoverItemBackground};
}

.ISSFullscreenViewer .ISSFullscreenViewerToolbarCenter {
	background-color: #292929; /* FIXME */
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButton {
	background: ${groupToggleButtonSeparatorBackground};
}

/* default state: unselected */
.ISSOpenFolder .ISSOpenFolder-TextToggles .ISSOpenFolder-FirstToggle {
	background: ${groupToggleButtonLeftBackground};
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .ISSOpenFolder-LastToggle .dijitButtonNode {
	background: ${groupToggleButtonRightBackground};
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButton .dijitButtonContents {
	background: ${groupToggleButtonCenterBackground};
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButton .dijitButtonContents .dijitButtonText {
  color: ${groupToggleButtonColor};
}

/* selected state */
.ISSOpenFolder .ISSOpenFolder-TextToggles .ISSOpenFolder-FirstToggle.dijitToggleButtonChecked {
	background: ${groupToggleButtonSelectedLeftBackground};
}

.ISSOpenFolder-TextToggles .ISSOpenFolder-LastToggle.dijitToggleButtonChecked .dijitButtonNode {
	background: ${groupToggleButtonSelectedRightBackground};
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButtonChecked .dijitButtonContents {
	background: ${groupToggleButtonSelectedCenterBackground};
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButtonChecked .dijitButtonContents .dijitButtonText {
  color: ${groupToggleButtonSelectedColor};
}

/* hover state */
.ISSOpenFolder .ISSOpenFolder-TextToggles .ISSOpenFolder-FirstToggle.dijitToggleButtonHover {
	background: ${groupToggleButtonHoverLeftBackground};
}

.ISSOpenFolder-TextToggles .ISSOpenFolder-LastToggle.dijitToggleButtonHover .dijitButtonNode {
	background: ${groupToggleButtonHoverRightBackground};
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButtonHover .dijitButtonContents {
	background: ${groupToggleButtonHoverCenterBackground};
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButtonHover .dijitButtonContents .dijitButtonText {
  color: ${groupToggleButtonHoverColor}
}


/* TODO - is this more generic than these buttons? All toolbar buttons for example? */
.ISSOpenFolder .ISSOpenFolder-ViewControls .dijitButtonText,
.ISSOpenFolder .ISSOpenFolder-ViewControls .dijitToggleButtonHover .dijitButtonText {
  color: ${fontColor};
}

.ISSOpenFolder .ISSOpenFolder-ViewControls .dijitToggleButton .dijitButtonNode {
	border-color: ${borderColor};
}

.ISSOpenFolder .ISSOpenFolder-ViewControls .dijitToggleButtonHover .dijitButtonNode,
.ISSOpenFolder .ISSOpenFolder-ViewControls .dijitToggleButtonChecked .dijitButtonNode{
		/* border-color: removed {calendar.textToggle.hover.borderColor}; */
}

/* Options */

.OptionTabContainer h2 {
	color: ${contentHeaderColor};
}

.OptionTabContainer h3 {
	color: ${contentHeaderColor};
}