/* This is a generated file *//*************************************
	The following imports are for
	development purposes; for 
	deployment, they should be merged
	within a single file.
**************************************/






























/* clears floats */
.iwcClear {
	clear: both;
}

/* Split Container Horizonal Sizer */
.dijitSplitContainerSizerH {
	top: 1px !important;
}

/* TODO: replace this with generic Busy class */
body.iwcBusy * {
	cursor: wait !important;
}

.iwcVisible {
	z-index: 1;
	visibility: visible;
}

h2 {
	font-weight: normal;
	margin: 0.5em 0px;
}

ol {
	margin: 0px;
	padding: 1px 0px; /* avoid border collapse */
}

/* TODO: Why do we do this? */
ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

a, a:visited {
	text-decoration: none;
}

.iwcViewerTaskBar {
	height: auto;
}

/* Firefox dotted outline fix */
.dj_gecko a:active,
.dj_gecko button:active {
	outline: none;
}

.dj_webkit :focus {
	outline: none;
}

.dj_webkit button:focus,
.dj_webkit a:focus {
	outline: 1px dotted #000;
}

.dj_webkit textarea {
    -webkit-appearance: textfield;
}

.dj_webkit input:focus,
.dj_webkit textarea:focus,
.dj_webkit isindex:focus,
.dj_webkit keygen:focus,
.dj_webkit select:focus {
    outline-offset: 0;
	outline: none;
}


/* Firefox dotted outline fix */
/* removed to allow browsers to handle their own focus style
.dj_gecko a:focus,
.dj_gecko button:focus {
	-moz-outline-style: none;
}
*/

/* Webkit thick border fix
	TODO: move to proper css file, maybe General.css or Base.css or Focus.css
*/
/* removed to allow browsers to handle their own focus style
.dj_webkit input:focus,
.dj_webkit a:focus,
.dj_webkit button:focus,
.dj_webkit :focus {
	outline: none; 
}
*/


.link.left{float:left; margin-left:0px;}
.link.right{float:right; margin-right:10px;}

/*
    Document   : Dojo
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description: Styles for dojo widgets
*/

/*
    Document   : Dnd
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description: Styles for drag and drop widget
*/

.dojoDndItem {
	padding:3px;
}

table.dojoDndAvatar {
	font-size: 11px;
	border:1px solid;
	width: 300px;
	table-layout: fixed;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dojoDndAvatarHeader {
  display: none;
}

.dojoDndAvatarItem td div.subj {
  background: transparent url("../images/MailAvatar.png?00.01_205929") no-repeat scroll left center;
	padding-left: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

.dojoDndAvatarItem td div.moreMessage {
	margin-left: 5px;
	margin-right: 5px;
}
/*************************************
	The following imports are for
	development purposes; for 
	deployment, they should be merged
	within a single file.
**************************************/












/* 
/* 



/* Default Dijit Input Field Background */
.dijitInputField {
	
}

/* Tree */

.dijitTreeNode {
	
}

.dijitTreeRow {
	height: 18px;
	padding: 1px 0 0 0;
}

.dijitTreeContainer .dijitTreeIsRoot .dijitTreeContent {
	padding: 0;
}

/* Basic widgets */


.dijitRadio,
.dijitRadioIcon	{		
	background-image: url('../images/basic_widgets/radiobutton.png?00.01_205929'); /* NOT THEMED */
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
}

/*
.dijitRadioDisabled {
	background-position: -144px;
}

.dijitRadioHover {
	background-position: -176px;
}
*/

.dijitRadioChecked,
.dijitToggleButtonChecked .dijitRadioIcon {
	background-image: url('../images/basic_widgets/radiobutton_selected.png?00.01_205929'); /* NOT THEMED */
}

/*
.dijitRadioCheckedDisabled {
	background-position: -128px;
}
*/
/*
.dijitToggleButton .dijitCheckBoxIcon {
	background-image: url('../images/tundra/checkmarkNoBorder.png?00.01_205929'); /* NOT THEMED *//*
}
*/

.dijitCheckBoxInput {
	height: 13px;
	width: 13px;
}

.dijitCheckBox,
.dijitCheckBoxIcon		/* inside a toggle button */	{
	background-image: url('../images/basic_widgets/checkbox.png?00.01_205929'); /* NOT THEMED */
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	/*
	margin: 0 2px 0 0;
	padding: 0;
 */
}

.dijitCheckBoxChecked,
.dijitToggleButtonChecked .dijitCheckBoxIcon {
	background-image: url('../images/basic_widgets/checkbox_checked.png?00.01_205929'); /* NOT THEMED */
}

/*
.dijitCheckBoxDisabled {
	background-position: -48px;
}

.dijitCheckBoxCheckedDisabled {
	background-position: -32px;
}

.dijitCheckBoxHover {
	background-position: -80px;
}

.dijitCheckBoxCheckedHover {
	background-position: -64px;
}
*/


/* More from tundra: menu */

.dijitMenu,
.dijitMenuBar {
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	background-color: #FFF;
	font-size: 11px;
}

.dj_webkit .dijitPopup .dijitMenu {
	/* -webkit-border-radius: 5px; */
	-webkit-box-shadow: 0px 5px 10px #999; /* FIXME */
}

.dijitBorderContainer .dijitMenuBar {
	border-width: 1px;
	border-style: solid;
}

.dijitMenu {
	padding: 3px 0;
}

.dijitMenuItem {
	margin: 0;
	color:#000;
	font-size: 11px;
	padding: 0;
}

.dijitMenuItemSelected.dijitMenuItemDisabled {
	background-color: #FFF;
}

.dijitMenuItemHover,
.dijitMenuPassive .dijitMenuItemHover {
	color: #333;
}

.dijitMenuItemFocused {
	outline: 1px invert dotted;
}

.dijitMenuPreviousButton, .dijitMenuNextButton {
	font-style: italic;
}

.dijitMenuItem td {
	padding: 3px 2px;
}

.dijitMenuItem .dijitMenuItemLabel {
	padding: 6px 0px 6px 19px;
}

.dj_gecko .dijitMenuItemLabel {
	padding: 5px 0px 4px 19px;
}

.dj_ie .dijitMenuItemLabel {
	padding: 4px 0px 4px 19px;
}

.dijitMenuItem .dijitRadio,
.dijitMenuItem .dijitCheckBox {
	margin-left: 4px;
}

/* Remove menu item icons from view */
.dijitMenuItemIcon {
	display: none;
}

/* Editor plugins need to show menuItemIcons */
.EditorPluginDropDownContainer .dijitMenuItemIcon {
  display: inline;
}

.dijitMenuItemIcon.calendarColorSwatch {
	height: 16px;
	width: 16px;
	display: inline;
}

.dijitMenuExpand {
	margin: 0 25px;
}

/* separator can be two pixels -- set border of either one to 0px to have only one */
.dijitMenuSeparatorTop {
	/* Colors that should be overridden in theme */
	border-width: 1px 0 0 0;
	border-style: solid;
}

.dijitMenuSeparatorBottom {
	/* Colors that should be overridden in theme */
	display: none;
}

/* the checked menu item */
.dijitCheckedMenuItemIconChar {
	display: none;
}

.dijitCheckedMenuItemIcon {
	background-image: url('../images/tundra/checkmark.png?00.01_205929'); /* NOT THEMED */
	background-position: -80px;
}

.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
	background-position: -64px;
}

/* Split Container Horizonal Sizer */
#iwcID .dijitSplitContainerSizerH {
	top: 1px !important;
}

.dj_ie .dijitGutter {
	height: 0;
	margin: 0;
	padding: 0;
}


/* dijitSplitters */
.dijitSplitterV {
  border-left-width: 1px;
  border-right-width: 1px;
}


.dijitSplitterH {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

/* dijitPopup */
.dijitPopup table.dijitCalendarContainer {
	width: 194px !important; /* The widget tries to set the style/width of the popup */
}

table.dijitCalendarContainer td.dijitCalendarCurrentDate {
	border-width:1px;
  border-style: solid;
  /* border-color set per themes */
}

/* Select wins over Hovered - Override dojo styles */

.dijitTimePickerItemHover {
	background-color:gray;
	color:white;
	cursor:pointer;
}

.dijitTimePickerItemSelected {
	font-weight:bold;
	color:#333;
	background-color:#b7cdee;
}

.dijitValidationIcon {
	padding: 2px 2px 0 0;
}

.dj_ie .dijitValidationIcon {
	margin: 2px 2px 0 0;
}

/*****
		dijit.form.Button
		dijit.form.DropDownButton
		dijit.form.ComboButton
		dijit.form.ComboBox (partial)
 *****/

/* Styles from tundra */
.dijitButtonNode {
	/* enabled state - inner */
	border: 1px solid;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
}

.dj_webkit .dijitButtonNode {
	padding: 4px 4px 4px 4px;
}

.dj_ff6_mac .dijitButtonNode {
	padding-bottom: 3px 4px 2px 4px;
}

.dj_ff6_mac .dijitButtonNode {
	padding: 3px 4px 2px 4px;
}

.dj_ie .dijitButtonNode {
	padding-top: 2px;
	padding-bottom: 1px;
}

.dj_webkit .dijitButtonActive .dijitButtonNode button,
.dj_webkit .dijitButtonFocused .dijitButtonNode button {
	outline: 1px dotted #000;
}

.dj_webkit .dijitButtonNode button:focus {
	outline: none;
}

.dijitButtonNode button {
	border: 0px; 
	background-color: transparent;
}

/* IE default is bigger. */
.dj_ie .dijitButtonNode button {
  font-size: 11px;
} 
 
.dijitButton .dijitButtonText,
.dijitToggleButton .dijitButtonText {
	text-align: center; 
	padding: 0 3px;
	color: #333;
	font-size: 11px;
}

.dijitArrowButton {
	color: #111;
}

table.dijitComboButton {
	border: 1px solid;
	color: #333;
}

.dijitComboButton .dijitButtonText,
.dijitDropDownButton .dijitButtonText{
	text-align: center;
	padding: 0 1px 0 3px;
	color: #333;
	font-size: 11px;
}

.dj_webkit .dijitComboButtonActive .dijitButtonNode,
.dj_webkit .dijitComboButtonFocused .dijitButtonNode,
.dj_webkit .dijitDropDownButtonActive .dijitButtonNode,
.dj_webkit .dijitDropDownButtonFocused .dijitButtonNode {
	outline: 1px dotted #000;
}


table.dijitComboButton .dijitDownArrowButton {
	border-width: 0 0 0 1px;
	border-style: solid;
	padding-left: 0;
	padding-right: 0;
}

table.dijitComboButton .dijitButtonContents {
	border: none;
	background-image: none;
	background-color: #FFF;
}

table.dijitComboButton.dijitComboButtonDisabled {
	border-color: #B5C5D3; /* NOT THEMED */
	color: #666;
	background-color: #EEE;
}

.dijitComboButton .dijitDownArrowButton {
	padding: 2px 3px
}

.dj_ff2 .dijitComboButton .dijitButtonContentsFocused,
.dj_ff2 .dijitComboButton .dijitDownArrowButtonFocused {
	border: 1px solid transparent; /*make transparent so FF2 focus rect. is visible */
}

.dijitButtonNode .dijitArrowButtonInner {
	background-image:url("../images/spriteArrows.png?00.01_205929");
	background-position: left top;
	width: 7px;
	height: 7px;
	font-size: 1px;
	margin: 0px 2px 0px 2px;
}

.dijitDisabled .dijitButtonText {
	color: #666;
}

.dijitButtonDisabled .dijitButtonNode,
.dijitToggleButtonDisabled .dijitButtonNode,
.dijitDropDownButtonDisabled .dijitButtonNode,
.dijitComboButtonDisabled .dijitButtonNode,
.dijitComboBoxDisabled,
.dijitSpinnerDisabled,
.dijitSpinnerDisabled .dijitButtonNode {
	/* disabled state - inner */
	opacity: .6;
	filter: alpha(opacity=60);
	border-color: #B5C5D3; /* NOT THEMED */
	background-color: #EEE;
}

.dijitToolbar .dijitButtonDisabled .dijitButtonNode,
.dijitToolbar .dijitToggleButtonDisabled .dijitButtonNode,
.dijitToolbar .dijitDropDownButtonDisabled .dijitButtonNode,
.dijitToolbar .dijitComboButtonDisabled .dijitButtonNode,
.dijitToolbar .dijitComboBoxDisabled,
.dijitToolbar .dijitSpinnerDisabled,
.dijitToolbar .dijitSpinnerDisabled .dijitButtonNode {
	opacity: .3;
	filter: alpha(opacity=30);
}

.dijitButtonHover .dijitButtonNode,
.dijitButtonNodeHover,
.dijitToggleButtonHover .dijitButtonNode,
.dijitDropDownButtonHover .dijitButtonNode,
.dijitComboButtonHover .dijitButtonContents,
.dijitComboButtonDownArrowHover .dijitDownArrowButton {
}
.dijitComboBoxHover .dijitDownArrowButton,
.dijitSpinnerUpArrowHover .dijitUpArrowButton,
.dijitSpinnerDownArrowHover .dijitDownArrowButton {
}

.dijitSpinnerUpArrowActive .dijitUpArrowButton,
.dijitSpinnerDownArrowActive .dijitDownArrowButton,
.dijitButtonActive .dijitButtonNode,
.dijitToggleButtonActive .dijitButtonNode,
.dijitDropDownButtonActive .dijitButtonNode,
.dijitComboButtonActive .dijitButtonContents,
.dijitDownArrowActive .dijitDownArrowButton,
.dijitComboBoxActive .dijitDownArrowButton,
.dijitStackController .dijitToggleButtonChecked .dijitButtonNode {
}

.dj_webkit .dijitToggleButtonActive .dijitButtonNode,
.dj_webkit .dijitToggleButtonFocused .dijitButtonNode {
	outline: 1px dotted #000;
}

.dijitDisabled .dijitArrowButtonInner {
	background-position: -28px top;
}
.dijitUpArrowButton .dijitArrowButtonInner { 
	background-position: -21px top; 
}

.dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner { 
	background-position: -49px top; 
}
/*
    Document   : DataIconGrid
    Created on : Feb 18, 2010, 7:07:00 PM
    Author     : avk
    Description:
		Dojox DataIconGrid. Used in ISS. 
*/


.dojoxDataIconGrid .dojoxDataIconGridItem {
	margin: 5px;
}

.dojoxDataIconGrid .dojoxDataIconGridItemContextMenuOpened {
	margin: 4px;
}

.dojoxDataIconGrid .dojoxDataIconGridItem .dojoxDataIconGridItemCaption2 {
	color: #333;
	font-size: 11px;
}

.dojoxDataIconGrid .dojoxDataIconGridItem .dojoxDataIconGridItemCaption3 {
	color: #333;
	font-size: 11px;
}

.dojoxDataIconGrid .dojoxDataIconGridItem .dojoxDataIconGridItemCaption4 {
	color: #333;
}

.dojoxDataIconGrid .dojoxDataIconGridItemHovered .dojoxDataIconGridItemCaption1 {
	color: #333;
}

.dojoxDataIconGrid .dojoxDataIconGridItemHovered .dojoxDataIconGridItemCaption2 {
	color: #333;
}

.dojoxDataIconGrid .dojoxDataIconGridItemHovered .dojoxDataIconGridItemCaption3 {
	color: #333;
}

.dojoxDataIconGrid .dojoxDataIconGridItemSelected .dojoxDataIconGridItemCaption1 {
	color: #FFF;
}

.dojoxDataIconGrid .dojoxDataIconGridItemSelected .dojoxDataIconGridItemCaption2 {
	color: #FFF;
}

.dojoxDataIconGrid .dojoxDataIconGridItemSelected .dojoxDataIconGridItemCaption3 {
	color: #FFF;
}
/* 
    Document   : Dialog
    Created on : Apr 15, 2009, 4:06:11 PM
    Author     : paul
    Description: Dijit Dialog
*/

.dijitDialog {
	border-width: 1px;
	border-style: solid;
	width: 40em;
	background-color: #FFF;
	padding: 0;
}

.dijitDialog .dijitDialogTitleBar {
	text-align: center;
	color: #FFF;
	border: none;
	text-align: left;
    font-size: 13px;
	height: 30px;
	padding: 0 15px;
	cursor: move;
}

.dijitDialog .dijitDialogTitle {
	display: inline-block;
	margin: 6px 0 0 0;
}

.dijitDialog .dijitDialogTitleBar .dijitDialogCloseIcon {
	position: absolute;
	height: 14px;
	width: 14px;

  /* try to align to the center, poorly based on knowing the container height is 30px*/
	top: 8px;
	right: 7px;

	color: #FFFFFF;
	cursor: pointer;
}

.dijitDialog .dijitDialogTitleBar .dijitDialogCloseIcon .closeText {
	display:none;
}

.dijitA11y .dijitDialogTitleBar .dijitDialogCloseIcon .closeText {
	display: inline;
}

.dijitDialog .dijitDialogPaneContent {
	padding: 12px 15px 18px 15px;
	font-size: 12px; /* Per dialog spec */
	color: #333;
	background-color: #FFF;
	background-image: none;
}

/* Technically the following are our additions and not dijit
stuff but it's not practical to have to files for the dialog styles */

.dijitDialog .Dialog-Column {
	width: 48%;
	vertical-align: top;
}

.dijitDialog .FormField {
	margin: 0 0 7px 0;
	width: 100%;
}

.dijitDialog .FormField .FormField-Label {
	float: left;
	padding-top: 4px;
}

.dj_ie .dijitDialog .FormField-Label {
	padding-top: 0;
	margin-top: 3px;
}

.dijitDialog .FormField-LabelAfter .FormField-Label {
	padding-top: 0;
	margin-top: 0;
}

.dijitDialog .FormField-InputWrapper {
	float: right;
}

.dijitDialog .FormField-LabelAfter .FormField-Label {
	float: none;
}

.dijitDialog .FormField-LabelAfter .FormField-InputWrapper {
	float: none;
}

.dijitDialog .FormField .FormTextBox {
	width: 200px;
	text-align: right;
}

.dijitDialog .Dialog-Instruction {
	margin: 0 0 7px 0;
}

.dijitDialog .Dialog-InstructionFixedHeight {
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}

.dijitDialog .hint {
	margin: 7px 0 0 0;
	padding: 0;
}

.dijitDialog .Dialog-Hidden {
	visibility: hidden;
}

.dijitDialog .DialogButtons {
	text-align: right;
	margin: 23px 0 0 0;
	font-size: 11px;
}

.dijitDialog .DialogButtons .dijitButton {
	margin: 0 3px 0 0;
}

.dijitDialog .DialogButtons .dijitButtonText {
	min-width: 60px; 
}

.DialogButtons .link {
	float: left;
	line-height: 27px;
}

.dojoxGrid .dojoxGrid-header {
	font-size: 11px;
	border-width: 0 0 1px 0;
	border-style: solid;
}

.dojoxGrid .dojoxGrid-header .dojoxGrid-cell{
	height: 23px;
	font-size: 11px;
	background-image: none;
	vertical-align: middle;
	text-align: left;
	border-width: 0 1px 0 0;
}

.dojoxGrid .dojoxGrid-scrollbox{
	overflow-x: hidden;
	overflow-y: auto;
}

.dojoxGrid .dojoxGrid-cell {
	border: none;
	padding: 0 5px 0 5px;
}

.dojoxGrid .dojoxGrid-row-table {
	height: 22px !important;
}
.dojoxGrid .dojoxGrid-row {
	border: none;
	padding-left: 5px;
}
.dojoxGrid .dojoxGrid-row-over {
	border: none;
}

.dojoxGrid .dojoxGrid-row-selected {
	border: none;
}
.dojoxGrid .dojoxGrid-row-bar,
.dojoxGrid .dojoxGrid-row-bar-selected {
	background-color: #FFF;
	background-image: none;
	border: none;
}
.dojoxGrid .dojoxGrid-row-bar-table {
	border: none;
}
.dojoxGrid .dojoxGrid-row-bar-inner {
	border: none;
	vertical-align: middle;
	text-align: center;
}
.dojoxGrid .dojoxGrid-row-bar-inner input[type="checkbox"]{
	margin: 5px 0 5px 10px;
}
.dojoxGrid .dojoxGrid-row-over {
	border: none;
}
/* Dojo Grid */

.dojoxGrid{
	background: none;
	color: #333;
}

.dojoxGrid .dojoxGridHeader{
	font-size: 11px;
	border-width: 0 0 1px 0;
	border-style: solid;
}


.dojoxGrid .dojoxGridHeader .dojoxGridCellOver{
	border-width: 0;
	padding-bottom: 2px;
}

.dojoxGrid .dojoxGridHeader .dojoxGridCell{
	border-width: 0;
	background-image: none;
	padding: 0 5px 0 5px;
	vertical-align: middle;
}

.dojoxGrid .dojoxGridHeader .dojoxGridRowTable .dojoxGridCell{
	border-width: 0 0 0 1px;
}

.dojoxGrid .dojoxGridRowTable{
	height: 24px !important; /* Override inline calculated style, per spec */
	border: none;
}

.dojoxGrid .dojoxGridRowbarInner,
.dojoxGrid .dojoxGridView .dojoxGridCell{
	border-width: 0;
	outline: none;
}

.dojoxGrid .dojoxGridCellOver{
	border-width: 0;
	outline: none;
}

.dojoxGrid .dojoxGridRow{
	border-width: 0;
	outline: none;
}

.dojoxGrid .dojoxGridRowOver{
	border-width: 0;
	outline: none;
}

.dojoxGrid .dojoxGridRowSelected{
	border-width: 0;
	background-color: #FFF;
	outline: none;
}

.dojoxGrid .dojoxGridRowbar,
.dojoxGrid .dojoxGridRowbarSelected{
	background-color: #FFF;
	background-image: none;
	border-width: 0;
	outline: none;
}

.dojoxGrid .dojoxGridRowbarTable{
	border-width: 0;
	outline: none;
}


.dojoxGrid .dojoxGridScrollbox{
	border: none;
}

.dojoxGridSortNode .dojoxGridArrowButtonChar {
	display: none;
}

.dojoxGridSortNode .dojoxGridSortNodeText {
	display: inline-block;
}

.dojoxGridSortNode .dojoxGridArrowButtonImg {
	display: inline-block;
	background-image: url('../images/spriteArrows.png?00.01_205929');
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
	padding: 0 0 3px 0px;
	margin-left: 4px;
}

.dojoxGridSortNode.dojoxGridSortUp .dojoxGridArrowButtonImg {
	background-position: 0px 0px;
}

.dojoxGridSortNode.dojoxGridSortDown .dojoxGridArrowButtonImg {
	background-position: -21px 0px;
}

.dojoxGridSortNode .dojoxGridUnsorted {
}
/*
**----------------------------------------------------------------------------
**  DropDownSelect
**----------------------------------------------------------------------------
/* Mirror dijitDropDownButton as far as padding/spacing goes */

.dojoxDropDownSelect {
	margin: 0 8px 0 0;
}

.dojoxDropDownSelectDisabled * {
	cursor: not-allowed;
}

.dojoxDropDownSelectReadOnly * {
	cursor: default;
}

/* This should be in the toolbar file */
.dijitToolbar .dojoxDropDownSelect {
	margin: 0;
}

.dojoxDropDownSelect .dijitButtonNode {
	text-align: left;
	padding: 0px;
}

.dijitRtl .dojoxDropDownSelect .dijitButtonNode {
	text-align: right;
}

.dijit_a11y .dojoxDropDownSelectDisabled .dijitButtonNode {
	border-style: outset!important;
	border-width: medium!important;
	border-color: #999 !important;
	color:#999 !important;
}

.dojoxDropDownSelect .dijitButtonContents {
	padding: 0px;
	border-right: none;
	background: transparent none;
	white-space: nowrap;
	padding: 4px 4px 4px 8px;
	background-color: #FFF;
}

.dj_gecko .dojoxDropDownSelect .dijitButtonContents {
	padding-bottom: 2px;
}

.dj_ff36 .dojoxDropDownSelect .dijitButtonContents {
	padding-bottom: 2px;
	padding-top: 3px;
}

.dj_ff36_mac .dojoxDropDownSelect .dijitButtonContents {
	padding-bottom: 3px;
	padding-top: 4px;
}

.dj_ie .dojoxDropDownSelect .dijitButtonContents {
	padding-top: 2px;
	padding-bottom: 2px;
}

.dojoxDropDownSelectFixedWidth .dijitButtonContents {
	width: 100%;
}

.dojoxDropDownSelect .dijitButtonContents .dijitButtonText {
	color: #333;
}

.dojoxDropDownSelect .dijitArrowButton {
	width: 16px;
}

.dojoxDropDownSelect .dijitButtonNode .dijitArrowButtonInner {
	margin: 0px 5px 0px 5px;
}

.dojoxDropDownSelectLabel {
	font-size: 11px;
}

/* Fix the baseline of our label (for multi-size font elements) */
.dojoxDropDownSelectLabel *
{
	vertical-align: baseline;
}

/* Styling for the currently-selected option (rich text can mess this up) */
.dojoxDropDownSelectSelectedOption * {
	font-weight: bold;
}

/* Fix the styling of the dropdown menu to be more combobox-like */
.dojoxDropDownSelectMenu {
	border-width: 1px;
}

/* Make the menu look more combobox-like */
.dojoxDropDownSelectMenu td {
	padding: 0em;
}


/****
		dijit.form.TextBox
		dijit.form.ValidationTextBox
		dijit.form.SerializableTextBox
		dijit.form.RangeBoundTextBox
		dijit.form.NumberTextBox
		dijit.form.CurrencyTextBox
		dijit.form.NumberSpinner
		dijit.form.ComboBox (partial)
 ****/

/* Main types: dijitTextBox is one of a kind. dijitDateTextBox and
dijitNumberTextbox are similar (need spacing around the validation
icon). dijitSpinner is different from those two despite having a
validation icon because the button is *inside* the field. It ends up
being more like the combobox. */

.dijitInputField INPUT,
.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
	margin: 0;
	color: #333;
	background-color: #FFF;
	width: 165px; /* Override dijit default 15em - em does not translate for all components */
}

.dj_ie .dijitInputField INPUT {
	font-family: arial, helvetica, sans-serif !important;
	font-size: 11px !important;
}

.dijitTextBox,
.dijitComboBox,
.dijitSpinner,
.dijitTextArea {
	font-size: 11px;
}

.dijitTextBox {
	height: 20px;
}

.dijitTextArea,
.dijitTextBox,
.dijitSpinner input{
	color: #333;
}

input.dijitTextBox {
	padding: 4px 0 0 7px;
	height: 22px;
	width: 167px; /* Override dijit default 15em, which is shorter than 15em above */
}

.dj_webkit input.dijitTextBox {
	padding-top: 0;
}

.dj_ff36 input.dijitTextBox {
	padding-top: 0px;
}

.dj_ff36_mac input.dijitTextBox {
	padding-top: 1px;
}

.dj_ie input.dijitTextBox {
	padding-top: 3px;
	height: 17px;
}

.dijitTextBox input {
	padding: 4px 0 0 7px;
	height: 18px;
}

.dj_ff36 .dijitTextBox input {
	padding-top: 2px;
}

/*
.dj_ff36_mac .dijitTextBox input {
	padding-top: 3px;
}
*/
.dijitSpinner input {
	padding: 4px 0 0 7px;
	height: 16px;
}

.dj_webkit .dijitTextBox input,
.dj_webkit .dijitSpinner input{
	padding-top: 0;
	height: 18px;
}

.dijitTextBox,
.dijitComboBox,
.dijitSpinner,
.dijitTextArea,
.dijitInlineEditor input {
	/* 	For all except dijit.form.NumberSpinner:  the actual input element.
		For TextBox, ComboBox, Spinner: the div that contains the input.
		Otherwise the actual input element.
	*/
	line-height: normal;
}

.dijitTextBox .dijitValidationIcon {
	padding: 1px 2px 0 0;
}

.dijitDateTextBox,
.dijitNumberTextBox {
	width: 8em;
	padding: 0;
}

.dijitNumberTextBox {
	width: 50px;
}

.dijitDateTextBox .dijitInputField,
.dijitNumberTextBox .dijitInputField,
.dijitSpinner .dijitInputField {
        background: none;
}

.dj_webkit .dijitDateTextBox .dijitInputField,
.dj_webkit .dijitNumberTextBox .dijitInputField,
.dj_webkit .dijitSpinner .dijitInputField {
        padding-top: 1px;
}

.dijitDateTextBox .dijitInputField input,
.dijitNumberTextBox .dijitInputField input,
.dijitSpinner .dijitInputField input{
		color: #333;
}

.dj_ff36 .dijitDateTextBox .dijitInputField input {
	padding-top: 1px;
}

.dj_ff36 .dijitNumberTextBox .dijitInputField input {
	padding-top: 2px;
}

.dj_ff36 .dijitSpinner .dijitInputField input {
	padding-top: 2px;
}

.dj_ie .dijitTextBox .dijitInputField input {
		font-family: arial, helvetica, sans-serif !important;
}

.dijitTextBoxDisabled,
.dijitComboBoxDisabled,
.dijitSpinnerDisabled,
.dijitTextAreaDisabled {
	background: #EEE;
}

.dijitTextBox .dijitTextBoxDisabled,
.dijitComboBox .dijitComboBoxDisabled,
.dijitSpinner .dijitSpinnerDisabled,
.dijitTextArea .dijitTextAreaDisabled {
	border-color: #B5C5D3; /* NOT THEMED */
}


/* ComboBox specifix rules*/
.dijitComboBox .dijitInputField {
	padding: 4px 4px 0px 7px;
	height: 14px;
}

.dj_ie .dijitComboBox .dijitInputField {
	padding: 5px 4px 3px 7px;
	height: 13px !important;
}

.dijitComboBox .dijitButtonNode {
	padding: 4px 0px 1px 0px;
	height: 16px;
}

.dijitComboButtonDisabled .dijitButtonNode,
.dijitComboBoxDisabled,
.dijitSpinnerDisabled,
.dijitSpinnerDisabled .dijitButtonNode {
	/* disabled state - inner */
	opacity: .6;
	border-color: #B5C5D3; /* NOT THEMED */
	background-color: #EEE;
}

.dijitComboBox .dijitButtonNode,
.dijitSpinner .dijitButtonNode {
	/* line between the input area and the drop down button, color set in theme */
	border-width: 0px 0px 0px 1px;
	border-style: solid;
}

.dijitSpinnerButtonContainer {
	line-height: 20px;
	border-width: 0 0 0 1px;
	border-style: solid;
}

.dijitSpinner .dijitInputLayoutContainer .dijitArrowButton  {
	width: 18px;
}

.dijitSpinner .dijitArrowButtonInner {
	display: block;  /* inline just isnt going to work for us here IMO */
	position:absolute;
	top: 50%;
	margin-top: -4px; /* half its height */
	left: 50%;
	margin-left: -3px; /* half its width */
	line-height: 2px;
}

/* TODO: fix this! Use the same image as we do for dojoxdropdownselect! */
.dijitComboBox .dijitArrowButton {
	width: 16px;
}

.dijitComboBox  .dijitButtonNode .dijitArrowButtonInner {
	margin: 3px 5px 0px 5px;
}

.dj_ie .dijitComboBox .dijitArrowButtonInner {
	margin: 7px 5px 0px 5px;
}

.dj_ie .dijitComboBox input {
	font-family: Arial, Helvetica, Sans-serif !important;
	margin: 0;
}

/* FOCUS */
.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused, .dijitSpinnerUpArrowActive, .dijitSpinnerDownArrowActive,
.dijitTextAreaFocused {
	/* TODO FOCUS */
}

.dijitComboBoxFocused .dijitButtonNode,
.dijitSpinnerFocused .dijitButtonNode,
.dijitSpinnerUpArrowActive .dijitButtonNode,
.dijitSpinnerDownArrowActive .dijitButtonNode {
	/* border-left-color:#366dba;  FIXME */
}
.dijitSpinnerFocused .dijitDownArrowButton,
.dijitSpinnerUpArrowActive .dijitDownArrowButton,
.dijitSpinnerDownArrowActive .dijitDownArrowButton {
	/* border-top-color:#366dba; FIXME */
}

.dijitError {
	background-image:none;
}

.dijitErrorFocused {
	background-image:none;
}

/* inline edit boxen */
.dijitInlineValue {
	/* span around an inline-editable value when NOT in edit mode */
	padding:3px;
	margin:4px;
}


/* MOW: trying to get this to look like a mini-dialog.  Advised? */
.dijitInlineEditor {
	/* fieldset surrounding an inlineEditor in edit mode */
	display: inline-block;
	display: -moz-inline-stack;
	/*display:inline;*/
	/* TODO: don't we need an IE rule with display: inline to get the correct alignment on IE? */
}

.dijitInlineEditor .saveButton,
.dijitInlineEditor .cancelButton {
	margin:3px 3px 3px 0px;
}

.RichTextEditable {
	border:1px solid;
	border-top:0;
}

/*
 * IE6: can't display PNG images with gradient transparency.
 * Want to use filter property for those images, but then need to specify a path relative
 * to the main page, rather than relative to this file... using gifs for now
 */

.dijitFocusedLabel {
	/* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
	outline: 1px dotted #666;
}

.dojoxTimeSpinner {
        width: 8em;
}

.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused, .dijitSpinnerUpArrowActive, .dijitSpinnerDownArrowActive,
.dijitTextAreaFocused {
	outline: none;
}

/* Tooltip and TooltipDialog */

.dijitTooltip,
.dijitTooltipDialog {
	/* the outermost dom node, holding the connector and container */
	background: transparent;	/* make the area on the sides of the arrow transparent */
}

.dj_webkit .dijitPopup .dijitTooltipContainer {
	/* -webkit-border-radius: 5px; */
	-webkit-box-shadow: 0px 5px 10px #999; /* FIXME */
}

.dijitTooltipConnector {
	width:16px;
	height:14px;
}

.dijitTooltipBelow {
	/* leave room for arrow above content */
	padding-top: 13px;
}

.dijitTooltipAbove {
	/* leave room for arrow below content */
	padding-bottom: 13px;
}

.dijitTooltipContainer {
	/*
		The part with the text.
	*/
	border: 1px solid;
	padding: 3px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	-webkit-border-radius: 3px;
}

.dj_ff3 .dijitTooltipContainer {
	/* only do this for FF3, because FF2 has problems with glitches */
	-moz-border-radius: 3px;
}
.dijitTooltipConnector {
	/* the arrow piece */
	border:0px;
	z-index: 2;
}
.dijitTooltipABRight .dijitTooltipConnector {
	/* above or below tooltip, but the arrow appears on the right,
		and the right edges of target and tooltip are aligned rather than the left */
	left: auto !important;
	right: 3px;
}

.dijitTooltipBelow .dijitTooltipConnector {
	/* the arrow piece for tooltips below an element */
	top: 0px;
	left: 3px;
}

.dijitTooltipAbove .dijitTooltipConnector {
	/* the arrow piece for tooltips above an element */
	bottom: 0px;
	left: 3px;
}

.dijitTooltipLeft {
	padding-right: 14px;
}

.dijitTooltipLeft .dijitTooltipConnector {
	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
	right: 0px;
	bottom: 3px;
}

.dijitTooltipConnector {
	/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
	right: 0px;
	bottom: 3px;
}

.dijitTooltipRight {
	padding: 0 0 0 14px;
}
/*
  TitlePane

  description:
    Customizations for convergence TitlePane.
*/
.dijitTitlePaneTitle {
	border: 1px solid;
	padding: 3px 4px;
}

.dijitTitlePaneTitle * {
	vertical-align: middle;
}

.dijitTabContent { 
	color: #000; /*One of the few black items in the spec */
}

.dijitTitlePane .dijitArrowNode {
	cursor: pointer;
}

.dijitTitlePaneFocused .dijitTitlePaneTextNode {
	
}

.dijitTitlePane .dijitArrowNodeInner {
	display: none;
}

.dijit_a11y .dijitTitlePane .dijitArrowNodeInner {
	display: inline !important;
	cursor: pointer;
	padding-bottom: .2em;
}

.dijit_a11y .dijitTitlePane .dijitArrowNode {
	display: none;
}

.dijitTitlePaneContentOuter {
	background: #FFF;
	border: 1px solid;
	border-top: 1px solid #CCC;	/* w/out this, an <h1> on the top line causes a gap between the .content and .label */
}
.dijitTitlePaneContentInner {
	padding:10px;
}
/* force hasLayout to ensure borders etc, show up */
.dj_ie6 .dijitTitlePaneContentOuter,
.dj_ie6 .dijitTitlePane .dijitTitlePaneTitle {
	zoom: 1;
}

.dijitTitlePaneTextNode {
	margin-left: 4px;
	margin-right: 4px;
}
/*
  dijitToolbar
  
  description:
    Customizations for convergence standard toolbar styling.

	TODO: seperate theme styles
*/

.dijitToolbar {
  /* padding should be equal on the top and bottom */
	padding: 5px 8px 5px 8px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:1px solid;
}

/*
* All buttons, plus regular and toggle buttons.
*/

.dijitToolbar .dijitButton,
.dijitToolbar .dijitToggleButton,
.dijitToolbar .dijitDropDownButton {
	margin: 2px 0 0 0;
}

.dj_ie .dijitToolbar .dijitButton,
.dj_ie .dijitToolbar .dijitToggleButton,
.dj_ie .dijitToolbar .dijitDropDownButton {
	margin: 2px 0 0 0;
	vertical-align: top;
}

.dijitToolbar table.dijitComboButton {
	margin: 2px 1px 0 0;
}

.dj_ie .dijitToolbar table.dijitComboButton {
	margin: 2px 2px 0 0;
	vertical-align: top;
}

.dijitToolbar .diitComboButton .dijitArrowButtonInner {
	margin: 0px 3px 0px 3px;
}

.dj_ie .dijitToolbar .diitComboButton .dijitArrowButtonInner {
	background-position: left 50%;
	height: 16px;
}

.dijitToolbar .dijitButtonNode {
	background: none;
	border: none;
	margin: 0px;
	padding: 1px;
	border: none;
	font-size: 11px;
}

.dj_ie .dijitToolbar .dijitButtonNode {
	padding-left: 3px;
}

.dijitToolbar .dijitButtonHover .dijitButtonNode,
.dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
	/* Bg and border color in theme */
	border: 1px solid;
	margin: 0px;
	padding: 0px;
}

.dj_ie .dijitToolbar .dijitButtonHover .dijitButtonNode,
.dj_ie .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.dj_ie .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
	padding: 0 0 0 2px;
}

.dijitToolbar table.dijitComboButton {
	padding: 0 1px;
	border: none;
	background: none;
}

.dijitToolbar .dijitComboButton .dijitDownArrowButton {
	border: none;
	padding: 0 0 0 1px;
}

.dijitToolbar .dijitComboButton .dijitButtonContents {
	background-color: transparent;
}

.dijitToolbar .dijitComboButton.dijitComboButtonDisabled {
	border: none;
}

.dijitToolbar .dijitComboButton.dijitComboButtonHover,
.dijitToolbar .dijitComboButton.dijitComboButtonDownArrowHover,
.dijitToolbar .dijitComboButton.dijitComboButtonActive {
	/* Bg and border color in theme */
	border: 1px solid;
	padding: 0;
}

.dj_ie .dijitToolbar .dijitComboButton .dijitButtonContents {
	padding: 2px 2px 2px 2px;
}

.dj_ie .dijitToolbar .dijitComboButtonHover .dijitButtonContents,
.dj_ie .dijitToolbar .dijitComboButtonDownArrowHover .dijitButtonContents,
.dj_ie .dijitToolbar .dijitComboButtonActive .dijitButtonContents {
	padding: 1px 1px 1px 1px;
}

.dj_ie .dijitToolbar .dijitComboButton .dijitArrowButton {
	padding: 1px 1px 1px 1px;
}

.dj_ie .dijitToolbar .dijitComboButtonHover .dijitArrowButton,
.dj_ie .dijitToolbar .dijitComboButtonDownArrowHover .dijitArrowButton,
.dj_ie .dijitToolbar .dijitComboButtonActive .dijitArrowButton {
	padding: 0px 0px 0px 1px;
}

.dijitToolbar .dijitComboButtonHover .dijitDownArrowButton,
.dijitToolbar .dijitDownArrowHover .dijitDownArrowButton {
	border-left-width: 1px;
	border-left-style: solid;
	padding: 0;
}

.dijitToolbar .dijitDropDownButtonHover .dijitButtonNode {
	border: 1px solid;
	margin: 0px;
	padding: 0px;
}

.dj_ie .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode {
	padding: 0 0 0 2px;
}

/* File input button */

.dijitToolbar .FormFileInputButton .dijitButtonText {
	padding-left: 0px;
}

/* Separator */
.dijitToolbarSeparator {
	display: none;
}

/* Temporary until we implement mail grid checkboxes */
.dijitToolbar .mailToolbarButtons {
	display: -moz-inline-box;
	float:left;
	height: 28px;
}


/* Temporary until we move the search box */
/* Begin: Search Input Container */
.dijitToolbar .calToolbarButtons {
	display: -moz-inline-box;
	float:left;
}
/*************************************
	dijit TabContainer
 purpose: provide layout for TabContainer and Tabs
**************************************/

.dijitTabContainerTop-tabs {
  /*
  For now: use auto height this allows tabs to overflow to the next line cleanly.
  Dojo 1.4 has better support for tabs.
  */
  height: auto;
  padding-left: 12px;

  /* must be included to provide overlapping */
  border-bottom: 1px solid #ccc;
}

.dijitTab {
  padding: 0 0 0 10px;
  margin: 0 -4px 0 0;
  height: 30px;
  overflow: hidden;
}

.dijitTab .dijitTabInnerDiv {
  padding: 0 10px 0 0;
  margin: 0;
}

/* All tabs should have the same height
  Reason: If we allow the tab to change height or position attributes the container may (most likely) cause a resize.
  Solution: fix dijitTab height to 30px.  set inner content top padding 11px, line height 14px, padding bottom 5px (sum: 30px).
*/
.dijitTab .dijitTabInnerDiv .dijitTabContent {
  padding: 11px 5px 5px 5px;
  font-weight: bold;
  text-align: center;
  line-height:14px;
}

/* increase padding on the bottom to overlap tab content */
.dijitTabChecked {
  /* must be included to provide overlapping */
  border-bottom: none;
}

.dijitTab .dijitTabContent .busyImage {
	display:inline-block;
	padding: 0;
}

.dijitTab .dijitClosable  .closeButton {
	display:inline-block;
	cursor: pointer;
}

/* Tree */

.dijitTreeContainer {
	font-size: 12px; /* Per design: all tree nodes */
}

.dijitTreeNode {
    zoom: 1;	/* force layout on IE (TODO: may not be needed anymore) */
}

/* left vertical line (grid) for all nodes */
.dijitTreeIsLast {
}

.dijitTreeIsRoot {
    margin-left: 0;
    background-image: none;
	padding: 0px 0px 0px 0px;
}

img.dijitTreeExpando {
    height: 16px;
	width: 8px;
	vertical-align: top;
}

.dijitTreeRow {
	/* so insert line shows up on IE when dropping after a target element */
	padding-bottom: 2px;
}

.dijitTreeContent {
    min-height: 18px;
    min-width: 18px;
 }

.dijitTreeExpand {
	 width: 18px;
    height: 18px;
    background-repeat : no-repeat;
}

/* Emulate focus style with margin.
	* Safari will not fire onfocus/onblur on divs period, so the below Focus class
		will not work no matter what.
	* FF already properly renders a focus so only IE needs it.
*/
.dijitTreeLabel {
	color: #333;
	display: inline-block;
	height: 15px;
	padding-top: 1px;
	margin: 0 0 0 10px;
	border: 0px #000 dotted;
}

.dj_webkit .dijitTreeLabel {
	padding-top: 3px;
}

.dj_ie .dijitTreeLabel {
	display: inline;
	padding: 1px;
}

.dijitTreeLabelFocused {
	outline: 1px invert dotted;
}

.dj_webkit .dijitTreeLabelFocused {
	outline: 1px dotted #000;
}

.dj_ie .dijitTreeLabelFocused {
	border-width: 1px;
	outline: none;
	padding: 0;
}

.dijitTreeLabelContextMenuOpened {
	/* Just show the hover style here */
}

.dijitTreeNodeHover {
}

img.dijitTreeIcon {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-top: 1px;
	vertical-align: top;
}

.dj_ie .dijitTreeIcon {
	display: inline;
}

/* Drag and Drop on TreeNodes
 * Put insert line on dijitTreeContent node so it's aligned w/
 * (ie, indented equally with) target element, even
 * though dijitTreeRowNode is the actual "drag object"
 */
.dijitTreeNode .dojoDndItemBefore,
.dijitTreeNode .dojoDndItemAfter {
	border-bottom: none;
	border-top: none;
}

.dijitTreeNode .dojoDndItemBefore .dijitTreeContent {
	/* copied from Common.css */
	border-top: 2px solid;
}

.dijitTreeNode .dojoDndItemAfter .dijitTreeContent {
	/* copied from Common.css */
	border-bottom: 2px solid;
}

.dojoDndAvatar td {
	color: #333; 
}
/* 
    Document   : form
    Created on : Jan 22, 2009, 4:18:18 PM
    Author     : paul
    Description: General/Global form and input styles
*/
















/* Text Fields Using default value */
.inputUsingDefaultValue {
	color: #CCC;
}

.fieldType.dojoxDropDownFixedWidth {
	margin: 0 14px 0 0;
}

.fieldValue.FormTextBox {
	width: 165px;
}

/*
	SearchBox
*/
.dijitToolbar .FormSearchBox {
	margin-top: 0;
}



.iwcToolbar .FormSearchBox .buttonClear .dijitButtonNode {
	margin: 0;
	padding: 0;
	border-width: 0;
	float:none;
	display:block;
	height: 18px;
	width: 18px;
	overflow: hidden;
}


.iwcToolbar .FormSearchBox .buttonClear .dijitButtonNode .iconClear {
	display: block;
	height: 18px;
	width: 18px;
}


.dj_gecko .iwcToolbar .FormSearchBox .buttonClear .dijitButtonNode .iconClear {
	margin-left: -3px;
	background-position:center 3px;
}


.iwcToolbar .FormSearchBox .buttonClear .dijitButtonNode .dijitButtonText {
	padding: 0;
}

/*
	SearchBoxFiltered
*/

.dijitToolbar .FormTypedSearchBox {
	margin-top: 0;
}


/* toolbar specific */
.iwcToolbar .FormTypedSearchBox {
	margin-bottom: 5px;
	margin-left: 5px;
}

.dj_ie .iwcToolbar .FormTypedSearchBox {
	margin-bottom: 0;
}

.iwcToolbar .FormTypedSearchBox .dijitDropDownButton {
	margin: 0;
	padding: 0;
}

.iwcToolbar .FormTypedSearchBox .dijitDropDownButton .dijitButtonNode  {
	height: 18px;
}

.iwcToolbar .FormTypedSearchBox .FormSearchBox {
	margin-bottom: 0;
	padding: 0;
	background-image: none;
	background-color: transparent;
}

.dj_ie .iwcToolbar .FormTypedSearchBox .FormSearchBox {
	margin-left: 3px; /* spacing between drop down menu and search box */
}

.iwcToolbar .FormTypedSearchBox .FormSearchBox .buttonClear {
	margin: 0;
}

.FormFieldsetItemEmail,
.FormFieldsetItemPhone {
	margin: 0 14px 8px 0;
}

.dj_ie .FormFieldsetItemEmail,
.dj_ie .FormFieldsetItemPhone {
	zoom: 1;
}

.FormFieldsetItemEmail .dojoxDropDownSelectFixedWidth,
.FormFieldsetItemPhone .dojoxDropDownSelectFixedWidth {
	width: 110px;
	vertical-align: top;
}

.FormFieldsetItemEmail .fieldValue,
.FormFieldsetItemPhone .fieldValue{
	display: inline-block;
	vertical-align: top;
}

.dj_ie .FormFieldsetItemEmail .fieldValue,
.dj_ie .FormFieldsetItemPhone .fieldValue {
	zoom: 1;
	display: inline;
}

/* 
    Document   : Field
    Created on : Apr 14, 2009, 11:01:41 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormField
		New class names: FormField
*/
.FormField {
	display: block;
	zoom: 1; /* IE hasLayout fix */
}

.FormField .FormField-Label {
	padding: 0 10px 0 0;
	margin: 0;
}

.dj_ie .FormField-Label {
	vertical-align: top;
	padding-top: 4px;
}

.FormField-LabelAfter .FormField-Label {
	padding: 0 0 0 5px;
}

.dj_ie  .FormField-LabelAfter .FormField-Label {
	vertical-align: top;
	padding-top: 0px;
}

.dj_ie  .FormField .dojoxDropDownSelect {
	margin: 0;
}

.FormField .FormField-InputWrapper .iwcDropDown {
  margin: 0;
}

/* overwriting dijit */
.FormField .FormField-InputWrapper .iwcDropDown .dijitComboButton {
  margin: 0;
}

.FormField .dijitRadio {
	height: 14px;
}

.dj_ie .FormField .dijitRadio {
	height: 15px;
}

.FormField .dijitCheckBox {
	height: 15px;
}
/*
    Document   : TextBox
    Created on : Apr 14, 2009, 10:58:37 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormTextBox
		New class names: FormTextBox
*/

.FormTextBox {
	border-width: 1px;
	border-style: solid; 
	padding: 0;
	height: 20px; /* webkit */
	position: relative;
	overflow: hidden;
	width: 165px; /* Same as dijit textbox default */
	padding: 0;
}

.FormTextBox.dijitTextBoxDisabled {
	background: #EEE; /* NOT THEMED */
	border-color: #B5C5D3; /* NOT THEMED */
	color: #666;
}

.FormTextBox .FormTextBox-inputText{
	background-color: transparent;
	display: block;
	height: 18px;
	overflow: hidden;
	padding: 4px 5px 0 7px; /* Coordinate with setInnerWidth in widget file */
}

.dj_webkit .FormTextBox .FormTextBox-inputText{
	padding-top: 0;
	height: 20px;
}

.dj_ie .FormTextBox .FormTextBox-inputText{
	padding-top: 3px;
	font-size: 11px !important;
}

.dj_ff36 .FormTextBox .FormTextBox-inputText{
	padding-top: 1px;
}

.FormTextBox .FormTextBox-helperText {
	display: inline-block;
	color: #CCC;
	cursor:text;
	position: absolute;
	top: 3px;
	left: 7px;
}

.dj_ff36_mac .FormTextBox .FormTextBox-helperText {
	top: 4px;
}

.dj_webkit .FormTextBox .FormTextBox-helperText {
	top: 4px;
}

.FormTextBoxHasInput .FormTextBox-helperText{
	display: none;
}
/* 
    Document   : FieldsetRow
    Created on : Apr 14, 2009, 10:58:37 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormFieldsetRow
		New class names: FormFieldsetRow
*/

/**
* FieldsetRow
* contains actions and Other field
**/
.FormFieldsetRow .containerNode {
	margin-right:55px;
}

.FormFieldsetRow .FormFieldsetRow-Actions {
	margin-top: -2em;
	float:right;
}

.FormFieldsetRow .FormFieldsetRow-Actions .addRow .dijitButtonNode,
.FormFieldsetRow .FormFieldsetRow-Actions .removeRow .dijitButtonNode {
	border-width:0;
}

.FormFieldsetRow .FormFieldsetRow-Actions .addRow .dijitButtonNode .dijitButtonText,
.FormFieldsetRow .FormFieldsetRow-Actions .removeRow .dijitButtonNode .dijitButtonText {
  display:none;
}

.FormFieldsetRow .FormFieldsetRow-Actions .addRow,
.FormFieldsetRow .FormFieldsetRow-Actions .removeRow {
  padding:0;
  margin:0 0 0 0.5em;
  float:left;
}
/*
    Document   : FormFieldsetRowed
    Created on : Apr 14, 2009, 10:58:37 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormFieldset
		New class names: FormFieldsetRowed
*/
/*
    Document   : FileInputButton
    Created on : Apr 14, 2009, 11:01:41 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFileInputButton
		New class names: FormFileInputButton
*/

.FormFileInputButton {
	margin: 0 0 0 3px;
}

.dj_ie .FormFileInputButton {
	position: relative;
}

.FormFileInputButton-Real {
	/* styles actual upload form in absolute position (in mail) */
	position: absolute;
	z-index: 100;
	filter: alpha(opacity=0);
	opacity: 0;
	cursor: default;
	cursor:pointer;
	float:none;
}

.dj_gecko .FormFileInputButton-Real {
	/* styles actual upload form in absolute position (in mail) */
	-moz-opacity: 0;
	-moz-outlinestyle: none;
}

.FormFileInputButton .dijitButtonContents {
	padding: 0;
	
}

.FormFileInputButton .dijitButtonNode * {
	vertical-align: top;
}
/*
    Document   : SimpleTextarea
    Created on : Apr 14, 2009, 10:58:37 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormTextArea
		New class names: FormSimpleTextarea
*/
.FormSimpleTextarea {
	background-color: #FFF; 
	border-width: 1px;
	border-style: solid;
	position:relative;
	overflow-x: hidden;
}

.FormSimpleTextarea.dijitTextAreaDisabled {
	background: #EEE; /* NOT THEMED */
	border-color: #B5C5D3; /* NOT THEMED */
	color: #666;
}

.FormSimpleTextarea .FormSimpleTextarea-inputText {
	background-color: transparent;
	display: block;
	overflow-x: hidden;
	/* Need to have the padding here. If we set the padding
	 on the top component, the problem is that we can't align
	them by size, e.g. a textbox and a textarea won't be the
	same length even if they both have the same style='width'
	Cf add buddy dialog */
	padding: 5px 4px 4px 7px;
	margin: 0;
}

.dj_ff36 .FormSimpleTextarea .FormSimpleTextarea-inputText {
	padding-top: 3px;
}

.dj_ff36_mac .FormSimpleTextarea .FormSimpleTextarea-inputText {
	padding-top: 4px;
}

.dj_webkit .FormSimpleTextarea .FormSimpleTextarea-inputText{
	outline: 0;
	padding-left: 5px;
	padding-top: 3px;
}

.dj_ie .FormSimpleTextarea .FormSimpleTextarea-inputText{
	font-family: arial, helvetica, sans-serif !important; /* Without this, we get monospace */
	font-size: 11px !important; /* Without this, we get 12px */
	padding-top: 2px;
	overflow-y: auto;
}

.FormSimpleTextarea .FormSimpleTextarea-helperText {
	display: inline-block;
	color: #CCC;
	cursor:text;
	position: absolute;
	top: 3px;
	left: 8px;
}

.dj_ie .FormSimpleTextarea .FormSimpleTextarea-helperText {
	left: 7px;
}

.dj_ff36_mac .FormSimpleTextarea .FormSimpleTextarea-helperText {
	top: 4px;
}

.FormTextBoxHasInput .FormSimpleTextarea-helperText{
	display: none;
}
/*
    Document   : StartEndDateSelector
    Created on : Apr 14, 2009, 10:52:15 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormCalendarDualNav
		New class names: FormStartEndDateSelector
*/


.FormStartEndDateSelector {
	height: 24px;
	width: 200px;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}

.FormStartEndDateSelector .dijitDateTextBox {
	vertical-align: top;
	padding-top: 0px;
	padding-left: 0px;
	border: none;
	width: auto;
	background: none;
	height: 16px;
	width: 60px;
}

.FormStartEndDateSelector  .dijitDateTextBox .dijitInputField input {
	font-size: 10px; /* FIXME! Necessary for the current graphic! */
	padding: 4px 0 0 2px;
}

.dj_ie .FormStartEndDateSelector .dijitDateTextBox input {
	padding: 5px 0 0 6px;
}

.dj_ff36 .FormStartEndDateSelector .dijitDateTextBox input {
	padding-top: 2px;
}

.FormStartEndDateSelector .FormStartEndDateSelector-EndDate .dijitInputField input {
	padding: 5px 0 0 5px;
}

.dj_ie .FormStartEndDateSelector  .FormStartEndDateSelector-EndDate input {
	padding: 5px 0 0 8px;
}

.dj_ff36 .FormStartEndDateSelector  .FormStartEndDateSelector-EndDate input {
	padding-top: 2px;
}


.FormStartEndDateSelector .FormStartEndDateSelector-EndDate {
	margin-left: 25px;
}

.FormStartEndDateSelector  .dijitDateTextBox .dijitValidationIcon,
.FormStartEndDateSelector  .dijitDateTextBox .dijitValidationIconText{
	display:none;
}


/*
.FormStartEndDateSelector  .dateFields .endDate {
  margin-left:28px;
}
*/

.FormStartEndDateSelector-navPrevious,
.FormStartEndDateSelector-navNext {
	display: inline-block;
	width: 20px;
	height: 22px;
	cursor:pointer;
}

.dj_ie .FormStartEndDateSelector-navPrevious,
.dj_ie .FormStartEndDateSelector-navNext {
	display: inline;
}
/*
    Document   : FormSearchBox
    Created on : Apr 14, 2009, 10:58:37 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormSearchBox dijitInline
		New class names: FormSearchBox dijitInline
*/

.FormSearchBox {
	background-color: #FFF;
	height: 20px;
	border-width: 1px;
	border-style: solid;
	width: 150px;
	position: relative;
}

.dj_ie .FormSearchBox {
	text-align: left;
}

.FormSearchBox .FormTextBox-inputText {
	padding-right: 0;
}

.dj_ie .FormSearchBox .FormTextBox-inputText {
	padding-top: 2px;
}

.dj_ff36 .FormSearchBox .FormTextBox-inputText {
	padding-top: 0;
}

.FormSearchBox .FormSearchBox-clearButton {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 4px;
	visibility: hidden;
}

.dj_ie .FormSearchBox-clearButton {
	padding-top: 5px;
}

.dj_ff36_mac .FormSearchBox-clearButton {
	padding-top: 5px;
}

.FormTextBoxHasInput .FormSearchBox-clearButton {
	visibility: visible;
}

.FormSearchBox .iconClear-alt {
	display: none;
}

.dijit_a11y .FormSearchBox .FormSearchBox-clearButton .iconClear {
	display: none;
}

.dijit_a11y .FormSearchBox .FormSearchBox-clearButton .iconClear-alt {
	display: block;
}
/*
    Document   : TypedSearchBox
    Created on : Apr 14, 2009, 10:58:37 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormSearchBoxFiltered dijitInline
		New class names: FormQuickSearchForm dijitInline
*/

.FormQuickSearchForm  {
	width: 170px;
}

.FormQuickSearchForm .FormSearchBox {
	width: 100%;
}

.dj_ie .FormQuickSearchForm .FormSearchBox {
	width: 98%;
}

.FormTextBox .dijitDropDownButton {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
        padding: 0;
}

.dj_ie .FormTextBox .dijitDropDownButton {
	top: 1px;
}

.dijitToolbar .FormQuickSearchForm .dijitDropDownButton,
.FormQuickSearchForm .FormTextBox .dijitDropDownButton,
.dijitToolbar .FormQuickSearchForm .dijitDropDownButton .dijitButtonNode,
.FormQuickSearchForm .FormTextBox .dijitDropDownButton  .dijitButtonNode {
	padding: 0;
	margin: 0;
}

.FormQuickSearchForm .dijitDropDownButton .dijitButtonNode,
.FormQuickSearchForm .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode,
.FormQuickSearchForm .dijitDropDownButton.dijitDropDownButtonFocus .dijitButtonNode,
.FormQuickSearchForm .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

.dj_ie .FormQuickSearchForm .dijitDropDownButton .dijitButtonNode,
.dj_ie .FormQuickSearchFormHover .dijitDropDownButton .dijitButtonNode,
.dj_ie .FormQuickSearchForm .dijitDropDownButtonHover .dijitButtonNode,
.dj_ie .FormQuickSearchForm.dijitHover .dijitButtonNode{
	padding: 0;
	margin: 0;
	border: none;
}

.FormQuickSearchForm .dijitDropDownButton button {
	padding: 0;
}

.FormQuickSearchForm .iconSearch {
	margin: 3px 0 0 2px;
}

.dj_gecko .FormQuickSearchForm .iconSearch {
	margin: 1px 0 0 0;
}

.dj_ie .FormQuickSearchForm .iconSearch {
	margin: 0 0 0 4px;
}

.FormQuickSearchForm .dijitDropDownButton .dijitArrowButtonInner {
	height: 18px;
	margin: 1px 0 0 1px;
	padding: 0;
}

.dj_ie .FormQuickSearchForm .dijitDropDownButton .dijitArrowButtonInner {
	margin: 0 0 0 1px;
	padding: 0;
	background-position: left -1px;
}

.dj_gecko .FormQuickSearchForm .dijitDropDownButton .dijitArrowButtonInner {
	margin: 0 0 0 1px;
}

.FormQuickSearchForm .FormSearchBox .FormTextBox-inputText {
	padding-left: 28px;
	overflow: hidden;
}

.dj_ie .FormQuickSearchForm .FormSearchBox .FormTextBox-inputText {
	position: absolute;
	top: 1px;
	left: 30px;
	padding-left: 0;
}

.dj_ff36 .FormQuickSearchForm .FormSearchBox .FormTextBox-inputText {
	padding-top: 0px;
}

.FormQuickSearchForm .FormSearchBox .FormTextBox-helperText {
	left: 28px;
}

.dj_ie .FormQuickSearchForm .FormSearchBox .FormTextBox-helperText {
	top: 4px;
}

.FormWarningMessage {
	display: inline;
	float: right;
	font-weight:normal;
	font-size:13px;
	margin:25px 10px 10px 0;
}
.FormBorderContainerForm {
	
}

.FormBorderContainerForm .FormBorderContainerForm-ButtonPane {
	height: 55px;
	margin-top: 0;
	padding: 12px 50px 0 14px;
	border-top: 1px solid;
	text-align: right;
}

.FormBorderContainerForm .FormBorderContainerForm-BodyPane {
	overflow-y: auto;
	overflow-x: hidden;
}

.dj_ie .FormComboTextarea {
	overflow: hidden;
}

.FormComboTextarea .FormSimpleTextarea-inputText {
	overflow: hidden;
}

.FormComboTextareaOverflown .FormSimpleTextarea-inputText {
	overflow: auto;
}

.dj_webkit .FormComboTextarea .FormSimpleTextarea-inputText {
	padding-top: 4px;
}

.FormComboTextareaMenu {
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
	overflow: auto;
}

.FormComboTextareaMenu .FormComboTextareaMenu-noResultsMessage {
	padding: 3px;
}

.FormComboTextareaMenuHasResults .FormComboTextareaMenu-noResultsMessage {
	display: none;
}

.FormComboTextareaMenuGroup-legend {
	padding: 2px 8px 2px 8px;
}

.FormComboTextareaMenuGroup-list {
	list-style-type: none;
}

.FormComboTextareaMenuGroup-errorMessage {
	padding: 2px 2px 2px 8px;
	color: #FF0000;
}

.FormComboTextareaMenuGroup {
	display: none;
}

.FormComboTextareaMenuGroupHasResults {
	display: block;
}

.FormComboTextareaMenuGroupBusy .FormComboTextareaMenuGroup-list {
	height: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("../images/ajaxLoader.gif?00.01_205929");
}

.FormComboTextareaMenuGroupBusy .FormComboTextareaMenuGroupItem {
	visibility: hidden;
}

.FormComboTextareaMenuGroupItem {
	padding: 2px 2px 2px 8px;
	cursor: pointer;
}

.FormComboTextareaMenuGroupItem-searchString {
	font-weight: bold;
}

.FormComboTextareaMenuGroupItemHighlighted {
	background-color: #999;
}

.FormComboTextareaMenuGroupItem .IMPresenceIcon {
	padding: 0 3px;
}
/*
    Document   : FloatingPane
    Created on : 05 November ?2009, ??15:21:25
    Author     : Harischandra Prasad Tirumani
    Description:
		Style related to FloatingPane.
*/

.FormFloatingPane {
	border-width: 1px 1px 1px 1px;
	border-style: solid; 
	height: auto !important;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: none;
}

.FormFloatingPane.nonMovable {
}

.FormFloatingPane .FormFloatingPane-Header {
	padding: 0 5px 0 0;
	height: 27px;
	white-space: nowrap;
	border: none;
	color: #FFF;
}
.FormFloatingPane .FormFloatingPane-Title {
	float: left;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0 0 22px;
}


.FormFloatingPane .FormFloatingPane-Footer {
	background-color: transparent;
	height: 6px;
}

/* BEGIN Control menu bar and its icons related */
.FormFloatingPane .FormFloatingPane-Controls {
	float: right;
	padding-top: 5px;
}

/* These should be in Icons.css but I'll leave them here until we've
replaced them */
.FormFloatingPane .FormFloatingPane-Controls .dojoxFloatingMinimizeIcon,
.FormFloatingPane .FormFloatingPane-Controls .dojoxFloatingMaximizeIcon,
.FormFloatingPane .FormFloatingPane-Controls .dojoxFloatingRestoreIcon,
.FormFloatingPane .FormFloatingPane-Controls .dojoxFloatingCloseIcon,
.FormFloatingPane .FormFloatingPane-Controls .controlMenuIcon
{
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	width: 14px;
	height: 14px;
	margin: 0 1px;
	cursor: pointer;
}

.FormFloatingPane .FormFloatingPane-Controls .controlMenuIcon {
	padding: 0 1px 0 3px;
}

.FormFloatingPane-Maximized .FormFloatingPane-Controls .dojoxFloatingMaximizeIcon {
	display: none;
}

.FormFloatingPane-Controls .dojoxFloatingRestoreIcon {
	display: none;
}

.FormFloatingPane-Maximized .FormFloatingPane-Controls .dojoxFloatingRestoreIcon {
	display: inline-block;
}
/* END Control menu bar and its icons related */

.FormFloatingPane .dojoxFloatingPaneCanvas {
	background: #FFF;
}

.FormFloatingPane .dojoxFloatingPaneContent {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}




/* 
    Document   : Name
    Created on : Apr 14, 2009, 10:52:28 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormContactsNameFieldset
		New class names: FormFieldsetName
*/

/* added white space */
.FormFieldsetName {
	font-size: 11px;
}

.FormFieldsetName-Wrapper {
	width: auto;
}

.FormFieldsetName .FormFieldsetName-Type,
.FormFieldsetName .FormFieldsetName-Value {
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

.dj_ie .FormFieldsetName .FormFieldsetName-Type,
.dj_ie .FormFieldsetName .FormFieldsetName-Value {
	display: inline;
}

.FormFieldsetName .FormField {
	margin: 0 14px 8px 0; /* Per the spec - vertical space 8px */
	white-space: nowrap;
}

.FormFieldsetName .FormTextBox {
	display: block;
}

.dj_ie .FormFieldsetName .FormTextBox {
	
}

.FormFieldsetName .FormField label {
	width: 105px; /* Spanish */
	display: inline-block;
	white-space: nowrap;
}

.dj_ie .FormFieldsetName .FormField label {
	display: inline;
}

.FormFieldsetName .FormField .dojoxDropDownSelectFixedWidth {
	width: 7em;
	display: inline-block;
	white-space: nowrap;
}

.dj_ie .FormFieldsetName .FormField .dojoxDropDownSelectFixedWidth {
	display: inline;
}

/* 
    Document   : OtherFieldset
    Created on : Apr 14, 2009, 10:53:08 AM
    Author     : paul
    Description:
        allows adding/removing rows
				value input changes between date and text based on type selected

		Old class names: iwcFormContactsOtherFieldset
		New class names: FormFieldsetOther
*/
.FormFieldsetOther .newContactOtherInformationRow {
  position:relative;
  clear:both;
  padding:0.3em 0;
}

.FormFieldsetOther .newContactOtherInformationRow .newContactAddButton,
.FormFieldsetOther .newContactOtherInformationRow .newContactRemoveButton {
  float:right;
  margin: 0 8px 0 0;
}

.FormFieldsetOther .FormFieldsetRow .actions .addRow,
.FormFieldsetOther .firstRow .actions .removeRow {
  display:none;
}

.FormFieldsetOther .lastRow .actions .addRow {
  display:block;
}

.FormFieldsetOther .limitReached .actions .addRow {
  display:none;
}
.FormFieldsetAccessControl{

	overflow: hidden;
}

.dj_ie .FormFieldsetAccessControl{
	width: 100%;
}

.FormFieldsetAccessControl .FormFieldsetAccessControl-header {
	padding: 11px 0 8px 0;
}

.FormFieldsetAccessControl .FormFieldsetAccessControl-containerNode {
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}

.dj_ie .FormFieldsetAccessControl .FormFieldsetAccessControl-containerNode {
	position: relative;
}


.FormFieldsetItemAccessControl {
	padding-bottom: 8px;
}

.FormFieldsetItemAccessControl .FormFieldsetItemAccessControl-userColumn,
.FormFieldsetItemAccessControl .FormFieldsetItemAccessControl-permissionColumn {
	width: 220px;
}

.dj_ie .FormFieldsetItemAccessControl-userColumn,
.dj_ie .FormFieldsetItemAccessControl-permissionColumn {
	vertical-align: middle;
}

.FormFieldsetItemAccessControl .dojoxDropDownSelectFixedWidth {
	width: 160px; /* "Check Availability", Spanish */
	margin: 0 8px 0 0;
}

.FormFieldsetItemAccessControl .FormTextBox {
	margin: 0 8px 0 0;
}


.dj_ie .FormFieldsetItemAccessControl .dojoxDropDownSelectFixedWidth {
	vertical-align: middle;
}

.FormFieldsetItemAccessControl .FormFieldsetItemAccessControl-addFromBookButton,
.FormFieldsetItemAccessControl .FormFieldsetItemAccessControl-addRowButton,
.FormFieldsetItemAccessControl .FormFieldsetItemAccessControl-removeRowButton {
	margin: 0;
}

.FormFieldsetItemAccessControl .FormFieldsetItemAccessControl-removeRowButton {
	margin-right: 8px;
}

.dj_gecko .FormFieldsetItemAccessControl-removeRowButton {
	margin-right: 4px;
}

.dj_ie .FormFieldsetItemAccessControl-addRowButton,
.dj_ie .FormFieldsetItemAccessControl-removeRowButton {
	vertical-align: middle;
}

.FormFieldsetItemAccessControl .FormFieldsetItemAccessControl-addRowButton .dijitButtonNode,
.FormFieldsetItemAccessControl .FormFieldsetItemAccessControl-removeRowButton .dijitButtonNode{
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

.dj_ie .FormFieldsetItemAccessControl-addFromBookButton {
	vertical-align: top;
}

.dj_webkit .FormFieldsetItemAccessControl-addFromBookButton .dijitButtonNode {
	padding: 2px 4px;
}

.dj_gecko .FormFieldsetItemAccessControl-addFromBookButton .dijitButtonNode {
	padding: 1px 2px;
}

.dj_ie .FormFieldsetItemAccessControl-addFromBookButton .dijitButtonNode {
	padding: 2px 4px 0 4px;
}

/* TODO - adding here as a quick fix, we'll need to move this somewhere more appropriate */
.AccessPermissionDialog.dijitDialog {
	width: 45em;
}

/* 


/* 
/* 
    Document   : Address
    Created on : Apr 14, 2009, 10:52:15 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormContactsAddress
		New class names: FormFieldsetItemAddress
*/
/* addresses are complex add extra white space */
.FormFieldsetItemAddress {
	margin: 0 14px 8px 0;
}

.dj_ie .FormFieldsetItemAddress {
	zoom: 1;
}

.FormFieldsetItemAddress .dojoxDropDownSelectFixedWidth {
	width:110px;
	vertical-align: top;
}

.FormFieldsetItemAddress .fieldValue {
	display: inline-block;
	vertical-align: top;
}

.dj_ie .FormFieldsetItemAddress .fieldValue {
	zoom: 1;
	display: inline;
}


.FormFieldsetItemAddress .FormTextBox {
	display: block;
	margin: 0 14px 8px 0;
	width: 165px;
}

.FormFieldsetItemAddress .fieldStateAndPostalLayout .fieldState {
	width: 40px;
	display: inline-block;
}

.FormFieldsetItemAddress .fieldStateAndPostalLayout .fieldPostal {
	width: 108px;
	display: inline-block; 
}

.dj_ie .fieldStateAndPostalLayout .fieldState,
.dj_ie .fieldStateAndPostalLayout .fieldPostal {
	display: inline;
}

/*
.FormFieldsetItemAddress .fieldValue .fieldAddress,
.FormFieldsetItemAddress .fieldValue .fieldCity,
.FormFieldsetItemAddress .fieldValue .fieldCountry,
.FormFieldsetItemAddress .fieldValue .fieldStateAndPostalLayout {
	margin:0 0 8px 0;
}

.dj_ie .FormFieldsetItemAddress .fieldValue .fieldAddress,
.dj_ie .FormFieldsetItemAddress .fieldValue .fieldCity,
.dj_ie .FormFieldsetItemAddress .fieldValue .fieldCountry,
.dj_ie .FormFieldsetItemAddress .fieldValue .fieldStateAndPostalLayout {
	zoom: 1;
}


/* State and Postal need to be on the same line. */
.dj_ie .FormFieldsetItemAddress .fieldValue .fieldStateAndPostalLayout {
	zoom: 1;
}

/* 
    Document   : InstantMessenger
    Created on : Apr 14, 2009, 10:52:40 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcFormContacts
		New class names: FormFieldsetItemInstantMessager
*/

.FormFieldsetItemInstantMessager {
	margin: 0 14px 8px 0;
}

.dj_ie .FormFieldsetItemInstantMessager {
	zoom: 1;
}

.FormFieldsetItemInstantMessager .dojoxDropDownSelectFixedWidth {
	width:110px;
	vertical-align: top;
}

.FormFieldsetItemInstantMessager .fieldValue {
	display: inline-block;
	vertical-align: top;
}

.dj_ie .FormFieldsetItemInstantMessager .fieldValue {
	zoom: 1;
	display: inline;
}
/* 
    Document   : Other
    Created on : Apr 14, 2009, 10:52:46 AM
    Author     : paul
    Description:
        Contains a Type field and either date or text field.
				Date/Text field is determined by type selected.

		Old class names: iwcFormContactsOther
		New class names: FormFieldsetItemOther
*/


.FormFieldsetItemOther {
	margin: 0 14px 8px 0;
	white-space: nowrap;
}

.dj_ie .FormFieldsetItemOther {
	zoom: 1;
}

.FormFieldsetItemOther .dojoxDropDownSelectFixedWidth {
	width: 180px;
	vertical-align: top;
}

.FormFieldsetItemOther .fieldValue {
	display: inline-block;
	vertical-align: top;
}

.dj_ie .FormFieldsetItemOther .fieldValue {
	zoom: 1;
	display: inline;
}

.FormFieldsetItemOther .dijitButton,
.FormFieldsetItemOther .dijitDropDownButton {
	margin: 0;
}

.FormFieldsetItemOther .dijitButton .dijitButtonNode {
	border-width: 0;
	background: none;
}

.dj_ie .FormFieldsetItemOther-AddButton {
	margin-left: 0px;
}

.dj_webkit .FormFieldsetItemOther-AddButton .dijitButtonNode {
	padding: 2px 4px 2px 4px;
}

.dj_gecko .FormFieldsetItemOther-AddButton .dijitButtonNode{
	padding: 1px 4px 1px 4px;
}
/*
/* This file contains rules that pick out icons.
/* Do not add any information other than background
/* and height. If you need to set margin or padding
/* around an icon, do so in a widget specific rule.
*/


/*  Service Icons  */
.serviceIcon {
	width:23px;
	height:23px;
	background-repeat:no-repeat;
	background-image: url("../images/mailToolBarSmall.png?00.01_205929");
}

.mail .serviceIcon {
	background-position: 0px 0px;
}
.calendar .serviceIcon {
	background-position: -46px 0px;
}
.options .serviceIcon {
	background-position: -69px 0px;
}
.abs .serviceIcon {
	background-position: -23px 0px;
}

.serviceDown .serviceIcon {
	background: url("../images/redWarning.png?00.01_205929") no-repeat center center;
}


/* Icons appearing on multiple toolbars */

.ToolbarIcon {
	width: 17px;
	height: 16px;
	background: url("../images/ToolbarIcons_Sprited.png?00.01_205929") no-repeat center center;
}

.ToolbarIcon_Attach { background-position: 0 0; }
.ToolbarIcon_Cancel { background-position: 0 -34px; }
.ToolbarIcon_Close { background-position: 0 -68px; }
.ToolbarIcon_Copy { background-position: 0 -102px; }
.ToolbarIcon_Delete { background-position: 0 -136px; }
.ToolbarIcon_Filter { background-position: 0 -230px; }
.ToolbarIcon_ImportExport { background-position: 0 -264px; }
.ToolbarIcon_Open { background-position: 0 -298px; }
.ToolbarIcon_Print { background-position: 0 -332px; }
.ToolbarIcon_Refresh { background-position: 0 -366px; }
.ToolbarIcon_Save { background-position: 0 -400px; }
.ToolbarIcon_Separator { background-position: 0 -170px; }
.ToolbarIcon_Sort { background-position: 0 -434px; }

/* For some reason this was duplicated in the service menu */
.navigatorImportExport {
        width:17px;
        height:16px;
        background: url("../images/ToolbarIcons_Sprited.png?00.01_205929") no-repeat 0 -264px;
}

/* Generic Icons */

.busyIcon12 {
	height: 12px;
	width: 12px;
	background: url('../images/ajaxLoaderSmall.gif?00.01_205929') no-repeat center center;
}

.busyIcon16 {
	height: 16px;
	width: 16px;
	background: url('../images/ajaxLoaderSmall.gif?00.01_205929') no-repeat center center;
}

.plusButtonIcon {
	height: 16px;
	width: 16px;
  background: url("../images/ABSButtonAdd.png?00.01_205929") no-repeat;
}

.minusButtonIcon {
	height: 16px;
	width: 16px;
	background: url("../images/ABSButtonRemove.png?00.01_205929") no-repeat;
}

.propertiesIcon {
        width:16px;
	height:16px;
	background: url("../images/treeToolbarCalendar.png?00.01_205929") no-repeat -87px 0px;
}

/*--------------------------------------*/

.searchButtonIcon {
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("../images/searchGlass.png?00.01_205929");
}

/*--------------------------------------*/

.closeButtonIcon {
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("../images/tabCloseButton.png?00.01_205929");
}

/*--------------------------------------*/

.Status_Completed {
	background: url("../images/Status.png?00.01_205929") no-repeat 0 0;
	width: 16px;
	height: 16px;
}

.Status_Failed {
	background: url("../images/Status.png?00.01_205929") no-repeat 0 -34px;
	width: 16px;
	height: 16px;
}

.Status_Running {
	background: url("../images/ajaxLoader.gif?00.01_205929") no-repeat right top;
	width: 16px;
	height: 16px;
}

.attachment .icon {
	background-image: url("../images/mimetypes/misc.png?00.01_205929");
	background-repeat: no-repeat;
	background-position: center left;
	height: 16px;
	width: 16px;
}

.attachment .icon.message.rfc822{
  background-image: url("../images/mimetypes/message.png?00.01_205929");
}

.attachment .icon.application.pdf{
  background-image: url("../images/mimetypes/pdf.png?00.01_205929");
}

.attachment .icon.application.zip{
  background-image: url("../images/mimetypes/zip.png?00.01_205929");
}

.attachment .icon.application.msword{
  background-image: url("../images/mimetypes/doc.png?00.01_205929");
}

.attachment .icon.text.plain{
  background-image: url("../images/mimetypes/txt.png?00.01_205929");
}

.attachment .icon.image {
  background-image: url("../images/mimetypes/image.png?00.01_205929");
}

.attachment .icon.application.vnd_oasis_opendocument_spreadsheet {
	background-image: url("../images/mimetypes/spreadsheet.png?00.01_205929");
}

.attachment.uploading .icon {
	background-image: url("../images/ajaxLoaderSmall.gif?00.01_205929"); /* 12x12 */
	background-position: center center;
}

.attachment button.remove {
	background: transparent no-repeat scroll left top;
	background-position: 0 50%;
}

#overlay .logo {
  width:100px;
  height:85px;
  background:url(../images/java_logo.jpg?00.01_205929) center no-repeat;
}

/* Dojo */

.dijitMenuExpand {
	width: 7px;
	height: 7px;
	background-image: url('../images/tundra/spriteArrows.png?00.01_205929'); /* NOT THEMED */
	background-position: -14px 0px;
}


.dijitMenuItem .dijitMenuItemIcon.running {
	background: transparent url("../images/ajaxLoaderSmall.gif?00.01_205929") no-repeat center center;
}

.dijitTab .dijitTabContent .busyImage {
	height:11px;
	width:11px;
	background-image: url(../images/ajaxLoaderSmall.gif?00.01_205929);
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
}

.dijitTab .dijitClosable .closeImage {
  height: 11px;
  width: 11px;
  background: transparent url("../images/tabCloseButton.png?00.01_205929") no-repeat 50% 100%;
}

.dijitClosable .busyImage {
	height:11px;
	width:11px;
	background-color: transparent;
	background-image: url("../images/ajaxLoaderSmall.gif?00.01_205929");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:left top;
}

.dijitCalendarDecrease {
	background: url("../images/treeDropDownLeft.png?00.01_205929") no-repeat bottom center;
}

.dijitCalendarIncrease {
	background: url("../images/treeDropDownClosed.png?00.01_205929") no-repeat bottom center;
}

.dijitTitlePane .dijitArrowNode {
	background-image: url('../images/spriteArrows.png?00.01_205929');
	background-repeat: no-repeat;
	height: 7px;
	width: 7px;
}

.dijitTitlePane .dijitOpen .dijitArrowNode {
	background-position: 0px 0px;
}

.dijitTitlePane .dijitClosed .dijitArrowNode {
	background-position: -14px 0px;
}

.dijitTreeContainer .dijitTreeExpandoClosed {
	background-image: url('../images/tundra/spriteArrows.png?00.01_205929'); /* NOT THEMED */
	background-position: -42px 0px;
	height: 7px;
	width: 7px;
	margin: 5px 0 0 0; /* EXCEPTION: we need margin here to make the two expandos the same size! */
}

.dijitTreeContainer  .dijitTreeExpandoOpened {
	background-image: url('../images/tundra/spriteArrows.png?00.01_205929'); /* NOT THEMED */
	background-position:-28px 1px;
	height: 8px;
	width: 8px;
	margin: 0; 
}

.dj_ie .dijitTreeContainer  .dijitTreeExpandoClosed {
	margin: 7px 0 0 0;
}

.dijitTreeContainer .dijitTreeExpandoLeaf,
.dijitTreeContainer .dijitTreeNode {
	background:none;
}

.dijitValidationIcon {
	width: 16px;
	height: 16px;
	background: transparent url('../images/tundra/warning.png?00.01_205929') no-repeat center center;
}


/* Form */

.FormFloatingPane .FormFloatingPane-Controls .dojoxFloatingCloseIcon {
	background-image: url("../images/taskbarClose.png?00.01_205929");
}

.FormFloatingPane .FormFloatingPane-Controls .dojoxFloatingCloseIcon.dijitHover {
	background-image: url("../images/taskbarClose-hover.png?00.01_205929");
}

.FormFloatingPane .FormFloatingPane-Controls .dojoxFloatingMinimizeIcon {
	background-image:url("../images/taskbarMinimize.png?00.01_205929");
	background-position: center -2px;
}

.FormFloatingPane-Controls .dojoxFloatingMinimizeIcon.dijitHover {
	background-image:url("../images/taskbarMinimize-hover.png?00.01_205929");
}

.FormFloatingPane .FormFloatingPane-Controls .dojoxFloatingMaximizeIcon {
	background-image:url("../images/taskbarMaximize.png?00.01_205929");
}

.FormFloatingPane-Controls .dojoxFloatingMaximizeIcon.dijitHover {
	background-image: url("../images/taskbarMaximize-hover.png?00.01_205929");
}

.FormFloatingPane-Controls .dojoxFloatingRestoreIcon {
	background-image: url("../images/taskbarRestore.png?00.01_205929");
}

.FormFloatingPane-Controls .dojoxFloatingRestoreIcon.dijitHover {
	background-image: url("../images/taskbarRestore.png?00.01_205929");
}

.FormQuickSearchForm .iconSearch {
	background-image: url("../images/ToolbarIcons_Sprited.png?00.01_205929");
	background-position: 0 -230px;
	background-repeat: no-repeat;
	height:16px;
	width:16px;
}

.iconClear {
	background:transparent url('../images/tabCloseButton.png?00.01_205929') no-repeat scroll 0 0;
	height: 11px;
	width: 11px;
}
/*
.dj_gecko .iconClear {
	background-position: 0 3px;
	width: 13px;
}

.dj_ie .iconClear {
	background-position: 1px 3px;
	width: 15px;
}
*/
.FormFieldsetRow .FormFieldsetRow-Actions .addRow .dijitButtonNode {
	background: url("../images/ABSButtonAdd.png?00.01_205929") no-repeat center right;
	height:16px;
	width:16px;
}

.FormFieldsetRow .FormFieldsetRow-Actions .removeRow .dijitButtonNode {
	background: url("../images/ABSButtonRemove.png?00.01_205929") no-repeat center right;
	height:16px;
	width:16px;
}

.Recipient .dijitArrowButtonInner {
	height: 1.4em; /* TODO - this is not going to work! */
	width: 7px;
	background:url("../images/downTriangle.gif?00.01_205929") no-repeat center center;
}
/* Addressbook icons */

/* AB toolbar */

.ABToolbarIcon {
	width: 17px;
	height: 16px;
	background: url("../images/ToolbarIconsAB_Sprited.png?00.01_205929") no-repeat center center;
}

/* New contact y + 1px to compensate for image */
.ABToolbarIcon_AddressBook { background-position: 0 -16px; }
.ABToolbarIcon_AddtoGroup { background-position: 0 -48px; }
.ABToolbarIcon_NewContact { background-position: 0 -79px; }
.ABToolbarIcon_NewGroup { background-position: 0 -112px; }
.ABToolbarIcon_RemoveContact { background-position: 0 -144px; }
.ABToolbarIcon_NewBook { background-position: 0 -174px; }


.absGroup,
.absPreset,
.absFavorites {
	width: 16px;
	height: 16px;
	background-image: url('../images/treeIconsAB.png?00.01_205929');
	background-repeat:no-repeat;
}

.absGroup {
	background-position: -5px 0px;
}

.absPreset {
	background-position: -28px 0px;
}

.absFavorites {
	background-position: -49px 0px;
}

.AddressBookCreateContact .AddressBookCreateContact-PhotoAndName .DefaultPhoto {
	height: 43px;
	width: 43px;
	background: url("../images/IMAvatar.png?00.01_205929") no-repeat center center;
}

.AddressBookEditGroup .absSortCheck {
	height:16px;
	width:16px;
	background: url("../images/checkmark.png?00.01_205929") no-repeat top left;
}

.AddressBookEditGroup .absSortFavorites {
	height:17px;
	width:12px;
	background: url("../images/treeABSFavoritesSort.png?00.01_205929") no-repeat top left;
}

.AddressBookEditGroup .absSortNameToggle {
	width:12px;
	height:13px;
	background:transparent url("../images/arrowsToggle.png?00.01_205929") no-repeat center right;
}

.AddressBookEditGroup .AddressBookEditGroup-ActionBar .buttonSeparator {
	width: 2px;
	height:33px;
	background: url("../images/ToolbarIcons_Sprited.png?00.01_205929") no-repeat center center;
	background-position: 0 -112px;
}

.AddressBookEditGroup .absSortName {
	width:7px;
	height:5px;
	background:transparent url("../images/downTriangle.gif?00.01_205929") no-repeat center right;
}

.AddressBookCreateGroup .absSortCheck {
        width: 15px;
        height: 16px;
        background: transparent url('../images/tundra/checkmark.png?00.01_205929') no-repeat -16px;
}

.dj_gecko .AddressBookCreateGroup .absSortCheck:hover,
.dj_webkit .AddressBookCreateGroup .absSortCheck:hover {
        background-position: -64px;
}

.AddressBookCreateGroup .absSortFavorites {
	height:17px;
	width:12px;
	background: url("../images/treeABSFavoritesSort.png?00.01_205929") no-repeat top left;
}

.AddressBookCreateGroup .AddressBookGroup-Favorite {
	background: url("../images/treeABSFavorites.png?00.01_205929") no-repeat center left;
	width:18px;
}

.AddressBookCreateGroup .absSortNameToggle {
	width:12px;
	height:13px;
	background:transparent url("../images/arrowsToggle.png?00.01_205929") no-repeat center right;
}

.AddressBookCreateGroup .absSortNameAsc {
	background:transparent url("../images/downTriangle.gif?00.01_205929") no-repeat center right;
}

.AddressBookCreateGroup .absSortNameDesc {	
	background:transparent url("../images/upTriangle.gif?00.01_205929") no-repeat center right;
}

.AddressBookNavigator .iconContactNew,
.AddressBookNavigator .iconGroupNew,
.AddressBookNavigator .iconGroupRename,
.AddressBookNavigator .iconGroupDelete {
	width: 22px;
	height: 16px;
	background-image: url("../images/treeToolbarAB.png?00.01_205929");
	background-repeat: no-repeat;
	background-position: left bottom;
}


.AddressBookNavigator .iconContactNew {
	background-position: 0px 0px;
}

.AddressBookNavigator .iconGroupNew {
	background-position: -44px 0px;
}

.AddressBookNavigator .iconGroupRename {
	background-position: -88px 0px;
}

.AddressBookNavigator .iconGroupDelete {
	background-position: -132px 0px;
}

/* Mail ICONS */
/* Mail toolbars */


.MailToolbarIcon {
	width: 17px;
	height: 16px;
	background: url("../images/ToolbarIconsMail_Sprited.png?00.01_205929") no-repeat center top;
}

/* Note - forward and reply contain a +1px y correction because the images
are too small to center otherwise.  */
.MailToolbarIcon_BCC { background-position: 0 0; }
.MailToolbarIcon_Expunge { background-position: 0 -34px; }
.MailToolbarIcon_Forward { background-position: 0 -67px; }
.MailToolbarIcon_Move { background-position: 0 -102px; }
.MailToolbarIcon_NotSpam { background-position: 0 -136px; }
.MailToolbarIcon_Options { background-position: 0 -170px; }
.MailToolbarIcon_Reply { background-position: 0 -203px; }
.MailToolbarIcon_ReplyAll { background-position: 0 -238px; }
.MailToolbarIcon_Send { background-position: 0 -274px; }
.MailToolbarIcon_UnsignedEncrypted { background-position: 0 -308px; }
.MailToolbarIcon_SignedUnencrypted { background-position: 0 -340px; }
.MailToolbarIcon_Spam { background-position: 0 -372px; }
.MailToolbarIcon_SignedEncrypted { background-position: 0 -406px; }
.MailToolbarIcon_UnsignedUnencrypted { background-position: 0 -438px; }
.MailToolbarIcon_ViewMessage { background-position: 0 -470px; }
.MailToolbarIcon_Write { background-position: 0 -504px; }


/* default folder icon */
.FolderIcons {
	width: 16px;
	height: 16px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url("../images/treeMailFolderPersonal.png?00.01_205929");
}

/* default shared folder icon */
.FolderIcons_Shared { background-image: url('../images/MailFolders.png?00.01_205929');background-position: 0 0; }

/* non-sharable folder icons */
.FolderIcons_Root { background-image: url('../images/optionsIconMail.png?00.01_205929');background-position: 0 0; }
.FolderIcons_Subscribed { background-image: url('../images/MailFolders.png?00.01_205929');background-position: 0 -68px; }
.FolderIcons_Attachments { background-image:url("../images/mailIconStatusAttachment.png?00.01_205929"); }

/* system mail folder icons */
.FolderIcons_Spam { background-image: url('../images/MailFolders.png?00.01_205929');background-position: 0 -34px; }
.FolderIcons_Trash { background-image: url('../images/MailFolders.png?00.01_205929');background-position: 0 -102px; }
/* INBOX icon is 14x14 unlike the others. */
.FolderIcons_Inbox { background-image:url("../images/treeMailInbox.png?00.01_205929"); background-position: 1px 1px;}
.FolderIcons_Drafts { background-image:url("../images/treeMailDrafts.png?00.01_205929");}
.FolderIcons_Sent { background-image:url("../images/treeMailSent.png?00.01_205929");  background-position: 1px 1px;}

/* shared system mail folder icons */
.FolderIcons_SpamShared { background-image: url('../images/MailFolders.png?00.01_205929');background-position: 0 -34px; }
.FolderIcons_TrashShared { background-image: url('../images/MailFolders.png?00.01_205929');background-position: 0 -102px; }
/* INBOX icon is 14x14 unlike the others. */
.FolderIcons_InboxShared { background-image:url("../images/treeMailInbox.png?00.01_205929"); background-position: 1px 1px; }
.FolderIcons_DraftsShared { background-image:url("../images/treeMailDrafts.png?00.01_205929"); }
.FolderIcons_SentShared { background-image:url("../images/treeMailSent.png?00.01_205929"); background-position: 1px 1px;}

.MailAdvancedSearch-plusButton {
	height: 16px;
	width: 16px;
	background: url("../images/ABSButtonAdd.png?00.01_205929") no-repeat;
}

.MailAdvancedSearch-minusButton {
	height: 16px;
	width: 16px;
	background: url("../images/ABSButtonRemove.png?00.01_205929") no-repeat;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .headerToggleButton {
	width: 16px;
	height: 16px;
	background: url("../images/expandDownMailHeader.png?00.01_205929") no-repeat center center;
}

.MailMessageViewer .MailMessageViewer-HeaderPane.isEncrypted .securityButton {
	width: 24px;
	height: 22px;
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat 0px 0px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.isDecryptionFailed .securityButton {
	width: 24px;
	height: 22px;
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat 0px -66px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.isSigned .securityButton {
	width: 24px;
	height: 22px;
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat -24px 0px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.isVerificationFailed .securityButton {
	width: 24px;
	height: 22px;
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat -24px -66px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.isSigned.isEncrypted .securityButton {
	width: 48px;
	height: 22px;
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat 0px 0px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.isSigned.isDecryptionFailed .securityButton {
	width: 48px;
	height: 22px;
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat 0px -22px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.isEncrypted.isVerificationFailed .securityButton {
	width: 48px;
	height: 22px;
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat 0px -44px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.isDecryptionFailed.isVerificationFailed .securityButton {
	width: 48px;
	height: 22px;
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat 0px -66px;
}

.MailMessageViewer .MailMessageViewer-AttachmentPane div.attachment {
	background-image: url("../images/downTriangle.gif?00.01_205929");
	background-repeat: no-repeat;
	background-position: right 20%;
}

/* TODO: the source code here was not accessible. Place the expando in a separate
element and set role and wairole accordingly. */
.MailMessageViewer .MailMessageViewer-HeaderPane.expandablecc .cc label,
.MailMessageViewer .MailMessageViewer-HeaderPane.expandablebcc .bcc label,
.MailMessageViewer .MailMessageViewer-HeaderPane.expandableto .to label  {
  background: url("../images/treeDropDownClosed.png?00.01_205929") no-repeat 1.2em center;
}

.MailMessageViewer .MailMessageViewer-HeaderPane.expandablecc.expandcc .cc label,
.MailMessageViewer .MailMessageViewer-HeaderPane.expandablebcc.expandbcc .bcc label,
.MailMessageViewer .MailMessageViewer-HeaderPane.expandableto.expandto .to label {
  background: url("../images/treeDropDownOpen.png?00.01_205929") no-repeat 1.2em center;
}

.BlockedImages {
	height: 25px;
	width: 29px;
	/* See note in MesssageViewer.css */
	background: url("../images/blockedImagesBig.png?00.01_205929") no-repeat 0.2em 0.2em;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane .isEncrypted label {
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat 0px 0px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane .isDecryptionFailed label {
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat 0px -66px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane .isSigned label {
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat -24px 0px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane .isVerificationFailed label {
	background: url("../images/security_toolbar_22x.png?00.01_205929") no-repeat -24px -66px;
}

.MailGrid .deleted .subj,
.MailGrid .deleted.answered .subj,
.MailGrid .deleted.forwarded .subj,
.MailGrid .deleted.repfor .subj,
.MailGrid .deleted.spam.subj {
        background: url("../images/mailIconStatusDeleted.png?00.01_205929") no-repeat center left;
}

.MailGrid .answered .subj {
        background: url("../images/mailIconStatusReplyBig.png?00.01_205929") no-repeat center left;
}

.MailGrid .forwarded .subj {
        background: url("../images/mailIconStatusForwardBig.png?00.01_205929") no-repeat center left;
}

.MailGrid .repfor .subj {
        background: url("../images/mailIconStatusRepForBig.png?00.01_205929") no-repeat center left;
}

.MailGrid .spam .subj {
        background: transparent url("../images/MailBadges.png?00.01_205929") no-repeat 0 -73px;
}

.MailGrid .icon {
        height: 14px;
}

.MailGrid-Header .icon {
        height: 14px;
        padding-top: 5px;
}

.dj_ie .MailGrid-Header .icon {
        padding-top: 8px;
}

.MailGrid .hasAttachment .icon.attachment,
.MailGrid-Header .icon.attachment{
        background: url("../images/mailIconStatusAttachment.png?00.01_205929") no-repeat center;

}

.MailGrid .unread .icon.read,
.MailGrid-Header .icon.read {
        background: url("../images/mailIconStatusUnread.png?00.01_205929") no-repeat center;
}

.MailGrid .icon.read {
        background: url("../images/mailIconStatusRead.png?00.01_205929") no-repeat center;
}

.MessageEnvelope_HighPriority .priorityIcon,
.MessageEnvelope_LowPriority .priorityIcon,
.MailGrid-Header .priorityIcon {
        background-image: url("../images/MailBadges.png?00.01_205929");
        background-repeat: no-repeat;
        background-color: transparent;
}

.MessageEnvelope_HighPriority .priorityIcon,
.MailGrid-Header .priorityIcon {
        background-position: center -22px;
        margin-top: 0px;
}

.MessageEnvelope_LowPriority .priorityIcon {
        background-position: center -48px;
}

.MailGrid-Header .icon.flag,
.MailGrid .flagged .icon.flag {
        background: url("../images/mailIconFlag.png?00.01_205929")  no-repeat center center;
}

/* SMIME icons */
.MailGrid-Header .icon.security,
.MailGrid .signedEncrypted .icon.security {
        background: url("../images/security_encrypted_message_14x.png?00.01_205929")  no-repeat center center;
}

.MailGrid .signed .security {
        background: url("../images/security_signed_message_14x.png?00.01_205929")  no-repeat center center;
}

.MailGrid .encrypted .security {
        background: url("../images/security_encrypted_message_14x.png?00.01_205929")  no-repeat center center;
}

/* SMIME envelope refresh situations */
.MailGrid .decryptionFailed .security {
        background: url("../images/security_encrypted_error_14x.png?00.01_205929")  no-repeat center center;
}

.MailGrid .verificationFailed .security {
        background: url("../images/security_signed_error_14x.png?00.01_205929")  no-repeat center center;
}

.MailGrid .encryptedSignedFailed .security {
        background: url("../images/security_encrypted_signed_error_14x.png?00.01_205929")  no-repeat center center;
}

.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .headerToggleButton {
  background: url("../images/expandRightMailHeader.png?00.01_205929") no-repeat center center;
}

.MailOptionFilter .newContactAddButton {
	height:16px;
	width:16px;
	background: url("../images/ABSButtonAdd.png?00.01_205929") no-repeat center right;
}

.MailOptionFilter .newContactRemoveButton {
	height:16px;
	width:16px;
	background: url("../images/ABSButtonRemove.png?00.01_205929") no-repeat center right;
}

.MailOptionNewAccounts .MailOptionNewAccounts-FailedIcon {
	background: url("../images/redWarning.png?00.01_205929") no-repeat right top;
	height: 30px;
	width: 39px;
}

.MailOptionAccountsServer .MailOptionAccountsServer-FailedIcon {
	background: url("../images/redWarning.png?00.01_205929") no-repeat right top;
	height: 30px;
	width: 39px;
}

/* ISS */

/* Move to Icons.css */
.ISSFilterFormTabButtonApplied .ISSFilterFormTabButton-CheckMark {
	background-image: url("../images/checkmark.png?00.01_205929");
	background-repeat: no-repeat;
	background-position: 0 -2px;
}

.dj_webkit .ISSFilterFormTabButtonApplied .ISSFilterFormTabButton-CheckMark {
	background-position: 0 -3px;
}

.dj_ie .ISSFilterFormTabButtonApplied .ISSFilterFormTabButton-CheckMark {
	background-position: 0 0px;
}

.ISSFilterFieldsetToolbar .ISSFilterFieldsetToolbar-closeButton .dijitButtonNode .iconClose {
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url("../images/filterCloseHover.gif?00.01_205929");
	background-position: center center;
	height: 18px;
	width: 18px;
}

.ISSFilterBar .ISSFilterBar-TitleIcon,
.ISSFilterFieldsetToolbar .ISSFilterFieldsetToolbar-TitleIcon {
	background-image: url("../images/ToolbarIcons_Sprited.png?00.01_205929"); /* TODO - move to icons.css? */
	background-position: 0 -230px;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}

.ISSFilterBar .dijitButton .dijitButtonNode .iconClose {
	height: 18px;
	width: 18px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url("../images/filterClose.gif?00.01_205929");
	background-position: center center;
}

.ISSFilterBar .dijitButtonHover .dijitButtonNode .iconClose {
	background-image: url("../images/filterCloseHover.gif?00.01_205929");
}



.ISSOpenFolder .iconPrint,
.ISSOpenFolder .iconSend,
.ISSOpenFolder .iconFilmstrip,
.ISSOpenFolder .iconOpenTab,
.ISSOpenFolder .iconSave,
.ISSOpenFolder .iconOpenMessage,
.ISSOpenFolder .iconRefreshGrid,
.dijitMenu .iconPrint,
.dijitMenu .iconSend,
.dijitMenu .iconFilmstrip,
.dijitMenu .iconOpenTab,
.dijitMenu .iconSave,
.dijitMenu .iconOpenMessage {
	background-color:transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.ISSOpenFolder .iconSend,
.dijitMenu .iconSend {
	background-image: url(../images/mailContextIconForward.png?00.01_205929);
}

.ISSOpenFolder .iconFilmstrip,
.dijitMenu .iconFilmstrip {
	background-image: url(../images/Filmstrip.gif?00.01_205929);
}

.ISSOpenFolder .iconOpenTab,
.dijitMenu .iconOpenTab {
	background-image: url(../images/openintab.gif?00.01_205929);
}

.ISSOpenFolder .iconSave,
.dijitMenu .iconSave {
	background-image: url(../images/save.gif?00.01_205929);
}

.ISSOpenFolder .iconOpenMessage,
.dijitMenu .iconOpenMessage {
	background-image: url(../images/mailContextIconOpen.png?00.01_205929);
}

.ISSOpenFolder .iconRefreshGrid{
	background-image: url(../images/Icons-mini-action_refresh.gif?00.01_205929);
}

.iwcWidgetISSImageViewer .iwcWidgetISSImageViewerLoadingIndicator,
.ISSFullscreenViewer .ISSFullscreenViewerLoadingIndicator {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../js/dojotoolkit/dojox/image/resources/images/loading.gif?00.01_205929");
}

.ISSFullscreenViewer .dijitButtonContents {
	height: 35px;
	width: 35px;
	background-image: url("../images/ISSFullscreenViewerToolbar.png?00.01_205929");
}

.ISSFullscreenViewer .ISSFullscreenViewerPlayButton .dijitButtonContents {
	background-position: 0px 0px;
}

.ISSFullscreenViewer .ISSFullscreenViewerPlayButtonHover .dijitButtonContents {
	background-position: 0px -35px;
}

.ISSFullscreenViewer .ISSFullscreenViewerPlayButtonChecked .dijitButtonContents {
	background-position: -35px -35px;
}

.ISSFullscreenViewer .ISSFullscreenViewerPrevButton .dijitButtonContents {
	background-position: -70px 0px;
}

.ISSFullscreenViewer .ISSFullscreenViewerPrevButtonActive .dijitButtonContents,
.ISSFullscreenViewer .ISSFullscreenViewerPrevButtonHover .dijitButtonContents {
	background-position: -70px -35px;
}

.ISSFullscreenViewer .ISSFullscreenViewerNextButton .dijitButtonContents {
	background-position: -105px 0px;
}

.ISSFullscreenViewer .ISSFullscreenViewerNextButtonActive .dijitButtonContents,
.ISSFullscreenViewer .ISSFullscreenViewerNextButtonHover .dijitButtonContents {
	background-position: -105px -35px;
}

.ISSFullscreenViewer .ISSFullscreenViewerDecButton .dijitButtonContents {
	background-position: -140px 0px;
}

.ISSFullscreenViewer .ISSFullscreenViewerDecButtonActive .dijitButtonContents,
.ISSFullscreenViewer .ISSFullscreenViewerDecButtonHover .dijitButtonContents {
	background-position: -140px -35px;
}

.ISSFullscreenViewer .ISSFullscreenViewerIncButton .dijitButtonContents {
	background-position: -175px 0px;
}

.ISSFullscreenViewer .ISSFullscreenViewerIncButtonActive .dijitButtonContents,
.ISSFullscreenViewer .ISSFullscreenViewerIncButtonHover .dijitButtonContents {
	background-position: -175px -35px;
}

.ISSFullscreenViewer .ISSFullscreenViewerExitButton .dijitButtonContents {
	background-position: -210px 0px;
}

.ISSFullscreenViewer .ISSFullscreenViewerExitButtonActive .dijitButtonContents,
.ISSFullscreenViewer .ISSFullscreenViewerExitButtonHover .dijitButtonContents {
	background-position: -210px -35px;
}

/* Calendar */

/* Cal toolbars */

.CalToolbarIcon {
	width: 18px;
	height: 16px;
	background: url("../images/ToolbarIconsCal_Sprited.png?00.01_205929") no-repeat center top;
}

.CalToolbarIcon_Agenda { background-position: 0 0; }
.CalToolbarIcon_Calendar { background-position: 0 -34px; }
.CalToolbarIcon_CreateEvent { background-position: 0 -68px; }
.CalToolbarIcon_CreateTask { background-position: 0 -102px; }
.CalToolbarIcon_Day { background-position: 0 -136px; }
.CalToolbarIcon_Invitations { background-position: 0 -238px; }
.CalToolbarIcon_Month { background-position: 0 -272px; }
.CalToolbarIcon_Next7 { background-position: 0 -306px; }
.CalToolbarIcon_Recurrence { background-position: 0 -340px; }
.CalToolbarIcon_Reminders { background-position: 0 -374px; }
.CalToolbarIcon_Tasks { background-position: 0 -408px; }
.CalToolbarIcon_TimeZone { background-position: 0 -443px; }
.CalToolbarIcon_Week { background-position: 0 -478px; }

.Calendar_AvailabilityIcon {
        background:url(../images/inviteeAvailabilityIcon.png?00.01_205929) no-repeat center left;
        height: 16px;
        width: 16px;
}

.CalendarAvailability div.availabilityClient div.loadIndicator div {
	background: transparent url("../images/ajaxLoader.gif?00.01_205929") no-repeat top left;
}


.CalendarBalloon .dijitDialogCloseIcon {
        background-color: transparent;
        background-image: url("../images/tabCloseButton.png?00.01_205929");
        background-repeat: no-repeat;
        background-position: top left;
}

.CalendarBalloon .dropIcon{
        background:url("../images/calendarSmall.png?00.01_205929") no-repeat center left;
}

/* Help us, we don't look very good!!! */
.CalendarEventOwnerIcon,
.CalendarEventOpenIcon,
.CalendarEventAcceptedIcon,
.CalendarEventDeclinedIcon,
.CalendarEventMaybeIcon,
.CalendarEventInviteIcon,
.CalendarEventAlertIcon,
.CalendarEventPrivateIcon,
.CalendarEventRepeatsIcon,
.CalendarEventAttachmentIcon {
        width: 14px;
	height: 12px;
        background-repeat: no-repeat;
        background-position: center center;
}
.CalendarEventOwnerIcon {
        background-image:url(../images/calendarVCPeople.png?00.01_205929);
}

.CalendarEventOpenIcon {
	background-image:url(../images/calendarInvOpen.png?00.01_205929);
}

.CalendarEventAcceptedIcon {
	background-image:url(../images/calendarInvYes.png?00.01_205929);
}

.CalendarEventDeclinedIcon {
	background-image:url(../images/calendarInvNo.png?00.01_205929);
}

.CalendarEventMaybeIcon {
	background-image:url(../images/calendarInvMaybe.png?00.01_205929);
}

.CalendarEventInviteIcon {
	/* float: left; */
	background-image:url(../images/calendarVCInvite.png?00.01_205929);
}

.CalendarEventAlertIcon {
	background-image:url(../images/calendarVCAlert.png?00.01_205929);
}

.CalendarEventPrivateIcon {
	background-image:url(../images/calendarVCPrivate.png?00.01_205929);
}

.CalendarEventRepeatsIcon {
	background-image:url(../images/calendarVCWindows.png?00.01_205929);
        width: 16px;
}

.CalendarEventAttachmentIcon {
	background-image:url(../images/calendarVCClip.png?00.01_205929);
        height: 14px;
}

.CalendarInvitees .listRow .open {
	background:url(../images/expandDown.png?00.01_205929) no-repeat left 2px;
}

.CalendarInvitees .listRow .closed{
	background:url(../images/expandRight.png?00.01_205929) no-repeat left 2px;
}

.CalendarInvitees .listRow .rsvp{
	background:url(../images/inviteeRsvpIcon.png?00.01_205929) no-repeat 15px 5px;
	width: 12px;
}

.CalendarInvitees .listRow .rsvp.acc{
	background-position: 0px 5px;
}

.CalendarInvitees .listRow .rsvp.dec{
	background-position: -39px 5px;
}

.CalendarInvitees .listRow .rsvp.none{
	background-position: -26px 5px;
}

.CalendarInvitees .listRow .rsvp.may{
	background-position: -13px 5px;
}

.CalendarInvitees .listRow span.group{
	background:url(../images/inviteeGroupIcon.png?00.01_205929) no-repeat left;
}

.CalendarInvitees .listRow span.contact{
	background:url(../images/inviteeMemberIcon.png?00.01_205929)  no-repeat 25px 3px;
}

.CalendarInvitees .listRow span.contact{
	background:url(../images/inviteeMemberIcon.png?00.01_205929) no-repeat 10px 6px;
}

.CalendarInvitees .listRow span.resource{
	background:url(../images/inviteeResourceIcon.png?00.01_205929)  no-repeat 11px 3px;
}

.CalendarInvitees .listRow .arrow{
	width:5px;
	background: url(../images/treeDropDownOpen.png?00.01_205929);
	background-repeat: no-repeat;
	background-position: right 2px;
}

.CalendarMonthlyEvent .CalendarMonthlyEvent-preview.invite {
	background-image: url(../images/inviteIcon.png?00.01_205929);
	background-repeat: no-repeat;
	background-position:1px 1px;
}

.CalendarMonthlyEvent .CalendarMonthlyEvent-preview.task {
	background:transparent url(../images/taskCheckOrange.png?00.01_205929) no-repeat;
	background-position:1px 3px;
}


.CalendarNavigator .calendarNavCreate,
.CalendarNavigator .calendarNavShare,
.CalendarNavigator .calendarNavRename,
.CalendarNavigator .calendarNavDelete,
.CalendarNavigator .calendarNavToggleMini,
.CalendarNavigator .calendarNavSubscribe {
	width:18px;
	height:16px;
	background: url("../images/treeToolbarCalendar.png?00.01_205929") no-repeat left bottom;
}

.CalendarNavigator .calendarNavToggleMini { /* Larger than the others for some reason! */
	width:22px;
	height:16px;
	background: url("../images/treeToolbarCalendar.png?00.01_205929") no-repeat left bottom;
}


.CalendarNavigator .calendarNavCreate { background-position:0px 0px; }
.CalendarNavigator .calendarNavShare { background-position:-31px 0px; }
.CalendarNavigator .calendarNavRename { background-position:-58px 0px; }
.CalendarNavigator .calendarNavDelete { background-position:-112px 0px; }
.CalendarNavigator .calendarNavToggleMini { background-position:-139px 0px; }
.CalendarNavigator .calendarNavSubscribe { background-position:-193px 0px; }

.CalendarNavigator .CalendarNavigator-Expando {
	background-image: url('../images/tundra/spriteArrows.png?00.01_205929'); /* NOT THEMED */
	background-position:-28px 1px;
	background-repeat: no-repeat;
	height: 8px;
	width: 8px;
}

.CalendarNavigator .closed .CalendarNavigator-Expando {
	background-position: -42px 0px;
	height: 7px;
	width: 7px;
	margin-top: 5px; /* EXCEPTION: we need margin here to make the two expandos the same size! */
}

/* IM icons */
/* TODO - no margin or padding allowed in this file - just a reference to the icon and its size!!! */

.IMAvatar {
	background: url("../images/IMAvatar.png?00.01_205929") no-repeat;
	width:41px;
	height:40px;
}

.IMAvatar.noDefaultBackgroundImage {
	background-image: none;
}


.IMDefaultAvatarSmall {
	background: url("../images/IMAvatarSmall.png?00.01_205929") no-repeat;
	width: 20px;
	height: 20px;
}

.IMAvatarSmall.noDefaultBackgroundImage {
	background-image: none;
}


.IMContacts-SortOnlineButton .IMPresenceSortIcon {
	background: url("../images/IMSort.png?00.01_205929") no-repeat left;
	width:20px;
	height:13px;
}

/*.IMContacts-SortOnlineButton.OfflineFirst .IMPresenceSortIcon {
	background-position: -24px 0;
}*/

.IMContacts-Avatar {
	background: url("../images/IMAvatar.png?00.01_205929") no-repeat center center;
	width: 35px;
	height: 35px;
}

.IMContacts-Avatar-Upload {
	background: url("../images/IMAvatarAdd.png?00.01_205929") no-repeat center center;
}

.IMContacts .IMContact .IMPresenceDownTriangle {
	height: 7px;
	width: 7px;
	background: url("../images/downTriangle.gif?00.01_205929") no-repeat center right;
}

.IMGroupChatIcon {
	background: url("../images/IMConf.png?00.01_205929") no-repeat left;
	width:20px;
	height:13px;
	padding-bottom:5px;
}

.IMGroupChatTitleIcon {
	background: url("../images/IMConf.png?00.01_205929") no-repeat left;
	width:20px !important;
	height:13px;
	padding: 0 3px 3px 3px;
}

.IMGroupChatBusyIcon {
	height: 13px;
	width: 20px;
	background: url('../images/ajaxLoaderSmall.gif?00.01_205929') no-repeat center center;
	padding-bottom:5px;
}

.IMActionIcon {
	width:23px;
	height:20px;
	background: url("../images/IMToolbar.png?00.01_205929") no-repeat left bottom;
}

.IMActionIcon.AddBuddy { background-position:0px 0px; }
.IMActionIcon.DeleteBuddy { background-position:-23px 0px; }
.IMActionIcon.Properties { background-position:-46px 0px; }
.IMActionIcon.AddGroup { background-position:-69px 0px; }
.IMActionIcon.RemoveGroup { background-position:-92px 0px; }
/* Not used AFAICT 
.IMActionIcon .RemoveGroupAlt { background-position:-115px 0px; }
*/

/* BEGIN Context Menu Icons */
.IMBuddyNeedsAuthIcon {
	background: url("../images/IMPendingIcon.png?00.01_205929") no-repeat center left;
}

.IMBuddyPropertiesIcon {
	background: url("../images/IMPropertiesIcon.png?00.01_205929") no-repeat top left;
}
.IMBuddyRemoveIcon {
	background: url("../images/IMRemoveIcon.png?00.01_205929") no-repeat center left;
}

/* END Context Menu Icons */

.IMPresenceIcon {
	width: 15px;
	height: 12px;
}

.IMPresenceIcon.Online {
	background: url("../images/IMOnline.png?00.01_205929") no-repeat left;
}

.IMPresenceIcon.Away {
	background: url("../images/IMAway.png?00.01_205929") no-repeat left;
}

.IMPresenceIcon.Xa {
	background: url("../images/IMAway.png?00.01_205929") no-repeat left;
}

.IMPresenceIcon.Chat {
	background: url("../images/IMOnline.png?00.01_205929") no-repeat left;
}

.IMPresenceIcon.Offline {
	background: url("../images/IMOffline.png?00.01_205929") no-repeat left;
}

.IMPresenceIcon.Dnd {
	background: url("../images/IMDnd.png?00.01_205929") no-repeat left;
}

.IMPresenceIcon.NotKnown {
	background: url("../images/IMNotKnown.png?00.01_205929") no-repeat left;
}

.IMPresenceIcon.NewMessage {
	/*background: url("../images/IMNewMessage.gif?00.01_205929") no-repeat left;*/
}

.IMPresenceIcon.Custom {
	background: url("../images/IMCustom.png?00.01_205929") no-repeat left;
	width:20px;
	height:13px;
}

.IMPresenceIcon.Pending {
	background: url("../images/IMPending.png?00.01_205929") no-repeat left;
}

.IMSession-ToggleRoster .IMSession-ToggleRosterIcon {
	width: 17px;
	height: 24px;
	background: url("../images/im/IM_ToggleRoster.png?00.01_205929") no-repeat center center;
	background-position: 0px 0px;
}

.IMSession-ToggleRoster.collapse .IMSession-ToggleRosterIcon {
	background-position: -21px 0px;
}

.IMSession-ToggleRoster.dijitButtonHover .IMSession-ToggleRosterIcon {
	background-image: url("../images/im/IM_ToggleRoster_hover.png?00.01_205929");
}

.IMKick {
	background: url("../images/IMKick.png?00.01_205929") no-repeat;
	width: 10px;
	height: 10px;
}

.IMNotificationMessage .NotificationMessage-TitleBar .NotificationMessage-MessageCloseIcon {
	height: 6px;
	width: 6px;
	background: url("../images/close_icon.png?00.01_205929") no-repeat top left;
}

/*
.IMNotificationMessage .NotificationMessage-TitleBar .NotificationMessage-MessageCloseIcon {
	height: 11px;
	width: 11px;
	background-image: url("../images/IM_NotificationCloseButton.png?00.01_205929");
}
*/

.IMToolbarIcon_NewWindow {
	width:23px;
	height:23px;
	background: url("../images/IMNewWindow.png?00.01_205929") no-repeat center top;
}

.IMToolbarIcon_SendEmail {
	width: 16px;
	height: 16px;
	background: url("../images/im/sendAsEmail.png?00.01_205929") no-repeat center top;
}

.GroupChatInvitation .avatarContainer{
	background-repeat: no-repeat;
	background-position: center center;
	background: url("../images/IMAvatar.png?00.01_205929") no-repeat;
}

/* Folder icons */

.FoldersActionNewFolderIcon,
.FoldersActionShareFolderIcon,
.FoldersActionPropertiesIcon,
.FoldersActionRenameIcon,
.FoldersActionDeleteFolderIcon,
.FoldersActionMenuNewFolderIcon,
.FoldersActionMenuVirtualFolderIcon,
.FoldersActionMenuSubscribeFolderIcon,
.FoldersActionUnsubscribeFolderIcon {
	width: 16px;
	height: 16px;
	background-image: url("../images/treeIconsMailCentered.png?00.01_205929");
	background-repeat: no-repeat;
	background-position: left bottom;
}

.FoldersActionNewFolderIcon,
.FoldersActionMenuNewFolderIcon {
	background-position:0px 0px;
}

.FoldersActionShareFolderIcon {
	background-position:-23px 0px;
}

.FoldersActionPropertiesIcon {
	background-position:-51px 0px;
}

.FoldersActionRenameIcon {
	background-position:-73px 0px;
}

.FoldersActionDeleteFolderIcon {
	background-position:-92px 0px;
}

.FoldersActionMenuVirtualFolder {
	background-position:-299px 0px;
}

.FoldersActionMenuSubscribeFolderIcon {
	background-position:-322px 0px;
}

.FoldersActionUnsubscribeFolderIcon {
	background-position:-345px 0px;
}

.FoldersActionEmptyTrashIcon,
.FoldersActionEmptySpamIcon {
	width:23px;
	height:18px;
}

.FoldersActionEmptyTrashIcon {
	background: url("../images/treeMailTrashEmpty.png?00.01_205929") no-repeat left bottom;
}

.FoldersActionEmptySpamIcon {
	background: url("../images/treeMailSpamEmpty.png?00.01_205929") no-repeat left bottom;
}

/* Begin :: Context Icons */
.FolderNewFolderContextIcon,
.FolderNewVirtualFolderContextIcon,
.FolderShareFolderContextIcon,
.FolderSubscribeFolderContextIcon,
.FolderUnsubscribeFolderContextIcon,
.FolderSharePropertiesContextIcon,
.FolderUnshareFolderContextIcon,
.DeleteContextIcon,
.RenameContextIcon,
.MoveContextIcon,
.ReadContextIcon,
.PropertiesContextIcon {
	width:23px;
	height:18px;
	background: url("../images/treeIconsMail.png?00.01_205929") no-repeat left bottom;
}


.FolderNewFolderContextIcon { background-position:-368px 0px; }
.FolderNewVirtualFolderContextIcon { background-position:-299px 0px; }
.FolderShareFolderContextIcon { background-position:-214px 0px; }
.FolderSubscribeFolderContextIcon { background-position:-322px 0px; }
.FolderUnsubscribeFolderContextIcon { background-position:-345px 0px; }
.FolderPropertiesContextIcon { background-position:-46px 0px; }
.FolderSharePropertiesContextIcon { background-position:-276px 0px; }
.FolderUnshareFolderContextIcon { background-position:-184px 0px; }

.ReplyContextIcon,
.ReplyAllContextIcon,
.DeleteContextIcon,
.ForwardContextIcon,
.CopyContextIcon,
.OpenContextIcon,
.FlaggedContextIcon,
.UnreadContextIcon,
.IconFindContextIcon,
.HeadersContextIcon,
.EventContextIcon,
.TaskContextIcon,
.ThreadContextIcon
.SelectAllContextIcon {
	height: 16px;
	width: 16px;
	background: url("../images/mailContextIconReply.png?00.01_205929") no-repeat left top;
}

.ReplyAllContextIcon {
	background: url("../images/mailContextIconReplyAll.png?00.01_205929") no-repeat left top;
}
.DeleteContextIcon {
	background: url("../images/mailContextIconDelete.png?00.01_205929") no-repeat center center;
}
.ForwardContextIcon {
	background: url("../images/mailContextIconForward.png?00.01_205929") no-repeat left top;
}
.MoveContextIcon {
	background: url("../images/mailContextIconMove.png?00.01_205929") no-repeat left top;
}
.CopyContextIcon {
	background: url("../images/mailContextIconCopy.png?00.01_205929") no-repeat left top;
}
.OpenContextIcon {
	background: url("../images/mailContextIconOpen.png?00.01_205929") no-repeat left top;
}
.FlaggedContextIcon {
	background: url("../images/mailContextIconFlagged.png?00.01_205929") no-repeat left top;
}
.ReadContextIcon {
	background: url("../images/mailContextIconRead.png?00.01_205929") no-repeat left top;
}
.UnreadContextIcon {
	background: url("../images/mailContextIconUnread.png?00.01_205929") no-repeat left top;
}
.FindContextIcon {
	background: url("../images/mailContextIconFind.png?00.01_205929") no-repeat left top;
}
.HeadersContextIcon {
	background: url("../images/mailContextIconHeaders.png?00.01_205929") no-repeat left top;
}
.TaskContextIcon {
	background: url("../images/mailContextIconTask.png?00.01_205929") no-repeat left top;
}
.ThreadContextIcon {
	background: url("../images/mailContextIconThread.png?00.01_205929") no-repeat left top;
}
.SelectAllContextIcon {
	background: url("../images/mailContextIconAll.png?00.01_205929") no-repeat left top;
}

.EventContextIcon {
	background: url("../images/mailContextIconEvent.png?00.01_205929") no-repeat left top;
}
.SpamContextIcon {
	background: url("../images/mailContextIconSpam.png?00.01_205929") no-repeat left top;
}

.NotSpamContextIcon {
	background: url("../images/mailContextIconNotSpam.png?00.01_205929") no-repeat left top;
}
.RenameContextIcon { background: url("../images/mailContextIconRename.png?00.01_205929") no-repeat left top; }
.PropertiesContextIcon { background: url("../images/mailContextIconProperties.png?00.01_205929") no-repeat left top; }
/* End :: Context Icons */

/* TODO: move padding, margin and cursor styles to the relevant CSS file */
.CalendarIcon {
	padding-left:17px;
	background:url("../images/calendarSmall.png?00.01_205929") no-repeat center left;
	height:20px;
}

.DeleteIcon {
	background:url("../images/stop.png?00.01_205929") no-repeat center left;
	height: 12px;
	width: 12px;
}

.icon_room {
        background:url("../images/addressBook/iconRoom.png?00.01_205929") no-repeat center left;
        width: 16px;
        height: 16px;
}

.icon_invitee {
        background:url("../images/addressBook/iconInvitee.png?00.01_205929") no-repeat center left;
        width: 16px;
        height: 16px;
}

.icon_group {
        background:url("../images/addressBook/iconGroup.png?00.01_205929") no-repeat center left;
        width: 16px;
        height: 16px;
}

.icon_close12 {
        background:url("../images/closeButton12.png?00.01_205929") no-repeat center left;
        width: 12px;
        height: 12px;
}

.icon_cancel11 {
        background:url("../images/cancel11.png?00.01_205929") no-repeat center left;
        width: 11px;
        height: 11px;
}

/* Options */

.OptionNodes {
	background: url('../images/OptionNodes.png?00.01_205929') no-repeat 0 0;
	width: 16px !important;
	height: 16px;
}

.OptionNodes_ImapAccount { background-position: 0 0; }
.OptionNodes_NewAccount { background-position: 0 -34px; }
.OptionNodes_PopAccount { background-position: 0 -68px; }
.OptionNodes_PopAccount_Invalid { background-position: 0 -102px; }
.OptionNodes_PopIdentity { background-position: 0 -136px; }

/* Move to icons!!!*/
.optionGlobalPrefs,
.optionGlobalHome,
.optionMailPrefs,
.optionMailSignature,
.optionMailLayout,
.optionMailForward,
.optionMailPrivacy,
.optionMailIdentity,
.optionMailFilters,
.optionMailVacation,
.optionMailSmime,
.optionIMPrefs,
.optionABSPrefs,
.optionCalSchedule {
	background-repeat: no-repeat;
	background-position: top left;
	width: 16px !important;
	height: 16px;
}

.optionGlobalPrefs {
	background-image: url("../images/optionsIconPreferences.png?00.01_205929");
}

.optionGlobalHome {
	background-image: url("../images/optionsIconGlobalHome.png?00.01_205929");
}

.optionMailPrefs {
	background-image: url("../images/optionsIconMail.png?00.01_205929");
}

.optionMailSignature {
	background-image: url("../images/optionsIconOffice.png?00.01_205929");
}

.optionMailLayout {
	background-image: url("../images/optionsMailLayout.png?00.01_205929");
}

.optionMailForward {
	background-image: url("../images/optionsMailForward.png?00.01_205929");
}

.optionMailPrivacy {
	background-image: url("../images/optionsIconPrivacy.png?00.01_205929");
}

.optionMailIdentity {
	background-image: url("../images/optionsIconIdentities.png?00.01_205929");
}

.optionMailFilters {
	background-image: url("../images/ToolbarIcons_Sprited.png?00.01_205929");
	background-position: 0 -230px;
}

.optionMailVacation {
	background-image: url("../images/optionsIconOffice.png?00.01_205929");
}

.optionMailSmime {
	background-image: url("../images/security_prefs_16x.png?00.01_205929");
}

.optionCalSchedule {
	background-image: url("../images/optionsIconCalSchedule.png?00.01_205929");
}
.optionIMPrefs {
	background-image: url("../images/optionsIconIM.png?00.01_205929");
}

.optionABSPrefs {
	background-image: url("../images/optionsIconABS.png?00.01_205929");
}

/* IM */
.TaskbarButton-closeButtonIcon,
.TaskbarButton-maximizeButtonIcon,
.TaskbarButton-restoreButtonIcon,
.TaskbarButton-minimizeButtonIcon {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center center;
	width: 14px;
	height: 14px;
}

.TaskbarButton-closeButtonIcon {
	background-image: url("../images/taskbarClose.png?00.01_205929");
}

.Highlight .TaskbarButton-closeButtonIcon,
.TaskbarButton-closeButtonIcon.dijitHover {
	background-image: url("../images/taskbarClose-hover.png?00.01_205929");
}

.TaskbarButton-minimizeButtonIcon {
	background-image: url("../images/taskbarMinimize.png?00.01_205929");
}

.TaskbarButton-minimizeButtonIcon.dijitHover {
	background-image: url("../images/taskbarMinimize-hover.png?00.01_205929");
}

.TaskbarButton-maximizeButtonIcon {
	background-image: url("../images/taskbarMaximize.png?00.01_205929");
}

.TaskbarButton-maximizeButtonIcon.dijitHover {
	background-image: url("../images/taskbarMaximize-hover.png?00.01_205929");
}

.TaskbarButton-restoreButtonIcon {
	background-image: url("../images/taskbarRestore.png?00.01_205929");
}

.TaskbarButton-restoreButtonIcon.dijitHover {
	background-image: url("../images/taskbarRestore.png?00.01_205929");
}

/* Editor */
.RichTextEditable .dijitToolbar button .iconImage
 {
	background-image:url(../images/editor.png?00.01_205929);
	background-repeat:no-repeat;
	height:18px;
	width:18px;
}

.RichTextEditable .dijitToolbar button .separator { background-position: 0px }
.RichTextEditable .dijitToolbar button .insertSmiley { background-position: -2px }
.RichTextEditable .dijitToolbar button .backColor { background-position: -17px }
.RichTextEditable .dijitToolbar button .spellCheck { background-position: -37px }
.RichTextEditable .dijitToolbar button .cancel { background-position: -54px }
.RichTextEditable .dijitToolbar button .copy { background-position: -72px }
.RichTextEditable .dijitToolbar button .createLink { background-position: -90px }
.RichTextEditable .dijitToolbar button .cut { background-position: -108px }
.RichTextEditable .dijitToolbar button .delete { background-position: -126px }
.RichTextEditable .dijitToolbar button .foreColor { background-position: -144px }
.RichTextEditable .dijitToolbar button .hiliteColor { background-position: -162px }
.RichTextEditable .dijitToolbar button .indent { background-position: -180px }
.RichTextEditable .dijitToolbar button .insertHorizontalRule { background-position: -198px }
.RichTextEditable .dijitToolbar button .insertImage { background-position: -216px }
.RichTextEditable .dijitToolbar button .insertOrderedList { background-position: -234px }
.RichTextEditable .dijitToolbar button .insertTable { background-position: -252px }
.RichTextEditable .dijitToolbar button .insertUnorderedList { background-position: -270px }
.RichTextEditable .dijitToolbar button .italic { background-position: -288px }
.RichTextEditable .dijitToolbar button .justifyCenter { background-position: -306px }
.RichTextEditable .dijitToolbar button .justifyFull { background-position: -324px }
.RichTextEditable .dijitToolbar button .justifyLeft { background-position: -342px }
.RichTextEditable .dijitToolbar button .justifyRight { background-position: -360px }
.RichTextEditable .dijitToolbar button .leftToRight { background-position: -378px }
.RichTextEditable .dijitToolbar button .fontName { background-position: -576px }
.RichTextEditable .dijitToolbar button .fontSize { background-position: -594px }
.RichTextEditable .dijitToolbar button .listBulletIndent { background-position: -396px }
.RichTextEditable .dijitToolbar button .listBulletOutdent { background-position: -414px }
.RichTextEditable .dijitToolbar button .listNumIndent { background-position: -432px }
.RichTextEditable .dijitToolbar button .listNumOutdent { background-position: -450px }
.RichTextEditable .dijitToolbar button .outdent { background-position: -468px }
.RichTextEditable .dijitToolbar button .paste { background-position: -486px }
.RichTextEditable .dijitToolbar button .redo { background-position: -504px }
.RichTextEditable .dijitToolbar button .removeFormat { background-position: -522px }
.RichTextEditable .dijitToolbar button .rightToLeft { background-position: -540px }
.RichTextEditable .dijitToolbar button .save { background-position: -558px }
.RichTextEditable .dijitToolbar button .space { background-position: -576px }
.RichTextEditable .dijitToolbar button .strikethrough { background-position: -594px }
.RichTextEditable .dijitToolbar button .subscript { background-position: -612px }
.RichTextEditable .dijitToolbar button .superscript { background-position: -630px }
.RichTextEditable .dijitToolbar button .underline { background-position: -648px }
.RichTextEditable .dijitToolbar button .undo { background-position: -666px }
.RichTextEditable .dijitToolbar button .wikiword { background-position: -684px }

.RichTextEditable  .separator {
	background: url('../images/editor.png?00.01_205929') no-repeat bottom left; /* editor icons sprite image */
	width: 2px;
	height: 14px;

}

.iconEditor div {
	background-image: url('../images/editor.png?00.01_205929'); /* editor icons sprite image */
	background-repeat: no-repeat;
	width: 18px; /*18px is good on Safari */
	height: 18px;
}

.iconEditor .separator { background-position: 0px }
.iconEditor .insertSmiley { background-position: -2px }
.iconEditor .backColor { background-position: -17px }
.iconEditor .spellCheck { background-position: -37px }
.iconEditor .cancel { background-position: -54px }
.iconEditor .copy { background-position: -72px }
.iconEditor .createLink { background-position: -90px }
.iconEditor .cut { background-position: -108px }
.iconEditor .delete { background-position: -126px }
.iconEditor .foreColor { background-position: -144px }
.iconEditor .hiliteColor { background-position: -162px }
.iconEditor .indent { background-position: -180px }
.iconEditor .insertHorizontalRule { background-position: -198px }
.iconEditor .insertImage { background-position: -216px }
.iconEditor .insertOrderedList { background-position: -234px }
.iconEditor .insertTable { background-position: -252px }
.iconEditor .insertUnorderedList { background-position: -270px }
.iconEditor .italic { background-position: -288px }
.iconEditor .justifyCenter { background-position: -306px }
.iconEditor .justifyFull { background-position: -324px }
.iconEditor .justifyLeft { background-position: -342px }
.iconEditor .justifyRight { background-position: -360px }
.iconEditor .leftToRight { background-position: -378px }
.iconEditor .fontName { background-position: -576px }
.iconEditor .fontSize { background-position: -594px }
.iconEditor .listBulletIndent { background-position: -396px }
.iconEditor .listBulletOutdent { background-position: -414px }
.iconEditor .listNumIndent { background-position: -432px }
.iconEditor .listNumOutdent { background-position: -450px }
.iconEditor .outdent { background-position: -468px }
.iconEditor .paste { background-position: -486px }
.iconEditor .redo { background-position: -504px }
.iconEditor .removeFormat { background-position: -522px }
.iconEditor .rightToLeft { background-position: -540px }
.iconEditor .save { background-position: -558px }
.iconEditor .space { background-position: -576px }
.iconEditor .strikethrough { background-position: -594px }
.iconEditor .subscript { background-position: -612px }
.iconEditor .superscript { background-position: -630px }
.iconEditor .underline { background-position: -648px }
.iconEditor .undo { background-position: -666px }
.iconEditor .wikiword { background-position: -684px }

/* IWC Main */
#horizontalsplit {
  width: 100%;
}

#iwcLayoutNavigation {
  width: 20%;
}

#iwcRightSplit {
  height: 100%;
}
.Banner {
  padding: 0;
}

.Banner {
  line-height: 40px;
}

.Banner .Banner-Logo {
  display: inline;
  float: left;
}

.Banner .Banner-Title,
.Banner-Actions {
  line-height: 40px;
  vertical-align: middle;
}

.Banner .Banner-Title {
  display: inline;
        float: left;
  font-size: 18px;
        font-weight: normal;
        margin: 0;
}

.Banner .Banner-Title {
  margin-left: 11px;
}

.Banner .Banner-Actions {
  margin-right: 11px;
}

.dj_ie .Banner .Banner-Title {
        font-size: 18px !important;
}

.Banner .Banner-Actions {
        display: inline;
  float: right;
}

.Banner-welcomeLabel,  .Banner-Actions-ActionItem {
        font-size: 11px !important;
        margin-left: 0.5em;
        margin-right: 0.5em;
}

.Banner .Banner-Actions a {
	text-decoration:none;
}

/* TODO: doesn't this cause problems on IE? */
.Banner .Banner-Actions a:hover {
  text-decoration: underline;
}

.Banner .ThemeSelectorItem {
        margin: 1px 2px;
	padding: 1px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	border: 0px solid black;
}

.dj_gecko .Banner .ThemeSelectorItem {
        margin: 1px;
}

.Banner .ThemeSelectorItem-selected {
	margin: 0px;
	border-width: 1px;
}
.Balloon {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 9999;
	width: 245px;
}

/* TR/TL styles */
.BalloonOrientTopRight,
.BalloonOrientTopLeft {
	margin-bottom: -10px;
}

.BalloonOrientTopRight .Balloon-centerNode,
.BalloonOrientTopLeft .Balloon-centerNode {
	background:url("../images/Balloon.png?00.01_205929") no-repeat -246px top; /* weird... should be 245px */
	padding: 0px 10px 0px 10px;
}

.BalloonOrientTopRight .Balloon-bottomNode,
.BalloonOrientTopLeft .Balloon-bottomNode {
	height: 44px;
}

.BalloonOrientTopRight .Balloon-bottomNode {
	background:url("../images/Balloon.png?00.01_205929") no-repeat 0px -45px;
}
.BalloonOrientTopLeft .Balloon-bottomNode {
	background:url("../images/Balloon.png?00.01_205929") no-repeat 0px 0px;
}

/* BR/BL styles */
.BalloonOrientBottomRight,
.BalloonOrientBottomLeft {
	margin-top: -10px;
}
.BalloonOrientBottomRight .Balloon-topNode {
	background:url("../images/Balloon.png?00.01_205929") no-repeat 0px -135px;
}
.BalloonOrientBottomLeft .Balloon-topNode {
	background:url("../images/Balloon.png?00.01_205929") no-repeat 0px -90px;
}

.BalloonOrientBottomRight .Balloon-topNode,
.BalloonOrientBottomLeft .Balloon-topNode {
	height: 44px;
}

.BalloonOrientBottomRight .Balloon-centerNode,
.BalloonOrientBottomLeft .Balloon-centerNode {
	background:url("../images/Balloon.png?00.01_205929") no-repeat -490px bottom;
	padding: 0px 10px 0px 10px;
}
/*
  QuickActions
*/
.QuickActions {
  overflow: hidden;
}

/* Hide text and seperators: must remove all padding and margin.  display none is still applying padding/margin which affects other toolbar elements */
.QuickActions .dijitToolbar .dijitButton .dijitButtonContents .dijitButtonText,
.QuickActions .dijitToolbar .dijitToolbarSeparator {
	display: none;
  padding: 0;
  margin: 0;
}

/*
  QuickActions
*/
.QuickActions .dijitToolbar {
  border-width: 0;
  padding: 3px 5px 3px 5px;
}

.QuickActions .dijitToolbar .dijitButtonNode {
  background: none;
  margin: 0px !important;
  padding: 0px !important;
  border: none;
  font-size: 12px;
}

.dj_ie .QuickActions .dijitToolbar .dijitButton button,
.dj_webkit .QuickActions .dijitToolbar .dijitButton button {
	/* FF adds implicit padding to buttons so make other browsers follow suit,
	 * to avoid a bunch of browse specific rules in theme files
	 */
	padding: 0;
}

/* reset/clear button styles applied by general */
.QuickActions .dijitToolbar .dijitButton .dijitButtonContents {
  border: 0;
  padding: 0;
  margin: 0;
}

/* must match icon height, default height by browsers is too large for internet
		explorer and too small for safari  */
.dj_ie .QuickActions .dijitToolbar .dijitButton,
.dj_webkit .QuickActions .dijitToolbar .dijitButton {
  height: 18px;
}

.QuickActions .dijitToolbar .dijitButton {
  margin: 1px;
  padding: 2px;
}

.QuickActions .dijitToolbar .dijitButtonHover {
  margin: 0;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
}
/* 
    Document   : Attachment
    Created on : Apr 15, 2009, 4:06:11 PM
    Author     : paul
    Description:
			used in mail message viewer, new message, calendar event.
*/
.attachmentPane {
	/* width: 100%; */
	clear:both;
	margin:0;
	padding:0;
	border-bottom:1px solid #E3E3AF;
	overflow-y: auto;
	overflow-x: hidden;
}

.attachmentPane {
	max-height: 4.8em;
	padding: 7px 12px 7px 12px;
}

.dj_ie .attachmentPane {
	min-height: 14px;
	padding-bottom: 5px;
}

.attachmentPane .attachment {
	white-space: nowrap;
	font-size: 11px;
	display: inline-block;
	margin-right: 10px;
}

.dj_ie .attachmentPane .attachment {
	display: inline;
}

.attachment .icon,
.attachment .fname,
.attachment .loading,
.attachment .filesize,
.attachment .remove {
	vertical-align: middle;
	display: inline-block;
}

.dj_ie .attachment .icon,
.dj_ie .attachment .fname,
.dj_ie .attachment .loading,
.dj_ie .attachment .filesize,
.dj_ie .attachment .remove {
	display: inline;
}

.attachment.uploaded span.fname {
	font-style: italic;
}

.attachment .remove {
	padding: 0px;
	border:none;
	cursor:pointer;
	margin: 0;
}

.attachment {
	font-size: 11px;
	color: #262626;
}

.remove {
	font-size: 10px;
	color: #1665A8;
}

.dj_ie .attachment .remove {
	padding-left: 5px;
	margin-left: 7px;
}

.dijitMenu .iwcAttachmentMenuItemLabel {
	text-decoration: none;
	color: #333;
}

/* 
    Document   : ServiceNavigator
    Created on : Apr 15, 2009, 3:16:37 PM
    Author     : paul
    Description: General css for individual service navigator widget
*/
.ServiceNavigator {
	height: 100%;
}

.ServiceNavigator .layoutContainer {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.ServiceNavigator .dijitToolbar {
	/* Color in theme */
	padding: 3px 5px 3px 5px;
	overflow: hidden;
}

.ServiceNavigator .dijitToolbar .dijitButtonText {
	display: none;
}

.ServiceNavigator .dijitToolbar .dijitArrowButtonInner {
	margin: 0 2px 0 3px;
}

.ServiceNavigator .dijitToolbar .dijitToolbarSeparator {
	height: 18px;
	margin: 0;
	display: none;
}


/* Shared tree stuff: Mail, ABS, Options */
/* Colors are set in the theme */

.ServiceNavigator .NavigatorTree {
	overflow: auto;
	z-index: 0;
}

.dj_ie .ServiceNavigator .NavigatorTree {
	overflow-x: hidden;
}

.NavigatorTree .dijitTreeContainer {
	white-space: nowrap;
	overflow: hidden;
}
/* End tree */

.iwcContainerLabelWrap {
	padding: 5px;
}

.iwcContainerLabelWrap .serviceLabel {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}

/* IE font size bug */
.dj_ie .iwcContainerLabelWrap .serviceLabel {
	font-size: 12px !important;
	vertical-align: top;
	margin: 4px 0 0 4px;
}

.IWC .IWC-NavigationContainer {
	border: none;
}

/* Service Menu */
.ServiceMenu {
}

.ServiceMenu .dijitButton,
.ServiceMenu .dijitButton span.dijitRight,
.ServiceMenu .dijitButton .dijitButtonNode {
	display: block;
	margin: 0;
	border: 0;
}


.ServiceMenu .dijitButton .dijitButtonNode {
	display: block;
	padding: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
}

.ServiceMenu .dijitButton button {
	border: 0;
	/* Color and background from the theme.  */
	width: 100%;
	height:26px;
	text-align: left;
	position: relative; /* We clip the addon to this */
}

/* Margin placed on service icon
	allowing focus to be the entire button width
*/
.ServiceMenu .serviceIcon {
	margin-left: 18px;
}

/* Q: hover state, priority */
.ServiceMenu .dijitButtonHover button,
.ServiceMenu .serviceSelected button {
  font-weight: bold;
}

.ServiceMenu .dijitButton .dijitButtonText {
	font-size: 12px;
}

.ServiceMenu .serviceAddon {
	position: absolute;
	right: 0;
	top: 0;
}
/* no longer needed 
.dj_gecko .ServiceMenu .serviceAddon {
	position: absolute;
	right: 15px;
	bottom: 3px;
}
*/
/* BEGIN RTE Toolbar */

.RichTextEditable {
	height: auto;
}

/* The followings are for the iwc.editor toolbar styling */

.RichTextEditable .dijitToolbar {
	border-width: 1px 0 1px 0;
	border-style: solid;
	padding: 0 0 0 5px;
	height: 26px;
}

/* Editor button styles */

.RichTextEditable .dijitToolbar .dijitArrowButtonInner {
	margin: 0 2px 0 3px;
}

.RichTextEditable .dijitToolbar .dijitButtonText.bold,
.RichTextEditable .dijitToolbar .dijitButtonText.italic,
.RichTextEditable .dijitToolbar .dijitButtonText.underline{
	height: 18px;
	width: 18px;
	line-height: 16px;
	font-size: 16px;
	font-family: tahoma;
}

.RichTextEditable .dijitToolbar .dijitButtonText.bold  {
	font-weight: bold;
}

.RichTextEditable .dijitToolbar .dijitButtonText.italic  {
	font-style: italic;
}

.RichTextEditable .dijitToolbar .dijitButtonText.underline  {
	text-decoration: underline;
}

.RichTextEditable .separator {
	margin-right: 8px;
	margin-left: 5px;
	margin-top: 6px;
}

.dijitSmileyDropDown {
	width: 140px;
	border:1px solid #000;
	background-color: #FFF;
}

.dijitSmileyDropDown img {
	padding: 3px;
	cursor: default;
	z-index: 10;
	border: 2px solid #FFF;
}
/*
.dj_ie .dijitSmileyDropDown img {
	width:23px;	
}
*/

/*onfocus event is not handled correctly on safari */
/* spike
.dj_safari .dijitSmileyDropDown img:hover, 
*/

.createLinkDialog { 
	width: 330px;
}

.createLinkDialog .dijitTextBox {
	width: 234px;
	margin: 0;
}

.createLinkDialog .dijitDialogTitleBar {
	cursor:default;
}

.createLinkDialog div.row { 
	margin-bottom:0.5em;
	padding:0.2em;
}

.createLinkDialog .row label {
	display: inline-block;
	min-width: 4em;
	padding-right:0.5em;
	line-height:1.7em;
}

.createLinkDialog .DialogButtons {
	margin:0;
	padding:0.2em;
	background:#FFF;
	zoom: 1;	/* FIXME, without this, the buttons move left/right in IE */
}

/* Checkbox embedded in menu item - spell check and font selection */
.dijitPopup .dijitCheckBox { 
	padding: 0 0 0 0;
}

.dj_ie .dijitPopup .dijitMenuItemLabel { 
	white-space: nowrap;
}
/*  Photo Dialog */

.PhotoDialog {
	width: 400px;
}

.PhotoDialog .hint {
	margin-left: 127px;
}

.dj_gecko .PhotoDialog .hint {
	margin-left: 122px;
}

.ConfirmDialog {
        width: 400px;
}

.ConfirmDialog .noLabel label {
        display: none;
}

.ConfirmDialog .noLabel .FormField-InputWrapper {
        width: 95%;
}

.ConfirmDialog .noLabel .dijitTextBox {
        width: 100%;
}
.LoginDialog {
        width: 28em;
}

.LoginDialog .FormField-InputWrapper {
	float: left
}

.LoginDialog .label {
	padding-top: 4px;
}
/**
 * EditorPluginsSpellCheckDialog
 **/
.EditorPluginsSpellCheckDialog .misspelledWord,
.EditorPluginsSpellCheckDialog .replaceWith{
	margin-bottom:0.50em;
}

.EditorPluginsSpellCheckDialog .misspelledWord label,
.EditorPluginsSpellCheckDialog .replaceWith label{
	line-height:1.70em;
}

.EditorPluginsSpellCheckDialog .misspelledWord label,
.EditorPluginsSpellCheckDialog .replaceWith label,
.EditorPluginsSpellCheckDialog .suggestions label {
	display: inline-block;
	zoom: 1;
	min-width: 10em;
}

.EditorPluginsSpellCheckDialog .misspelledWord span {
	font-weight:600;
	line-height:1.70em;
}


.EditorPluginsSpellCheckDialog .suggestions {
}


.EditorPluginsSpellCheckDialog .suggestions label {
	line-height:1.70em;
	vertical-align: top;
}



.EditorPluginsSpellCheckDialog .suggestions select {
	#width: 13em;	/* IE does not handle min-width for <select> */
	min-width:13em;
}

.EditorPluginsSpellCheckDialog .actions {
	margin: 1.50em 0 0 0em;
}

.EditorPluginsSpellCheckDialog .actions .align{
	text-align: center;
}

.EditorPluginsSpellCheckDialog .actions .dijitButton {
}

.EditorPluginsSpellCheckDialog .actions .dijitButton .dijitButtonText {
	min-width:10em;
}

.iwcRecipientList .Recipient {
}

.iwcRecipientList .separator {
	padding: 0 0.3em 0 0;
}

span.Recipient {
	cursor: pointer;
	height: 1.4em;
	line-height: 1.4em;
	white-space:nowrap; /* ensure presence/label/arrow will not line break */
}

.Recipient span {
	padding:0;
}

.Recipient .presenceIcon {
	display: -moz-inline-box; /* FF2's inline-block */
	display: inline-block;
	margin: 0 0 0 .3em;
        height: 1.4em;
}

.Recipient .dijitArrowButtonInner {
	display: -moz-inline-box; /* FF2's inline-block */
	display: inline-block;
	margin: 0 0 0 0.2em;
}

.dijitMenuItemLabel .Recipient-Availability {
	font-size: 11px;
	margin:0;
	width:auto;
}

.Recipient-Availability-Start {
	margin-right: 3px;
	vertical-align: middle;
}

.Recipient-Availability-End {
	margin-left: 3px;
	vertical-align: middle;
}

.Recipient-Availability .Recipient-HourButton {
	height: 12px;
	width: 12px;
	display: inline-block;
	padding: 0;
	border: none;
	margin: 0 1px;
	vertical-align: middle;
}

.dj_ie .Recipient-HourButton {
	display: inline;
}
/*
    Document   : ViewerContainer
    Created on : Aug 18, 2009, 11:33:34 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		New class names: ViewerContainer
*/

/* Status Bar */

.ViewerContainer-StatusBar {
}

.ViewerContainer-StatusBarMessage {
	padding: 0.2em 0.2em 0.2em 30px;
	size: 1.2em;
	font-weight: bold;
	line-height: 28px;
	min-height: 28px;
	border-top: 1px solid;
}
/*
	Options
*/





/*
    Document   : TabContainer
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitTabContainer iwcOptionsViewer
		New class names: dijitTabContainer OptionTabContainer
*/


.OptionTabContainer .FormBorderContainerForm-BodyPane {
	padding: 10px 30px 10px 25px;
}

.OptionTabContainer .FormField {
	margin-bottom: 1em;
}

.OptionTabContainer-Inline {
	margin-bottom: 1em;
}

.OptionTabContainer-Inline .FormField {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 0;
	vertical-align: middle;
}

.dj_ie .OptionTabContainer-Inline .FormField {
	display: inline;
}

.dj_ie .OptionTabContainer-Inline .FormField-LabelAfter {
	vertical-align: top;
	margin-top: 4px;
}

.dj_ie .OptionTabContainer-Inline .FormField label {
	vertical-align: top;
}

.dj_ie .OptionTabContainer-Inline .FormField-LabelAfter label {
	margin-top: 0px;
}

.OptionTabContainer .FormField label {
	width: 8em;
}

.OptionTabContainer .FormField label.FormTextBox-helperText,
.OptionTabContainer .FormField-LabelAfter label {
	width: auto;
}

.OptionTabContainer .FormField .dojoxDropDownSelectFixedWidth {
	width: 13em;
	margin-top: 0px;
}

.OptionTabContainer h2 {
	font-size: 13px;
	font-weight: bold;
	margin:25px 0 10px 0;
}

.OptionTabContainer h3 {
	font-size: 12px;
	font-weight: bold;
	margin:15px 0 10px 0px;
}

.OptionTabContainer .subTextArea {
	margin-top: 1em;
	font-size:11px;
}

.OptionTabContainer .OptionTabContainer-InlineError {
	text-align: left;
	font-weight:normal;
	margin:10px 0 10px 0;
	display:block;
	float:none;
}

.CalendarOptionGeneral .FormField .dijitSpinner {
	width: 100px;
}
/*
    Document   : OptionNavigation
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: NavigatorTree
		New class names: NavigatorTree OptionNavigation

		Notes: class name needs to reflect it is OptionNavigation
*/
.OptionNavigation {
  overflow: auto;
}


.OptionNavigation .dijitTreeIcon {
	width: 0;
}

.OptionNavigation .CalToolbarIcon {
	width: 16px;
}

/* Compensate for non-leaf nodes not having icons. Note that we can't
generalize this rule to dijitTreeExpando - must only apply to the arrows */
.OptionNavigation .dijitTreeContainer .dijitTreeContainer .dijitTreeContainer .dijitTreeExpandoOpened,
.OptionNavigation .dijitTreeContainer .dijitTreeContainer .dijitTreeContainer .dijitTreeExpandoClosed {
	margin-left: 11px;
}

.OptionNavigation .dijitTreeContainer .dijitTreeExpandoOpened {
	margin-top: 2px;
}

.OptionNavigation .dijitTreeContainer .dijitTreeExpandoClosed {
	margin-top: 6px;
}

/* Compensate for non-leaf nodes not having icons. Note that we can't
generalize this rule to dijitTreeExpando - must only apply to the arrows */
.OptionNavigation .dijitTreeContainer .dijitTreeContainer .dijitTreeExpandoOpened,
.OptionNavigation .dijitTreeContainer .dijitTreeContainer .dijitTreeExpandoClosed {
	margin-right: 6px;
}
/*
    Document   : UpdatedDialog
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox optionsChanged
		New class names: dijitDialog OptionUpdatedDialog
*/

.OptionUpdatedDialog {
	width: 400px;
}
/*
    Document   : TabContainer
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitTabContainer iwcOptionsViewer
		New class names: dijitTabContainer OptionTabContainer OptionGeneral
*/

.OptionGeneral .FormField-LabelAfter {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 1em;
}

.dj_ie .OptionGeneral .FormField-LabelAfter {
	display: inline;
}
/*
    Document   : Password
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitTabContainer iwcOptionsViewer
		New class names: dijitTabContainer OptionTabContainer OptionPassword
*/

.OptionPassword .FormField label {
	width: 12em;
}
/**
* Stylesheet for contacts
**/










/*










/* Used in create contact, edit group */
.AddressBook-ActionBar {
	height:54px;
	text-align:right;
	overflow:hidden;
}

.AddressBook-ButtonContainer{
	height: 55px;
	margin-top: 0;
	padding: 12px 50px 0 14px;
	border-top: 1px solid;
	text-align: right;
}

/*
	Used in ABSOpenFolder and ABSCorpLookup
*/
.iwcContactListContainer {
	overflow: auto;
}

/*
	Used in ABSOpenFolder and ABSCorpLookup
*/
.contactListItem {
	padding: 4px 4px 4px 24px;
}

/*
	ABS Sort Bar used in ABSOpenFolder and ABSCorpLookup
I don't think iwcContactSortContainer is used anymore? - avk
*/
 .iwcContactSortContainer {
	height:24px !important;
	top:29px !important;
	background-repeat: repeat-x !important;
	background-attachment: scroll !important;
	background-position: bottom left !important;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.iwcContactSortContainer .FormSortButton,
.newGroupSortBar .FormSortButton {
	margin: 0px;
  padding: 0px;
  font-size: 11px;
}

.iwcContactSortContainer .FormSortButton .dijitButtonNode,
.newGroupSortBar .FormSortButton .dijitButtonNode {
  margin: 0px;
  border: 0px;
}

.iwcContactSortContainer .absSelectAll {
	height:6px;
	margin:4px 0 0 24px;
  float:left;
}

.iwcContactListContainer .absSelectContactCb {
	margin-right:5px;
  vertical-align:bottom;
}

.iwcContactSortContainer .dijitButtonNode {
	margin:3px 0 0 0;
}

table.contactDetails {
	width: 100%;
}

table.contactDetails td h2 {
	margin:0;
	font-weight:normal;
	font-size: 13px;
}

table.contactDetails table {
/*	margin:8px 12px;*/
}

.dj_ie7 table.contactDetails table {
	width: 97%;
}

table.contactDetails table td.textLabel{
	text-align:left;
	padding-right:5px;
	width:auto;
}
table.contactDetails table td.information{
	text-align:left;
	width:99%;
	vertical-align:top;
	line-height:1em;
}

table.contactDetails table td.information div {
	margin-bottom:0.15em;
}

table.contactDetails table td.information .zipContainer{
	width:98%;
}

.dj_ie7 table.contactDetails table td.information .zipContainer{
	width: 96%;
	position: relative;
}

.contactDetails .iwcDropDown .dijitComboButton {
	margin: 0px 30px 0px 0px;
}

.AddressBook-Link {
	cursor:pointer;
	text-decoration:none;
}

/* End searchbox related */
/* 
    Document   : CorpLookup
    Created on : Aug 18, 2009, 11:33:34 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcABSCorpLookup
		New class names: AddressBookCorpLookup
*/
.AddressBookCorpLookup .iwcToolbar .AddressBookCorpLookup-Message {
	margin:0pt 0pt 6px 10px;
}

.dj_ie .AddressBookCorpLookup .iwcToolbar .AddressBookCorpLookup-Message {
	margin: 0;
	padding: 8px 0 0 10px;
	height: 20px;
}

.AddressBookCorpLookup .contactListGroup,
.AddressBookCorpLookup .contactListGroupAlt,
.AddressBookCorpLookup .contactListGroupSelected {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
}

.AddressBookCorpLookup .contactListGroup {
	padding:4px 4px 4px 24px;
}
/*
	Stylesheet for New/Edit Contact form
	Old base classes: iwcABSNewContact iwcAddressBookNewContact
	New base class: AddressBookCreateContact


	Regions:
		old south: newContactActionBar
		new south: AddressBook-ActionBar
		old center: newContactDetailsContainer
		new center: AddressBookCreateContact-DetailsContainer
*/

/*
	center region: form fieldsets and fields
	base class: .AddressBookCreateContact-DetailsContainer
*/
.AddressBookCreateContact .AddressBookCreateContact-DetailsContainer {
	overflow-y: auto;
	overflow-x: hidden;
	padding:3em 2em 2em;
}

/*
	Photo and Name Fields
*/
.AddressBookCreateContact .AddressBookCreateContact-PhotoAndName {
	width:100%;
}

/* Photo */
.AddressBookCreateContact .AddressBookCreateContact-FieldPhoto {
	display: inline-block;
	margin: 0 14px 0 0;
	vertical-align: top;
}

.dj_ie .AddressBookCreateContact-FieldPhoto {
	display: inline;
}

.AddressBookCreateContact .AddressBookCreateContact-FieldPhoto .dijitButtonNode {
	background-image: none;
	width: 55px;
}

.AddressBookCreateContact .AddressBookCreateContact-FieldPhoto .dijitButtonNode * {
	vertical-align: bottom;
}

.AddressBookCreateContact .AddressBookCreateContact-FieldPhoto .AddressBookDisplayContactPhoto{
	display: inline-block;
}

/* iwcFormContactNameFieldset */
.AddressBookCreateContact .FormFieldsetName {
	display: inline-block;
	vertical-align: top;
}

.dj_ie .AddressBookCreateContact .FormFieldsetName {
	display: inline;
}

/*
	Detailed fieldsets:
	base class: AddressBookCreateContact-Details
*/

/* ie7 alignment correction */
.dj_ie .AddressBookCreateContact .AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details .iwcDropDown .dijitComboButton {
	margin:0;
}

/* two columns */
.AddressBookCreateContact-Details .AddressBookCreateContact-DetailsLeft,
.AddressBookCreateContact-Details .AddressBookCreateContact-DetailsRight {
	width:48%;
	float:left;
}

.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details .AddressBookCreateContact-DetailsRight {
	margin: 0 0 0 14px;
}

.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details fieldset {
	margin: 0 0 8px 0;
}

.AddressBookCreateContact-DetailsContainer  fieldset legend {
	margin:0;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-SelectBook {
	margin:1em 0 0 0;
}


/* ie7 apply margin style by default, offset to align like on the left */
.dj_ie .AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details fieldset legend {
	margin-left:-0.5em;
}

/* making room for other fieldset add and remove buttons*/
.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details .fieldsetPhones,
.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details .fieldsetInstantMessengers,
.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details .fieldsetNote {
	margin-right: 45px;
	width: 95%;
}


/* Description input*/
.AddressBookCreateContact-Details .descriptionField {
	/* width: 100%; */
}

.AddressBookCreateContact-Details textarea {
	height: 9em; 
}

.AddressBookCreateContact-ButtonContainer {
	border-top: 1px solid #FFF;
	padding:12px 24px 12px 0;
}

.AddressBook-ActionBar .savedPhoto {
	font-size: 13px;
	padding:1em 0.5em 0.5em 1em;
	text-align:left;
	width:100%;
	height:54px;
}
/* 
    Document   : CreateContactDailog
    Created on : Aug 18, 2009, 11:35:28 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog contactDialog iwcAddressBookQuickNewContactDialog
		New class names: dijitDialog AddressBookCreateContactDialog
*/

.AddressBookCreateContactDialog {
	width: 350px;
}

.AddressBookCreateContactDialog label.dijitInline {
	width: 7em;
}

.AddressBookCreateContactDialog .dijitDialogPaneContent .FormField-InputWrapper{
	float:left;
}

.AddressBookCreateContactDialog .AddressBook-Link {
	float:left;
}
/* 
    Document   : CreateGroup
    Created on : Apr 14, 2009, 11:27:55 AM
    Author     : paul
    Description:

		Old class names: ABSNewGroup iwcAddressBookNewGroup
		New class names: AddressBookCreateGroup
*/


.AddressBookCreateGroup {
}

.AddressBookCreateGroup-Fields {
	padding: 30px 50px 30px 50px;
}

.AddressBookCreateGroup-ListContainer {
	margin: 20px 0 0 0;
	border: 1px solid;
}

.AddressBookCreateGroup-SearchBar {
	padding: 5px 12px;
}

.AddressBookCreateGroup-SearchTitle {
	float: left;
	margin-top: 3px;
	font-size: 12px;
	font-weight: normal;
}

.AddressBookCreateGroup-SearchBox {
	float: right;
}

.AddressBookCreateGroup-SortBar {
	height: 22px;
	border-width: 1px 0 1px 0;
	border-style: solid;
}

.AddressBookCreateGroup .AddressBookCreateGroup-SortBar .dijitButtonText {
	font-size: 12px;
}

.AddressBookCreateGroup .dijitToolbar .dijitButtonNode {
	margin:0 0 0 -4px;
}

.dj_ie .AddressBookCreateGroup .dijitToolbar .dijitButtonNode {
	margin:0 0 0 -10px;
}

.AddressBookCreateGroup .abSearchToolbar .abToolbarGroup .abGroupSearchInstr {
	padding: 6px 0 0 0;
}

.AddressBookCreateGroup .absSortCheck {
	margin: 2px 2px 0 4px;
	padding: 0;
}

.dijit_a11y .AddressBookCreateGroup .absSortCheck {
         content: "[&nbsp;]";
}

.AddressBookCreateGroup .checked .absSortCheck {
        background-position: 0px;
}

.dijit_a11y .AddressBookCreateGroup .checked .absSortCheck {
        content: "[x]";
}

.AddressBookCreateGroup .AddressBookCreateGroup-Grid {
	overflow:auto;
}

.AddressBookCreateGroup td {
	/*	font-size:0.9em; */
	padding:4px;
}

.AddressBookCreateGroup .AddressBookGroup-Check {
	width:21px;
	padding-left:8px;
}

.AddressBookCreateGroup .AddressBookGroup-RowItem {
	height:20px;
	padding-top:5px;
}

.dj_ie .AddressBookCreateGroup .AddressBookGroup-RowItem {	
	padding: 3px 0;
}

.AddressBookCreateGroup .AddressBookGroup-Displayname {
	padding-left:5px;
}

.dj_ie .AddressBookCreateGroup .AddressBookGroup-Displayname {	
	padding: 0 0 2px 7px;
}

.AddressBookCreateGroup .AddressBookCreateGroup-SortName {
	padding: 0 0 0 7px;
}

.AddressBookCreateGroup .absSortName {
	width:7px;
	height:5px;
	margin:3px 0 0 -7px;
}

.dj_ie .AddressBookCreateGroup .absSortName {	
	margin:-10px 0 0 0px;
}

.AddressBookCreateGroup-EditContainer {
    overflow:auto;
}
.AddressBookDisplayContact{
	overflow: auto;
	color: #333;
}

.AddressBookDisplayContactHeader {
	margin:0;
	vertical-align: middle;
	padding: 10px;
	min-height: 45px;
}

.AddressBookDisplayContactHeader .AddressBookDisplayContactHeader-extras {
	/* total height is 45px */
	width: 16.7em;
	height:45px;
	margin-top: -45px;
	margin-right: 0;
	margin-left: auto;
	text-align: right;
}

.dijitRtl .AddressBookDisplayContactHeader .AddressBookDisplayContactHeader-extras {
	margin-left: 0;
	margin-right: auto;
	padding-left: 0;
	padding-right: 10px;
	text-align: left;
}

.AddressBookDisplayContactHeader .AddressBookDisplayContactHeader-name {
	margin-left: 55px;
	margin-top: -45px;
	margin-right: 16.7em;
	padding: 0 10px 10px 10px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
}

.dijitRtl .AddressBookDisplayContactHeader .AddressBookDisplayContactHeader-name {
	margin-right: 55px;
	margin-left: 16.7em;
}

.AddressBookDisplayContactHeader .AddressBookDisplayContactHeader-nameText {
	font-size: 13px;
}

.AddressBookDisplayContactHeader .AddressBookDisplayContactHeader-lastModified {
	font-size: 11px;
	padding-right:6px;
	padding-left:6px;
	display: inline;
}

.AddressBookDisplayContactHeader .AddressBookDisplayContactHeader-status {
	font-weight: bold;
}


.AddressBookDisplayContactBody {
	position: relative;
	padding: 10px 30px 10px 30px;
	color: #333;
	font-size: 11px;
}

.AddressBookDisplayContactBody .AddressBookDisplayContactBody-column {
	float: left;
	width: 47%;
	vertical-align: top;
	padding-left: 1%;
	min-width: 240px;
}

.dijitRtl .AddressBookDisplayContactBody .AddressBookDisplayContactBody-column {
	float: right;
	padding-left: 0;
	padding-right: 1%;
}


.AddressBookDisplayContactBody .AddressBookDisplayContactBody-header {
	font-size: 12px;
	padding-bottom: 5px;
	font-weight: bold;
}

.AddressBookDisplayContactBody .AddressBookDisplayContactBody-label {
	padding-right: 10px;
}

.dijitRtl .AddressBookDisplayContactBody .AddressBookDisplayContactBody-label {
	padding-right: 0;
	padding-left: 10px;
}
.AddressBookDisplayContactPhoto {
	/* total width/height is 43+2+10 = 55px */
	width: 43px;
	height:43px;
	background-repeat: no-repeat;
	background-position: center;
	border-width: 1px;
	border-style: solid;
}

.AddressBookDisplayContactPhoto .AddressBookDisplayContactPhoto-imageNode {
	width: 43px;
	height:43px;
}

.AddressBookDisplayContactPhotoImageLoading {
	background-image: url("../images/ajaxLoader.gif?00.01_205929");
}

.AddressBookDisplayContactPhotoDefaultPerson {
	background-image: url("../images/ABDefaultPhotoPerson.png?00.01_205929");
}

.AddressBookDisplayContactPhotoDefaultGroup  {
	background-image: url("../images/ABDefaultPhotoGroup.png?00.01_205929");
}
/* 
    Document   : EditGroup
    Created on : Aug 18, 2009, 11:34:13 AM
    Author     : paul
    Description:

		Old class names: ABSNewGroup iwcAddressBookNewGroup
		New class names: AddressBookEditGroup

		Note: Styles copied from AddressBookCreateGroup
*/





.AddressBookEditGroup .abToolbarGroup {
	margin:0 0 5px 1em;
	height: 22px; /* Only needed for FF2!!!! Remove when no longer supported */
 }

.AddressBookEditGroup .abToolbarGroup label {
	padding: 0 1em 0 0;
 }
 

 .AddressBookEditGroup .abToolbarGroup .abGroupSearchInstr {
	padding: 3px 1em 0 0;
}

.AddressBookEditGroup .abSearchToolbar .abToolbarGroup {
 	float:left;
 }

.AddressBookEditGroup .abSearchToolbar .abSearch {
	float:right;
}

.AddressBookEditGroup .abSearchToolbar .abSearch .searchTable td{
	padding: 0;
}


.AddressBookEditGroup .dijitToolbar .dijitButtonNode {
	margin:0 !important;
}

.AddressBookEditGroup .abSearchToolbar .abToolbarGroup .abGroupSearchInstr {
	padding: 6px 0 0 0;
}

.AddressBookEditGroup .abSearchToolbar .abSearch .inputContainer a {
	text-decoration:none;
}

.AddressBookEditGroup .AddressBookEditGroup-SortBar {
	clear: left;
	width: 100%;
	background-repeat: repeat-x !important;
	background-position: bottom left !important;
	height:19px !important;
	margin:0 !important;
	padding:0 !important;
}

.AddressBookEditGroup .AddressBookEditGroup-SortBar .dijitToolbarSeparator {
	height:19px;
	margin:0;
	vertical-align:top;
}

.AddressBookEditGroup .absSortCheck {
	margin-left:4px;
}

.AddressBookEditGroup .AddressBookEditGroup-Grid {
	overflow:auto;
}

.AddressBookEditGroup td {
/*	font-size:0.9em; */
	padding:4px;
}

.AddressBookEditGroup .AddressBookGroup-Check {
	width:21px;
	padding-left:8px;
}

.AddressBookEditGroup .absSortNameHeader {
	padding-right:10px;
}

.AddressBookEditGroup .addAll {
	margin-left:10px;
}

.AddressBookEditGroup .AddressBook-ActionBar .buttonSeparator {
	margin:0 6px 0 13px;
	padding: 0;
	vertical-align: middle;
	display: inline-block;
}

.AddressBookEditGroup .absSortName {
	float:right;
	margin:5px 0 0 3px;
}

.AddressBookEditGroup-ToolbarContainer {
    height:5em;
    overflow:hidden;
}

.AddressBookEditGroup-EditContainer {
	margin-top:1px;
    overflow:auto;
}
/* 
    Document   : ExportContactsDialog
    Created on : Aug 18, 2009, 11:34:37 AM
    Author     : paul
    Description:

		Old class names: dijitDialog
		New class names: dijitDialog AddressBookExportContactsDialog
                NOT GETTING IMPORTED NOW SINCE IT's EMPTY
*/

.AddressBookExportContactsDialog {
	width: 350px;
}


.AddressBookExportContactsDialog .dojoxDropDownSelectFixedWidth {
        width: 16em;
}

.AddressBookStoreItemSelector {
	width: 34em; /* note this depends on .dijitDialog */
	height: 400px;
}

.AddressBookStoreItemSelector-queryControls {
	padding-bottom: 10px;
}

.AddressBookStoreItemSelector-searchBox {
	position: absolute;
	right: 5px;
	top: 0;
}

.AddressBookStoreItemSelector-dataGridWidget {
	border: 1px solid;
}

.AddressBookStoreItemSelector-submitControls {
	padding-top: 10px;
	text-align: right;
}

.AddressBookStoreItemSelector-typeSelector {
	padding-top: 10px;
}

.AddressBookStoreItemSelector-typeSelector .FormField {
	float: left;
	width: 6em;
}
/* 
    Document   : Navigator
    Created on : Apr 14, 2009, 1:51:39 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: ServiceNavigator ABNavigator
		New class names: ServiceNavigator AddressBookNavigator
*/

/*
	Service Toolbar
*/

.AddressBookNavigator .AddressBookNavigator-tree {
	overflow-x: hidden;
	overflow-y: auto;
}

/* Compensate for the shape of the icons */
.AddressBookNavigator .dijitTreeContainer .dijitTreeExpandoOpened {
	margin-top: 2px;
}
/* 
    Document   : Browse
    Created on : Apr 14, 2009, 11:24:16 AM
    Author     : paul
    Description:

		Old class names: iwcAddressBookOpenFolder
		New class names: AddressBookOpenFolder

*/
.AddressBookOpenFolder {
	height:100%;
}

/* 
    Document   : RenameGroupDialog
    Created on : Aug 18, 2009, 11:37:16 AM
    Author     : paul
    Description:

		Old class names: dijitDialog dialogbox mailFolderRenameDialog
		New class names: dijitDialog AddressBookRenameGroupDialog
*/

.RenameGroupDialog {
        width: 30em;
}
/*
    Document   : ShareDialog
    Created on : Apr 14, 2009, 11:27:55 AM
    Author     : paul
    Description:

		Old class names: dijitDialog dialogbox mailFilterDialog ABSShareABDialog
		New class names: dijitTabContainer AddressBookShareDialog
*/
.AddressBookShareDialog .dijitDialogPaneContent {
	float: left;
	padding: 0;
}

.AddressBookShareDialog .sectionTop {
	height: 64px;
	padding: 10px;
}

.AddressBookShareDialog .sectionTop h2 {
	padding: 5px 0 5px;
}

.AddressBookShareDialog .createFolder {
	width: 200px;
}

.AddressBookShareDialog .contactsCount {
	float: right;
	padding-right: 10px;
}

.AddressBookShareDialog .sectionText {
	padding: 20px 10px 0 10px;
}

.AddressBookShareDialog .sectionText h1 {
	margin: 0;
	font-size: 13px;
}

.AddressBookShareDialog .sectionText p {
	margin-top: 5px;
}

.AddressBookShareDialog .sectionDropBox .inputContainer {
	margin:0 10px 10px 0;
}

.AddressBookShareDialog .sectionDropBoxWrapper {
	float: left;
	width: 600px;
	border-bottom: 1px solid #D0D0D0;
}
.AddressBookShareDialog .sectionDropBox {
	margin: 10px 0 10px 10px;
	padding: 10px 10px 0 10px;
}

.AddressBookShareDialog .sectionDropBox .matchActions {
	margin: 0 10px 10px 0;
}

.AddressBookShareDialog div.DialogButtons {
	padding: 10px
}
/*
    Document   : TabContainer
    Created on : Apr 14, 2009, 11:27:55 AM
    Author     : paul
    Description:

		Old class names: iwcABSViewer dijitTabContainer
		New class names: dijitTabContainer AddressBookViewerContainer
*/

.AddressBookViewerContainer .iwcContactSortContainer .dijitToolbarSeparator {
	height:24px !important;
	margin:0;
	vertical-align:top;
	float:right;
	background:url("../images/mailboxToolbarDivider.png?00.01_205929") repeat-y; /* NOT THEMED */
}
/*
    Document   : OptionGeneral
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer AddressBookOptionGeneral
*/
/* 
    Document   : CreateBookDailog
    Created on : Nov 9, 2009, 13:05:28
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		
		Class names: dijitDialog AddressBookCreateBookDialog
*/

.AddressBookCreateBookDialog {
	width: 335px;
}

.AddressBookCreateBookDialog label.dijitInline {
	width: 7em;
}
/* 
    Document	: BookBrowser.css
	Used in		: BookBrowser
*/

.AddressBookBookBrowser .AddressBookBrowser-FilteringQuerier {
	width:20em;
}

.AddressBookBookBrowser .AddressBookBrowser-FilteringQuerier-queryControls {
  /* Design calls for same padding all around */
	padding: 0.5em;
}

.AddressBookBookBrowser .AddressBookBrowser-FilteringQuerier .FormQuickSearchForm {
	width: 100%;
}

.dj_ie .AddressBookBrowser-FilteringQuerier .FormQuickSearchForm {
	width: 98%;
}

.AddressBookBookBrowser .AddressBookBrowser-DisplayContact {
	overflow-x: auto;
}
/*
    Document   : Calendar
    Created on : Apr 8, 2009, 6:29:17 PM
    Author     : paul
    Description: includes all calendar css files, also general styles across
								 calendar widgets get moved here to be organized later.

								 All styles should use a base class of Calendar{WidgetName}
*/



























/* Maximum imports on IE/Vista is 31. Arrrggh */

/*
	TODO: move into proper css file, maybe PrintDialog (only one using it)
*/
.printTemp, .printerBlocker{
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
}
.printerBlocker{
	background-color:#999;
	z-index:10;
}

/* element added to body */
/* stupid IE is drawing the borders of my hidden object */
.printTemp .calendarPrint .allDayTable td,
.printTemp .calendarPrint .dailyViewTable td,
.printTemp .calendarPrint .weeklyViewTable td{
	border:0;
}


/* END Visual Cues */

/* BEGIN Agenda */

.dj_ie .CalendarListView-List .listItem label.calendarIcon {
	margin-left: 6px;
	float: left;
}

/* END Agenda */
/* All themed colors are at the end of this file */


.show {
    display: block;
}

.hide {
    display:none;
}

.Calendar-Link{
	text-decoration:none;
	cursor:pointer;
}

.Calendar-DropDownCalSelector .dijitButtonText {
	width: 120px;
	overflow: hidden;
} 
/*
    Document   : AdvancedSearch
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: calAdvancedSearch
		New class names: CalendarAdvancedSearch
*/
.CalendarAdvancedSearch {
	
}

.CalendarAdvancedSearch-Controls {
	border-width: 0px 0 1px 0;
	border-style: solid;
	padding: 9px 9px 1px 9px;
}

.CalendarAdvancedSearch-Controls .FormField {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 8px;
}

.CalendarAdvancedSearch-Controls .FormField label {
	width: 100px;
}


.dj_ie .CalendarAdvancedSearch-Controls .FormField {
	display: inline;
}

.CalendarAdvancedSearch-Controls .dojoxDropDownSelectFixedWidth,
.CalendarAdvancedSearch-Controls .dojoxDropDownSelectLabel {
	width: 150px;
}

.CalendarAdvancedSearch-Controls .dojoxDropDownSelectLabel {
	display: inline-block;
	overflow: hidden;
}

.CalendarAdvancedSearch-Instruction {
	padding: 20px;
}

.dj_ie .CalendarAdvancedSearch-SearchButton,
.dj_ie .CalendarAdvancedSearch-SearchButton span {
	vertical-align: top;
	margin: 0;
}
/*
    Document   : Availability
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox calendarAvailability
		New class names: dijitDialog CalendarAvailability
*/

/**
* Calendar Availability
* TODO: move css styles away from using as the first class to use .CalendarAvailability
* TODO: move general styles to be specific to elements requiring those styles.
**/
.CalendarAvailability {
	width: 780px;
        /* We need the height for now because the components on this dialog do not
        calculate their height properly on their own */
	/* height: 540px; */
	margin: 0;
	padding: 0;
}


.CalendarAvailability .CalendarAvailability-availabilityToolbar {
	margin: 0;
	padding: 12px 8px 8px 8px;
	height: auto;
	border-top: 1px solid;
}


.CalendarAvailability .CalendarAvailability-availabilityToolbar .buttonSection {
	float: right;
}

/* colors of legend and bars */

.CalendarAvailability .CalendarAvailability-legend {
	margin: 0 .5em 0 0;
	padding: 0;
}

.CalendarAvailability .timeGraphLayer .confirmed,
.CalendarAvailability .CalendarAvailability-legend .confirmed {
	color:#FFF;
}
.CalendarAvailability .timeGraphLayer .tentative,
.CalendarAvailability .CalendarAvailability-legend .tentative {
	color:#FFF;
}
.CalendarAvailability .timeGraphLayer .busy,
.CalendarAvailability .CalendarAvailability-legend .busy {
	color:#FFF;
}
.CalendarAvailability .timeGraphLayer .unknown,
.CalendarAvailability .CalendarAvailability-legend .unknown {
}

.CalendarAvailability .CalendarAvailability-legend .legendIcon {
	display: inline-block;
	width:12px;
	height:12px;
	border:1px solid #999;
        margin: 0 4px;
}

/*Same as the ABS Overlay */
.CalendarAvailability .CalendarAvailability-form {
	height: 400px;
	width: 100%;
	padding: 0;
	margin: 0;
}

/*
.CalendarAvailability .dijitDownArrowButton,
.CalendarAvailability .dijitUpArrowButton {
    font-size: 67%;
}
*/

.CalendarAvailability .CalendarAvailability-availabilityGridContainer {
	margin: 0;
	border-bottom: 1px solid;
	background: #FFF;
	color: #333;
}

.CalendarAvailability .availabilityHeader{
	height: 37px;
	overflow:hidden;
	border-bottom:1px solid;
	border-top: 1px solid;
}
.CalendarAvailability .availabilityHeader .dateCell{
	font-weight:bold;
	position: relative;
	border-right:1px solid;
	width: 220px;

}
.CalendarAvailability .availabilityHeader .timeHeaderContainer{
	overflow: hidden;
	width: 580px;
	cursor: pointer;
}
.CalendarAvailability .availabilityHeader .timeHeaders{
	position: relative;
	height:37px;
}
.CalendarAvailability .availabilityHeader .timeHeader {
	position: absolute;
	height:37px;
	top:0px;
	border-right:1px solid;
}
.CalendarAvailability .availabilityHeader .timeHeaderTime{
	text-align:center;
	padding:2px 0;
	border-bottom: 1px solid;
}

.CalendarAvailability .availabilityFooter{
	overflow:hidden;
}

.CalendarAvailability .availabilityFooter .blankCell{
	overflow:hidden;
	border-right:1px solid;
	width: 220px;
}
.CalendarAvailability .availabilityFooter .bottomScrollContainer{
	position: relative;
	overflow:hidden;
	overflow-x:auto;
}
	
.CalendarAvailability .availabilityClient{
	overflow:hidden;
}
.CalendarAvailability .availabilityClient .inviteeListContainer{
	width:220px;
	overflow: hidden;
	border-right:1px solid;
}
.CalendarAvailability .availabilityClient .inviteeListContainer .inviteeList{
	position: relative;
	width: 220px;
}
.CalendarAvailability .availabilityClient .timeBodyContainer{
	width:580px;
	overflow: hidden;
	overflow-y:auto;
}

.CalendarAvailability .availabilityClient .timeBodyContainer .timeBody{
	position: relative;
}

.CalendarAvailability .availabilityClient .timeBodyContainer .timeBody .timeInviteesLayer{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.CalendarAvailability .availabilityClient .timeBodyContainer .timeBody .timeBaseLayer{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.CalendarAvailability .availabilityClient .timeBodyContainer .timeBody .timeBaseLayer div {
	position: absolute;
	height: 100%;
}

.CalendarAvailability .availabilityClient .half-hour,
.CalendarAvailability .availabilityClient .hour {
	border-right: 1px solid;
}

.CalendarAvailability .availabilityClient .timeBodyContainer .timeBody .timeGraphLayer{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

.CalendarAvailability .availabilityClient .timeBodyContainer .timeBody .timeGraphLayer .availability-bar{
	/* CSS3 anticipated border radii */
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
}

.CalendarAvailability .availabilityHeader .timeWindowHeader{
	position: absolute;
	bottom:0px;
	z-index:1000;
	font-size: 11px;
	padding: 2px 0;
	padding-left:4px;
	text-align:left;
	color: #FFF;
	cursor: default;

	/* CSS3 anticipated border radii */
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
}
.CalendarAvailability .availabilityClient .timeWindowLayer{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	background-color: transparent;
	border:4px solid;
	
	/* CSS3 anticipated border radii */
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
}

.CalendarAvailability .availabilityClient .loadIndicator {
	display: none;
	position: absolute;
	top:0;
	left:0;
	z-index:9999;
	border: 1px solid;
	padding: 20px;
}

.CalendarAvailability .availabilityClient .loadIndicator div {
	font-size: 14px;
	padding-top: 3px;
	padding-left: 24px;
}

/* Auto selection controls */
.CalendarAvailability .CalendarAvailability-availabilityControls {
	padding: 10px;
	border-bottom: 1px solid;
}

.CalendarAvailability .CalendarAvailability-availabilityButtons {
	width: 385px;
}

.CalendarAvailability .CalendarAvailability-availabilityTimes {
	width: 375px;
}

.CalendarAvailability .CalendarAvailability-availabilityTimes .availabilityTime {
	margin: 0.5em 0.5em 0 0;
	text-align: right;
}

/* Day and time spinners */
.CalendarAvailability .CalendarAvailability-availabilityTimes label {
	display: inline-block;
	width: 6em;
}

.CalendarAvailability .CalendarAvailability-availabilityTimes .dijitSpinner {
	width: 8em;
}

.dj_gecko .CalendarAvailability .CalendarAvailability-availabilityTimes .dijitSpinner {
	width: 9em;
}

/* Dialog overrides default dialog padding so we have to readd it
for the buttons */
.CalendarAvailability .DialogButtons {
        margin: 10px 1em 1em 1em;
}
/*
    Document   : Balloon
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: balloon
		New class names: balloon CalendarBalloon CalendarEventBalloon
*/

/* Balloon box (as seen in calendar event previews) */
.CalendarBalloon {
	position:absolute;
	overflow: hidden;
	z-index: 999;
}

/* TODO: the balloon should probably be themed, but we need to fix the graphics first
so that it can grow horizontally so we'll wait. */

.CalendarBalloon-Top{
	width:245px;
	background:url("../images/eventBalloonTop.png?00.01_205929") no-repeat top; /* TODO - should this be themed */
}

.CalendarBalloon-Bottom {
        width:245px;
        height:36px;
        background:url("../images/eventBalloonBottom.png?00.01_205929") no-repeat bottom; /* TODO - should this be themed */
        margin:0;
        padding:0;
}

.CalendarBalloon.opp .CalendarBalloon-Bottom {
        background:url("../images/eventBalloonBottomOpp.png?00.01_205929") no-repeat bottom; /* TODO - should this be themed */
}

.CalendarBalloon-Title {
        margin: 15px 20px 2px 20px;
        width: 210px;
        border-bottom: 1px solid #CCC; /* TODO - should this be themed */
}

.dj_ie .CalendarBalloon-Title {
        margin-top: 5px;
}

.CalendarBalloon h2 {
        font-size: 12px;
        float: left;
        margin: 5px 10px 2px 0;
}

.dj_ie .CalendarBalloon h2 {
        height: 16px;
}

.CalendarBalloon .dijitDialogCloseIcon {
        float:right;
        margin: 7px 0 0 0;
        padding: 16px 16px 0px 0px;
        cursor: pointer;
}

.dijitA11y .dijitDialogCloseIcon .span {
        display: block;
}

.CalendarBalloon-Content {
        margin: 5px 20px 0px 20px;
        padding: 10px 0 5px 0;
        width: 210px;
}

.CalendarEventTooltipBalloon .CalendarBalloon-Content {
        padding-bottom: 10px;
}

.CalendarBalloon-Hint {
        
}

.CalendarBalloon .link {
        margin: 5px 0;
}

.CalendarBalloon-Buttons {
        margin: 5px 20px 0px 20px;
        padding-bottom: 5px;
        width: 210px;
        text-align: right;
}


.CalendarBalloon-Title .visualcues {
	float: right;
        margin: 4px 0 0 0;
}

.CalendarBalloon-Title .visualcues span {
	margin: 1px;
        display: inline-block;
}

.CalendarBalloon .dropIcon{
        padding-left:25px;
        margin:10px 10px 0 0;
        overflow: hidden;
}

/* 
    Document   : CalendarColors
    Created on : Dec 8, 2009, 11:23:59 AM
    Author     : avk
    Description:
        Purpose of the stylesheet: colors for individual calendars
*/

.Blue {
	background-color: #1461d3;
}

.Green {
	background-color: #299e11;
}

.Teal {
	background-color: #2fa094;
}

.Orange {
	background-color: #f67a06;
}

.Red {
	background-color: #e72d20;
}

.Pink {
	background-color: #ff00c0;
}

.Purple {
	background-color: #4a2fa0;
}

.NavyBlue {
	background-color: #2213b1;
}

.ForestGreen {
        background-color: #499450;
}

.BrightBlue {
	background-color: #00a2ff;
}

.Magenta {
	background-color: #b131ad;
}

.BurntOrange {
	background-color: #F05500;
}

.CalendarEvent.Red .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRRed.png?00.01_205929");
}
.CalendarEvent.Blue .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRBlue.png?00.01_205929");
}
.CalendarEvent.Green .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRGreen.png?00.01_205929");
}
.CalendarEvent.Magenta .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRMagenta.png?00.01_205929");
}
.CalendarEvent.Orange .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTROrange.png?00.01_205929");
}
.CalendarEvent.Purple .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRPurple.png?00.01_205929");
}
.CalendarEvent.Teal .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRTeal.png?00.01_205929");
}
.CalendarEvent.Pink .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRPink.png?00.01_205929");
}
.CalendarEvent.BurntOrange .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRBurntOrange.png?00.01_205929");
}
.CalendarEvent.BrightBlue .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRBrightBlue.png?00.01_205929");
}
.CalendarEvent.NavyBlue .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRNavyBlue.png?00.01_205929");
}

/*
.CalendarEvent.Red .CalendarEvent-header .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLRed.png?00.01_205929");
}
.CalendarEvent.Blue .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLBlue.png?00.01_205929");
}
.CalendarEvent.Green .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLGreen.png?00.01_205929");
}
.CalendarEvent.Magenta .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLMagenta.png?00.01_205929");
}
.CalendarEvent.Orange .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLOrange.png?00.01_205929");
}
.CalendarEvent.Purple .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLPurple.png?00.01_205929");
}
.CalendarEvent.Teal .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLTeal.png?00.01_205929");
}
.CalendarEvent.Pink .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLPink.png?00.01_205929");
}
.CalendarEvent.BurntOrange .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLBurntOrange.png?00.01_205929");
}
.CalendarEvent.BrightBlue .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLBrightBlue.png?00.01_205929");
}
.CalendarEvent.NavyBlue .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLNavyBlue.png?00.01_205929");
}

*/

.CalendarEvent.Red .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLRed.png?00.01_205929");
}
.CalendarEvent.Blue .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLBlue.png?00.01_205929");
}
.CalendarEvent.Green .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLGreen.png?00.01_205929");
}
.CalendarEvent.Magenta .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLMagenta.png?00.01_205929");
}
.CalendarEvent.Orange .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLOrange.png?00.01_205929");
}
.CalendarEvent.Purple .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLPurple.png?00.01_205929");
}
.CalendarEvent.Teal .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLTeal.png?00.01_205929");
}
.CalendarEvent.Pink .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLPink.png?00.01_205929");
}
.CalendarEvent.BurntOrange .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLBurntOrange.png?00.01_205929");
}
.CalendarEvent.BrightBlue .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLBrightBlue.png?00.01_205929");
}
.CalendarEvent.NavyBlue .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLNavyBlue.png?00.01_205929");
}

.CalendarEvent.Red .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarRed.png?00.01_205929");
}
.CalendarEvent.Blue .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarBlue.png?00.01_205929");
}
.CalendarEvent.Green .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarGreen.png?00.01_205929");
}
.CalendarEvent.Magenta .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarMagenta.png?00.01_205929");
}
.CalendarEvent.Orange .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarOrange.png?00.01_205929");
}
.CalendarEvent.Purple .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarPurple.png?00.01_205929");
}
.CalendarEvent.Teal .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarTeal.png?00.01_205929");
}
.CalendarEvent.Pink .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarPink.png?00.01_205929");
}
.CalendarEvent.BurntOrange .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarBurntOrange.png?00.01_205929");
}
.CalendarEvent.BrightBlue .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarBrightBlue.png?00.01_205929");
}
.CalendarEvent.NavyBlue .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarNavyBlue.png?00.01_205929");
}

/* Red */
.CalendarEvent.Red .CalendarEvent-header {
	background-image:  url("../images/calendar/eventBoxTLRed.png?00.01_205929");
	background-color: #e72d20;
}

.CalendarEvent.Red .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #e72d20;
	border-right: 1px solid #e72d20;
	background-color: #e75248;
}

/* Blue */
.CalendarEvent.Blue .CalendarEvent-header {
	background-color: #1461d3;
	background-image: url("../images/calendar/eventBoxTLBlue.png?00.01_205929");
}

.CalendarEvent.Blue .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #1461d3;
	border-right: 1px solid #1461d3;
	background-color: #407bd3;
}

/* Green */
.CalendarEvent.Green .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLGreen.png?00.01_205929");
	background-color: #299e11;
}

.CalendarEvent.Green .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #299e11;
	border-right: 1px solid #299e11;
	background-color: #5fae4e;
}

/* Magenta */
.CalendarEvent.Magenta .CalendarEvent-header {
	background-color: #b131ad;
	background-image: url("../images/calendar/eventBoxTLMagenta.png?00.01_205929");
}

.CalendarEvent.Magenta .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #b131ad;
	border-right: 1px solid #b131ad;
	background-color: #c454c0;
}

/* Orange */
.CalendarEvent.Orange .CalendarEvent-header {
	background-color: #f67a06;
	background-image: url("../images/calendar/eventBoxTLOrange.png?00.01_205929");
}

.CalendarEvent.Orange .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #f67a06;
	border-right: 1px solid #f67a06;
	background-color: #f68d2a;
}

/* Purple */
.CalendarEvent.Purple .CalendarEvent-header {
	background-color: #4a2fa0;
	background-image: url("../images/calendar/eventBoxTLPurple.png?00.01_205929");
}

.CalendarEvent.Purple .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #4a2fa0;
	border-right: 1px solid #4a2fa0;
	background-color: #5b40b0;
}

/* Teal */
.CalendarEvent.Teal .CalendarEvent-header {
	background-color: #2fa094;
	background-image: url("../images/calendar/eventBoxTLTeal.png?00.01_205929");
}

.CalendarEvent.Teal .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #2fa094;
	border-right: 1px solid #2fa094;
	background-color: #49b2a7;
}

/* Pink */
.CalendarEvent.Pink .CalendarEvent-header {
	background-color: #ff00c0;
	background-image: url("../images/calendar/eventBoxTLPink.png?00.01_205929");
}

.CalendarEvent.Pink .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #ff00c0;
	border-right: 1px solid #ff00c0;
	background-color: #FF47C0;
}

/* Burnt Orange */
.CalendarEvent.BurntOrange .CalendarEvent-header {
	background-color: #f05500;
	background-image: url("../images/calendar/eventBoxTLBurntOrange.png?00.01_205929");
}

.CalendarEvent.BurntOrange .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #f05500;
	border-right: 1px solid #f05500;
	background-color: #f07b3a;
}

/* Bright Blue */
.CalendarEvent.BrightBlue .CalendarEvent-header {
	background-color: #00a2ff;
	background-image: url("../images/calendar/eventBoxTLBrightBlue.png?00.01_205929");
}

.CalendarEvent.BrightBlue .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #00a2ff;
	border-right: 1px solid #00a2ff;
	background-color: #53c0ff;
}

/* Navy Blue */
.CalendarEvent.NavyBlue .CalendarEvent-header {
	background-color: #2213b1;
	background-image: url("../images/calendar/eventBoxTLNavyBlue.png?00.01_205929");
}

.CalendarEvent.NavyBlue .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #2213b1;
	border-right: 1px solid #2213b1;
	background-color: #3c2dcf;
}

/*
.BurntOrange {
	background-color: #f05500;
}
*/

.CalendarPrint .calendarPrint .Red { 			border-color: #e72d20 !important; }
.CalendarPrint .calendarPrint .Blue {			border-color: #1461d3 !important; }
.CalendarPrint .calendarPrint .Green {			border-color: #299e11 !important; }
.CalendarPrint .calendarPrint .Magenta {		border-color: #b131ad !important; }
.CalendarPrint .calendarPrint .Orange {		border-color: #f67a06 !important; }
.CalendarPrint .calendarPrint .Purple {		border-color: #4a2fa0 !important; }
.CalendarPrint .calendarPrint .Teal {			border-color: #2fa094 !important; }
.CalendarPrint .calendarPrint .Pink {			border-color: #ff00c0 !important; }
.CalendarPrint .calendarPrint .BurntOrange {	border-color: #f05500 !important; }
.CalendarPrint .calendarPrint .BrightBlue {	border-color: #00a2ff !important; }
.CalendarPrint .calendarPrint .NavyBlue {		border-color: #2213b1 !important; }

.CalendarPrint .calendarPrint .CalendarEvent.Red,
.CalendarPrint .calendarPrint .CalendarEvent.Blue,
.CalendarPrint .calendarPrint .CalendarEvent.Green,
.CalendarPrint .calendarPrint .CalendarEvent.Magenta,
.CalendarPrint .calendarPrint .CalendarEvent.Orange,
.CalendarPrint .calendarPrint .CalendarEvent.Purple,
.CalendarPrint .calendarPrint .CalendarEvent.Teal,
.CalendarPrint .calendarPrint .CalendarEvent.Pink,
.CalendarPrint .calendarPrint .CalendarEvent.BurntOrange,
.CalendarPrint .calendarPrint .CalendarEvent.BrightBlue,
.CalendarPrint .calendarPrint .CalendarEvent.NavyBlue{
	color: #333;
	background-color:#FFF;
}

.CalendarPrint .calendarPrint .CalendarEvent.Red{			border-color: #e72d20;}
.CalendarPrint .calendarPrint .CalendarEvent.Blue{			border-color: #1461d3;}
.CalendarPrint .calendarPrint .CalendarEvent.Green{			border-color: #299e11;}
.CalendarPrint .calendarPrint .CalendarEvent.Magenta{		border-color: #b131ad;}
.CalendarPrint .calendarPrint .CalendarEvent.Orange{		border-color: #f67a06;}
.CalendarPrint .calendarPrint .CalendarEvent.Purple{		border-color: #4a2fa0;}
.CalendarPrint .calendarPrint .CalendarEvent.Teal{			border-color: #2fa094;}
.CalendarPrint .calendarPrint .CalendarEvent.Pink{			border-color: #ff00c0;}
.CalendarPrint .calendarPrint .CalendarEvent.BurntOrange{	border-color: #f05500;}
.CalendarPrint .calendarPrint .CalendarEvent.BrightBlue{	border-color: #00a2ff;}
.CalendarPrint .calendarPrint .CalendarEvent.NavyBlue{		border-color: #2213b1;}
/*
    Document   : CalendarPropertiesDialog
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox manage
		New class names: dijitDialog CalendarPropertiesDialog
*/

.CalendarPropertiesDialog {
	width: 400px;
}

.CalendarPropertiesDialog .FormField label {
	width: 100px;
}

.CalendarPropertiesDialog .FormField-LabelAfter label {
	width: auto;
}

/* Same width as the dropdown */
.CalendarPropertiesDialog .FormField .FormTextBox,
.CalendarPropertiesDialog .FormField .FormSimpleTextarea,
.CalendarPropertiesDialog .FormField .dijitComboBox,
.CalendarPropertiesDialog .FormField .dijitDropDownButton {
	width: 240px;
}

.CalendarPropertiesDialog .FormField .dijitDropDownButton {
	margin: 0;
}

.CalendarPropertiesDialog .calendarColorSwatch,
.swatchMenu .dijitMenuItemIcon {
	width: 10px;
	height: 10px;
	/*text-align: center;*/
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin-right: 3px;
}

/*
    Document   : CreateEvent
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: newEvent
		New class names: CalendarCreateEvent
*/
.dj_ie .CalendarCreateEvent{
	zoom: 1; /* force hasLayout 6802327 */
}


.CalendarCreateEvent{
	margin:0;
	padding:0;
	border-top:none;
	font-size: 11px;
}

.CalendarCreateEvent .attachmentPane {
	border-top: none;
	border-bottom: 1px solid;
}

.CalendarCreateEvent .toolBarDropContainer {
	float: left;
}

.CalendarCreateEvent .toolBarDropStack {
	float: left;
	height: 52px;
	margin: 0;
	vertical-align: top;
}

.dj_ie .CalendarCreateEvent .toolBarDropStack {
	margin-top: 4px;
}

.CalendarCreateEvent .toolBarDropRow {
	margin-top: 6px;
}

.CalendarCreateEvent .toolBarDropStack .label{

	margin-right:1em;
	display:block;
	width:8em;
	float:left;
	line-height:16px;
	font-size:11px;
}

/*?? fix for IE text fields displaying as fixed while scrolling */
.CalendarCreateEvent .eventContainer{
	position:relative;
	overflow:auto;
}

.CalendarCreateEvent .eventContainer .section .label{
	line-height:1.2em;
}

.dj_ie .CalendarCreateEvent .section.allDayBox .dijitCheckBox {
	position: static;
	margin: 5px 0 0 0;
}

/* todo modify/fix*/
.CalendarCreateEvent .text-input{
	margin-bottom:0px;
}

.CalendarCreateEvent .mediumField{
	width: 280px;
}


.CalendarCreateEvent .dojoxDropDownSelectFixedWidth {
	width: 150px;
}

.CalendarCreateEvent .calendarName .dojoxDropDownSelectFixedWidth,
.CalendarCreateEvent .calendarName .dojoxDropDownSelectLabel {
	width: 200px;
}

.CalendarCreateEvent .calendarName .dojoxDropDownSelectLabel {
	display: inline-block;
	overflow: hidden;
}

.CalendarCreateEvent-DueDate .dijitDateTextBox  {
	margin: 0 8px 0 0;
}

.CalendarCreateEvent-Text {
	vertical-align: middle;
	padding-left: 4px;
}

.dj_ie .CalendarCreateEvent-DueDate .dojoxDropDownSelectFixedWidth,
.dj_ie .CalendarCreateEvent-DueDate .dijitDateTextBox,
.dj_ie .CalendarCreateEvent-DueDate .dijitSpinner,
.dj_ie .CalendarCreateEvent-Text {
	vertical-align: top;
}

.dj_ie .CalendarCreateEvent-Text {
	margin-top: 4px;
}

/* description textarea set height */
.CalendarCreateEvent .eventContainer .eventDescription textarea
{
  height:8em;
}

.CalendarCreateEvent H2{
	height:45px;
	line-height:45px;
	margin:0;
	font-weight:bold;
	font-size:16px;
}

.CalendarCreateEvent .layout {
	width:500px;
	padding:5px;

}

.CalendarCreateEvent .contact .label{
	text-align:right;
	font-weight:normal;
}

.CalendarCreateEvent label.label, .CalendarCreateEvent .FormField-Label {
	display:inline-block;
	vertical-align:middle;
	padding-left:2em;
	width:120px;
}

.CalendarCreateEvent .TextArea-Label {
	display:inline-block;
	vertical-align:top;
	padding-left:2em;
	width:120px;
}

.CalendarCreateEvent .dojoxDropDownSelectFixedWidth {
	vertical-align:middle;
}

.CalendarCreateEvent .section {
	padding-top:1em;
	padding-bottom:1em;
}

.CalendarCreateEvent .dateContainer {
	width:115px;
}

/******************* Task Tab Inherits from CalendarCreateEvent *************************************/


/* standard inputs */
.CalendarCreateEvent.task input.small{
	width:113px !important;
}
.CalendarCreateEvent.task input.medium {
	width:200px !important;
}
.CalendarCreateEvent.task input.large {
	width:312px !important;
}

/* drop downs; 30px less for arrow buttom */
.CalendarCreateEvent.task .medium input{
	width:170px !important;
}
.CalendarCreateEvent.task .small input{
	width:70px !important;
}
.CalendarCreateEvent.task .large input{
	width:282px !important;
}

.CalendarCreateEvent.task .medProgress input{
width:125px !important;
}

.CalendarCreateEvent.task .section .dijitInputFieldValidationIcon{
width:11px !important;
}

.CalendarCreateEvent.task .section .dijitInputFieldValidationIconText{
display:none;
}



/* spinners */
.CalendarCreateEvent.task .dijitSpinner{
	width:105px !important;
}
.CalendarCreateEvent.task .dijitSpinner input{
	width:60px !important;
}

.CalendarCreateEvent.task .dateBox input{
	width:70px !important;
}
.CalendarCreateEvent.task .smallDrop{
	width:65px !important;
}
.CalendarCreateEvent.task .wide{
	width:100%;
}

/* standard inputs */
.CalendarCreateEvent input.small{
	width:113px !important;
}
.CalendarCreateEvent input.medium {
	width:200px !important;
}

/* drop downs; 30px less for arrow buttom */
.CalendarCreateEvent .medium input{
	width:170px !important;
}
.CalendarCreateEvent .tiny input{
	width:30px !important;
}

.CalendarCreateEvent .small input{
	width:70px !important;
}
.CalendarCreateEvent .large input{
	width:310px !important;
}
.CalendarCreateEvent input.large {
	width:312px !important;
}
/* spinners */
.CalendarCreateEvent .dijitSpinner{
	width:115px !important;
}

.CalendarCreateEvent .dijitInputFieldValidationIcon{
	height:18px !important;
}

.CalendarCreateEvent .smallDrop{
	width:65px !important;
}
.CalendarCreateEvent .wide{
	width:100%;
}
.CalendarCreateEvent .dijitInputFieldValidationIconText{
	display:none;
}

.CalendarCreateEvent .advancedRepeating{
	padding:15px 0 0 30px;
}

.CalendarCreateEvent .CalendarInvitation{
	margin-left:2em;
	vertical-align:top;
	width:350px;
}

.CalendarCreateEvent .checkAvailabilityBtn{
	margin-top:2em;
}

.CalendarCreateEvent .helperText{
	color: #CCC;
	width: 200px;
}

/* Form toggles */
.CalendarCreateEventForm .CalendarCreateEventForm-FormToggles {
        padding-bottom: 8px;
}

.CalendarCreateEventForm .CalendarCreateEventForm-FormToggles .dijitToggleButton {
	margin: 0px -3px;
	/* Color from theme! */
}

.dj_webkit .CalendarCreateEventForm .CalendarCreateEventForm-FormToggles .dijitToggleButton {
	margin: 0px -2px;
}

/* The next two are for the  default theme!!! */
.CalendarCreateEventForm .CalendarCreateEventForm-FormToggles .dijitToggleButtonChecked button {
	z-index: 2;
	/* Color from theme */
}

.CalendarCreateEventForm .CalendarCreateEventForm-FormToggles .dijitToggleButtonHover button {
	z-index: 3;
	/* Color from theme */
}

.dj_ie .CalendarCreateEventForm .CalendarCreateEventForm-FormToggles .dijitToggleButton button {
	margin: 0;
}


.dj_webkit .CalendarCreateEventForm .CalendarCreateEventForm-FormToggles .dijitToggleButton button {
	padding: 1px 0 1px 0;
}

.dj_ie .CalendarCreateEventForm .CalendarCreateEventForm-FormToggles .dijitToggleButton .dijitButtonText {
	display: inline;
	vertical-align: top;
	margin: 0;
}
.CalendarCreateEventForm .CalendarInvitees{
	margin-left:90px;
}

.CalendarCreateEventForm-Resources label {
        display: inline-block;
        margin: 1.5em 0 1em 0;
}
/*
    Document   : CreateTask
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox createTask
		New class names: CalendarCreateTask
*/

.CalendarCreateTask {
	width:550px;
}

.CalendarCreateTask label {
	width: 5em;
}

.CalendarCreateTask .FormField .dojoxDropDownSelectFixedWidth,
.CalendarCreateTask .FormField .FormTextBox {
	width:150px;
	text-align: right;
	margin: 0 8px 0 0;
}

.CalendarCreateTask .FormField .FormTextBox {
	width:147px;
}

/* 
    Document   : CreateTaskForm
    Created on : Oct 28, 2009, 3:53:14 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

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

.CalendarCreateTaskForm .dojoxTimeSpinner{
        width: 8em;
}
/* 
    Document   : MailShareFolderDialog
    Created on : Apr 8, 2009, 6:15:53 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailFolderShare
		New class names: MailShareFolderDialog
*/

.CrossCalendarPropertiesDialog {
        width: 50em;
}

.CrossCalendarPropertiesDialog .CalendarPermission .dojoxDropDownSelectFixedWidth {
        width: 14em;
}

.CrossCalendarPropertiesDialog .CalendarSharePermissions .userColumn {
        width: 42%;
}

.CrossCalendarPropertiesDialog .CalendarSharePermissions .permissionColumn {
        width: 55%;
}

/*
    Document   : DayView
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dayViewContainer iwcWidgetCalendarDaily
		New class names: CalendarDayView
*/
/*
    Document   : Event
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: eventBoxWrap
		New class names: CalendarEvent

		Note: all css class names specific to Event widget have been modified with suffix "CalendarEvent-"
*/

/* All*/

.CalendarEvent {
	overflow: hidden;
	color: #FFF;
	display: block;

}

.CalendarEvent-Decoy {
	z-index: 1000;
}

.CalendarEvent .CalendarEvent-container {
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 4px;

}

.CalendarEvent .CalendarEvent-container .CalendarEvent-header {
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 4px; /* Make room for the rounded corners */
	height: 15px;
	max-height: 15px;
    cursor:move;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}

.CalendarEvent .CalendarEvent-container .CalendarEvent-header .CalendarEvent-headerText {
	font-size: 11px;
	z-index: 101;
	white-space: nowrap;
	overflow: hidden;
	height: 15px;
	position: relative;
}

.dj_webkit .CalendarEvent-container .CalendarEvent-header .CalendarEvent-headerText {
	padding-top: 1px;
}

.CalendarEvent .CalendarEvent-Visualcues {
	white-space: nowrap;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 1px;
	right: 1px;
}

.CalendarEvent .CalendarEvent-Visualcues span {
	display: inline-block;
}

.CalendarEvent .CalendarEvent-container .CalendarEvent-body {
	padding: 0px 1px;
	font-size:11px;
	cursor:pointer;
}

.CalendarEvent .CalendarEvent-footer {
	clear: left;
	float: left;
	height: 6px;
	margin-right: 6px;
}

.CalendarEvent .CalendarEvent-footer .CalendarEvent-footerText{
	float: left;
	height: 6px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: top center;
}

.CalendarEvent .CalendarEvent-footer {
	cursor:s-resize;
}
/* 
    Document   : EventBalloon.css
    Created on : Dec 3, 2009, 7:52:28 AM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

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

.CalendarEventBalloon .dojoxDropDownSelectFixedWidth {
        width: 12em;
}

.dj_ie .CalendarEventBalloon-CalSelector {
        padding-top: 5px;
}

.dj_ie .CalendarEventBalloon-CalSelector .FormField-InputWrapper {
        vertical-align: middle;
}

.dj_ie .CalendarEventBalloon-CalSelector label {
        vertical-align: middle;
}

.CalendarEventBalloon-Section {
        margin: 10px 0;
}

.CalendarEventBalloon .CalendarBalloon-Title .visualcues {
	float: left;
}

.CalendarEventBalloon .radios{
        margin-top:10px;
}
.CalendarEventBalloon .radios input{
        margin-right:5px;
}
.CalendarEventBalloon .radios label{
        line-height:20px;
}

.CalendarEventBalloon .link.left {float:left; margin:8px 0 3px 0;}
.CalendarEventBalloon .link.right {float:right; margin:8px 10px 3px 0;}
.CalendarEventBalloon .clear {clear:both;}


/*
    Document   : ExportDialog
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox mailFolderDialog CalendarExportDialog
		New class names: dijitDialog CalendarExportDialog
*/

.CalendarExportDialog {
	width: 300px;
}

.CalendarExportDialog .FormField .dojoxDropDownSelectFixedWidth {
	width: 14em;
	margin: 0;
}
/*
    Document   : CreateEvent
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: newEvent
		New class names: CalendarForm
*/

.CalendarForm {
	padding:0;
	background:#FFF;
	border: 1px solid;
	border-top:none;
	width: 100%;
}

.dj_ie .CalendarForm{
	zoom: 1; /* force hasLayout 6802327 */
}

.CalendarForm-Contents {
        margin: 2em;
}

.CalendarForm .FormField {
	margin: 0 0 .5em 0;
}

.CalendarForm .FormField label {
	width: 7em;
}

.CalendarForm .CalendarForm-PrivacySection .FormField label {
	width: 5em;
}

.CalendarForm .FormField .dijitCheckbox {
	margin: .2em;
}

.CalendarForm .FormField .dijitButton .dijitButtonNode {
        width: 9em;
}

.CalendarForm .dojoxDropDownSelectFixedWidth {
        width: 8em;
}

.CalendarForm .CalendarForm-CalendarDropDown .dojoxDropDownSelectFixedWidth {
        width: 12em;
}

.CalendarForm .CalendarCreateEvent-Timezone {
        margin: 0 .5em;
}



.CalendarForm-PrivacySection {
        margin: 0 0 0 5em;
}



/*
    Document   : ImportDialog
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox mailFolderDialog CalendarImportDialog
		New class names: dijitDialog CalendarImportDialog
*/

.CalendarImportDialog {
	width: 400px;
}

.CalendarImportDialog .FormField label {
	padding-right: .5em;
        width: 5em;
}

.CalendarImportDialog .FormField-InputWrapper,
.CalendarImportDialog .FormField-InputWrapper table,
.CalendarImportDialog .FormField-InputWrapper tr {
	width: 22.2em;
}
/*
    Document   : Invitees
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: invites
		New class names: CalendarInvitees
*/
.CalendarInvitees-Filters {
	clear:both;
	margin: 0 0 8px 0;
	padding: 0;
}

.CalendarInvitees-Filters div {
	line-height:23px;
	padding:0 8px 0 8px;
}

.CalendarInvitees-Filters div a {
	text-decoration:none;
}

.CalendarInvitees-Filters div a:hover {
	text-decoration:underline;
}

.CalendarInvitees-Filters div.selected a {
	color:#FFF;
}

.CalendarInvitees{
	color: #333;
	width: 350px;
	padding-bottom: 5px
}

.CalendarInvitees .inputSection{
	width:260px;
	white-space: nowrap;
}

/* Same as main toolbar + font size*/


.CalendarInvitees .cBody{
	height:150px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #FFF;
	border: 1px solid;
}

.CalendarInvitees .cFooter{
	clear:both;
	margin:5px 0 0 0;
	width:535px;
}
.CalendarInvitees .cFooter input{
	margin-right:5px;
}

/* collection scrollable rows */
.CalendarInvitees .listRow{
	float:left;
	width:100%;
	background: #FFF;
	white-space:nowrap;
	padding-left:5px;
}
.CalendarInvitees .listRow span{
	float:left;
	line-height:25px;
	height:25px;
}

.CalendarInvitees .listRow .open,
.CalendarInvitees .listRow .closed {
	width:0px;
	padding-left:25px;
	cursor:pointer;
}
.CalendarInvitees .listRow.grouped .rsvp{
	margin-left:28px;
}

.CalendarInvitees .listRow span.group{
	padding-left:25px;
}
.CalendarInvitees .listRow span.contact{
	padding-left:50px;
}
.CalendarInvitees .listRow span.contact{
	padding-left:40px;
}

.CalendarInvitees .listRow span.resource{
	padding-left:40px;
}

.CalendarInvitees .listRow .arrow{
	cursor:pointer;
	float:left;
}

.CalendarInvitees .listRow .cRight{
	float: right;
	padding-right:19px;
	color: #999;
}

.CalendarInvitees .emptyHelpText {
	color: #999;
	width: 100%;
}

.dj_ie7 .CalendarInvitees .listRow .cRight{
	float:right;
	padding-right:29px;
	color: #999;
}

.CalendarInvitees .cLeft{
	float:left;
}
.CalendarInvitees .cRight{
	float:right;
}

.dj_ie .CalendarInvitees-Filters div.selected a {
	margin-top: 0
}
/*
    Document   : ViewList
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: CalendarViewList
		New class names: CalendarListView
*/

/* Extra toolbar row for tasks and invitations */

.CalendarListView .CalendarListView-Toolbar  {
	font-size: 11px;
	padding: 4px 8px 4px 11px;
}

.CalendarListView .CalendarListView-Toolbar label {
	float: left;
	padding: 0 4px 0 0;
	line-height: 20px;
}

.dj_ie .CalendarListView-Toolbar label {
	padding-top: 1px;
}

.dj_ie .CalendarListView-Toolbar .dijitToggleButton {
	margin-top: 0;
}

.CalendarListView .CalendarListView-Toolbar .taskFilters {
	display: inline-block;
	float: left;
}

.CalendarListView .CalendarListView-Toolbar .taskSorting {
	display: inline-block;
	float: right;
}

.CalendarListView-FilterButtons .dijitToggleButton {
	vertical-align: top;
	margin: 0;
}

.CalendarListView-FilterButtons .dijitToggleButton .dijitButtonNode,
.CalendarListView-FilterButtons .dijitToggleButtonFocused .dijitButtonNode,
.CalendarListView-FilterButtons .dijitToggleButtonActive .dijitButtonNode,
.CalendarListView-FilterButtons .dijitToggleButtonChecked .dijitButtonNode {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

.dj_ie .CalendarListView-FilterButtons .dijitToggleButton .dijitButtonNode {
	padding: 0;
}

.CalendarListView-FilterButtons .dijitToggleButton .dijitButtonText {
	padding: 3px 8px 3px 8px;
}

.dj_ie .CalendarListView-FilterButtons .dijitToggleButton .dijitButtonText {
	padding: 2px 8px 2px 8px;
}

.CalendarListView-FilterButtons .dijitToggleButtonHover .dijitButtonText {
	text-decoration: underline;
}

.CalendarListView-FilterButtons .dijitToggleButtonChecked .dijitButtonText {
	text-decoration:none;
	color: #FFF;
}

/* End extra toolbar */

/* Date display - themed colors are at the end of this file */
.CalendarListView .CalendarListView-DateHeader {
	height: 17px;
	text-align: center;
	font-size: 12px;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 4px 0 2px 0;
}

.CalendarListView-Notify{
	font-weight:bold;
	margin:10px;
}


/*  Individual items  */

.CalendarListView-List {
	float: none;
	padding: 3px 0 3px 0;
}

.dj_gecko .CalendarListView-List {
	padding: 3px 0 0 0;
}

.dj_ie .CalendarListView-List {
	float: left;
}

/* 
    Document   : MiniCalendar
    Created on : Aug 18, 2009, 11:14:53 AM
    Author     : avk
    Description: Replace tundra for the minicalendar
*/


.miniCalContainer {
	margin: 5px;
}

table.dijitCalendarContainer {
	font-size: 12px;
	margin: 0;
	background: #FFF;
	width: 100%; /* for the position in the navigator */
}

table.dijitCalendarContainer tr {
	border: none;
	margin: 0 3px;
	padding: 0 10px;
}

table.dijitCalendarContainer th {
	border: none;
	font-weight: bold;
}

table.dijitCalendarContainer td {
	border: none;
	font-size: 11px;
}

table.dijitCalendarContainer td:first-child {
	margin-left: 3px;
}

table.dijitCalendarContainer td:last-child {
	margin-right: 3px;
}

.dijitCalendarContainer .dijitCalendarMonthLabel {
	padding: 2px 0 1px 0;
}

.dj_ie .dijitCalendarContainer .dijitCalendarMonthLabel {
	padding-top: 0;
}

.dj_ie .dijitCalendarMonthLabelSpacer {
	height: 0px;
	display: none;
}

.dijitCalendarContainer tr th img {
	padding: 0px 0 1px 0;
}

/* Month controls */
.dijitCalendarContainer .dijitCalendarMonthContainer th {
	text-align: center;
	padding: 3px 0 3px 0;
	margin: 3px 0 3px 0;
}

.dijitCalendarPreviousMonth,
.dijitCalendarNextMonth {
	background: #EAEBEC; /* not themed */
	color: #CCC;
}

.dijitCalendarContainer .dijitCalendarIncrementControl {
	width: 16px;
	height: 15px;
}

/* Body */
.dijitCalendarContainer .dijitA11ySideArrow {
	display: none;
}


/* Day controls */

.dijitCalendarContainer .dijitCalendarDayLabelTemplate, 
.dijitCalendarContainer .dijitCalendarDateTemplate {
	text-align: center;
	padding: 3px;
}

.dj_ie .dijitCalendarContainer .dijitCalendarDateTemplate,
.dj_ie .dijitCalendarContainer tfoot td {
	padding: 2px;
}

.dijitCalendarCurrentDate {
	font-weight:bold;
}

.dijitCalendarSelectedDate,
.dijitCalendarSelectedYear {
	/* label for selected year */
	padding: 1px 2px 0 2px;
	color: #FFF;
}

.dijitCalendarDisabledDate {
	cursor:default;
	text-decoration:line-through;
}

/* Year controls */

.dijitCalendarYearContainer {
	font-weight: bold;
}

.dijitCalendarYearLabel {
	/* container for all of 3 year labels */
	margin:0;
	padding: 2px 0 2px 0;
	text-align:center;
}
/*
    Document   : MonthView
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetCalendarMonthly
		New class names: CalendarMonthView
*/

.dj_ie .CalendarMonthView {
	zoom: 1;
}

.CalendarMonthView table {
	border: none;
	background: #FFF;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.CalendarMonthView .dateNum{
    padding: 2px;
}

.CalendarMonthView-MonthHeader {
	color: #FFF;
}

.CalendarMonthView-MonthHeader th {
	height: 24px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.CalendarMonthView-DayHeaders th {
	height: 26px;
	text-align: center;
	font-size: 12px;
}

.CalendarMonthView td {
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
	width: 14.5%;
	cursor: pointer;
	overflow: hidden;
}

/* Previous and next month are shown in opaque on the month view */
.CalendarMonthView .previousMonth,
.CalendarMonthView .nextMonth {
	color: #999;
	background-color: #EAEBEC; /* NOT THEMED */
}

.CalendarMonthView .monthDayHeader {
	text-align: right;
	font-size: 12px;
	height: 17px;
	padding:3px 6px 0 0;
	margin: 0;
}

.dj_ie .CalendarMonthView .monthDayHeader {
	padding-top: 1px;
	font-size: 11px;
}

.CalendarMonthView .selected .monthDayHeader {
	color: #FFF;
	font-weight: bold;
}

.CalendarMonthView .monthDayDetail {
	margin:0;
	font-size: 11px;
	padding: 3px;
}

.CalendarMonthView .monthDayDetail div {
	margin: 0;
	padding: 0;
}

.CalendarMonthView .monthDayDetail .more{
	padding: 3px 3px 3px 0px;
}
/*
    Document   : MonthlyEvent
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: eventView monthly
		New class names: CalendarMonthlyEvent
*/

.CalendarMonthlyEvent .CalendarMonthlyEvent-preview {
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	font-size: 11px;
}

.CalendarMonthlyEvent .CalendarMonthlyEvent-preview.event {
	background-repeat: no-repeat;
	background-position: 1px 3px;
	padding: 0px 2px 1px 12px;
}

.dj_webkit .CalendarMonthlyEvent-preview.event {
	background-position: 1px 2px;
}

.CalendarMonthlyEvent .CalendarMonthlyEvent-preview.invite {
	line-height:13px;
	height:13px;
	padding-left: 15px; /* Make room for icon */
	margin: 1px 0 1px 0;
	border: 1px solid;
}

.dj_gecko .CalendarMonthlyEvent-preview.invite {
	line-height:12px;
}

.CalendarMonthlyEvent .CalendarMonthlyEvent-preview.task {
	padding: 0px 2px 1px 15px;
}

.CalendarMonthlyEvent .CalendarMonthlyEvent-preview span {
	white-space:nowrap;
	overflow:hidden;
}

/* In weekview */
.CalendarWeekView .CalendarMonthlyEvent {
        margin: 2px;
}
/*
    Document   : Navigator
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: CalendarNavigator ServiceNavigator
		New class names: ServiceNavigator CalendarNavigator
*/

/* Calendar Navigator (Calendar Checkbox List) */

.CalendarNavigator .calendarList {
	padding: 0;
	color: #333;
}

.CalendarNavigator .calendarNavListBtn {
	background-color: #FFF;
	color: #333;
	display: block;
	margin: 0 0 1px 0;
	padding-left: 10px;
	cursor: pointer;
	font-size: 12px;
	border: none;
	height: 19px;
}

.dj_ie .CalendarNavigator .calendarNavListBtn {
	padding-left: 0px;
	border-width: 0;
	white-space: nowrap;
}

.CalendarNavigator .CalendarNavigator-Expando  {
	vertical-align: top;
	margin-top: 2px;
}

.dj_ie .CalendarNavigator-Expando  {
	margin-right: 3px;
}

.CalendarNavigator .closed .CalendarNavigator-Expando  {
	margin-top: 6px;
}

.dj_ie .closed .CalendarNavigator-Expando  {
	margin-top: 5px;
}

/*
.dj_ie .CalendarNavigator .calendarNavListBtn {
	padding-left: 5px;
	font-size: 12px !important;
}
*/
.CalendarNavigator .CalendarNode {
	height: 18px;
	font-size: 12px;
	padding-top: 1px;
	padding-left: 42px;
	cursor:pointer;
	white-space: nowrap;
	overflow-x: hidden;
}

.dj_gecko .CalendarNavigator .CalendarNode {
	padding-left: 45px;
}

.dj_ie .CalendarNavigator .CalendarNode {
	padding: 1px 0 1px 49px;
	width: auto;
}

.CalendarNavigator .CalendarNode .dijitCheckBox {
	margin-top: 1px;
    margin-bottom: 0px;
	margin-left: -20px;
	border: 1px solid;
	cursor: pointer;
	height: 13px;
}

.CalendarNavigator .CalendarNode .CalendarNode-Name {
	padding: 2px 0 0 3px;
}

.CalendarNavigator .nocalendars{
	color: #999;
	font-size: 12px;
	margin-left: 0px;
}

.CalendarNavigator .calendarNavListMiniCal{
	display:block;
}
/*
    Document   : NotificationDialog
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox calendarReminderDialog
		New class names: dijitDialog CalendarNotificationDialog
*/

/* TODO: use px measurements definted for form elements for padding */

.CalendarNotificationDialog {
	width: 490px;
}

.CalendarNotificationDialog .dojoxDropDownSelectFixedWidth {
	width: 8em;
}

.CalendarNotificationDialog .dojoxDropDownSelectFixedWidth.CalendarNotificationDialog-Long {
	width: 14em;
}

.CalendarNotificationDialog .dijitSpinner{
	width: 4em;
	margin-right: 8px;
}

.dj_ie .CalendarNotificationDialog .dijitSpinner{
	vertical-align: top;
}

.CalendarNotificationDialog .dojoxTimeSpinner{
	width: 8em;
}

.CalendarNotificationDialog .dijitRadio {
	margin: 1px 8px 0 0;
	vertical-align: top;

}

.CalendarNotificationDialog .dijitSpinner .dijitValidationIcon {
	display: none;
}

.CalendarNotificationDialog-Section {
	margin: 0 0 1em 0;
}

.CalendarNotificationDialog-Row {
	margin-bottom: .5em;
}

.CalendarNotificationDialog .DialogButtons{
	margin-top: 4em;
}

.CalendarNotificationDialog-ShowAbsolute .CalendarNotificationDialog-RelativeExpanded, 
.CalendarNotificationDialog-ShowAbsolute .CalendarNotificationDialog-AbsoluteLink {
	display: none;
}

.CalendarNotificationDialog-ShowRelative .CalendarNotificationDialog-RelativeLink,
.CalendarNotificationDialog-ShowRelative .CalendarNotificationDialog-AbsoluteExpanded {
	display: none;
}

.CalendarNotificationDialog-ShowRelative .CalendarNotificationDialog-RelativeRadio,
.CalendarNotificationDialog-ShowAbsolute .CalendarNotificationDialog-AbsoluteRadio {
	margin-top: 5px;
}

.CalendarNotificationDialog-Text {
	margin-right: 8px;
}

.dj_ie .CalendarNotificationDialog-Text,
.dj_ie .CalendarNotificationDialog-Long,
.dj_ie .CalendarNotificationDialog .dijitTextBox {
	vertical-align: top;
}

.dj_ie .CalendarNotificationDialog-Text {
	margin-top: 3px;
}
/*
    Document   : AdvancedSearch
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: calAdvancedSearch
		New class names: CalendarPreview
*/
.CalendarPreview {
	
}

.CalendarPreview-Controls {
	border-width: 1px 0 1px 0;
	border-style: solid;
	padding: 9px;
}

.CalendarPreview-Controls .FormField {
	display: inline-block;
	margin-right: 25px;
}

.CalendarPreview-Controls .FormField label {
	width: 100px;
}

.dj_ie .CalendarPreview-Controls .FormField {
	display: inline;
}

.CalendarPreview-Instruction {
	padding: 20px;
}
.CalendarCalendarAccessControl{
	height: 300px;
}

.CalendarCalendarAccessControl .CalendarCalendarAccessControl-submitControls{
	text-align: right;
}

.dijitRtl .CalendarCalendarAccessControl .CalendarCalendarAccessControl-submitControls{
	text-align: left;
}
/* 
    Document   : ie_workaround
    Created on : Dec 10, 2009, 6:39:15 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

















/*
    Copyright (c) 2007,2010, Oracle and/or its affiliates. All rights reserved.

    Document   : Print
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: popupWindow
		New class names: calendarPrint
*/

.CalendarPrint {
    font-size: 12px;
    font-family:arial, helvetica, sans-serif;
}

.dj_ie .CalendarPrint {
	zoom: 1;
}

.CalendarPrint .printerBlocker{
	visibility:visible;
	background-color:#999999;

	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
	visibility:hidden;
}

.dj_gecko .CalendarPrint .calendarPrint .weekEnabled {
    page-break-after:avoid;
}

.CalendarPrint .calendarPrint .calendarAreaTable{
	width:100%;
    border: 1px solid;
}
.CalendarPrint .calendarPrint .viewTableContainer {
	overflow: visible;
}

.CalendarPrint .calendarPrint table.monthlyViewTable,
.CalendarPrint .calendarPrint table.allDayTable,
.CalendarPrint .calendarPrint table.dailyViewTable,
.CalendarPrint .calendarPrint table.weeklyViewTable{
	border-left: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}


.CalendarPrint.landscape .CalendarPrint .calendarPrint{
	margin:5px;
	height:690px;
	width:960px;
}

.CalendarPrint .calendarPrint .printerLoadText{
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	width:300px;
	text-align:center;
}

.CalendarPrint .calendarPrint tabel {
    border-bottom-width:15px;
}


.CalendarPrint .calendarPrint .calendarArea{
	vertical-align:top;
}

.CalendarPrint .calendarPrint .triFold {
	width:33%;
	float:left;
	border:#FF0000 1px solid;
	height:690px;
}


#calendarTable {
    page-break-after: always;
    width:100%;
}

.CalendarPrint .calendarPrint .CalendarMonthView td,
.CalendarPrint .calendarPrint .CalendarViewListItem h3
{
    cursor: default;
}

.CalendarPrint .calendarPrint #timeNode {
    display: block;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview.event {
	/*background:transparent url(../images/dotRed.png?00.01_205929) no-repeat;
	background-position:1px 3px;*/
    padding: 0px 0px 0px 0px;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent {
    display: block;
}

.CalendarPrint .calendarPrint .more {
    display: none;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview,
.CalendarPrint .calendarPrint .CalendarMonthView-DayHeaders th,
.CalendarPrint .calendarPrint .CalendarMonthView table
{
    font-size: 10pt;
}
.CalendarPrint .calendarPrint .calendarAreaTable .titleArea {
    display: none;
}
.CalendarPrint .calendarPrint .CalendarMonthView-DayHeaders th{
    border-style:solid solid solid none;
    border-width:1px;
}

.CalendarPrint .calendarPrint .CalendarMonthView-MonthHeader th {
    font-size: 10pt;
    color:black;
}

.CalendarPrint .calendarPrint .CalendarMonthView .selected .monthDayHeader{
    color:black;
}

.CalendarPrint .calendarPrint .calendarMain .CalendarMonthView table {
    border:none;
 }

.CalendarPrint .calendarPrint .CalendarMonthView .monthDayHeader {
    display: table-header-group;
}


.CalendarPrint .calendarPrint .CalendarMonthlyEvent  .hide {
	display: block;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview {
    overflow:hidden;
    white-space:normal;
}

.CalendarPrint .calendarPrint .CalendarMonthView .monthDayDetail {
   max-width:96px;
}

.dj_ie .CalendarPrint .calendarPrint .CalendarMonthView .monthDayDetail {
   width:expression( Math.min( parseInt(this.offsetWidth), 96 )+"px");
 }

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview.event {
        border-left:5px solid;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent #timeNode,
.CalendarPrint .calendarPrint .CalendarMonthView .monthDayDetail div
{
    padding-left:4px;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent {
    padding: 3px;
}
 
/*  Agenda view specific */


.CalendarPrint .calendarPrint .AgendaPrintItem {
    border-left: 5px solid;
    padding-left:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:3px;
}

.CalendarPrint .calendarPrint .AgendaPrintItemTable{
    width:100%;
}

.CalendarPrint .calendarPrint .AgendaPrintItem .title,
.CalendarPrint .calendarPrint .AgendaPrintItem .description{
    display:inline;
}

.CalendarPrint .calendarPrint .AgendaPrintItem .host{
        text-align:right;
}

.CalendarPrint .calendarPrint .AgendaPrintItem #notes{
        vertical-align:top;
}
.CalendarPrint .calendarPrint .AgendaPrintItem .notes{
    text-align:right;
}

.CalendarPrint .calendarPrint .CalendarListView-List .CalendarViewListItem table tr td.qua {
    display:none;
}

.CalendarPrint .calendarPrint .eventContainer {
    overflow: visible;
}

.CalendarPrint .calendarPrint .CalendarViewListItem.EventItem {
    page-break-before: avoid;
}

.CalendarPrint .calendarPrint .printContainer {
    margin-bottom: 3px;
    margin-left: 5px;
    margin-top: 20px;
}

.CalendarPrint .calendarPrint .agendaPrintContainer{
    border-bottom:1px solid;
}

/* Week view specific */
.CalendarPrint .calendarPrint #weekEventTable,
.CalendarPrint .calendarPrint .dayViewTable
{
    width:100%;
    border-collapse: collapse;
    font-size:12pt;
}
.CalendarPrint .calendarPrint #weekEventTable td,
.CalendarPrint .calendarPrint .dayViewTable td
{
    vertical-align: top;
}

.CalendarPrint .calendarPrint #weekEventTable .day{
    width: 5%;
}


.CalendarPrint .calendarPrint #weekEventTable .spacer,
.CalendarPrint .calendarPrint .dayViewTable .spacer
{
    border-bottom: 1px solid;
}

.dj_ie7 .CalendarPrint .calendarPrint #weekEventTable .spacer td,
.dj_ie7 .CalendarPrint .calendarPrint .dayViewTable .spacer td
{
    border-bottom: 1px solid;
    border-bottom-color:black;
}
.CalendarPrint .calendarPrint #weekEventTable .weekDayDetail{
    padding-left: 15px;
}

.CalendarPrint .calendarPrint.PrintEvent #timeNode {
    width:120px;
    white-space:nowrap;
    float: left;
}

.CalendarPrint .calendarPrint .spacer div,
.CalendarPrint .calendarPrint .spacer-noline div
{
    height:10px;
}

.CalendarPrint .calendarPrint .gray {
    background-color: #EBECE4;
}
.CalendarPrint .calendarPrint .PrintEvent .PrintEvent-preview {
	margin: 0;
    float:left;
    width:97%
}

.CalendarPrint .calendarPrint .PrintEvent .eventTitle{
    width:250px;
    padding-left:35px;
    float:left;
}

calendarPrint .PrintEvent .PrintEvent-preview #previewNode{
        white-space:nowrap;
        overflow:hidden;
	}

.CalendarPrint .calendarPrint .PrintEvent .location{
    padding-left:35px;
    clear:left;
}

.CalendarPrint .calendarPrint .PrintEvent .PrintEvent-preview.event{
    border-left:5px solid;
    margin-top:5px;
    margin-bottom:5px;
}

.CalendarPrint .calendarPrint .PrintEvent {
    padding-bottom:7px;
    width:98%;
    height:auto;
}

.CalendarPrint .calendarPrint .PrintEvent #timeNode {
    float:left;
}

.CalendarPrint .calendarPrint .dayViewTable .PrintEvent {
    padding-left:10px;
}

.CalendarPrint .calendarPrint .dayViewTable .PrintEvent .description {
    display:block;
    overflow:hidden;
    width:97%;
    padding-top:5px;
}

.CalendarPrint .calendarPrint .PrintEvent .evtDetails {
    width:100%;
    padding-left:5px;

}

.CalendarPrint .calendarPrint .dayViewTable #allday #timeNode {
    display:none;
}

.CalendarPrint .calendarPrint .dayViewTable #allday .eventTitle {
    padding-left:0px;
}

.eventContainer .content .singleEvt .row-one,
.eventContainer .content .singleEvt .row-two,
.eventContainer .content .singleEvt .row-three,
.eventContainer .content .singleEvt .row-four
{
    display:block;
    clear:left;
}

.eventContainer .content .singleEvt .row-one .evtBlk1,
.eventContainer .content .singleEvt .row-one .evtBlk2
{
    float:left;
}

.eventContainer .content .singleEvt .row-one .evtBlk1
{
    width:70%;
}
.eventContainer .content .singleEvt .row-one .evtBlk2
{
    width:30%;
}
.eventContainer .content .singleEvt .row-one .title,
.eventContainer .content .singleEvt .row-one .day
{
    font-size:20px;
    padding-bottom:3px;
}

.eventContainer .content .singleEvt .row-two .description{
    padding-top:20px;
    font-size:16px;
}

.eventContainer .content .singleEvt .row-three{
    padding-top:22px;
     font-size:16px;
}

.eventContainer .content .singleEvt .row-four{
    padding-top:15px;
     font-size:16px;
}
.eventContainer .content .singleEvt .row-one .where,
.eventContainer .content .singleEvt .row-one .time,
.eventContainer .content .singleEvt .row-one span
{
    font-size:18px;

}
.eventContainer .content .singleEvt .row-one .where,
.eventContainer .content .singleEvt .row-three .host{
        display:inline;
}

.eventContainer .content .singleEvt .inviteesLbl,
.eventContainer .content .singleEvt .hostLbl
{
    font-weight:bold;
}


.eventContainer .content .singleEvt .invitees table{
    width: 100%;
}
.eventContainer .content .singleEvt .inviteesName,
.eventContainer .content .singleEvt .inviteesMail
 {
    width: 40%;
}
.eventContainer .content .singleEvt .inviteesStat{
    width: 20%;
}
/*
    Document   : PrintDialog
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox printBox newEvent
		New class names: dijitDialog CalendarPrintDialog

		Note: used "newEvent" class which styles have not be migrated
*/

.CalendarPrintDialog {

}

.CalendarPrintDialog .FormField .FormField-Label,
.CalendarPrintDialog .FormField .FormField-InputWrapper {
	   float: none;
}

.CalendarPrintDialog .FormField label {
        margin-right: .5em;
        width: 4em;
}


.CalendarPrintDialog .dojoxDropDownSelectFixedWidth {
        width: 10em;
}

.CalendarPrintDialog .dijitSpinner {
        width: 5em;
}

.CalendarPrintDialog .yearSpinner {
        width: 6em;
}

.CalendarPrintDialog .hours {
        margin-bottom: 1.5em;
}

.CalendarPrintDialog .hours .dijitSpinner {
        width: 9em;
}

.CalendarPrintDialog .Dialog-Column {
        width: 60%;
        display: block;
}

.CalendarPrintDialog .end.Dialog-Column {
        width: 60%;
        display: block;
}

.CalendarPrintDialog .endOption {
        margin-bottom: .5em;
}

.CalendarPrintDialog .unit {
        padding-left: .6em;
}

.CalendarPrintDialog .calendarList {
        height:100px;
        width: 100%;
        overflow-x:hidden;
        overflow-y:auto;
        border: 1px solid;
        padding:0;
        background-color :#FFF;
}

.CalendarPrintDialog .calendarList div {
        padding: 3px;
}

.CalendarPrintDialog .calendarList .dijitCheckBox {
        margin: 0;
        padding: 0;
        height: 14px;
        width: 14px;
}

.CalendarPrintDialog .calendarList label {
        padding-left: 5px;
}

.CalendarPrintDialog .calendarSection .FormField-InputWrapper {
        width: 100%;
        display: block;
}
/*
    Document   : QuickEventBalloon
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: balloon quickAddEvent
		New class names: balloon CalendarQuickEventBalloon
*/
/* quick add event balloon */


/*
    Document   : RecurranceDialog
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox newEvent
		New class names: dijitDialog CalendarRecurrenceDialog

		Note: used "newEvent" class which styles have not be migrated
*/
.CalendarRecurrenceDialog {
	width: 520px;
}

.CalendarRecurrenceDialog .FormField .FormField-Label,
.CalendarRecurrenceDialog .FormField .FormField-InputWrapper {
	   float: none;
}

.CalendarRecurrenceDialog .Dialog-Column {
        display: inline-block;
}

.dj_ie .CalendarRecurrenceDialog .Dialog-Column {
        display: inline;
}

.CalendarRecurrenceDialog-Advanced {
        text-align: right;
}

.CalendarRecurrenceDialog .FormField label {
        width: 80px;
}

.CalendarRecurrenceDialog .FormField-LabelAfter label {
        width: auto;
		padding-right: 8px;
}

.CalendarRecurrenceDialog .CalendarRecurrenceDialog-Advanced .FormField-Label {
        width: auto;
		padding: 0 0 0 5px;
}

.CalendarRecurrenceDialog .dojoxDropDownSelectFixedWidth,
.dj_ie .CalendarRecurrenceDialog .dojoxDropDownSelectFixedWidth {
        width: 10em;
        margin: 0 .5em 0 0;
}

.dj_ie .CalendarRecurrenceDialog .dijitDateTextBox,
.dj_ie .CalendarRecurrenceDialog .dijitSpinner,
.dj_ie .CalendarRecurrenceDialog-Text {
	vertical-align: top;
}

.dj_ie .CalendarRecurrenceDialog-Text {
	margin-top: 4px;
}

.CalendarRecurrenceDialog .FormField .dijitSpinner{
        width: 5.5em;
        margin: 0 .5em 0 0;
}

.CalendarRecurrenceDialog-CustomSection {
        margin: 12px 0 12px 93px; 
}

.CalendarRecurrenceDialog-CustomOption {
        margin: 1em 0 1em  0;
        vertical-align: top;
}

.CalendarRecurrenceDialog-CustomSection .FormField, 
.CalendarRecurrenceDialog-CustomOption .FormField {
       display: inline-block;
	   width: auto;
	   margin: 0;
	   padding: 3px 0 0 0;
	   vertical-align: top;
}

.dj_ie .CalendarRecurrenceDialog-CustomSection .FormField,
.dj_ie .CalendarRecurrenceDialog-CustomOption .FormField {
       display: inline;
}

.dj_webkit .CalendarRecurrenceDialog-CustomSection .FormField,
.dj_webkit .CalendarRecurrenceDialog-CustomOption .FormField {
       padding-top: 4px;
}

.CalendarRecurrenceDialog-CustomOptionBox {
       vertical-align: top;
}

.CalendarRecurrenceDialog-CustomSectionLine {
        margin: 1em 0 1em  0;
}

.CalendarRecurrenceDialog-CustomSectionLine label {
        margin: 0 1em 0 0;
}

.CalendarRecurrenceDialog-CustomSection .dijitSpinner{
        width: 4em;
        margin: 0 1em;
}

.CalendarRecurrenceDialog-CustomSection .dijitSpinner .dijitValidationIcon {
        display: none;
}

.dj_ie .CalendarRecurrenceDialog-CustomSection .dijitRadio {
       height: 15px;
}

.CalendarRecurrenceDialog-Grid  {
        width: 165px;
        margin: 0;
}

.CalendarRecurrenceDialog-Grid table.dijitCalendarContainer {
        width: 100%;
        border-collapse: collapse;
}
/* 
    Document   : MailShareFolderDialog
    Created on : Apr 8, 2009, 6:15:53 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailFolderShare
		New class names: MailShareFolderDialog
*/

.CalendarShareCalendarDialog {
	width: 50em;
}
/* 
    Document   : FolderPermissions
    Created on : Apr 8, 2009, 5:28:54 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailFolderPermissions
		New class names: CalendarSharePermissions
*/
.CalendarSharePermissions {
}

.CalendarSharePermissions .permissionHeader {
	padding: 1em 0 .5em 0;
}

.CalendarSharePermissions .userColumn {
	width: 58%;
}

.CalendarSharePermissions .permissionColumn {
	width: 40%;
}

.CalendarSharePermissions .permissionContainer {
	margin: 0 0 1em 0;
}

.CalendarPermission {
        margin: 2px 0 2px 0;
}

.CalendarPermission .dojoxDropDownSelectFixedWidth {
        width: 10em;
        margin-right: 1em;
}

.CalendarPermission .dijitTextBox {
        width: 165px;
        margin: 0 .7em 0 0;
}

.CalendarPermission .dijitTextBox.error {
        border: 1px solid red;
}

.CalendarPermission span.dijitButton,
.CalendarPermission span.dijitButton .dijitButtonNode {
        border: none;
        background: none;
        padding: 0;
        margin: 0;
}
/*
    Document   : Subscribe
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: // no class was defined, defined from CalendarDialogSubscribe.html
		New class names: CalendarSubscribe
*/
.CalendarSubscribe .CalendarSubscribe-Search {
	width: 21em;
}

.CalendarSubscribe .CalendarSubscribe-Search .dijitToolbar {
	padding-bottom: 8px;
}

.CalendarSubscribe .CalendarSubscribe-Search .CalendarSubscribe-SearchInstructions,
.CalendarSubscribe .CalendarSubscribe-Search .CalendarSubscribe-SearchNoResultsMessage,
.CalendarSubscribe .CalendarSubscribe-Search .CalendarSubscribe-SearchTooManyResultsMessage,
.CalendarSubscribe .CalendarSubscribe-Search .CalendarSubscribe-SearchStringTooShortMessage
 {
	margin: 0.5em;
}

.CalendarSubscribe .CalendarSubscribe-Actions {
	height:2.5em;
	padding: 0.5em;
	border-top: 1px solid;
	text-align:right;
}

.CalendarSubscribe .CalendarSubscribe-SearchResults .usr {
	padding: 0 5px;
	line-height: 23px;
}

.CalendarSubscribe .CalendarSubscribe-SearchResults .selected{
	border-width: 1px 0 1px 0;
	border-style: solid;
}

/* htbl = HEADER table */
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader {
	width:100%;
}

.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader {
	border-bottom: 1px solid;
}

.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader td {
	padding: 3px 5px 3px 2px;
}

/* COL 0 - CHECKBOX */
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c0 {
	width:2%;
}
/* COL 1 - CAL NAME */
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c1 {
	width: 33%;
}
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader .c1 {
	width: 37%;
}

/* COL 2 - PERMS */
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader .c2,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c2 {
	width:150px;
}
/* COL 3 - PREVIEW CAL */
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader .c3,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c3{
	width:100px;
}

.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader .c1,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader .c2,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGridHeader .c3{
	line-height:30px;
	vertical-align:middle;
}
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c0,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c1,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c2,
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c3{
	padding:5px;
}

.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .c3 span{
	text-decoration:none;
	cursor:pointer;
}

.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .subscribed td{
	font-style:italic;
	color:#000;
}
.CalendarSubscribe .CalendarSubscribe-CalendarPermissionsGrid .subscribed .c3 span{
	color:#000;
	text-decoration:none;
	cursor:default;
}
/*
    Document   : SubscribeDialog
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox subscribedialog
		New class names: dijitDialog CalendarSubscribeDialog
*/

.CalendarSubscribeDialog {
	width:625px;
	height: 385px;
	overflow:hidden;
}
/*
    Document   : TimezoneDialog
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog dialogbox mailFolderDialog
		New class names: dijitDialog CalendarTimezoneDialog
*/
.CalendarTimezoneDialog {
        width: 32em;
}

.CalendarTimezoneDialog .FormField .dijitComboBox {
        width: 20em;
        margin: 0 0 0 .5em;
}
/*
    Document   : Calendar
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: calendar
		New class names: CalendarCalendar
*/

.CalendarViewDispatcher .dojoDndItem {
	padding: 0;
}

.CalendarViewDispatcher .eventView {
	padding: 3px 0 0 0;
}

.CalendarViewDispatcher .dijitToolbar .FormQuickSearchForm {
	float:right;
}

.CalendarViewDispatcher .CalendarViewDispatcher-ViewControls {
	margin: 0;
	padding: 4px 12px;
}

.dj_ie .CalendarViewDispatcher-ViewControls {
	zoom: 1;
	padding-bottom: 2px;
}

/* Text toggles */
.CalendarViewDispatcher-TextToggles {
	float: left;
	margin: 0;
}

.CalendarViewDispatcher-TextToggles .dijitToggleButton,
.CalendarViewDispatcher-TextToggles .dijitToggleButtonHover {
	margin: 0;
	height: 22px;
	padding: 0 0 0 1px; /* For the separator */
}

.dj_webkit .CalendarViewDispatcher-TextToggles .dijitToggleButton {
	margin: 0px -2px;
}

.dj_gecko .CalendarViewDispatcher-TextToggles .dijitToggleButton {
	margin: 0px -3px;
}

.CalendarViewDispatcher-TextToggles .CalendarViewDispatcher-FirstToggle {
	padding: 0 0 0 5px; /* For the left rounded edge */
}

.CalendarViewDispatcher .CalendarViewDispatcher-TextToggles .dijitButtonNode,
.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-TextToggles .dijitButtonNode {
	border: none;
	padding: 0;
}

.CalendarViewDispatcher .CalendarViewDispatcher-LastToggle .dijitButtonNode,
.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-LastToggle .dijitButtonNode {
	padding: 0 5px 0 0; /* For the right rounded edge */
	height: 22px;
}

.CalendarViewDispatcher-TextToggles .dijitButtonContents {
	border: none;
	height: 22px;
	width: 75px;
	padding: 0;
	margin: 0;
}

.dj_webkit .CalendarViewDispatcher-TextToggles .dijitToggleButtonActive .dijitButtonContents,
.dj_webkit .CalendarViewDispatcher-TextToggles .dijitToggleButtonFocus .dijitButtonContents {
	outline: none;
}

.CalendarViewDispatcher .CalendarViewDispatcher-TextToggles .dijitButtonText {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.CalendarViewDispatcher-TextToggles .dijitToggleButtonChecked .dijitButtonText {
	font-weight: bold;
	color: #FFF;
}

.dj_gecko .CalendarViewDispatcher-TextToggles .dijitButtonText {
	padding-bottom: 2px;
}

.dj_webkit .CalendarViewDispatcher-TextToggles .dijitToggleButtonActive .dijitButtonText,
.dj_webkit .CalendarViewDispatcher-TextToggles .dijitToggleButtonFocus .dijitButtonText {
	outline: 1px dotted #000;
}

.CalendarViewDispatcher .CalendarViewDispatcher-IconToggles {
	float: right;
	margin: 0;
	width: auto;
}
.CalendarViewDispatcher .CalendarViewDispatcher-IconToggles .dijitToggleButton {
	margin: 0 2px;
}

.CalendarViewDispatcher .CalendarViewDispatcher-IconToggles .dijitToggleButton .dijitButtonNode {
	border-width: 1px;
	border-style: solid;
	height: 18px;
	padding: 1px 1px 1px 1px;
}

.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-IconToggles .dijitToggleButton .dijitButtonNode {
	padding: 1px 2px 0px 2px;
}

.CalendarViewDispatcher .CalendarViewDispatcher-IconToggles .dijitToggleButton .dijitButtonContents {
	border: none;
	margin: 0;
}

.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-IconToggles .dijitToggleButton .dijitButtonContents {
	padding: 0;
	margin: 0;
}

.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-IconToggles .CalToolbarIcon {
	margin: 0;
}

.CalendarViewDispatcher .CalendarViewDispatcher-IconToggles .dijitToggleButton .dijitButtonText{
	display: none;
}

/* Common styles for calendar view control toggles */
.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector {
	margin: 0 0 0 20px;
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .dijitButton,
.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .dijitButtonNode,
.CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-NavButton .dijitButtonContents,
.dj_ie .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-NavButton .dijitButtonContents {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .dijitButton,
.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .dijitButtonNode,
.dj_ie .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-NavButton .dijitButtonContents {
	height: 22px;
}

.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .dijitButtonNode {
	padding: 0;
}

.dj_gecko .CalendarViewDispatcher-DateSelector .dijitButton {
	vertical-align: baseline;
	height: auto;
}

.dj_gecko .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-NavButton .dijitButtonContents {
	width: auto;
	height: auto;
	margin: 0 0 0 -3px;
}


.CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-NavButton .dijitButtonText {
	display: none;
}

/* removing any background color buttons may have applied */
.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .dijitButton .dijitButtonNode {
	background-color: transparent;
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-GoBack {
	height: 22px;
	width: 22px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 50%;
	border: none;
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-GoForward {
	height: 22px;
	width: 22px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 50%;
	border: none;
}

.CalendarViewDispatcher .CalendarViewDispatcher-TodayButton .dijitButtonText {
	padding: 0 5px;
	font-size: 11px;
}

.CalendarViewDispatcher .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-TodayButton .dijitButtonContents {
	background-repeat: repeat;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 22px;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
}

.CalendarViewDispatcher .FormField .dijitComboBox {
        width: 20em;
        margin: 0 0 0 .5em;
}

.CalendarViewDispatcher .FormField .FormField-Label {
        padding: 0 0 0 10px;
        font-weight: bold;
        vertical-align: middle;
}

.dj_gecko .CalendarViewDispatcher-DateSelector .CalendarViewDispatcher-TodayButton .dijitButtonContents {
	margin: 0 0 0 -3px;
}

/*
.dj_ie .CalendarViewDispatcher .CalendarViewDispatcher-TodayButton .dijitButtonContents {
	padding: 0px;
	margin: 0px;
}
*/
/*
    Document   : ViewEvent
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: viewEventTab
		New class names: CalendarViewEvent
*/
.CalendarViewEvent .eventContainer {
}

.CalendarViewEvent .CalendarInvitees{
	margin-left:0px;
}

.CalendarViewEvent .content{
	margin-left:20px;
}

.CalendarViewEvent h2{
	font-size:14px;
	font-weight:bold;
}

.CalendarViewEvent label{
	display:block;
	font-weight:bold;
	margin:12px 0 5px 0;
}

.CalendarViewEvent .radios{
	margin-top:10px;
	white-space: nowrap;
}

.CalendarViewEvent .radios input{
	margin-right:5px;
}

.CalendarViewEvent .radios label{
  display:inline;
	line-height:20px;
	margin-right:15px;
}

.CalendarViewEvent .response div{
	font-size:12px;
	font-weight:bold;
}

.CalendarViewEvent .response{
	margin-top:5px;
	margin-bottom:10px;
}

.CalendarViewEvent .clear{
	clear:both;
} 
/*
    Document   : ViewListItem
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: listItem
		New class names: CalendarViewListItem
*/

.CalendarViewListItem {
	border:0;
	padding:6px;
	margin:0 5px 5px 5px;
	border-left: 5px solid #999; /* Color is overridden with calendar color */
	color: #333;
}

.CalendarViewListItem-Past {
	opacity: .65;
}

.CalendarViewListItem table tr td.one {
	width: 16em;
	vertical-align: top;
}

.CalendarViewListItem table tr td.two {
	width: 6em;
	vertical-align: top;
}

.dj_ie7 .CalendarViewListItem .two{
	padding-bottom:2px;
}

.CalendarViewListItem table tr td.tre {
	vertical-align: top;
}

.CalendarViewListItem table tr td.qua {
	text-align: right;
	min-width: 6em;
	vertical-align: top;
	white-space: nowrap;
}

.CalendarViewListItem h3 {
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.CalendarViewListItem h3 span {
	margin-right: .5em;
}

.CalendarViewListItem-Past h3 {
	color: #666;
}

.CalendarViewListItem-Icons {
	max-height: 16px;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}

.dj_ie .CalendarViewListItem-Icons {
	display: inline;
}

.CalendarViewListItem-Icons div {
	padding-right: 3px;
	display: inline-block;
}

.dj_ie .CalendarViewListItem-Icons div {
	display: inline;
	vertical-align: middle;
}

.CalendarViewListItem-Past .needsAction,
.CalendarViewListItem-Past .viewEventTab span {
	display:none;
}

.CalendarViewListItem label{
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

.CalendarViewListItem-DeleteButton {
	cursor:pointer;
}

.CalendarViewListItem .DeleteIcon,
.CalendarViewListItem .DeleteLink {
	vertical-align: middle;
	display: inline-block;	
}

.dj_ie .CalendarViewListItem .DeleteIcon,
.dj_ie .CalendarViewListItem .DeleteLink {
	display: inline;
	zoom: 1;
	padding-left: 2px;
}

.CalendarViewListItem .DeleteLink {
	color: #333;
	font-size: 11px;
	font-weight: bold;
}

.CalendarViewListItem table span {
	font-size: 12px;
}

.CalendarViewListItem-OverDueText {
	font-weight:bold;
}
/*
    Document   : WeekView
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetCalendarWeekly
		New class names: CalendarWeekView

		Note: until we have a general inheritance for views, this css file will contain general properties for WeekView and DayView
*/

/* has layout workaround */
.dj_ie .CalendarWeekView,
.dj_ie .CalendarViewDispatcher-TextToggles,
.dj_ie .CalendarViewDispatcher-IconToggles {
	min-width: 1px;
}

.CalendarWeekView table {
	border-collapse:collapse;
  background-color: #FFF;
  cursor: pointer;
}

.CalendarWeekView .calendarAllDayEventCell{
    padding-top: 5px;
 }


/* Is this necessary? */
/*
.dj_ie .CalendarWeekView  table {
	table-layout: fixed;
}
*/
.CalendarWeekView {
	overflow: hidden;
}

.CalendarWeekView .viewTableContainer {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px;
	margin: 0px;
	position: relative;
}

/* Column headers */
.CalendarWeekView-WeekNumber {
	height: 24px;
	text-align: center;
	font-size: 12px;
}

.CalendarWeekView .calWeeklyHeader th {
	border-width: 0 1px 1px 0;
	border-style: solid;
	/* border color defined in the theme */
	height: 24px;
	text-align: center;
	font-size: 12px;
}

.CalendarWeekView-WeekNumber span {
	padding-top: 6px;
}

/* We should not do a border width for this,
   adding a border adjust the width of the cell.
*/
.CalendarWeekView .calWeeklyHeader th.today {
	font-weight:bold;
}

.CalendarWeekView .allDayLast {
        cursor: default;
}

.CalendarWeekView .allDayYear {
        cursor: default;
}

/* Row headers */
.CalendarWeekView table td.calendarWeekRowHead {
	text-align: right;
        border-width: 0 1px 0 0;
        vertical-align: middle;
	padding-right: 5px;
	/* required for ie
	width: 72px !important; */
	cursor:default;
        background: #FFF;
}


.CalendarWeekView .calWeeklyAllDay td.calendarWeekRowHead {
        border-width: 0 1px 1px 0;
}

.CalendarWeekView .CalendarWeekView-timeKey {
        color: #333;
        font-size: 10px;
}

/* Event boxes */
/* All day events */

.CalendarWeekView table td {
	border-width: 0 1px  1px 0;
	border-style: solid;
	vertical-align:top;
        /* Background color is themed ! */
}

.CalendarWeekView .calWeeklyAllDay td {
	height:35px;
        overflow:hidden;
}

.CalendarWeekView .calWeeklyAllDay td .eventsWrapper {
	height:35px;
	overflow:hidden;
}

.CalendarWeekView .weeklyViewTable tr {
	height: 24px;	
}

.CalendarWeekView .weeklyViewTable td {
	overflow: none;
}

/* What is this supposed to do? */
.dj_ie .CalendarWeekView table.weeklyViewTable td {
	height: 30px;
}


.CalendarWeekView td.workHourPartialStart {
	vertical-align: bottom;
}

.CalendarWeekView td.workHourPartialEnd {
	vertical-align: top;
}

.CalendarWeekView td.workHourPartialStart div {
	vertical-align: bottom;
}

.CalendarWeekView td.workHourPartialEnd div {
	vertical-align: top;
}

.CalendarWeekView .weeklyViewTable tr.workHour td.nonWorkDay {
	background-color: #FFF; /*NOT THEMED*/
}

/* Very last columns do not need to waste space with a border on the right. */
.CalendarWeekView table tr .allDayLast,
.CalendarWeekView table tr .scrollbar-cell {
	border-right-width: 0;
}
/*
    Document   : OptionEvent
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer CalendarOptionEvent
*/
/*
    Document   : OptionGeneral
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer CalendarOptionGeneral
*/

.CalendarOptionGeneral .FormField label {
	width: 12em;
}

.CalendarOptionGeneral .FormField .dijitComboBox {
	width: 245px;
}

.CalendarOptionGeneral .FormField .dijitCheckBox {
	margin-bottom: 10px;
}

.CalendarOptionGeneral-WorkdaySection label {
        vertical-align: top;
}

.CalendarOptionGeneral-Workdays {
        width: 500px;
}

.CalendarOptionGeneral-Workdays .FormField {
        display: inline-block;
}

.CalendarOptionGeneral-Workdays .FormField label {
        width: 7em;
}

/*
    Document   : OptionGeneral
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer CalendarOptionNotification
*/

.CalendarOptionNotification .FormField label {
	width: 160px;
}

.CalendarOptionNotification .CalendarOptionNotification-Indent .FormField-LabelAfter label {
	width: 140px;
}

.CalendarOptionNotification-NotifyWhen .dijitNumberTextBox,
.CalendarOptionNotification-NotifyWhen .dojoxDropDownSelect {
	vertical-align: top;
}

.CalendarOptionNotification-NotifyWhen .dijitNumberTextBox {
    margin-left:-4px;
}

.CalendarOptionNotification .CalendarOptionNotification-Indent .FormField {
	margin-left: 20px;
}

.CalendarOptionNotification .FormField .dojoxDropDownSelectFixedWidth {
	width: 113px;
}
/* 
    Document   : Mail
    Created on : Apr 8, 2009, 6:29:17 PM
    Author     : paul
    Description: includes all mail css files, also general styles across
								 mail widgets get moved here to be organized later.

								 All styles should use a base class of iwcWidget{WidgetName}

								 Example:
									MailAccountFolderInfo base class would be:
									iwcWidgetMailAccountFolderInfo
*/








/*
	
	Included inside an iframe
*/


















/* 
    Document   : AdvancedSearch
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailAdvancedSearch
		New class names: MailAdvancedSearch
*/

.MailAdvancedSearch {
	padding: 50px 30px 10px 50px;
}

.MailAdvancedSearch .FormField {
	margin-bottom: 1em;
}

.MailAdvancedSearch-Inline {
	margin-bottom: 1em;
}

.MailAdvancedSearch-Inline .FormField {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 0;
	vertical-align: middle;
}

.dj_ie .MailAdvancedSearch-Inline .FormField {
	display: inline;
}

.MailAdvancedSearch .dojoxDropDownSelectFixedWidth {
	width: 150px;
	margin: 0 10px 0 0;
}

.MailAdvancedSearch .MailAdvancedSearch-CriteriaContainer {
	display: inline-block;
	margin: 20px 0;
	padding: 20px;
	overflow: auto;
	white-space: nowrap;
	width: auto;
	border: 1px solid;
}

.dj_ie .MailAdvancedSearch-CriteriaContainer{
	width: 560px;
}

.MailAdvancedSearch .MailAdvancedSearch-CriteriaContainer .sectionDropBox {
	width: auto;
	margin: 20px 0;
	overflow: hidden;
}

.dj_ie .MailAdvancedSearch-CriteriaContainer .MailAdvancedSearch-Criteria {
	width: 560px;
}

.dj_ie .MailAdvancedSearch-CriteriaContainer .dijitTextBox {
	vertical-align: top;
}

.MailAdvancedSearch-plusButton,
.MailAdvancedSearch-minusButton {
	margin: 0 0 0 10px;
}

.dj_ie .MailAdvancedSearch-plusButton,
.dj_ie .MailAdvancedSearch-minusButton {
	vertical-align: top;
	margin-top: 3px;
}

.MailAdvancedSearch .MailAdvancedSearch-Bottom {
	width: 560px;
}

.MailAdvancedSearch .MailAdvancedSearch-Bottom .defaultButton {
	margin: 5px 10px;
	float: right;
}

.MailAdvancedSearch .dijitDateTextBox {
	margin-right: 77px;
}

/*
    Document   : CreateMessage
    Created on : Apr 8, 2009, 6:16:44 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcMailNew iwcWidgetMailNew
		New class names: MailCreateMessage
*/

.MailCreateMessage {
	font-size: 11px;
}

/* moved from inline */
.MailCreateMessage-Smime-SigningCertificate {
  padding-left: 20px;
}

.MailCreateMessage .MailCreateMessage-ComposeTop {
	zoom: 1;
}

/*
  All options should be children of MailCreateMessage-Options
*/
.MailCreateMessage .MailCreateMessage-Options {
	padding: 14px 0 0 0;
}

.MailCreateMessage .MailCreateMessage-Security {
	padding: 14px 0 0 71px;
}

.MailCreateMessage .dojoxDropDownSelectFixedWidth{
	width: 160px;
	margin: 0;
}

/* Option Area */
.MailCreateMessage .MailCreateMessage-Options .FormField,
.MailCreateMessage .MailCreateMessage-Security .FormField {
	display: inline-block;
	margin: 0 10px 0 0;
}

.dj_ie .MailCreateMessage .FormField {
	display: inline;
	vertical-align: middle;
}

.MailCreateMessage .MailCreateMessage-Headers {
	padding: 10px 0 14px 0;
}

.MailCreateMessage .MailCreateMessage-Headers .FormField {
	width: 100%;
	padding: 4px 0 4px 0;
}

.MailCreateMessage .MailCreateMessage-FirstOption .FormField-Label,
.MailCreateMessage .MailCreateMessage-Headers .FormField-Label {
	width: 60px;
	text-align:right;
	overflow: visible;
}

.MailCreateMessage .MailCreateMessage-Headers .FormField-InputWrapper {
	width: 90%;
}

.MailCreateMessage .MailCreateMessage-Headers .FormTextBox,
.MailCreateMessage .MailCreateMessage-Headers .FormSimpleTextarea {
	width: 90%;
}

.MailCreateMessage .MailCreateMessage-Headers .dijitButton {
	margin: 0 0 0 10px;
}

.dj_webkit .MailCreateMessage-Headers .dijitButtonNode {
	padding: 3px;
}

.MailCreateMessage .MailCreateMessage-Headers .dijitButton .dijitButtonText {
	display: none;
}

.MailCreateMessage .MailCreateMessage-Headers .dijitButtonNode .ABToolbarIcon {
	width: 16px;
}

.MailCreateMessage .simpleEditor {
	padding: 0px 0px 0px 4px;
}

/*
  Body: editor container
  should take available space, no need for right and left borders
*/
.MailCreateMessage .MailCreateMessage-EditorHarness {
	width: 100%;
	height:98%;
	float:none;
  border-right-width: 0;
  border-left-width: 0;
}

.MailCreateMessage .saveNotification {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 16px;
	border-top:1px solid;
	padding:0.5em 0.5em 0.5em 1em;
	text-align:left;
	width:100%;
}

.dj_ie .MailCreateMessage .saveNotification {
	bottom: 145px;
}
/* 
    Document   : FolderPermissions
    Created on : Apr 8, 2009, 5:28:54 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailFolderPermissions
		New class names: MailFolderPermissions
*/

.MailFolderPermissions {
	height: 250px;
	overflow: auto;
}

.MailFolderPermissions .permissionHeader {
	padding: 1em 0 .5em 0;
}

.MailFolderPermissions .userColumn {
	width: 20.5em;
}

.MailFolderPermissions .permissionColumn {
	width: 15.5em;
}

.MailFolderPermissions .permissionContainer {
	margin: 0 0 1em 0;
}

.MailFolderPermission {
        margin: 2px 0 2px 0;
}

.MailFolderPermission .dojoxDropDownSelectFixedWidth {
	width: 10em;
	margin-right: 1em;
}

.MailFolderPermission .dijitTextBox{
	width: 17em;
	margin: 0 .7em 0 0;
}

.MailFolderPermission span.dijitButton,
.MailFolderPermission span.dijitButton .dijitButtonNode {
        border: none;
        background: none;
        padding: 0;
        margin: 0;
}
/* 
    Document   : iwcWidgetMailFolderPropertiesDialog
    Created on : Apr 8, 2009, 6:15:26 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailFolderPropertiesDialog
		New class names: MailFolderPropertiesDialog
*/


.MailFolderPropertiesDialog .FormField .FormField-Label {
       width: 10em;
       vertical-align: top;
       margin-top: 2px;
	   float: none;
}

.MailFolderPropertiesDialog .FormField .FormField-InputWrapper {
	   float: none;
}

.MailFolderPropertiesDialog .FormField .FormTextBox {
	   width: 150px;
}

.MailFolderPropertiesDialog .MailFolderPropertiesDialog-NameSection label {
       vertical-align: middle;
       margin-top: 0;
}
/* 
    Document   : MailFolderDialog
    Created on : Apr 8, 2009, 5:27:47 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dialogbox dijitDialog iwcWidgetMailCreateFolderDialog
		New class names: dijitDialog MailFolderDialog
*/

.MailFolderDialog {
        width: 360px;
}

.MailFolderTreeDialog {
	width: 450px;
}

.MailFolderTreeDialog .FormField {
	width: 330px;
	margin-bottom: 7px;
}

.MailFolderDialog .FolderTreeSection {
	margin: 0 0 15px 0;
}

.MailFolderDialog .FolderTreeSection label {
	display: inline-block;
    margin-bottom: 12px;
}

.MailFolderDialog .MailFolders {
	height: 200px;
	border: 1px solid;
	height: 200px;
	overflow: auto;
}

.MailFolderDialog .left {
    float: left;
}


/* 
    Document   : FolderSelect
    Created on : Aug 18, 2009, 5:50:49 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: mailFolderSelect
		New class names: MailFolderSelect
		
		Note: Has not been customized
*/

/* 
		Old class names: iwcMailFolders
		New class names: MailFolders
*/


.MailFolders {
	overflow-x: hidden;
	overflow-y: auto;
}

.MailFolders .FolderHasUnread {
	font-weight: bold;
}

/*
    Document   : Grid
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcGridFiller, iwcVirtualList, MessageEnvelope
		New class names: MailGrid, MailGrid-Headre, MailGrid tr
*/

.MailGrid {
        
}

.MailGrid h2 { /* empty grid styling */
        padding-left:2em;
        font-weight:normal;
        text-align: center;
}

.MailGrid table {
	table-layout:fixed;
	border-collapse:collapse;

  /* font-size in spec is 11px */
	font-size: 11px;
	line-height: 22px;
}


.MailGrid-Header .checkbox, .MailGrid .checkbox {
	display: block;
	margin: auto;
}

.MailGrid-Header .checkbox {
	margin-top: 4px;
}

/* GRID ROWS */
.MailGrid tr {
	height: 22px;
	cursor: pointer;
  background: #FFF;
  /* Every other row is colored, see theme */
}

.MailGrid tr.unread {
        font-weight:bold;
}

.MailGrid tr.deleted {
        color:#CCC;
}



/* SUBJECT */
.MailGrid table .subj {
        margin-left: 2px;
        padding: 0 5px 0 17px;
        vertical-align:top;
        background: none;
        overflow: hidden;
}

.MailGrid table .size {
        text-align: right;
        padding: 0 5px 0 0;
}

.MailGrid table .text {
        padding: 0 5px 0 5px;
        overflow: hidden;
}

/* ICONS */

.MailGrid .icon {
        padding:  0pt;
}

.MailGrid tr td{
        white-space: nowrap;
		padding: 1px 0 1px 0; /* Combined height of row should be 19px */
}

.MailGrid-Header {
        height: 22px; /*Combined height with top and bottom border should be 24px */
        border-bottom: 1px solid;
        padding-right: 14px;
}

/*
.MailOpenFolder .MailGrid-Header div {

}
*/
.MailGrid-Header .columnHeader{
        cursor: pointer;
        padding-top: 1px;
        overflow: hidden;
        background: none;
}

.MailGrid-Header .columnHeader .label{
        padding-left: 5px;
        padding-right: 5px;
		padding-top: 4px;
}

.MailGrid-Header .columnSorted {
        background-repeat: repeat-x;
}


.MailGrid-Header .columnSorted {
        background-repeat: repeat-x;
}

.MailGrid-Header .columnHeader .HeaderText {
        padding: 2px;
}

.MailGrid-Header .columnSorted .HeaderText {
        float: left;
}


.MailGrid-Header .dijitSplitContainerSizerH {
        border: 0px;
        border-left: 1px solid;
        margin-right: 10px;
        background:none;
}

.MailGrid-Header .dijitSplitContainerSizerH .thumb {
        background:none;
        height: 1.4em;
        left:   1px;
        width:  3px;
}


.MailGrid-SortIcon {
	position: absolute;
	right: 10px;
	top: 5px;
}

.dijitRtl .MailGrid-SortIcon {
	left: 10px;
}



/* ::::: Message body - intended to be loaded inside the viewer's iframe ::::: */

.MailMessagePane body {
	margin: 0;
	padding: 9px;
}

.MailMessagePane pre {
	border: 0pt;
	padding: 0pt;
	background: none;
	font-size: 2.5ex;
	line-height: 2.8ex;
  
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.MailMessagePane div {
	min-height: 1em;
}


.MailMessagePane div.mimepart.text.plain {
	font-size: 2ex;
	line-height: 2.8ex;
}


/* ::::: Inline attached Messages ::::: */
.MailMessagePane .attachmentSeparator {
	margin: 0.8em 0;
	padding: 0 0.8em;
	height: 1em;
	border-top-width: 2px;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
}

.MailMessagePane pre.inlineText { /* no-wrap */
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
  background-color: transparent;
  border: none;
}

.MailMessagePane .MailMessagePane-inlineContainer {
}

.MailMessagePane .inlineImage {
	display: block;
	margin: 0px auto;
	/* required for IE centering... */
	text-align: center;
}

.MailMessagePane .inlineImageLoading {
	visibility: hidden;
}

.MailMessagePane .inlineImageZoomable{
	/* TODO:: add support for other browsers */
	cursor: -moz-zoom-in
}


.MailMessagePane .inlineImageZoomable.inlineImageZoomed {
	/* TODO:: add support for other browsers */
	cursor: -moz-zoom-out
}

.MailMessagePane .inlineHeaderPane {
  font-size: 11px;
  background-color: #EEE; /* NOT THEMED */
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #CCC;
  overflow: hidden;
  vertical-align: top;
  padding-top: 2px;
}

.MailMessagePane .inlineHeaderPane table{
  font-size: 11px;
}

.MailMessagePane .inlineHeaderPane tr{
  vertical-align: top;
}

.MailMessagePane .inlineHeaderPane .header .label{
  padding: 0 .5em 0 0.5em;
  text-align: right;
  vertical-align: top;
  width: 5em;
  font-weight: bold;
}

.MailMessagePane .inlineHeaderPane .subjectvalue {  
  font-weight: bold;
  overflow: hidden;  
}

.MailMessagePane .inlineHeaderPane .headerValue .datevalue {
  white-space: nowrap;
}

.MailMessagePane .inlineHeaderPane .headerValue.address {
}
/* 
    Document   : MailMessagePaneDiv
    Created on : Apr 8, 2009, 6:16:25 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.
*/

/* 
    Document   : MailMessagePaneIframe
    Created on : Apr 8, 2009, 6:16:44 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.
*/

/*
    Document   : MailMessageViewer
    Created on : Apr 8, 2009, 6:16:44 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailMessageViewer
		New class names: MailMessageViewer
*/


/* BEGIN MailMessageViewer  expanded view */

.MailMessageViewer .MailMessageViewer-statusMessagePane {
	padding: 10px;
    text-align:center;
}

.MailMessageViewer .MailMessageViewer-statusMessagePane div{
    font-size:13px;
    font-weight:bold;
}

.MailMessageViewer-HeaderPane {
	overflow:visible;
	padding-top:2px;
	position: relative;
	border-bottom: 1px solid;
}

.MailMessageViewer .MailMessageViewer-HeaderPane table {
	width: 100%;
	position: relative; /* FIXES 6790153 */
}

.MailMessageViewer .MailMessageViewer-HeaderPane td {
	vertical-align: top;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .headerToggleButton {
	padding: 3px;
	cursor: pointer;
	cursor: hand;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .leftCol {
	padding-bottom:0.2em;
	padding-top:0.2em;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .rightCol {
	padding:0.2em 0.2em 0 0;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .draftCol,
.MailMessageViewer .MailMessageViewer-HeaderPane .securityCol {
	display: none;
	text-align: right;
	margin: 0;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .securityButton {
	padding: 0;
	margin: 0;
}

.MailMessageViewer .MailMessageViewer-HeaderPane.isDraft .draftCol,
.MailMessageViewer .MailMessageViewer-HeaderPane.isSigned .securityCol,
.MailMessageViewer .MailMessageViewer-HeaderPane.isEncrypted .securityCol {
	display: block;
}

.MailMessageViewer .MailMessageViewer-HeaderPane label {
	display: block;
	width: 5em;
	text-align: right;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.expandablecc .cc label,
.MailMessageViewer .MailMessageViewer-HeaderPane.expandablebcc .bcc label,
.MailMessageViewer .MailMessageViewer-HeaderPane.expandableto .to label  {
	cursor: pointer;
	cursor: hand;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .value {
	display: block;
	position: relative; /* setup context for children */
	margin-left: 5.4em;
	margin-top: -1.25em;
	margin-bottom: 0.2em;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .eol {
	/*
	border: 1px solid orange;
	*/
}
.MailMessageViewer .MailMessageViewer-HeaderPane .subject .value {
	font-weight: bold;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .cc .value,
.MailMessageViewer .MailMessageViewer-HeaderPane .bcc .value,
.MailMessageViewer .MailMessageViewer-HeaderPane .to .value {
	height: 1.4em;
	overflow: hidden;
}

.MailMessageViewer .MailMessageViewer-HeaderPane.expandcc .cc .value,
.MailMessageViewer .MailMessageViewer-HeaderPane.expandbcc .bcc .value,
.MailMessageViewer .MailMessageViewer-HeaderPane.expandto .to .value {
	height: auto;
	max-height: 4.2em;
	overflow: auto;
}

.MailMessageViewer .MailMessageViewer-HeaderPane.noto .to,
.MailMessageViewer .MailMessageViewer-HeaderPane.nocc .cc,
.MailMessageViewer .MailMessageViewer-HeaderPane.nobcc .bcc,
.MailMessageViewer .MailMessageViewer-HeaderPane.nofrom .from,
.MailMessageViewer .MailMessageViewer-HeaderPane.nosender .sender,
.MailMessageViewer .MailMessageViewer-HeaderPane.noreply-to .reply-to { display: none; }

/* END MailMessageViewer  expanded view */


/* START MailMessageViewer collapsed view */

.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .leftCol .to,
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .leftCol .cc,
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .leftCol .bcc,
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .leftCol .reply-to {
	display: none;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .draftCol,
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .securityCol {
	display: none;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .rightCol {
	position: relative; /* context for children */
}
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .subject .value {
}
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .date label {
	visibility: hidden;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .date .value {
	margin-left: 0;
	padding: 0 0.2em 0 0;
	text-align: right;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .date {
	position: absolute;
	width: 10em;
	right: 0;
	top: 0.2em;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .from {
	margin-right: 10.1em;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.collapsed .sender {
	margin-right: 10.1em;
}

/* END MailMessageViewer collapsed view */


/* START MailMessageViewer block images pane */

.MailMessageViewer .MailMessageViewer-BlockedImagesPane {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 5px 5px 5px 3px;
}

.MailMessageViewer-BlockedImagesPane .BlockedImages {
	padding-right: 5px;
}

.MailMessageViewer .MailMessageViewer-BlockedImagesPane .MailMessageViewer-BlockedImagesMessage {
	padding-top: 4px;
}

.MailMessageViewer .MailMessageViewer-BlockedImagesPane .dijitButton {
	float: right;
}

.MailMessageViewer .MailMessageViewer-BlockedImagesPane-Message {
	float: left;
}

/* END MailMessageViewer block images pane */

/* START MailMessageViewer security pane */
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane {
	display: none;
	border-top: 1px solid;
	padding: 0.3em;
}

.MailMessageViewer .MailMessageViewer-HeaderPane.isSecurityPaneShown .securityPane {
	display: block;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane label {
	display:block;
	height:22px;
	width: 22px;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane span {
	display:block;
	padding-left: 26px;
	margin-top: -24px;
	min-height: 1.6em;
	line-height: 1.6em;
}
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane .isEncrypted,
.MailMessageViewer .MailMessageViewer-HeaderPane.isEncrypted.isDecryptionFailed .securityPane .isEncrypted,
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane .isDecryptionFailed,
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane .isSigned,
.MailMessageViewer .MailMessageViewer-HeaderPane.isSigned.isVerificationFailed .securityPane .isSigned,
.MailMessageViewer .MailMessageViewer-HeaderPane .securityPane .isVerificationFailed {
	display: none;
}
.MailMessageViewer .MailMessageViewer-HeaderPane.isEncrypted .securityPane .isEncrypted,
.MailMessageViewer .MailMessageViewer-HeaderPane.isDecryptionFailed .securityPane .isDecryptionFailed,
.MailMessageViewer .MailMessageViewer-HeaderPane.isSigned .securityPane .isSigned,
.MailMessageViewer .MailMessageViewer-HeaderPane.isVerificationFailed .securityPane .isVerificationFailed {
	padding: 3px;
	display: block;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .spamPane {
	display: none;
	border-top: 1px solid;
	padding: .5em .3em .5em 1em;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .spamPane .spamMessage {
	float: left;
	margin-top: .6em;
	font-weight: bold;
	padding: 0px;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .spamPane .spamButton {
	float: right;
	margin: 0;
	padding: 0px;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .spamPane .dijitButtonNode {
	padding: .1em .3em 0 .2em;
}

.MailMessageViewer .MailMessageViewer-HeaderPane .spamPane .spamButton .MailToolbarIcon_NotSpam {
	height: 20px;
	width: 20px;
}

.dj_ie .MailMessageViewer .MailMessageViewer-HeaderPane .spamPane .spamButton .MailToolbarIcon_NotSpam {
	margin-right: .3em;
}

.MailMessageViewer .MailMessageViewer-HeaderPane.isSpamPaneShown .spamPane {
	display: block;
}


/* END MailMessageViewer security pane */

.MailMessageViewer .MailMessageViewer-BodyPane {
	padding: 0;
	overflow: hidden;
}

/* For the dropdown menu image */
.MailMessageViewer .MailMessageViewer-AttachmentPane {
	border-top: none;
}

.MailMessageViewer .MailMessageViewer-AttachmentPane .attachment {
	cursor: pointer;
	padding-right: 6px;
}

.MailMessageViewer .MailMessageViewer-AttachmentPane .attachment {
	cursor: pointer;
	padding-right: 6px;
}

.MailMessageViewer .MailMessageViewer-AttachmentPane .attachment .fname {
	padding-left: 1px;
}


div.MailMessageViewer.printPreview div.MailMessageViewer-AttachmentPane {
	overflow: hidden;
	max-height: auto;
}

.dj_ie div.MailMessageViewer.printPreview div.MailMessageViewer-AttachmentPane {
	overflow: hidden;
	max-height: auto;
}

/* print mode */
div.MailMessageViewer.printPreview div.MailMessageViewer-AttachmentPane div.attachment {
	background: none;
}

/*
    Document   : Navigator
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: MailNavigator ServiceNavigator
		New class names: MailNavigator ServiceNavigator
*/

.MailNavigator .FormField {
  padding: 5px;
  border-bottom: 1px solid;
}

.MailNavigator .MailQuotaBar {
}

/*
    Document   : CreateMessage
    Created on : Apr 8, 2009, 6:16:44 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailOpenFolder
		New class names: MailOpenFolder
*/

.MailOpenFolder {
        height: 100%;
        overflow: hidden;
}

/*Message List */
.MailOpenFolder .MailGrid {
        overflow-x: hidden;
        overflow-y: auto;
}

.MailOpenFolder .MailGrid {
        /*height: 40%;*/
}

.MailOpenFolder .MailOpenFolder-Actions {
  float: left;
}

.MailOpenFolder .MailOpenFolder-QuickSearchForm {
  float: right;
}
/* 
    Document   : MailOpenMessage
    Created on : Apr 8, 2009, 6:17:29 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: (none)
		New class names: MailOpenMessage
*/

/*
    Document   : MailMessageViewer
    Created on : Apr 8, 2009, 6:16:44 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcPrint iwcWidgetMailMessageViewer iwcWidgetMailPrintMessage
		New class names: MailMessageViewer MailPrintMessage
*/

.MailPrintMessage .MailMessageViewer-HeaderPane {
	padding-top: 1em;
    padding-bottom: .5em;
    background-color: #EFF3F6;
    border-bottom-color:  #CFD3D8;
}

.MailPrintMessage .attachmentPane {
    background-color:#FEF5D8;
    border-bottom:1px solid #E3E3AF;
    clear:both;
    margin:0;
    padding:0;
    overflow-x:hidden;
    overflow-y:auto;
    min-height:1em;
    max-height:4.8em;
    padding:7px 12px;
}

.MailPrintMessage .attachmentSeparator {
    margin: 0.8em 0;
	padding: 0 0.8em;
	height: 1em;
	border-width: 1px 0 0;
	border-style: solid;
    border-color:gray;
}

.MailPrintMessage .inlineHeaderPane{
    background-color:#EFEFEF;
    overflow:hidden;
    padding-top:2px;
    vertical-align:top;
    font-size:10pt;
}

.MailPrintMessage .MailMessageViewer-HeaderPane.expandcc .cc .value,
.MailPrintMessage .MailMessageViewer-HeaderPane.expandbcc .bcc .value,
.MailPrintMessage .MailMessageViewer-HeaderPane.expandto .to .value {
	height: auto;
	max-height: 100%;
	overflow: auto;
}

.MailPrintMessage.MailMessageViewer .MailMessageViewer-AttachmentPane.messageList {
	max-height: 100%;
    overflow-y: visible;
}

.MailPrintMessage .MailMessageViewer-BodyPane {
	margin: .8em;
}

.MailPrintMessage .inlineImage {
	display: block;
	margin: 0px auto;
	/* required for IE centering... */
	text-align: center;
}
/* 
    Document   : QuotaBar
    Created on : Apr 8, 2009, 6:17:47 PM
    Author     : paul
    Description:

		Old class names: QuotaBar
		New class names: MailOpenMessage

		Note: all styles prepended .MailNavigator
*/


.MailQuotaBar {
        height: 16px;
        padding: 0;
        overflow:hidden;
}

.MailQuotaBar-QuotaSet {
	width: 10em;
	position:relative;
	height:14px;
	overflow:hidden;
	background: #FFF; /*Not themed */
	border: 1px solid; 
}

.MailQuotaBar-Legend {
        margin: 0 0 0 1em;
        padding: 2px 0 0 0;
        font-size: 11px;
        height: 14px;
}

.MailQuotaBar-Usage {
	background: url("../images/quotaUsedBar.png?00.01_205929") repeat-x center left; /*Not themed */
	border-right: 1px solid #A0BAD8; /*Not themed */
        height: 14px;
}

.MailQuotaBar-Folder {
	background: url("../images/quotaThisBar.png?00.01_205929") repeat-x center left; /*Not themed */
	border-right: 1px solid #E4CC3C; /*Not themed */
        height: 14px;
}

.MailQuotaBar-Text {
	background: none;
        position: absolute;
        top: 0;
        left: 0;
        height: 14px;
        text-align: center;
        font-size: 11px;
        padding: 1px 0 0 0;
}

.MailQuotaBar-Text span {
        text-align: center;
}

.dj_gecko .MailQuotaBar-Text span {
        margin: 1px 0 0 0;
}
/* 
    Document   : QuotaBar
    Created on : Apr 8, 2009, 6:17:47 PM
    Author     : paul
    Description:

		Old class names: QuotaBar
		New class names: MailOpenMessage

		Note: all styles prepended .MailNavigator
*/


.MailQuotaBar.MailQuotaBarDouble {
	height: auto;
}

.MailQuotaBarDouble-Legend {
	margin: .5em 0 0 0;
}

.MailQuotaBarDouble-TotalUsage {
	background: transparent url(../images/quotaUsed.png?00.01_205929) no-repeat scroll left center; /* NOT THEMED */
	padding-left: 14px;
}

.MailQuotaBarDouble-FolderUsage {
	background: transparent url(../images/quotaThis.png?00.01_205929) no-repeat scroll left center; /* NOT THEMED */
	padding-left: 14px;
}

/* 
    Document   : MailRootPropertiesDialog
    Created on : Apr 8, 2009, 6:15:26 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.
*/
.MailRootPropertiesDialog .dijitDialogPaneContent {
        padding-top: 1.5em;
}

.MailRootPropertiesDialog .FormField label {
        width: 10em;
}

.MailRootPropertiesDialog .FormField .FormField-Label {
	   float: none;
}

.MailRootPropertiesDialog .FormField .FormField-InputWrapper {
	   float: none;
}
/* 
    Document   : MailSelectFolderInput
    Created on : Apr 8, 2009, 6:18:29 PM
    Author     : paul
    Description:

		Old class names: iwcWidgetMailSelectFolderInput
		New class names: MailSelectFolderInput

		Note: should use dijitInline as well, should be a form widget
*/

.MailSelectFolderInput .dijitButton {
	margin: 0 0 0 4px;
}

.dj_ie .MailSelectFolderInput .dijitButton {
	vertical-align: top;
}

.MailSelectFolderInput .dijitButtonNode {
	padding-top: 1px;
	padding-bottom: 1px;
}

.dj_webkit .MailSelectFolderInput .dijitButtonNode {
	padding-top: 3px;
	padding-bottom: 2px;
}

.dj_ie .MailSelectFolderInput .dijitButtonNode {
	padding-top: 0;
	padding-bottom: 0;
}

.MailSelectFolderInput .FormTextBox {
	background-color: #FFF;
	color: #111;
}

.MailSelectFolderInput .dijitButtonText {
	padding: 2px 6px 1px 6px;
}
/* 
    Document   : FolderInfo
    Created on : Apr 8, 2009, 5:28:44 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcWidgetMailFolderInfo
		New class names: MailSharedFolderPropertiesDialog
*/

.MailSharedFolderPropertiesDialog {
	width: 360px;
}

.MailSharedFolderPropertiesDialog .FormField label {
        width: 10em;
}

.MailSharedFolderPropertiesDialog .FormField .FormField-Label {
	   float: none;
}

.MailSharedFolderPropertiesDialog .FormField .FormField-InputWrapper {
	   float: none;
}


.MailFolderAccessControl{
	height: 300px;
}

.MailFolderAccessControl .MailFolderAccessControl-directDeliveryControls{
	white-space: nowrap;
	overflow: hidden;
}

.MailFolderAccessControl .MailFolderAccessControl-submitControls{
	text-align: right;
}

.dijitRtl .MailFolderAccessControl .MailFolderAccessControl-submitControls{
	text-align: left;
}
/* 
    Document   : MailSubscribeFolderDialog
    Created on : Apr 8, 2009, 6:18:47 PM
    Author     : paul
    Description:

		Old class names: dialogbox dijitDialog iwcWidgetMailSubscribeFolderDialog
		New class names: dijitDialog MailSubscribeFolderDialog

*/

.MailSubscribeFolderDialog {
        width: 650px;
}

.MailSubscribeFolderDialog-SearchBar {
        height: 30px;
        text-align: right;
}

.MailSubscribeFolderDialog .dijitBorderContainer {
	height: 300px;
	border: 1px solid;
	margin: 15px 0 7px 0;
}

.MailSubscribeFolderDialog-UserList {
	width: 150px;
	height: 100%;
}

.MailSubscribeFolderDialog-FolderList {
	height: 100%;
}
/* 
    Document   : UnreadCounter
    Created on : Aug 20, 2009, 9:29:19 AM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

.MailUnreadCounter {
	/* Right image from theme */
	height: 20px;
	padding: 0  6px 0 0;
	font-size: 12px;
	font-weight: normal; /* Spec says bold but to have similar appearance we need normal */
	margin: 3px 8px 2px 0;
}

.dj_gecko .MailUnreadCounter {
	margin-top: 0;
}

.MailUnreadCounter div {
	/* Left image from theme */
	height: 20px;
	padding: 0px 6px 0 12px;
	line-height: 20px;
}

.dj_webkit .MailUnreadCounter div {
	padding-top: 1px;
}

.dj_ie .MailUnreadCounter div {
	line-height: 19px;
}

.MailUnreadCounter .busyIcon12 {
	display: none;
	/* Icon defined in icons.css */
}

.busy .busyIcon12 {
	margin: 4px 0 0 0;
	display: inline-block;
}

.busy .unreadCount {
	display: none;
}

.MailUnreadCounter .unreadCount {
	vertical-align: baseline;
}

/* See theme for color and backround! */


/* 
    Document   : MailViewer
    Created on : Apr 8, 2009, 6:19:02 PM
    Author     : paul
    Description:

		Old class names: dijitTabContainer iwcWidgetMailViewer
		New class names: dijitTabContainer MailViewerContainer
*/
/* 
    Document   : IEWorkAround
    Created on : Feb 3, 2010, 9:29:58 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/















/*
    Document   : OptionAccountSetting
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionAccountSetting
*/
/*
    Document   : OptionAccounts
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionAccounts
*/
.MailOptionAccountsServer .Status_Label {
	width: auto;
	float: left;
	vertical-align: middle;
	height: 26px;
}

.MailOptionAccountsServer .MailOptionAccountsServer-FailedMsg {
	margin-left: 10px;
}

.MailOptionAccountsServer .MailOptionAccountsServer-ErrorMsg {
	margin-top: 25px;
}
/*
    Document   : OptionNewAccounts
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionNewAccounts
*/

/* Themed !*/
/* Wizard step styles - should be in default.css */

.MailOptionNewAccounts .WizardSteps {
	margin: 30px 0 30px 0;
}

/* Mail Accounts and Mail Accounts Server*/

.MailOptionNewAccounts .FormField label {
	width: 170px;
}

.MailOptionNewAccounts .FormField .OptionTabContainer-Inline label {
	width: auto;
}

.MailOptionNewAccounts .MailOptionNewAccounts-Status {
	float: left;
	margin-left: 16px;
}

.MailOptionNewAccounts .MailOptionNewAccounts-StatusLabel {
	width: auto;
	float: left;
	vertical-align: middle;
	height: 26px;
}

.MailOptionNewAccounts .MailOptionNewAccounts-FailedMsgLabel {
	margin-left: 20px;
}

.MailOptionNewAccounts .MailOptionNewAccounts-FailureMsg {
	margin-top: 25px;
}
/*
    Document   : OptionAccountsIncoming
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names:
		New class names: MailOptionAccountsIncoming
*/

.MailOptionAccountsIncoming label {
	width: 9em;
}

.MailOptionAccountsIncoming .MailOptionAccountsIncoming-InlineLabel {
	margin-left: 1.5em;
}

.MailOptionAccountsIncoming .MailOptionAccountsIncoming-CheckboxLabel label{
	width: auto;
}
/*
    Document   : OptionAccountsSMTP
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names:
		New class names: MailOptionAccountsSMTP
*/
/*
    Document   : OptionAccountsServer
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcMailViewer iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionAccountsServer
*/
/*
    Document   : OptionFilter
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer iwcWidgetNewMailFilter
		New class names: dijitTabContainer OptionTabContainer MailOptionFilter
*/

/* Moving some stuff here from dialog box, might belong here... */
/* BEGIN Mail Filter, Mail Folder, Mail Folder Properties and ABS Shared Folder Dialog */

.MailOptionFilter .error {
	font-size: 13px;
	margin-bottom: 14px;
}

.MailOptionFilter .MailOptionFilter-DropBox {
	margin: 0 0 20px 0;
}

.MailOptionFilter .MailOptionFilter-Buttons {
	margin: 0 0 0 10px;
}

.MailOptionFilter .MailOptionFilter-Buttons .dijitButton {
	margin: 0 5px 0 0;
}

.MailOptionFilter .MailOptionFilter-Buttons .dijitButton .dijitButtonNode {
	border: none;
	background-image: none;
	margin: 0;
	padding: 0;
}

.MailOptionFilter .MailOptionFilter-Buttons .dijitButton .dijitButtonText {
	display: none;
}

.MailOptionFilter .dojoxDropDownSelectFixedWidth {
	width: 170px;
	margin-right: 10px;
}

.MailOptionFilterCriterion, .MailOptionFilterAction {
	margin: 0 0 5px 0;
}

.MailOptionFilter .FormField label {
	width: auto;
}

.dj_ie .MailOptionFilter .FormTextBox {
	vertical-align: top;
}

.dj_ie .MailOptionFilter-Buttons .dijitButton  {
	vertical-align: top;
	margin-top: 2px;
}
/*
    Document   : OptionFilterList
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionFilterList
*/

.MailOptionFilterList-FilterGrid {
	height: 300px;
	width: 400px;
}

.MailOptionFilterList-FilterGrid .dojoxGrid {
	border: 1px solid;
}

.MailOptionFilterList-FilterButtons {
	vertical-align: top;
	margin-left: 14px;
}

.MailOptionFilterList-FilterButtons .dijitButton {
	display: block;
	margin: 0 0 5px 0;
}

.MailOptionFilterList-FilterButtons .dijitButtonContents {
	width: 10em;
}



/*
    Document   : OptionForwarding
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionForwarding
*/
.MailOptionForwarding-Addresses.FormField label {
	vertical-align: top;
}

.MailOptionForwarding-Addresses.FormField .FormSimpleTextarea {
	width: 200px;
}
/*
    Document   : OptionGeneral
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionGeneral
*/
.MailOptionGeneral .MailOptionGeneral-Drafts label {
	width: 200px;
}

.MailOptionGeneral .OptionTabContainer-Inline .FormField-LabelAfter label {
	width: 180px;
}
/*
    Document   : OptionLayout
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionLayout
*/


.MailOptionLayout .FormField-LabelAfter {
	display: inline-block;
	margin-bottom: 0;
}

.dj_ie .MailOptionLayout .FormField-LabelAfter {
	display: inline;
	margin-right: 1em;
}


.MailOptionLayout .FormField label {
	width: 10em;
}

.MailOptionLayout .MailOptionLayout-DisablePreview label {
	width: 210px;
}

.MailOptionLayout-FilterList label,
.MailOptionLayout-FilterList select {
	vertical-align: top;
}

.MailOptionLayout-FilterList select {
	width: 110px;
	overflow-x: hidden;
	overflow-y: hidden;
	font-family: arial, helvetica, sans-serif;
	border: 1px solid;
	padding: 3px 0px 3px 3px;
}

.MailOptionLayout-FilterList select option {
	color: #333;
}

.MailOptionLayout .MailOptionLayout-MoveButtons {
	padding: 0 1em;
	vertical-align: top;
}

.MailOptionLayout .MailOptionLayout-MoveButtons .dijitButton {
	display: block
}

.MailOptionLayout .MailOptionLayout-MoveButtons .dijitButtonContents {
	width: 10em;
}
/*
    Document   : OptionSenderIdentities
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names:
		New class names: MailOptionSenderIdentities
*/

.MailOptionIdentity .MailOptionIdentity-Signature {
	width: 58em;
	float:none;
	margin-bottom:7px;
}

.MailOptionIdentity .RichTextEditable {
	border-style: solid;
	border-width: 1px;
}

.MailOptionIdentity .MailOptionIdentity-VCardName .FormField label,
.MailOptionIdentity .MailOptionIdentity-VCardAddress .FormField label {
	width: auto;
}

.MailOptionIdentity .FormField .dojoxDropDownSelectFixedWidth {
	width: 128px;
}

.dj_ie .MailOptionIdentity .FormField .dojoxDropDownSelectFixedWidth {
	width: 132px;
	margin-right:8px;
}

.MailOptionIdentity .MailOptionIdentity-VCardDetails {
	margin-left:-1em;
}

/* two columns */
.MailOptionIdentity .MailOptionIdentity-VCardPhoneEmail .MailOptionIdentity-VCardEmail,
.MailOptionIdentity .MailOptionIdentity-VCardPhoneEmail .MailOptionIdentity-VCardPhone {
	width:48%;
	float:left;
}

.MailOptionIdentity .MailOptionIdentity-VCardState {
	width:3.9em;
}

.MailOptionIdentity .MailOptionIdentity-VCardPostal {
	width:9.4em;
}

/*
    Document   : OptionVacationMessage
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer MailOptionVacationMessage
*/


.MailOptionVacationMessage-Lower .FormField label {
	width: 200px;
	font-size: 11px;
}

.MailOptionVacationMessage-Last .FormField label {
	vertical-align: top;
}

.MailOptionVacationMessage .FormField .FormTextBox {
	width: 300px;
}

.MailOptionVacationMessage .FormField .FormSimpleTextarea {
	width: 300px;
}

.MailOptionVacationMessage .subTextArea {
	max-width: 550px;
	font-size: 11px;
}
/*
 Instant Messenger
*/













/*




*/


/* This style is used in both Contacts and in the Contact property dialog */

.IMAvatar {
	margin-right: 10px;
	padding: 1px;
	overflow: hidden;
	position: relative;
	float: left;
    text-decoration: none;
}

.dj_ie .IMAvatar {
	margin:4px 10px 0 6px;
}

.IMAvatar .imageAvatar {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.IMAvatarSmall {
	background-image: none;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	padding: 1px;
	overflow: hidden;
	position: relative;
	float: left;
    text-decoration: none;
}

.IMDefaultAvatarSmall {
	margin-right: 5px;
	padding: 1px;
	overflow: hidden;
	position: relative;
	float: left;
    text-decoration: none;
}

.IMAvatarSmall .imageAvatar {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.IMPresenceSelector {
	height: 32px;
	line-height: 32px;
}

.IMSessionHeader {
	float: left;
	width: 100%;
	margin-left: 10px;
	line-height: 36px;
}

.dj_ie .IMSessionHeader {
	float: none;
}

.IMSessionNewMessageCount {
	font-weight: bold;
	margin-bottom: 3px;
}

.IMPresenceButtonDownArrow {
	font-size: .5em;
	margin-left:.8em;
	margin-right:0em;
	line-height:2em;
	text-align:center;
	vertical-align:bottom;
}

.GroupChatInvitation {
    width: 400px;
}

.GroupChatInvitation .avatarContainer{
	float:left;
	border-width: 1px;
	border-style: solid;
	margin-right: 5px;
	width:40px;
	height:40px;
}
/*
    Document   : Contacts
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog mailFolderDialog IMAddBuddyDialog
		New class names: dijitDialog IMAddBuddyDialog
*/
.IMAddBuddyDialog {
	width: 450px;
}

.IMAddBuddyDialog .FormField label {
	width: 8em;
}

.IMAddBuddyDialog .FormField .FormTextBox,
.IMAddBuddyDialog .FormField .FormSimpleTextarea {
	width: 188px;
}

.IMAddBuddyDialog .FormField .dojoxDropDownSelectFixedWidth {
	width: 190px;
	margin: 0;
}
/*
    Document   : BuddySearchBox.css
    Created on : 08 ‎January ‎2010, ‏‎02:22:40
    Author     : 
    Description:
        Style declarations for Autocomplete search box of buddies.
*/

.IMSession-Roster-BuddySearchBox-Container {
	padding: 5px 30px 5px 5px;
}

.BuddySearchBox {
	border: none;
	padding: 1px 1px 2px 2px;
	min-width: 50px;
	width: 95%;
}

.BuddySearchBox .FormTextBox {
	width: 100%;
}

.BuddySearchBox .FormTextBox .dijitValidationIcon,
.BuddySearchBox .FormTextBox .dijitValidationIconText {
	display: none;
}


.BuddySearchBox .FormTextBox .FormTextBox-inputText {
	padding: 1px 20px 0 0;
	border: none;
	width: auto;
}

.dj_ie .BuddySearchBox .FormTextBox .FormTextBox-inputText {
	padding-top: 4px;
}

.BuddySearchBox .FormTextBox input {
	padding-top: 0;
	width: 100%;
}

.BuddySearchBox .BuddySearchBox-SelectItemButton {
	position: absolute;
	right: -32px;
	top: -1px;
}

.BuddySearchBox .BuddySearchBox-SelectItemButton .dijitButtonNode {
	padding: 1px;
}

.dj_ie .BuddySearchBox .BuddySearchBox-SelectItemButton .dijitButtonNode {
	padding: 1px 4px;
}

.BuddySearchBox .BuddySearchBox-SelectItemButton .dijitButtonText {
	padding: 0;
}

.BuddySearchBox.HasInput .FormSearchBox-clearButton {
	visibility: visible;
}

.BuddySearchBox.HasInput .FormTextBox-helperText {
	display: none;
}

.BuddySearchBox-BuddyItem {
	
}

.BuddySearchBox-BuddyItem .IMPresenceIcon {
	margin: 0 0 0 3px;
	padding-right: 3px;
}
/*
    Document   : ContactPropertiesDialog
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog mailFolderDialog IMNewGroupDialog
		New class names: dijitDialog IMContactPropertiesDialog
*/
.IMContactPropertiesDialog {
	
}

.IMContactPropertiesDialog .IMPresenceIcon {
        margin: 0 .5em;
}

.IMContactPropertiesDialog .FormField {
        margin: .5em 0 0 0;
}

.IMContactPropertiesDialog .IMContactTop {
        margin: 0 0 1em 0;
}

.IMContactPropertiesDialog .IMAvatar {
        float: left;
}

.IMContactPropertiesDialog .IMContactDetails {
        float: left;
        vertical-align: bottom;
}

.IMContactPropertiesDialog .FormField .FormField-Label,
.IMContactPropertiesDialog .FormField .FormField-InputWrapper {
	   float: none;
}

.IMContactPropertiesDialog fieldset {
        margin: 1em 0;
}

.IMContactPropertiesDialog legend {
	padding: .5em 0 .5em 0;
}

.IMContactPropertiesDialog .groupList {
	height: 75px;
	overflow-y: auto;
	overflow-x: hidden;
}

.IMContactPropertiesDialog .groupRow {
	padding: .5em .5em 0 .5em;
}

.IMContactPropertiesDialog .groupRow input {
	margin: 0 5px 0 0;
}
/*
    Document   : Contacts
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcIMContacts
		New class names: IMContacts
*/

.IMContacts {
	/* margin-right: 4px;*/
}

.IMContacts .IMContacts-StatusMenu {
	padding: 3px 15px 2px 12px;
	border-width: 0 0 1px 0;
	border-style: solid; 
}

.IMContacts .IMContacts-StatusMenuLeft {
	float: left;
	font-size: 12px;
	padding-left: 10px;
}

.IMContacts .IMContacts-UserName {
	display: block;
	font-weight: bold;
}

.IMContacts .IMContacts-header .dijitDropDownButton {
	margin: 3px 0 0 0;
}

.IMContacts .IMContacts-header .dijitDropDownButton .dijitButtonNode {
	border: none;
	padding: 0;
	background: none;
}

.IMContacts .IMContacts-header .dijitDropDownButton .IMPresenceIcon {
	padding-right: 3px;
}

.IMContacts-Avatar {
	overflow: hidden;
	position: relative;
	float: right;
	cursor: pointer;
	padding: 1px;
}

.IMContacts-statusMenu .IMContacts-Avatar.imageAvatar {
	padding: 1px;
}

.IMContacts-Avatar-Hover {
	border: 1px solid;
	padding: 0px;
}


.IMContacts .IMContacts-Roster {
	clear: both;
	overflow-y: auto;
	overflow-x: hidden;
}

.IMContacts .dijitToolbar {
	height:auto;
	border-width: 0 0 1px 0;
	border-style: solid; 
	overflow: hidden;
	padding: 2px 12px 3px 17px;
}

.IMContacts .dijitToolbar .dijitArrowButtonInner {
	margin: 0 2px 0 3px;
}


.IMContacts .dijitToolbar .dijitButtonText {
	padding: 0;
	font-size: 12px;
}

.IMContacts-SortAZButton {
	float: left;
}

.IMContacts-SortOnlineButton {
	float: right;
}

.IMContacts .dijitComboButton.IMContacts-SortOnlineButton {
	padding: 1px;
}

.IMContacts .dijitComboButtonHover.IMContacts-SortOnlineButton,
.IMContacts .dijitComboButtonDownArrowHover.IMContacts-SortOnlineButton,
.IMContacts .dijitComboButtonActive.IMContacts-SortOnlineButton {
	padding: 0px;
}

/*
.IMContacts .IMToolbar .dijitA11yDownArrow {
	font-size: 7px;
}
*/

.IMContacts .IMContacts-BuddyGroups {
	width: 100%;
	overflow: auto;
}

.IMContacts .dijitTitlePaneTitle {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 5px 12px 4px 20px; /* 18px */
	font-size: 12px;
}

.IMContacts  .dijitTitlePaneContentOuter {
	border-width: 0;
}

.IMContacts .dijitTitlePaneContentInner {
	padding: 0;
}

.IMContacts .IMContacts-BuddyGroup {
	overflow-x: hidden;
}

.dj_ie7 .IMContacts .IMContacts-BuddyGroup {
	zoom: 1;
}


.IMContacts .IMContacts-BuddyList {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 5px 0;
}

.IMContacts .IMContact {
	padding: 0 14px 0 14px;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
}

.IMContacts .IMContact .IMAvatarSmall {
	width: 20px;
	height: 20px;
	border: none;
}

.IMContacts .IMContact .IMPresenceIcon {
	margin: 5px 0 0 0;
}

/* Begin of BuddyList Item */
.IMContacts .IMContact .IMBuddyName {
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	padding: 3px 0 0 0;
	width: auto;
	margin-right: 20px;
}

.IMContacts .IMContact .IMContact-BuddyItem {
	clear: both;
	display: block;
}

.IMContacts .IMContact .IMContact-BuddyItem .IMPresenceIcon {
	float: right;
	margin-top: -13px;
}

.IMContacts .noAvatar img {
	display: none;
}

/* End of BuddyList Item */



/* Contact Info Popup */
.IMContacts-Tooltip {
	min-width: 200px;
	padding: 10px 10px 5px 10px;
	border: 1px solid;
	overflow: hidden;
}

.IMContacts-Tooltip-Pane {
	display: inline-block;
	vertical-align: top;
}

.dj_ie .IMContacts-Tooltip-Pane {
	display: inline;
}

.IMContacts-Tooltip-Pane div,
.IMContacts-Tooltip-Pane div span {
	white-space: nowrap;
}

.IMContacts-Tooltip-Status {
	margin-top: 10px;
}

.IMContacts-Tooltip-Status .IMPresenceIcon {
	height: 12px;
	margin-right: 3px;
}
/*
    Document   : CustomPresenceDialog
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog IMCustomPresenceDialog
		New class names: dijitDialog IMCustomPresenceDialog
*/

.IMCustomPresenceDialog {
	width: 350px;
}
/*
    Document   : GroupPropertiesDialog
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: dijitDialog IMNewGroupDialog
		New class names: dijitDialog IMGroupPropertiesDialog
*/
.IMGroupPropertiesDialog {
	width: 360px;
}

.IMGroupPropertiesDialog legend {
	padding: .5em 0 .5em 0;
}

.IMGroupPropertiesDialog .contactList {
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid;
}

.IMGroupPropertiesDialog .contactListRow {
	padding: .5em .5em 0 .5em;
}

.IMGroupPropertiesDialog .contactListRow input {
	margin: 0 5px 0 0;
}
.IMNotificationMessage {
	font-size: 10px;
}

.IMNotificationMessage .separator {
	height:1px;
	border-top: 1px solid #CCC; /* NOT THEMED */
	margin: 10px 0 6px 0;
	padding: 0;
}

.IMNotificationMessage .separator+.NotificationMessage-TitleBar {
	padding-top: 5px;
}

.IMNotificationMessage .messageActions {
	display:block;
	margin:0;
	padding:0;
	padding-bottom: 0.75em;
}

.IMNotificationMessage .messageActions .messageAction {
	display: inline;
	list-style-type: none;
	margin: 0 1em;
	cursor: pointer;
	text-decoration: underline;
}

.IMNotificationMessage .NotificationMessage-TitleBar {
	position: relative;
}
.IMNotificationMessage .NotificationMessage-TitleBar .NotificationMessage-MessageTitle {
	font-size: 11px;
}

.IMNotificationMessage .NotificationMessage-TitleBar .NotificationMessage-MessageCloseIcon {
	position: absolute;
	top: 1px;
	right:0;
	cursor: pointer;
}

.IMNotificationMessage .NotificationMessage-TitleBar .NotificationMessage-CloseText {
	cursor: pointer;
	opacity: 0;
}

.dj_ie .IMNotificationMessage .NotificationMessage-TitleBar .NotificationMessage-CloseText {
	visibility: hidden;
}

.IMNotificationMessage .NotificationMessage-MessageText {
	width: 200px;
	color: #FFF;
	padding: 0.75em 0;
    font-weight: bold;
}

.IMNotificationMessage .NotificationMessage-MessageText .dijitInline {
	float: left;
	margin: 0 5px 12px 0;
}
/* Notifier widget CSS definitions, based on dojox.widget.Toaster */

.IMNotifier {
	position: absolute;
	overflow: hidden;
	z-index: 5000;
}

.IMNotifier-Container {
	width: auto;
	padding: 8px;
	display: block;
	position: absolute;
	opacity: 0.9;
	border: 1px solid;
}

/* Close icon is in icons.css */
/*
    Document   : Chat
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: tundra iwcIMSession
		New class names: IMSession
*/

/* Chat Popup Window */
.IMSession {
	
}

.IMSession .dijitToolbar {
	height:auto;
	border-width: 1px 0 1px 0;
	border-style: solid;
	overflow: hidden;
}

.IMSession .IMSession-TopBar {
	text-align: right;
	padding: 4px 0px 3px 22px;
}

.IMSession .IMSession-Message-IMAvatar,
.IMSession .IMSession-Header-IMAvatar {
	width: 22px;
	height: 22px;
	overflow: hidden;
	float: left;
	text-align: left;
    text-decoration: none;
}

.IMSession-MessageContainer {
	padding: 4px 12px 3px 22px;
	overflow: auto;
	font-size: 11px;
}

.IMSession-TimeStamp {
    padding-top: 0px;
	margin-top: 0px;
    font-size: 11px;
}

/* BEGIN - specific to chat message, which can be different in different styles */
.IMSession-Message {
	width: 100%;
	padding: 2px 5px 3px 0;
}

.dj_ie .IMSession-Message {
	width: 98%;
	padding-right: 0;
	margin-right: -10px;
}

.IMSession-Message-Info {
	width: 18%;
	vertical-align: top;
	color: #999;
	font-weight: bold;
}

.dj_ie .IMSession-Message,
.dj_ie .IMSession-Message-Info {
	font-size: 11px;
}


.IMSession-Message-Info div {
	overflow-x: hidden;
}

.IMSession-MessageBody {
	/* With the ballon style, this has the right hand callout
	and the borders */
	width: auto;
	padding-left: 32px;
	vertical-align: top;
}

.IMSession-MessageBody-Right {
	width: auto;
	padding-right: 60px;
	word-wrap: break-word;
	/* contains the text */
}

.dj_ie .IMSession-MessageBody-Right {
	float: left;
	padding-right: 5px;
	margin-right: 10px;
}

.IMSession-MessageBody-Left {
	/*
	width: 20px;
	height: 100%;
	display: inline-block;
 */
	/* With the ballon style, this has the left hand callout */
}

.dj_ie .IMSession-MessageBody-Right,
.dj_ie .IMSession-MessageBody-Left {
	display: inline;
}

.IMSession-Message-Sender {
	font-weight: bold;
	color: #ADADAD;
}

.IMSession-Message-Middle {
	width: 100%;
}

.IMSession-Message-TimeStamp {
	float: right;
	color: #ADADAD;
}

.IMSession-Message.alert .IMSession-Message-Info,
.IMSession-Message.alert .IMSession-Message-Sender,
.IMSession-Message.alert .IMSession-Message-IMAvatar,
.IMSession-Message.alert .IMSession-Message-TimeStamp,
.IMSession-Message.status .IMSession-Message-Sender,
.IMSession-Message.status .IMSession-Message-IMAvatar {
	display: none;
}

.IMSession-Message.status .IMSession-MessageBody {
	color: #999;
}

.IMSession-Message.alert .IMSession-MessageBody {
	color: #999;
	width: 100%;
	padding-left: 0;
}


.IMSession-Message-Right {

}
/* END - specific to chat message, which can be different in different styles */

.IMSession .IMSession-SendButton {
	position: absolute;
	padding: 0;
	margin: 0;
}

.IMSession .IMSession-ToggleRoster,
.IMSession .IMSession-ToggleRoster.dijitButtonHover {
	background: none;
}

.IMSession .IMSession-ToggleRoster .dijitButtonNode,
.IMSession .IMSession-ToggleRoster.dijitButtonHover .dijitButtonContents,
.IMSession .dijitToolbar .IMSession-ToggleRoster.dijitButtonHover .dijitButtonNode {
	border-width: 0px;
	background: none;
}

.IMSession .dijitToolbar .IMSession-ToggleRoster .dijitButtonNode,
.IMSession .dijitToolbar .IMSession-ToggleRoster .dijitButtonContents {
	margin: 0;
	padding: 0;
}

.dj_gecko .IMSession .IMSession-ToggleRoster .dijitButtonContents {
	margin-right: -3px;
}

.IMSession .IMSession-ToggleRoster {
	margin: 0;
	padding: 0;
}

.dj_safari .IMSession .IMSession-ToggleRoster .IMSession-ToggleRosterIcon {
	margin: 0 -3px 0 0;
}

.IMSession .IMSession-ToggleRoster .dijitButtonContents .dijitButtonText {
	display: none;
}

.IMSession .dijitSplitterV {
	width: 4px;
	border-bottom-width: 1px;
}

.IMSession .IMSession-RosterContainer {
	width: 27%;
}

.IMSession .IMSession-BuddySearchBox {
	height: .75em;
}

.IMSession .IMSession-RosterPane {
	overflow-y: auto;
 	overflow-x: hidden;
}

.IMSession .IMSession-RosterPane .IMSession-OccupantList {
	float: left;
	width: 100%;	
	padding-right: 16px;
	padding-top: 10px;
}

.IMSession .IMSession-RosterPane .IMSession-InviteeList {
	float: left;
	width: 100%;
	padding-right: 16px;	
}

.IMSession .IMSession-EditorContainer {
	height: 8em;
}

.IMSession .RichTextEditable {
	width: 100%;
	height: 100%;
	margin-bottom: 0px;
	border: 0;
}

.IMSession .RichTextEditable iframe {
	margin: 3px 3px 0 3px;
	padding: 0 0 3px 0;
	border: 1px solid !important;
	background-color: #FFF;
}

.IMSession .IMSession-OccupantList .IMContact .IMKick {
	float:none;
	padding-right:5px;
	overflow: hidden;
	position: relative;
    text-decoration: none;
	margin-top:5px;
	margin-left:10px;
	cursor:pointer;
}

/* We use a gray button color for hovered button if the toolbar itself
has a theme-colored background */
.IMSession .dijitToolbar .dijitButtonHover .dijitButtonNode,
.IMSession .dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.IMSession .dijitToolbar .dijitToggleButtonChecked .dijitButtonNode,
.IMSession .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode,
.IMSession .dijitToolbar .dijitComboButtonHover,
.IMSession .dijitToolbar .dijitComboButtonDownArrowHover,
.IMSession .dijitToolbar .dijitComboButtonHover .dijitDownArrowButton,
.IMSession .dijitToolbar .dijitDownArrowHover .dijitDownArrowButton {
	background-color: #EAEBEC; /* NOT THEMED */
}
/* 
    Document   : SessionPrint
    Created on : Feb 5, 2010, 3:04:37 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

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

.IMSessionPrint {
	 margin: 20px;
	 font-size: 12px;
	 width: 100%;
}

.IMSessionPrint .IMMessage-Info div {
	display: inline-block;
	padding-right: 1em;
}
/*
    Document   : OptionGeneral
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer IMOptionGeneral
*/
.IMOptionGeneral .FormField label {
	width: 170px;
}

.IMOptionGeneral  .FormField-LabelAfter label {
	width: auto;
}

.IMOptionGeneral-Radio .FormField-LabelAfter {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 1em;
}

.dj_ie .IMOptionGeneral-Radio .FormField-LabelAfter {
	display: inline;
}
/*
    Document   : ChatMessage
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: chatItem
		New class names: IMSession-Message
*/
.IMSession-Message {
	opacity:0.96;
}

.IMSession-Message .avatar {
	width:26px;
	height:26px;
	float:left;
}
/*
    Document   : ChatOutgoingMessage
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: chatItem outgoingItem
		New class names: IMSession-Message IMOutgoingMessage
*/
/*
NOTE: this file is currently not used.
The images need to be reviewed by a designer.
*/
.IMOutgoingMessage .myBubble .indicator {
	background:url("../images/im/greenIndicator.png?00.01_205929") no-repeat top left;
}

.IMOutgoingMessage .tableBubble .tl {
	background:url("../images/im/greenCurves.png?00.01_205929") no-repeat top left;
}

.IMOutgoingMessage .tableBubble .tr {
	background:url("../images/im/greenCurves.png?00.01_205929") no-repeat top right;
}

.IMOutgoingMessage .tableBubble .head {
	background:url("../images/im/greenCurves.png?00.01_205929") no-repeat -10px 0;
}

.IMOutgoingMessage .tableBubble .message {
	background:url("../images/im/greenBackground.png?00.01_205929") repeat-y top left;
}

.IMOutgoingMessage .tableBubble .messageRight {
	background:url("../images/im/greenBackground.png?00.01_205929") repeat-y top right;
}

.IMOutgoingMessage .tableBubble .bl {
	background:url("../images/im/greenCurves.png?00.01_205929") no-repeat bottom left;
}

.IMOutgoingMessage .tableBubble .br {
	background:url("../images/im/greenCurves.png?00.01_205929") no-repeat bottom right;
}

.IMOutgoingMessage .followUp {
	border-bottom:1px solid #FFF;
}

/*
    Document   : ChatIncomingMessage
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: chatItem incomingItem
		New class names: IMSession-Message IMIncomingMessage
*/
/*
NOTE: this file is currently not used.
The images need to be reviewed by a designer.
*/
.IMIncomingMessage .myBubble .indicator {
	background:url("../images/im/yellowIndicator.png?00.01_205929") no-repeat top left;
}

.IMIncomingMessage .tableBubble .tl {
	background:url("../images/im/yellowCurves.png?00.01_205929") no-repeat top left;
}

.IMIncomingMessage .tableBubble .tr {
	background:url("../images/im/yellowCurves.png?00.01_205929") no-repeat top right;
}

.IMIncomingMessage .tableBubble .head {
	background:url("../images/im/yellowCurves.png?00.01_205929") no-repeat -10px 0;
}

.IMIncomingMessage .tableBubble .message {
	background:url("../images/im/yellowBackground.png?00.01_205929") repeat-y top left;
}

.IMIncomingMessage .tableBubble .messageRight {
	background:url("../images/im/yellowBackground.png?00.01_205929") repeat-y top right;
}

.IMIncomingMessage .tableBubble .bl {
	background:url("../images/im/yellowCurves.png?00.01_205929") no-repeat bottom left;
}

.IMIncomingMessage .tableBubble .br {
	background:url("../images/im/yellowCurves.png?00.01_205929") no-repeat bottom right;
}

.IMIncomingMessage .followUp {
	border-bottom:1px solid #FFF;
}
/*
    Document   : ChatStatusMessage
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: chatItem statusMessage
		New class names: IMSession-Message IMStatusMessage
*/
/*
NOTE: this file is currently not used.
The images need to be reviewed by a designer.
*/
.IMStatusMessage {
	opacity:0.8;
}

.IMStatusMessage .myBubble .indicator {
	background:url("../images/im/steelIndicator.png?00.01_205929") no-repeat top left;
}

.IMStatusMessage .tableBubble .tl {
	background:url("../images/im/steelCurves.png?00.01_205929") no-repeat top left;
}

.IMStatusMessage .tableBubble .tr {
	background:url("../images/im/steelCurves.png?00.01_205929") no-repeat top right;
}

.IMStatusMessage .tableBubble .head {
	background:url("../images/im/steelCurves.png?00.01_205929") no-repeat -10px 0;
}

.IMStatusMessage .tableBubble .message {
	background:url("../images/im/steelBackground.png?00.01_205929") repeat-y top left;
}

.IMStatusMessage .tableBubble .messageRight {
	background:url("../images/im/steelBackground.png?00.01_205929") repeat-y top right;
}

.IMStatusMessage .tableBubble .bl {
	background:url("../images/im/steelCurves.png?00.01_205929") no-repeat bottom left;
}

.IMStatusMessage .tableBubble .br {
	background:url("../images/im/steelCurves.png?00.01_205929") no-repeat bottom right;
}

.IMStatusMessage .followUp {
	border-bottom:1px solid #FFF;
}
/*
    Document   : Default
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description: include all SMIME css files
*/


/*
    Document   : OptionSecurity
    Created on : Aug 18, 2009, 11:33:05 AM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: iwcOptionsViewer dijitTabContainer
		New class names: dijitTabContainer OptionTabContainer SMIMEOptionSecurity
*/

.OptionTabContainer .SMIMEOptionSecurity .FormField .dojoxDropDownSelectFixedWidth {
    width:33em;
}





/*
	ISS open folder
 */



/*
	Toolbar
 */

.ISSOpenFolder .iconPrint,
.ISSOpenFolder .iconSend,
.ISSOpenFolder .iconFilmstrip,
.ISSOpenFolder .iconOpenTab,
.ISSOpenFolder .iconSave,
.ISSOpenFolder .iconOpenMessage,
.ISSOpenFolder .iconRefreshGrid,
.dijitMenu .iconPrint,
.dijitMenu .iconSend,
.dijitMenu .iconFilmstrip,
.dijitMenu .iconOpenTab,
.dijitMenu .iconSave,
.dijitMenu .iconOpenMessage {
	height:16px;
	width:16px;
}

/* View toggles */

.ISSOpenFolder .ISSOpenFolder-ViewControls {
	margin: 0;
	padding: 4px 12px;
}

/* Text toggles */
.ISSOpenFolder .ISSOpenFolder-TextToggles {
	float: left;
	margin: 0;
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButton {
	margin: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 22px;
	padding: 0 0 0 1px; /* For the separator */
}

.dj_webkit .ISSOpenFolder-TextToggles .dijitToggleButtonActive button,
.dj_webkit .ISSOpenFolder-TextToggles .dijitToggleButtonFocus button{
	outline: none;
}

.dj_webkit .ISSOpenFolder-TextToggles .dijitToggleButtonActive .dijitButtonText,
.dj_webkit .ISSOpenFolder-TextToggles .dijitToggleButtonFocus .dijitButtonText {
	outline: 1px dotted #000;
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButton .dijitButtonNode {
	background-color: transparent;
	border: none;
	padding: 0;
}

.ISSOpenFolder .ISSOpenFolder-TextToggles button {
	border: none;
}

.dj_webkit .ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButton {
	margin: 0px -2px;
}

.dj_gecko .ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButton {
	margin: 0px -3px;
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .ISSOpenFolder-FirstToggle {
	background-position: 0px 50%;
	padding-left: 5px; /* For the left rounded edge */
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .ISSOpenFolder-LastToggle .dijitButtonNode {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 5px; /* For the right rounded edge */
	height: 22px;
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButton .dijitButtonContents {
	background-repeat: repeat-x;
	background-position: 0 50%;
	height: 22px;
	width: 120px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 12px;
	border: none;
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitButtonText {
	padding: 0;
	font-size: 11px;
}

.dj_gecko .ISSOpenFolder-TextToggles .dijitButtonText {
	padding-bottom: 2px;
}

.ISSOpenFolder .ISSOpenFolder-TextToggles .dijitToggleButtonChecked .dijitButtonText {
	font-weight: bold;
	color: #FFF;
}


.ISSOpenFolder  .FormField {
	float: right;
	display: inline-block;
	margin-right: 12px;
}

.dj_ie .ISSOpenFolder  .FormField {
	display: inline;
}

.ISSOpenFolder-ViewControls .dijitToggleButton.defaultButton {
	margin-top: 0;
	margin-right: 10px;
	float: right;
}

.ISSOpenFolder-ViewControls .dijitToggleButton.defaultButton .dijitButtonNode,
.ISSOpenFolder-ViewControls .dijitToggleButtonActive.defaultButton .dijitButtonNode,
.ISSOpenFolder-ViewControls .dijitToggleButtonChecked.defaultButton .dijitButtonNode,
.ISSOpenFolder-ViewControls .dijitToggleButtonHover.defaultButton .dijitButtonNode {
	border-width: 1px;
	border-style: solid;
	margin: 0;
	padding: 0 0 0px 0;
}

.ISSOpenFolder-ViewControls .dijitToggleButton.defaultButton .dijitButtonContents {
	border: none;
	margin: 0;
	padding: 4px 5px 4px 5px;
}

.dj_ie .ISSOpenFolder-ViewControls .dijitToggleButton.defaultButton .dijitButtonContents {
	padding: 2px 5px 1px 5px;
}

.dj_gecko .ISSOpenFolder-ViewControls .dijitToggleButton.defaultButton .dijitButtonContents {
	padding: 3px 5px 2px 5px;
}

/*
	filmstrip
 */

.iwcWidgetISSImageViewer {
	position: relative; /* setup context */
}

.iwcWidgetISSImageViewer .iwcWidgetISSImageViewerLoadingIndicator {
	position: absolute;
	top: 0;
	left: 0;
}


.iwcWidgetISSImageViewer .iwcWidgetISSImageViewerLoadingIndicator,
.iwcWidgetISSImageViewer .iwcWidgetISSImageViewerImage {
	position: absolute;
	top: 0;
	left: 0;
}

/*
	tooltip
*/

.iwcWidgetISSOpenFolderTooltip {
	list-style: none;
	margin: 0;
	padding: 0.2em;
}

.iwcWidgetISSOpenFolderTooltip li {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.iwcWidgetISSOpenFolderTooltip li div {
	font-weight: bold;
}

.iwcWidgetISSOpenFolderTooltip li label {
	display: block;
	line-height: 1.3em;
	width: 4.5em;
	text-align: right;
}

.iwcWidgetISSOpenFolderTooltip li span {
	display: block;
	margin-top: -1.3em;
	line-height: 1.3em;
	margin-left: 4.8em;
}

/*
	image viewer
 */

.iwcWidgetISSImageViewer .iwcWidgetISSImageViewerImage {
	background-repeat: no-repeat;
	background-position: center center;
}

/*
  ISS Filter Bar
*/


.ISSFilterBar {
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
	padding-left: 0.5em;
	zoom: 1;
}

.ISSFilterBarContainer .ISSFilterBarHover {
	color: #FFF;
}

.ISSFilterBar .ISSFilterBarTitle {
	padding: 5px 5px 5px 8px;
	float: left;
}

.ISSFilterBar .ISSFilterBar-label {
	padding: 2px; 
}

/* close button */
.ISSFilterBar .buttonClose {
	margin-top: 4px;
	margin-right: 4px;
	float: right;
}

.dj_ie .ISSFilterBarTitle,
.dj_ie .ISSFilterBar .closeButton {
	vertical-align: top;
}

.ISSFilterBar-description {
	padding: 0 0 0 2px;
}

.dj_ie .ISSFilterBar-description {
	padding: 1px 0 0 2px;
}

.ISSFilterBar .dijitButton .dijitButtonNode {
	display:block;
	height: 18px;
	width: 18px;
	overflow: hidden;
	padding: 0;
	border: 0;
	background-color: transparent;
	background-image: none;
}

.ISSFilterBar .dijitButton .dijitButtonNode .iconClose {
	display: block;
}

.dj_gecko .ISSFilterBar .dijitButton .dijitButtonNode .iconClose {
	margin-top: -1px;
	margin-left: -3px;
}


/*
  ISS Filter Fieldset and Child Widgets
*
* TODO: this does not follow CSS convention of one file per widget
*/

.ISSFilterFieldset-contentPane {
	padding: 1em;
}

/* Moved some styles from Field.css here, including margins and length 
of the label. They were not appropriate when the Field widget were used
in other places */
.ISSFilterFieldset-contentPane .FormField {
	margin:0.25em 0;
	line-height:1.8em;
}

/* IE alignment adjustment */
.dj_ie .ISSFilterFieldset-contentPane .FormField,
.dj_safari .ISSFilterFieldset-contentPane .FormField {
	margin:0.40em 0 0.50em 0;
}

.ISSFilterFieldset-contentPane .FormField .FormFieldLabel {
	margin-left:0.50em;
	width:5.6em;
}

.ISSFilterFieldsetToolbar {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 3px 8px 3px 1em;
}

.ISSFilterFieldsetToolbar-title {
	padding-left: 2px;
	width: 120px; /* Avoid jumping buttons */
}

.dj_ie .ISSFilterFieldsetToolbar-title {
	vertical-align: top;
	padding-top: 2px;
}

.ISSFilterFieldsetToolbar-actionButtons {
	padding-left: 1em;
}

.ISSFilterFieldsetToolbar-actionButtons .dijitButton {
	margin: 0 8px 0 0;
}

.ISSFilterFieldset .dijitButtonNode {
	padding-top: 0;
	padding-bottom: 0;
}

.dj_webkit .ISSFilterFieldset .dijitButtonNode {
	padding-top: 2px;
	padding-bottom: 2px;
}

.ISSFilterFieldsetToolbar .ISSFilterFieldsetToolbar-closeButton {
	position:absolute;
	top: 1px;
	right: 3px;
}

.dj_ie .ISSFilterFieldsetToolbar-closeButton {
	top: 0;
}

.dj_gecko .ISSFilterFieldsetToolbar-closeButton {
	top: 2px;
}

.ISSFilterFieldsetToolbar .ISSFilterFieldsetToolbar-closeButton .dijitButtonNode {
	display:block;
	height: 18px;
	width: 18px;
	overflow: hidden;
	padding: 0;
	border: 0;
}

.ISSFilterFieldsetToolbar .ISSFilterFieldsetToolbar-closeButton .dijitButtonNode .iconClose {
	display: block;
}

.dj_gecko .ISSFilterFieldsetToolbar .ISSFilterFieldsetToolbar-closeButton .dijitButtonNode .iconClose {
	margin-top: -1px;
	margin-left: -3px;
}

/*
	ISS Type Filter Fieldset
*/
/*
*/

.ISSTypeFilterFieldsetGroupContainer {
	overflow: auto;
	padding: 1em;
}

.ISSTypeFilterFieldsetGroupContainer-selectAllNone {
	padding: 0 0 8px 0;
}

.ISSTypeFilterFieldsetGroupContainer-selectAllNone .dijitButton {
	margin: 0 0px 0 0;
}

.ISSTypeFilterFieldsetGroupContainer-selectAllNone .dijitButton {
	margin-right: 4px;
}

.dj_ie .ISSTypeFilterFieldsetGroupContainer-selectAllNone .dijitButton {
	margin-right: 8px;
}


.ISSTypeFilterFieldsetGroup .ISSTypeFilterFieldsetGroup-buttonContainer{
	padding: 0 0 8px 22px;
}

.ISSTypeFilterFieldsetGroup .ISSTypeFilterFieldsetGroup-buttonContainer .FormField{
	float: left;
	padding-right: 8px;
}

.ISSTypeFilterFieldsetGroup .FormField {
	padding: 0 0 8px 0;
}


.ISSTypeFilterFieldsetGroup{
	clear: both;
}

.ISSTypeFilterFieldsetGroup .ISSTypeFilterFieldsetGroup-legend {
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/*
  ISS Sender Filter Fieldset
*/

.ISSSenderFilterFieldset .ISSSenderFilterFieldset-inputContainer {
	padding: 1em;
}

.ISSSenderFilterFieldset-inputContainer .FormSimpleTextarea {
	width: 300px;
}

.ISSSenderFilterFieldset .FormComboTextarea .FormTextBox-inputText{
	width: 25em;
}


/* Date filter */
.ISSDateFilterFieldset .ISSDateFilterFieldset-inputContainer {
	padding: 1em;
}


.ISSDateFilterFieldset .FormField {
	margin: 0 0 8px 0;
}

.ISSDateFilterFieldset .FormField label {
	width: 50px;
}

.ISSDateFilterFieldset .FormField .dijitTextBox {
	width: 120px;
}


/*
	blue theme color additions
*/

/* Folder filter */
.ISSFolderFilterFieldset .MailFolders {
	padding-bottom: 1em;

}

.ISSFilterFieldsetToolbar .ISSFilterFieldsetToolbar-closeButton .dijitButtonNode {
	background-color: transparent;
	background-image: none;
}

.ISSFilterFieldsetToolbar .ISSFilterFieldsetToolbar-closeButton .dijitButtonNode .iconClose {
	display: block;
}
/*
  ISS Filter Form
*/

.ISSFilterForm {
	border-width: 0 1px 1px 0;
	border-style: solid;
	height: 15em;
	background-color: #FFF;
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.ISSFilterForm .ISSFilterFormTabButton {
	cursor: pointer;
	padding: 4px 25px 0px 9px;
}

.dj_ie .ISSFilterFormTabButton {
	padding: 3px 25px 2px 9px;
}

/* Move to Icons.css */
.ISSFilterFormTabButton-CheckMark {
	height: 16px;
	width: 16px;
}

.ISSFilterForm .dijitTabPaneWrapper {
	border-width: 0 0 0 1px;
}

.ISSFilterForm .dijitTabContainerLeft-container {
  border-left-width: 0;
}

/* overwrite dijit style
		.dijitTabContainer .dijitAlignTop
*/
.ISSFilterForm .ISSFilterFieldsetToolbar {
	top: 0 !important;
}
/*
	Full screen mode
*/

.ISSFullscreenViewer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: #000;
}

.ISSFullscreenViewer .ISSFullscreenViewerLoadingIndicator,
.ISSFullscreenViewer .ISSFullscreenViewerImage {
	position: absolute;
	top: 0;
	left: 0;
}

.ISSFullscreenViewerActive .ISSFullscreenViewerImage {
	cursor: default !important;
}

.ISSFullscreenViewer .ISSFullscreenViewerImage {
	cursor: url('../images/blank.cur'), default;
}

.dj_ie7 .ISSFullscreenViewer .ISSFullscreenViewerImage {
	/* cursor paths are relative to the document root, not the css file */
	cursor: url(../images/blank.cur), default;
}


.ISSFullscreenViewerActive .ISSFullscreenViewerToolbar {
	display: block !important;
}

.ISSFullscreenViewer .ISSFullscreenViewerToolbar {
	display: none;
	position: absolute;
	bottom: 0;
	padding: 0;
}

.ISSFullscreenViewer .ISSFullscreenViewerImage {
	background-repeat: no-repeat;
	background-position: center center;
}

.ISSFullscreenViewer .ISSFullscreenViewerToolbarLeft {
	background-image: url("../images/ISSFullscreenViewerToolbar.png?00.01_205929"); /* TODO - VERIFY THEME! */
	background-position: -307px 0px;
	background-repeat: no-repeat;
	padding-left: 5px;
}

.ISSFullscreenViewer .ISSFullscreenViewerToolbarRight {
	background-image: url("../images/ISSFullscreenViewerToolbar.png?00.01_205929"); /* TODO - VERIFY THEME! */
	background-position: 158px 0px;
	background-repeat: no-repeat;
	padding-right: 5px;
}

.ISSFullscreenViewer .ISSFullscreenViewerToolbarCenter {
	width: 470px;
	padding: 8px 0 8px 0;
	height: 35px;
}

.ISSFullscreenViewer .ISSFullscreenViewerToolbar .ISSFullscreenViewerIntervalDisplay {
	float: left;
	width: 61px;
	height: 35px;
	background-image: url("../images/ISSFullscreenViewerToolbar.png?00.01_205929"); /* TODO - VERIFY THEME! */
	background-position: -245px 0px;
	background-repeat: no-repeat;
	line-height: 35px;
	text-align: center;
	color: #FFF;
	margin: 0;
}

.ISSFullscreenViewer .ISSFullscreenViewerToolbar .ISSFullscreenViewerSlider {
	float: left;
	width: 150px;
	height: 35px;
	margin: 0 4px 0 4px;
}

.ISSFullscreenViewer .ISSFullscreenViewerPlayButton,
.ISSFullscreenViewer .ISSFullscreenViewerSlider,
.ISSFullscreenViewer .ISSFullscreenViewerPrevButton,
.ISSFullscreenViewer .ISSFullscreenViewerNextButton,
.ISSFullscreenViewer .ISSFullscreenViewerDecButton,
.ISSFullscreenViewer .ISSFullscreenViewerIncButton,
.ISSFullscreenViewer .ISSFullscreenViewerExitButton {
	float: left;
	margin: 0 4px 0 4px;
}

.dj_ie .ISSFullscreenViewer .ISSFullscreenViewerPlayButton,
.dj_ie .ISSFullscreenViewer .ISSFullscreenViewerSlider,
.dj_ie .ISSFullscreenViewer .ISSFullscreenViewerPrevButton,
.dj_ie .ISSFullscreenViewer .ISSFullscreenViewerNextButton,
.dj_ie .ISSFullscreenViewer .ISSFullscreenViewerDecButton,
.dj_ie .ISSFullscreenViewer .ISSFullscreenViewerIncButton,
.dj_ie .ISSFullscreenViewer .ISSFullscreenViewerExitButton {
	margin-top: -1px;
}

.ISSFullscreenViewer .dijitButtonNode {
	padding: 0;
	border: none;
}

.ISSFullscreenViewer .dijitButtonContents {
	border: none;
}

.ISSFullscreenViewer .ISSFullscreenViewerDecButton {
	margin-right: 0;
}

.ISSFullscreenViewer .ISSFullscreenViewerIncButton {
	margin-left: 0;
}

/*
    Document   : Taskbar
    Created on : 15 Oct, 2009, 2:35:09 PM
    Author     : Harish
    Description:
        Taskbar, and TaskbarButtons related.
*/

.Taskbar {
	height: 22px; /* This should always be in sync with Taskbar-JumpListButton and TaskbarButton */
	width: auto;
}

.Taskbar-Background {
 	width: 100%;
	height: 100%;
	border: none;
}

.Taskbar .dijitToolbar {
 	float: right;
	background: none;
	padding: 0;
	border: none;
	margin: 0;
}

.Taskbar-JumpListButton {
	height: 22px;
}

.Taskbar-JumpListButton .dijitButtonNode {
	border-width: 0 0 0 1px;
	border-style: solid;
	margin-top : -1px;
	height: 22px;
}

.dijitToolbar .Taskbar-JumpListButton.dijitButtonHover .dijitButtonNode {
	padding: 1px;
	margin-top: -1px;
	border-width: 0 0 0 1px;
}

.dj_ie .dijitToolbar .Taskbar-JumpListButton.dijitButtonHover .dijitButtonNode {
	padding-left: 3px;
}

.dijitToolbar .Taskbar-JumpListButton .dijitButtonContents {
	padding-top: 2px;
}

.Taskbar-JumpListButton .dijitButtonText {
	font-size: 11px;
}

.Taskbar-JumpList .dijitMenuItem {
	height: auto;
}

.Taskbar-JumpList .dijitMenuItem,
.Taskbar-JumpList .dijitMenuItem td {
	padding: 0;
}

.Taskbar-JumpList .dijitMenuItem td[role="presentation"] {
	display: none;
}


/* buttons should take full height*/
.Taskbar .dijitToolbar .dijitButton {
  margin-top:0;
}
/* 
    Document   : TaskbarButton
    Created on : Jan 20, 2010, 12:42:18 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

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

.TaskbarButton {
	height: 22px;
}

.TaskbarButtonChecked .dijitButtonNode {
	background-repeat: repeat-x;
	color: #FFF;
}

.TaskbarButton .dijitButtonNode {
	border-width: 0 0 0 1px;
	border-style: solid;
	margin-top : -1px;
}


.dijitMenuItem .TaskbarButton  {
	border: none;
	margin: 0;
}

.TaskbarButton .dijitButtonNode .dijitButtonContents {
	width: 160px;
	padding: 2px 0 0 3px;
	display: inline-block;
}

.dj_ie .TaskbarButton .dijitButtonNode .dijitButtonContents {
	display: inline;
}

.TaskbarButton .TaskbarButton-Label {
	float: left;
	padding-top: 1px;
}

.TaskbarButton .TaskbarButton-Controls {
	float: right;
	padding: 2px 0 0 0;
}


.dj_webkit .dijitMenuItem .TaskbarButton .dijitButtonNode {
	padding: 2px;
}

.TaskbarButton .dijitButtonText {
	font-size: 11px;
}

.TaskbarButton .TaskbarButton-Node {
	vertical-align: middle;
	height: 100%;
}

.TaskbarButton .TaskbarButton-ArrowButtonChar {
	font-size: 10px;
	padding: 0 5px 0 0;
}

.TaskbarButton .IMPresenceIcon {
	margin: 2px 0 0 0;
}

.TaskbarButton-closeButtonIcon {
	padding-top: 1px;
}
/* 
    Document   : WizardSteps
    Created on : Jan 7, 2010, 11:15:37 AM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

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

/* Colors in theme */
.WizardSteps div {
	border-width: 2px 0 2px 0;
	border-style: solid;
	background-position: center right;
	background-repeat: no-repeat;
	padding: 6px 48px 6px 12px;
	display:inline;
}

.dj_ie .WizardSteps div{
	margin: 0
}

.WizardSteps div {
	color: #333;
}

.WizardSteps div.WizardSteps-First{
	border-left: 2px solid;
}

.WizardSteps div.WizardSteps-Last {
	border-right: 2px solid;
	background-image: none;
}

.WizardSteps div.WizardSteps-Selected {
	color: #FFF;
}
/*
    Copyright (c) 2007,2010, Oracle and/or its affiliates. All rights reserved.

    Document   : Print
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: popupWindow
		New class names: calendarPrint
*/

.CalendarPrint {
    font-size: 12px;
    font-family:arial, helvetica, sans-serif;
}

.dj_ie .CalendarPrint {
	zoom: 1;
}

.CalendarPrint .printerBlocker{
	visibility:visible;
	background-color:#999999;

	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
	visibility:hidden;
}

.dj_gecko .CalendarPrint .calendarPrint .weekEnabled {
    page-break-after:avoid;
}

.CalendarPrint .calendarPrint .calendarAreaTable{
	width:100%;
    border: 1px solid;
}
.CalendarPrint .calendarPrint .viewTableContainer {
	overflow: visible;
}

.CalendarPrint .calendarPrint table.monthlyViewTable,
.CalendarPrint .calendarPrint table.allDayTable,
.CalendarPrint .calendarPrint table.dailyViewTable,
.CalendarPrint .calendarPrint table.weeklyViewTable{
	border-left: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}


.CalendarPrint.landscape .CalendarPrint .calendarPrint{
	margin:5px;
	height:690px;
	width:960px;
}

.CalendarPrint .calendarPrint .printerLoadText{
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	width:300px;
	text-align:center;
}

.CalendarPrint .calendarPrint tabel {
    border-bottom-width:15px;
}


.CalendarPrint .calendarPrint .calendarArea{
	vertical-align:top;
}

.CalendarPrint .calendarPrint .triFold {
	width:33%;
	float:left;
	border:#FF0000 1px solid;
	height:690px;
}


#calendarTable {
    page-break-after: always;
    width:100%;
}

.CalendarPrint .calendarPrint .CalendarMonthView td,
.CalendarPrint .calendarPrint .CalendarViewListItem h3
{
    cursor: default;
}

.CalendarPrint .calendarPrint #timeNode {
    display: block;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview.event {
	/*background:transparent url(../images/dotRed.png?00.01_205929) no-repeat;
	background-position:1px 3px;*/
    padding: 0px 0px 0px 0px;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent {
    display: block;
}

.CalendarPrint .calendarPrint .more {
    display: none;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview,
.CalendarPrint .calendarPrint .CalendarMonthView-DayHeaders th,
.CalendarPrint .calendarPrint .CalendarMonthView table
{
    font-size: 10pt;
}
.CalendarPrint .calendarPrint .calendarAreaTable .titleArea {
    display: none;
}
.CalendarPrint .calendarPrint .CalendarMonthView-DayHeaders th{
    border-style:solid solid solid none;
    border-width:1px;
}

.CalendarPrint .calendarPrint .CalendarMonthView-MonthHeader th {
    font-size: 10pt;
    color:black;
}

.CalendarPrint .calendarPrint .CalendarMonthView .selected .monthDayHeader{
    color:black;
}

.CalendarPrint .calendarPrint .calendarMain .CalendarMonthView table {
    border:none;
 }

.CalendarPrint .calendarPrint .CalendarMonthView .monthDayHeader {
    display: table-header-group;
}


.CalendarPrint .calendarPrint .CalendarMonthlyEvent  .hide {
	display: block;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview {
    overflow:hidden;
    white-space:normal;
}

.CalendarPrint .calendarPrint .CalendarMonthView .monthDayDetail {
   max-width:96px;
}

.dj_ie .CalendarPrint .calendarPrint .CalendarMonthView .monthDayDetail {
   width:expression( Math.min( parseInt(this.offsetWidth), 96 )+"px");
 }

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview.event {
        border-left:5px solid;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent #timeNode,
.CalendarPrint .calendarPrint .CalendarMonthView .monthDayDetail div
{
    padding-left:4px;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent {
    padding: 3px;
}
 
/*  Agenda view specific */


.CalendarPrint .calendarPrint .AgendaPrintItem {
    border-left: 5px solid;
    padding-left:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:3px;
}

.CalendarPrint .calendarPrint .AgendaPrintItemTable{
    width:100%;
}

.CalendarPrint .calendarPrint .AgendaPrintItem .title,
.CalendarPrint .calendarPrint .AgendaPrintItem .description{
    display:inline;
}

.CalendarPrint .calendarPrint .AgendaPrintItem .host{
        text-align:right;
}

.CalendarPrint .calendarPrint .AgendaPrintItem #notes{
        vertical-align:top;
}
.CalendarPrint .calendarPrint .AgendaPrintItem .notes{
    text-align:right;
}

.CalendarPrint .calendarPrint .CalendarListView-List .CalendarViewListItem table tr td.qua {
    display:none;
}

.CalendarPrint .calendarPrint .eventContainer {
    overflow: visible;
}

.CalendarPrint .calendarPrint .CalendarViewListItem.EventItem {
    page-break-before: avoid;
}

.CalendarPrint .calendarPrint .printContainer {
    margin-bottom: 3px;
    margin-left: 5px;
    margin-top: 20px;
}

.CalendarPrint .calendarPrint .agendaPrintContainer{
    border-bottom:1px solid;
}

/* Week view specific */
.CalendarPrint .calendarPrint #weekEventTable,
.CalendarPrint .calendarPrint .dayViewTable
{
    width:100%;
    border-collapse: collapse;
    font-size:12pt;
}
.CalendarPrint .calendarPrint #weekEventTable td,
.CalendarPrint .calendarPrint .dayViewTable td
{
    vertical-align: top;
}

.CalendarPrint .calendarPrint #weekEventTable .day{
    width: 5%;
}


.CalendarPrint .calendarPrint #weekEventTable .spacer,
.CalendarPrint .calendarPrint .dayViewTable .spacer
{
    border-bottom: 1px solid;
}

.dj_ie7 .CalendarPrint .calendarPrint #weekEventTable .spacer td,
.dj_ie7 .CalendarPrint .calendarPrint .dayViewTable .spacer td
{
    border-bottom: 1px solid;
    border-bottom-color:black;
}
.CalendarPrint .calendarPrint #weekEventTable .weekDayDetail{
    padding-left: 15px;
}

.CalendarPrint .calendarPrint.PrintEvent #timeNode {
    width:120px;
    white-space:nowrap;
    float: left;
}

.CalendarPrint .calendarPrint .spacer div,
.CalendarPrint .calendarPrint .spacer-noline div
{
    height:10px;
}

.CalendarPrint .calendarPrint .gray {
    background-color: #EBECE4;
}
.CalendarPrint .calendarPrint .PrintEvent .PrintEvent-preview {
	margin: 0;
    float:left;
    width:97%
}

.CalendarPrint .calendarPrint .PrintEvent .eventTitle{
    width:250px;
    padding-left:35px;
    float:left;
}

calendarPrint .PrintEvent .PrintEvent-preview #previewNode{
        white-space:nowrap;
        overflow:hidden;
	}

.CalendarPrint .calendarPrint .PrintEvent .location{
    padding-left:35px;
    clear:left;
}

.CalendarPrint .calendarPrint .PrintEvent .PrintEvent-preview.event{
    border-left:5px solid;
    margin-top:5px;
    margin-bottom:5px;
}

.CalendarPrint .calendarPrint .PrintEvent {
    padding-bottom:7px;
    width:98%;
    height:auto;
}

.CalendarPrint .calendarPrint .PrintEvent #timeNode {
    float:left;
}

.CalendarPrint .calendarPrint .dayViewTable .PrintEvent {
    padding-left:10px;
}

.CalendarPrint .calendarPrint .dayViewTable .PrintEvent .description {
    display:block;
    overflow:hidden;
    width:97%;
    padding-top:5px;
}

.CalendarPrint .calendarPrint .PrintEvent .evtDetails {
    width:100%;
    padding-left:5px;

}

.CalendarPrint .calendarPrint .dayViewTable #allday #timeNode {
    display:none;
}

.CalendarPrint .calendarPrint .dayViewTable #allday .eventTitle {
    padding-left:0px;
}

.eventContainer .content .singleEvt .row-one,
.eventContainer .content .singleEvt .row-two,
.eventContainer .content .singleEvt .row-three,
.eventContainer .content .singleEvt .row-four
{
    display:block;
    clear:left;
}

.eventContainer .content .singleEvt .row-one .evtBlk1,
.eventContainer .content .singleEvt .row-one .evtBlk2
{
    float:left;
}

.eventContainer .content .singleEvt .row-one .evtBlk1
{
    width:70%;
}
.eventContainer .content .singleEvt .row-one .evtBlk2
{
    width:30%;
}
.eventContainer .content .singleEvt .row-one .title,
.eventContainer .content .singleEvt .row-one .day
{
    font-size:20px;
    padding-bottom:3px;
}

.eventContainer .content .singleEvt .row-two .description{
    padding-top:20px;
    font-size:16px;
}

.eventContainer .content .singleEvt .row-three{
    padding-top:22px;
     font-size:16px;
}

.eventContainer .content .singleEvt .row-four{
    padding-top:15px;
     font-size:16px;
}
.eventContainer .content .singleEvt .row-one .where,
.eventContainer .content .singleEvt .row-one .time,
.eventContainer .content .singleEvt .row-one span
{
    font-size:18px;

}
.eventContainer .content .singleEvt .row-one .where,
.eventContainer .content .singleEvt .row-three .host{
        display:inline;
}

.eventContainer .content .singleEvt .inviteesLbl,
.eventContainer .content .singleEvt .hostLbl
{
    font-weight:bold;
}


.eventContainer .content .singleEvt .invitees table{
    width: 100%;
}
.eventContainer .content .singleEvt .inviteesName,
.eventContainer .content .singleEvt .inviteesMail
 {
    width: 40%;
}
.eventContainer .content .singleEvt .inviteesStat{
    width: 20%;
}