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




















/* TODO - don't style with IDs, use the Convergence CSS conventions */

.hideit{
    margin: -1000px 0px 0px -2000px;
    position: absolute;
}

#witcommunicator.showit{
    position: absolute;
    margin:0 0 0 0;
    display:block;
    z-index:150;
}
.VideoCallPane {
        min-height: 170px;
        width: 100%;
        overflow: hidden;
        margin-bottom:2px;
}

.VideoCallPane .dijitToggleButton .dijitButtonNode{
	outline: none;
}

.dj_gecko .VideoCallPane {
        margin-bottom: 7px;
}
.VideoCallPane .dijitToolbar {
	/* NOT THEMED, FIX */
	background: none repeat scroll 0 0 #EAF3FC;
	border-color: #C6D8E8;
	height:auto;
	border-width: 1px 0 1px 0;
	border-style: solid;
	overflow: hidden;
	padding: 2px;
        padding-left: 15px;
}
.VideoCallPane .dijitToolbar .dijitToggleButton .dijitButtonNode{
	border: 0px;
	background: none;
	padding: 0px;
	opacity: 1;
	filter:none;
}

.VideoCallPane-MuteButton.dijitToggleButton{
	margin-left: -5px;
}

.VideoCallPane-IncomingToolbar { 
	display: none;
}

.VideoCallPane-Incoming .VideoCallPane-IncomingToolbar  {
	display: block;
}

.VideoCallPane-Incoming .VideoCallPane-OutgoingToolbar  {
	display: none;
}

.VideoCallPane-volumeSlider { 
        width: 200px;
	margin: 3px 3px 0 3px;
}

.dj_ie .VideoCallPane-volumeSlider { 
 	margin: 7px 7px 0px 5px;
}


.VideoCallPane-PlaceHolder { 
	margin: 0px 8px 8px 8px;
}

.dj_ie .VideoCallPane .dijitSliderBarContainerH{
	margin-top: 8px;
}

.dj_ie  .VideoCallPane-MuteButton.dijitToggleButton{
	margin-left: 0px;
}

 .VideoCallPane .dijitSliderDisabled,
 .VideoCallPane .dijitSliderDisabled .dijitRuleContainer,
 .VideoCallPane .dijitSliderDisabled .dijitSliderRemainingBar {
	filter: none;
	opacity: 1 !important;
}

.VideoCallPane .dijitSliderImageHandleH{
	margin-top:2px;
}
.VideoInvitation {

}

.VideoInvitation-Content {
	padding: 20px;
}

.VideoInvitation-Message {

}

.VideoInvitation-Avatar {
	float: left;
	margin-right: 10px;
	height: 40px;
	width: 40px;
}

.VideoInvitation-Description {
	height:auto;
	max-width: 150px;
}

.VideoInvitation-DescriptionText {
	vertical-align: bottom;
	overflow-y: auto;
	height: 70px;
}

.VideoInvitation-Buttons {
	text-align: right;
	margin: 10px 0 0 0;
	font-size: 11px;
}

.VideoInvitation-Buttons .dijitButton {
	margin: 0 0 0 3px;
}

.VideoInvitation-Buttons .dijitButtonText {
	min-width: 60px; 
}
/*
	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-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;
}
.OptionTabContainer .OptionTabContainer-UpdateMessage {
	position: absolute;
	background: none repeat scroll 0 0;
	z-index:2;
	bottom: 68px;
	left: 0px;
	font-size: 16px;
	border-top:1px solid ;
	padding:0.5em 0.5em 0.5em 1em;
	text-align:left;
	width:100%;
}

.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;
}
.layoutPreferenceContainer .dijitChecked {  
  border: 2px solid #0572CD;
}
.layoutPreferenceContainer > label{
    display: none;
}
.layoutPreferenceContainer .FormField label{
    outline: none;
    display: block;
    padding: 0px;
    margin-top: 5px;
    text-align: center !important;
}
.layoutPreferenceContainer .dijitCheckBoxInput{
    width: 75px;
    height: 75px;
}
/*
    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;
}
.OptionDateAndTime .FormField-LabelAfter {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 1em;
}

.dj_ie .OptionDateAndTime .FormField-LabelAfter {
	display: inline;
}

.OptionDateAndTime .FormField .dijitComboBox{
	width:245px;
}

.OptionDateAndTime .FormField.timeZone .dijitComboBox{
	width:265px;
}

.OptionDateAndTime .timeZone .dijitValidationIcon{
	display: none;
}

.OptionDateAndTime .timeZone .dijitInputField input{
	width: 100%;
}
/**
* 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;
}

.dj_webkit .AddressBook-ButtonContainer{
	overflow:hidden	;
}
/*
	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:1em 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-Details .FieldSet {
	margin: 0 0 8px 0;
}

.AddressBookCreateContact-DetailsContainer .FieldSetHeader {
	margin:0;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 10px 0;
}

.AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-SelectBook {
	margin: 30px 0 10px 0;
}

.AddressBookCreateContact-SelectBook label {
	font-size: 13px;
	font-weight: bold;
	width: 111px;
}

.AddressBookCreateContact-SelectBook .dojoxDropDownSelectFixedWidth {
	width: 165px;
}

/* ie7 apply margin style by default, offset to align like on the left */
.dj_ie .AddressBookCreateContact-Details .FieldSetHeader {
	margin-left:0.1em;
}

.dj_ie .AddressBookCreateContact-Details .FieldSet .FieldSetHeader {
	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;
}

.dj_tablet .AddressBookCreateContact-Details {
        width: 800px !important;
}

.dj_tablet .AddressBookCreateContact .AddressBookCreateContact-DetailsContainer {
	padding-left: 1em;
}

.dj_tablet .AddressBookCreateContact-Details .AddressBookCreateContact-DetailsLeft{
	width: 350px;
}

.dj_tablet .AddressBookCreateContact-Details .AddressBookCreateContact-DetailsRight{
	width: 400px;
}

.dj_tablet .AddressBookCreateContact-DetailsContainer .AddressBookCreateContact-Details .AddressBookCreateContact-DetailsRight {
	margin-right: 0;
}

.dj_tablet .AddressBookCreateContact-Details .FormFieldsetItemEmail,
.dj_tablet .AddressBookCreateContact-Details .FormFieldsetItemPhone,
.dj_tablet .AddressBookCreateContact-Details .FormFieldsetItemAddress,
.dj_tablet .AddressBookCreateContact-Details .FormFieldsetOther .dojoxDropDownSelectFixedWidth {
	margin-right: 0;
}

.dj_tablet .AddressBookCreateContact-Details .FormFieldsetItemOther .dojoxDropDownSelectFixedWidth {
	width: 170px;
}

.dj_tablet .AddressBookCreateContact-Details .FormFieldsetItemOther {
	white-space: normal;
}
/* 
    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: "[ ]";
}

.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;
	min-width: 240px;
	padding-right: 15px;
}

.dijitRtl .AddressBookDisplayContactBody .AddressBookDisplayContactBody-column {
	float: right;
	padding-left: 0;
}


.AddressBookDisplayContactBody .AddressBookDisplayContactBody-header {
	font-size: 12px;
	padding-bottom: 5px;
	font-weight: bold;
}

.AddressBookDisplayContactBody .AddressBookDisplayContactBody-label {
	width: 33%;
	display: inline-block;
	vertical-align: top;
}

.dj_ie .AddressBookDisplayContactBody-label {
	display: inline;
}

.AddressBookDisplayContactBody .AddressBookDisplayContactBody-value {
	width: 65%;
	display: inline-block;
	padding-bottom: 4px;
	word-break: break-all;
}

.dj_ie .AddressBookDisplayContactBody-value {
	display: inline;
}

.AddressBookDisplayContactBody a {
	text-decoration: none;
}

.AddressBookDisplayContactBody-MapLink {
	background:url("../images/standard/map_marker.png?3.0.2.2.0_20010935") no-repeat scroll 100% 0 transparent;
	cursor:pointer;
	display:inline-block;
	padding: 1px 14px 2px 0;
}

.dj_ie .AddressBookDisplayContactBody-MapLink {
	display: inline;
}

.AddressBookDisplayContactBody .AddressBookDisplayContactBody-valueNode .dijitButtonNode{
	background: none;
	border: none;
	margin: 0px;
	padding: 1px;
	border: none;
}

.AddressBookDisplayContactBody-Phone {

}

.AddressBookDisplayContactBody-Phone .dijitDropDownButton {
	margin: 0;
	padding: 0;
	margin-top: -2px;
}

.AddressBookDisplayContactBody-Phone .dijitDropDownButton .dijitButtonNode {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	outline: none;
}

.AddressBookDisplayContactBody-Phone .dijitDropDownButton .dijitButtonText {
	padding: 0 4px 0 0;
}
.AddressBookDisplayContactBody-callItem .dijitMenuItemIcon {
	display: inline;
}
/* .AddressBookDisplayContactBody .AddressBookDisplayContactBody-voiceCallSkype {
	cursor: pointer;
	padding-left: 10px;
	margin-bottom: -3px;
	display: inline-block
}

.dj_ie .AddressBookDisplayContactBody .AddressBookDisplayContactBody-voiceCallSkype {
	display: inline;
}*/
.AddressBookDisplayContactPhoto {
	/* total width/height is 43+2+10 = 55px */
	width: 40px;
	height:40px;
	border-width: 1px;
	border-style: solid;
}

.AddressBookDisplayContactPhoto-imageNode {
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
	background-position: center;
}
/* 
    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: 375px;
}


.AddressBookExportContactsDialog .dojoxDropDownSelectFixedWidth {
        width: 16em;
}

.AddressBookStoreItemSelector {
	width: 55em; /* note this depends on .dijitDialog */
	height: 400px;
}
.AddressBook-dijitDialog {
	width: 63em;
}
.AddressBookStoreItemSelector-queryControls {
	padding-bottom: 10px;
}

.AddressBookStoreItemSelector .dojoxDropDownSelectFixedWidth {
	width: 200px;
}

.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: 8em;
}

.threePaneLayout .CalResourceSelector .AddressBookStoreItemSelector-selector {
    display: none;
}

.threePaneLayout .AddressBookStoreItemSelector-typeSelector {
    padding-top: 5px;
}

.threePaneLayout .CalResourceSelector .AddressBookStoreItemSelector-queryControls {
    height: 15px;
    overflow: hidden;
}

.threePaneLayout .CalResourceSelector .AddressBookStoreItemSelector-dataGridWidget {
    margin-top: 10px;
}

.threePaneLayout .CalResourceSelector .FormQuickSearchForm {
    width: 40%;
}

.threePaneLayout .CalResourceSelector .dijitArrowButtonInner {
    display: none;
}
.threePaneLayout .CalResourceSelector .room {
    background: url(../images/convergence-ecko-sprite.png?3.0.2.2.0_20010935) no-repeat -21px -532px;
    height: 18px;
    width: 20px;
    margin-left: 10px;
}
.threePaneLayout .CalResourceSelector .equipment {
    background: url(../images/convergence-ecko-sprite.png?3.0.2.2.0_20010935) no-repeat -51px -534px;
    height: 18px;
    width: 20px;
    margin-left: 10px;
}
/* 
    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   : PhoneNumberChooser
    Created on : Tue May 21 21:38:41 CEST 2013
    Author     : avk
    Description: PhoneNumberChooser
*/

.AddressBookPhoneNumberChooser .FormIconField  { 
	overflow: hidden;
}

.AddressBookPhoneNumberChooser .dojoxDropDownSelectFixedWidth {
	width: 250px;
}

.AddressBookPhoneNumberChooser .FormIconField .FormComboTextBox {
	width: 250px;
}

.dj_webkit .AddressBookPhoneNumberChooser .FormTextBox-inputText, .dj_ie .AddressBookPhoneNumberChooser .FormTextBox-inputText  {
	padding-top: 3px;
}
/*
    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?3.0.2.2.0_20010935") repeat-y; /* NOT THEMED */
}

.threePaneLayout .AddressBookBookBrowser .iwcToolbar .ABToolbarIcon,
.threePaneLayout .AddressBookBookBrowser .iwcToolbar .ToolbarIcon,
.threePaneLayout .AddressBookBookBrowser .iwcToolbar .MailToolbarIcon{
    display:none;
}
/*
    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;
}

.dj_webkit .AddressBookBookBrowser .AddressBookBrowser-FilteringQuerier-queryControls {
	overflow:hidden;
}

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

/* Do not add new import statements here! IE has a maximum import of 31 per
file in development mode, anything in excess of that will be ignored. Add them 
to ie_workdaround.css instead! */


























/* DO NOT add new import statements here! IE has a maximum import of 31 per
file in development mode, anything in excess of that will be ignored. Add them 
to ie_workdaround.css instead! */

/* Note: because IE8 restricts imports to a level 
of depth of 4, this file will henceforth be imported
from the top level (i.e. ../Default.css). 


/*
	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;
}

.dj_ie .CalendarAdvancedSearch-Controls .FormField {
	display: inline;
}

.CalendarAdvancedSearch-Controls .dojoxDropDownSelectFixedWidth {
	width: 180px;
}

.CalendarAdvancedSearch-Instruction,
.CalendarAdvancedSearch-Progress {
	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: 1000px;
	/* We need the height for now because the components on this dialog does 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: 419px;
	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: 54px;
	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: 770px;   
	cursor: pointer;
}
.CalendarAvailability .availabilityHeader .timeHeaders{
	position: relative;
	float:left;
	height:37px;
}
.CalendarAvailability .availabilityHeader .timeHeader {
	position: relative;
	float:left;
	height:37px;
	top:0px;
	border-right:1px solid;
}
.CalendarAvailability .availabilityHeader .timeHeaderDivider {
	position: relative;
	float:left;
	height:37px;
	top:0px;
	border-left:1px solid;
	border-right:1px solid;
}
.CalendarAvailability .availabilityHeader .timeHeaderTime{
	text-align:center;
	padding:2px 0;
	border-bottom: 1px solid;
}
.CalendarAvailability .availabilityHeader .dateHeaderContainer{
	overflow: hidden;
	width: 770px;
}
.CalendarAvailability .availabilityHeader .dateHeaders{
	position: relative;
	float:left;
	height:17px;
}
.CalendarAvailability .availabilityHeader .dateHeader {
	position: relative;
	float:left;
	top:0px;
	height:17px;
	text-align:left;
	padding-left: 5px;
	
	border-left: 1px solid;
	border-right: 1px solid;
	border-top: 2px solid;
	
	/* CSS3 anticipated border radii */
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
}

.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:770px;
	overflow-x: auto;
	overflow-y: hidden;
        -webkit-overflow-scrolling: touch !important;
}

.CalendarAvailability .availabilityClient .enableScroll{
	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:relative;
	float:left;
	top:0;
	z-index:10;
}
.CalendarAvailability .availabilityClient .timeBodyContainer .timeBody .timeBaseLayer div {
	position:relative;
	float:left;
	height: 100%;
}

.CalendarAvailability .availabilityClient .half-hour,
.CalendarAvailability .availabilityClient .hour {
	border-right: 1px solid;
}
.CalendarAvailability .availabilityClient .timeBodyDivider {
	border-left: 1px solid;
	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 */
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
}
.CalendarAvailability .availabilityClient .horizontalScrollContainer{
	width:770px;
	overflow-x: visible;
}

.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;
	height:14px;
	white-space: nowrap;

	/* CSS3 anticipated border radii */
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-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-noRightBorder{

	/* CSS3 anticipated border radii */
	border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
}
.CalendarAvailability .availabilityHeader .timeWindowHeader-noLeftBorder{

	/* CSS3 anticipated border radii */
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
}

.CalendarAvailability .availabilityClient .timeWindowLayer{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	background-color: transparent;
	border-width:4px;
	border-style:solid;
	
	/* CSS3 anticipated border radii */
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
}

.CalendarAvailability .availabilityClient .timeWindowLayer-noRightBorder{
	border-right: none;

	/* CSS3 anticipated border radii */
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
}
.CalendarAvailability .availabilityClient .timeWindowLayer-noLeftBorder{
	border-left: none;

	/* CSS3 anticipated border radii */
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
}

.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 {
	float: left;
}

.CalendarAvailability .CalendarAvailability-availabilityTimes {
	float: right;
}

.CalendarAvailability .FormField {
	width: auto;
	margin-left: 8px;
}

.dj_ie .CalendarAvailability .FormField {
	width: 212px;
}

.dj_ie .CalendarAvailability .FormField label {
	padding-right: 0px;
}


/* Hour and minutes */
.CalendarAvailability .CalendarAvailability-availabilityTimes .dijitSpinner {
	width: 60px;
}

.CalendarAvailability .CalendarAvailability-availabilityTimes .dijitDateTextBox {
	width: 80px;
}

.CalendarAvailability .CalendarAvailability-availabilityTimes .CalendarAvailability-TimeSpinner { 
	width: 9em;
}

.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;
}



.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?3.0.2.2.0_20010935") no-repeat top; /* TODO - should this be themed */
}

.CalendarBalloon-Bottom {
        width:245px;
        height:36px;
        background:url("../images/eventBalloonBottom.png?3.0.2.2.0_20010935") no-repeat bottom; /* TODO - should this be themed */
        margin:0;
        padding:0;
}

.CalendarBalloon.opp .CalendarBalloon-Bottom {
        background:url("../images/eventBalloonBottomOpp.png?3.0.2.2.0_20010935") 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;        
}

.dj_tablet .CalendarBalloon-Content {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.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;
}

.CalendarCalendarAccessControl{
	height: 300px;
}

.CalendarCalendarAccessControl .CalendarCalendarAccessControl-submitControls{
	text-align: right;
}

.dijitRtl .CalendarCalendarAccessControl .CalendarCalendarAccessControl-submitControls{
	text-align: left;
}

/* User Section Ui
	one line containing text input and button to select user from address book.
*/
.CalendarCalendarAccessControl-userSection {
	width:220px;
}

/* text input need to restrict width */
.CalendarCalendarAccessControl-userSection-EmailComboTextarea-wrapper {
	width: 165px;
	margin-right: 8px;
	float:left;
}

/* text input need to float left */
.CalendarCalendarAccessControl-userSection-AddressBookButton-Wrapper {
	float:left;
}

.CalendarCalendarAccessControl-userSection-cleanup {
	clear:both;
}

/* removing standard margins from dijitButton to help align text field and button. */
.CalendarCalendarAccessControl .CalendarCalendarAccessControl-userSection .dijitButton {
	margin: 0;
}

.CalendarCalendarAccessControl .CalendarCalendarAccessControl-userSection .dijitButtonNode {
	padding:1px 2px;
}

.CalendarCalendarAccessControl .CalendarCalendarAccessControl-userSection .dijitButtonText {
	display:none;
}
/* 
    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?3.0.2.2.0_20010935");
}
.CalendarEvent.Blue .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRBlue.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Green .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRGreen.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Magenta .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRMagenta.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Orange .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTROrange.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Purple .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRPurple.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Teal .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRTeal.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Pink .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRPink.png?3.0.2.2.0_20010935");
}
.CalendarEvent.BurntOrange .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRBurntOrange.png?3.0.2.2.0_20010935");
}
.CalendarEvent.BrightBlue .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRBrightBlue.png?3.0.2.2.0_20010935");
}
.CalendarEvent.NavyBlue .CalendarEvent-container {
	background-image: url("../images/calendar/eventBoxTRNavyBlue.png?3.0.2.2.0_20010935");
}

/*
.CalendarEvent.Red .CalendarEvent-header .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLRed.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Blue .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLBlue.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Green .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLGreen.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Magenta .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLMagenta.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Orange .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLOrange.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Purple .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLPurple.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Teal .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLTeal.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Pink .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLPink.png?3.0.2.2.0_20010935");
}
.CalendarEvent.BurntOrange .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLBurntOrange.png?3.0.2.2.0_20010935");
}
.CalendarEvent.BrightBlue .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLBrightBlue.png?3.0.2.2.0_20010935");
}
.CalendarEvent.NavyBlue .CalendarEvent-header {
	background-image: url("../images/calendar/eventBoxTLNavyBlue.png?3.0.2.2.0_20010935");
}

*/

.CalendarEvent.Red .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLRed.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Blue .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLBlue.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Green .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLGreen.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Magenta .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLMagenta.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Orange .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLOrange.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Purple .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLPurple.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Teal .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLTeal.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Pink .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLPink.png?3.0.2.2.0_20010935");
}
.CalendarEvent.BurntOrange .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLBurntOrange.png?3.0.2.2.0_20010935");
}
.CalendarEvent.BrightBlue .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLBrightBlue.png?3.0.2.2.0_20010935");
}
.CalendarEvent.NavyBlue .CalendarEvent-footer {
	background-image: url("../images/calendar/eventBoxBLNavyBlue.png?3.0.2.2.0_20010935");
}

.CalendarEvent.Red .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarRed.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Blue .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarBlue.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Green .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarGreen.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Magenta .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarMagenta.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Orange .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarOrange.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Purple .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarPurple.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Teal .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarTeal.png?3.0.2.2.0_20010935");
}
.CalendarEvent.Pink .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarPink.png?3.0.2.2.0_20010935");
}
.CalendarEvent.BurntOrange .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarBurntOrange.png?3.0.2.2.0_20010935");
}
.CalendarEvent.BrightBlue .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarBrightBlue.png?3.0.2.2.0_20010935");
}
.CalendarEvent.NavyBlue .CalendarEvent-footer .CalendarEvent-footerText {
	background-image: url("../images/calendar/eventBoxBarNavyBlue.png?3.0.2.2.0_20010935");
}

/* Red */
.CalendarEvent.Red .CalendarEvent-header {
	background-image:  url("../images/calendar/eventBoxTLRed.png?3.0.2.2.0_20010935");
	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?3.0.2.2.0_20010935");
}

.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?3.0.2.2.0_20010935");
	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?3.0.2.2.0_20010935");
}

.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?3.0.2.2.0_20010935");
}

.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?3.0.2.2.0_20010935");
}

.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?3.0.2.2.0_20010935");
}

.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?3.0.2.2.0_20010935");
}

.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?3.0.2.2.0_20010935");
}

.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?3.0.2.2.0_20010935");
}

.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?3.0.2.2.0_20010935");
}

.CalendarEvent.NavyBlue .CalendarEvent-body {
	/* padding: 7px; */
	border-left: 1px solid #2213b1;
	border-right: 1px solid #2213b1;
	background-color: #3c2dcf;
}

/*
.BurntOrange {
	background-color: #f05500;
}
*/

.CalendarPrint .Red, .iwcCalendarPrint .Red { 			border-color: #e72d20 !important; }
.CalendarPrint .Blue, .iwcCalendarPrint .Blue {			border-color: #1461d3 !important; }
.CalendarPrint .Green, .iwcCalendarPrint .Green {		border-color: #299e11 !important; }
.CalendarPrint .Magenta, .iwcCalendarPrint .Magenta {	border-color: #b131ad !important; }
.CalendarPrint .Orange, .iwcCalendarPrint .Orange {		border-color: #f67a06 !important; }
.CalendarPrint .Purple, .iwcCalendarPrint .Purple {		border-color: #4a2fa0 !important; }
.CalendarPrint .Teal, .iwcCalendarPrint .Teal {			border-color: #2fa094 !important; }
.CalendarPrint .Pink,.iwcCalendarPrint .Pink {			border-color: #ff00c0 !important; }
.CalendarPrint .BurntOrange, .iwcCalendarPrint .BurntOrange {	border-color: #f05500 !important; }
.CalendarPrint .BrightBlue, .iwcCalendarPrint .BrightBlue {		border-color: #00a2ff !important; }
.CalendarPrint .NavyBlue, .iwcCalendarPrint .NavyBlue {			border-color: #2213b1 !important; }
.iwcCalendarPrint .CalendarEvent-NeedsAttention {			border-color: #FF7D05 !important; }

/* TODO: can probably remove the others */

.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;}

.iwcCalendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview.invite {
	color: #FF7D05;
}
/*
    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: 420px;
}

.CalendarPropertiesDialog .FormField label {
	width: 105px;
}

.CalendarPropertiesDialog .FormField-LabelAfter label {
	width: auto;
}

/* Same width as the dropdown */
.CalendarPropertiesDialog .FormField .FormTextBox,
.CalendarPropertiesDialog .FormField .dijitComboBox,
.CalendarPropertiesDialog .FormField .dijitDropDownButton {
	width: 265px;
}

.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;
}

.CalendarPropertiesDialog .FormField .FormSimpleTextarea{
	width: 261px;
}

.CalendarPropertiesDialog .CalendarPropertiesDialog-ColorSection .FormField-InputWrapper{
	width: 266px;
}

.CalendarPropertiesDialog .dijitComboBox .dijitInputField input{
	width: 100%;
}

.CalendarPropertiesDialog .FormField .dijitComboBox .dijitValidationIcon{
	display: none;
}
/*
    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;
}

.CalendarCreateEvent .CheckedMultiSelect-Other label.label  {
    display: block;
    padding-left: 0;
}

.CalendarCreateEvent .CheckedMultiSelect{
    vertical-align: top;
}

/******************* 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:355px;
}

.CalendarCreateEvent .checkAvailabilityBtn{
	margin-top:2em;
}

.CalendarCreateEvent .helperText{
	color: #333333;
	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-InputWrapper {
	float: left;
}

.CalendarCreateTask .Dialog-Column {
	width: 49%;
	vertical-align: top;
}

.CalendarCreateTask .dojoxDropDownSelect .dijitButtonContents .dijitButtonText,
.CalendarCreateTask .dojoxDropDownSelect .dijitButtonContents .dijitButtonText .dojoxDropDownSelectLabel{
	width: 150px;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
}

.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 .event-title {
	width: 80%;
	float: left;
	display: block;
}

.CalendarEvent .CalendarEvent-Visualcues {
	white-space: nowrap;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20%;
	float: right;        
	text-align: right;
}

.CalendarEvent .CalendarEvent-Visualcues span {
	display: inline-block;
}

.CalendarEvent .CalendarEvent-container .CalendarEvent-body {
	padding: 0px 1px;
	font-size:11px;
	cursor:pointer;
	overflow: hidden;
	text-overflow : ellipsis;
}

.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;
}

.CalendarEvent-Print { 
	display: none;
}

/* Print Overrides */

.iwcCalendarPrint .CalendarEvent { 
	color: #000;
	background: #FFF !important;
	border-left: 3px solid;
	border-right: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.iwcCalendarPrint .CalendarEvent-container,
.iwcCalendarPrint .CalendarEvent-header,
.iwcCalendarPrint .CalendarEvent-body { 
	background: none !important;
	border: none !important;
	cursor: default;
}

.iwcCalendarPrint .CalendarEvent-footer,
.iwcCalendarPrint .CalendarEvent-footerText { 
	display: none;
}
.iwcCalendarPrint .CalendarEvent-footer .CalendarEvent-body { 
	width: auto !important;
}

.iwcCalendarPrint .workHour { 
	background: none !important;
}

.iwcCalendarPrint .CalendarEvent-Visualcues { 
	display: none !important;
}

.iwcCalendarPrint .CalendarEvent .CalendarEvent-container .CalendarEvent-header {
	overflow: visible;
	padding-left: 1px;
}

.iwcCalendarPrint .CalendarEvent .CalendarEvent-container .CalendarEvent-header .CalendarEvent-headerText {
	overflow: visible;
	font-size: 10px;
	height: 11px;
}

.iwcCalendarPrint .CalendarEvent .CalendarEvent-container {
	padding-right: 0px;
	font-size: 10px;
}

.iwcCalendarPrint .CalendarEvent .CalendarEvent-container .CalendarEvent-header {
	height: 12px;
	max-height: 12px;
}

.iwcCalendarPrint .CalendarEvent-NeedsAttention .CalendarEvent-Print { 
	display: inline;
}
/* 
    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   : 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: CalendarEventDisplay
*/


.CalendarEventDisplay {
	padding: 20px 30px;
	font-size: 11px;
}

.CalendarEventDisplay h2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

.CalendarEventDisplay .FormLabelledValue,
.CalendarEventDisplay .FormField {
	font-size: 11px;
	padding-bottom: 8px;
}

.CalendarEventDisplay-Anonymous .FormField-InputWrapper {
	float: left;
}

.CalendarEventDisplay .FormLabelledValue label, 
.CalendarEventDisplay .FormField label {
	font-weight: bold;
	width: 10em;
	vertical-align: top;
	padding: 0;
}

.CalendarEventDisplay .FormLabelledValue div {
	min-width: 50%;
	max-width: 70%;
	vertical-align: top;
	white-space: normal;
}

.MailPrintMessage .CalendarEventDisplay .FormLabelledValue div {
	overflow-x: hidden;
	word-wrap: break-word;
}

.CalendarEventDisplay-Attachments {
	display: none;
}

.CalendarEventDisplay .dojoxDropDownSelectFixedWidth {
	width: 100px;
}

.CalendarEventDisplay .CalendarInvitees {
	width: 300px;
	margin-left:0px;
}

.CalendarEventDisplay-Inviter, 
.CalendarEventDisplay-InvitationInfo { 
	display: none;
}

.CalendarEventDisplay-Invitation .CalendarEventDisplay-Inviter, 
.CalendarEventDisplay-Invitation .CalendarEventDisplay-InvitationInfo {
	display: block;
}

.CalendarEventDisplay-ResponseText { 
	display: none;
}

.CalendarEventDisplay-PrintMode.CalendarEventDisplay-ShowResponse .CalendarEventDisplay-ResponseText,  
.CalendarEventDisplay-Anonymous.CalendarEventDisplay-ShowResponse .CalendarEventDisplay-ResponseText,
.CalendarEventDisplay-Readonly .CalendarEventDisplay-ResponseText{ 
	display: block;
	font-weight: bold;
}

.CalendarEventDisplay-RSVP { 
	display: none;
}

.CalendarEventDisplay-Invitation .CalendarEventDisplay-RSVP { 
	display: block;
}

.CalendarEventDisplay-PrintMode .CalendarEventDisplay-RSVP,  
.CalendarEventDisplay-Anonymous .CalendarEventDisplay-RSVP,
.CalendarEventDisplay-Readonly .CalendarEventDisplay-RSVP { 
	display: none;
}

/* Print overrides */
.iwcCalendarPrint .CalendarEventDisplay { 
	margin: 20px; 
	padding: 0;
	overflow: visible;
	font-size: 12px;
}

.iwcCalendarPrint .CalendarEventDisplay h2 { 
	font-size: 16px;
}

.iwcCalendarPrint .CalendarEventDisplay .FormLabelledValue,
.iwcCalendarPrint .CalendarEventDisplay .FormField {
	font-size: 12px;
}

.iwcCalendarPrint .CalendarEventDisplay .FormLabelledValue div {
	word-wrap: break-word;
}

.iwcCalendarPrint .CalendarEventDisplay-ShowResponse .CalendarEventDisplay-ResponseText { 
	display: block;
	font-weight: bold;
	padding-top: 8px;
}

.iwcCalendarPrint .CalendarEventDisplay .CalendarEventDisplay-RSVP { 
	display: none;
}

.iwcCalendarPrint .CalendarEventDisplay-HasAttachments .CalendarEventDisplay-Attachments {
	display: block;
}
/*
    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: 405px;
}

.CalendarExportDialog .FormField label {
	padding-right: .5em;
	width: 6em;
}

.CalendarExportDialog .FormField-InputWrapper,
.CalendarExportDialog .FormField-InputWrapper table,
.CalendarExportDialog .FormField-InputWrapper tr {
	width: 22.2em;
}

.CalendarExportDialog .dojoxDropDownSelect .dijitButtonContents .dijitButtonText,
.CalendarExportDialog .dojoxDropDownSelect .dijitButtonContents .dijitButtonText .dojoxDropDownSelectLabel{
	width: 22.2em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
}

.CalendarExportDialog .dijitDialogPaneContent{
	padding-right: 30px;
}
/*
    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: 405px;
}

.CalendarImportDialog .FormField label {
	padding-right: .5em;
        width: 6em;
}

.CalendarImportDialog .FormField-InputWrapper,
.CalendarImportDialog .FormField-InputWrapper table,
.CalendarImportDialog .FormField-InputWrapper tr {
	width: 22.2em;
}
.CalendarImportDialog .dojoxDropDownSelect .dijitButtonContents .dijitButtonText,
.CalendarImportDialog .dojoxDropDownSelect .dijitButtonContents .dijitButtonText .dojoxDropDownSelectLabel{
	width: 22.2em;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
}
/*
    Document   : Invitation
    Created on : Mar 2, 2011
    Author     : avk
    Description:

		Class names: CalendarInvitation
*/

.CalendarInvitation {
	overflow: auto;
}

.dj_ie .CalendarInvitation {
	zoom: 1;
}

.CalendarInvitation-Body {
	border: 1px solid #333;
	color: #333;
	font-size: 12px;
	width: auto; 
}

.CalendarInvitation-Header {
	border-bottom: 1px solid;
	color: #333;
	padding: 10px;
}

.CalendarInvitation-ImageColumn {
	vertical-align: top;
	margin-right: 12px;
	float: left;
}

.CalendarInvitation-ImageColumn .iwcAvatar {
	width: 40px;
	height: 40px;
}

.dj_ie .CalendarInvitation-ImageColumn {
	margin-right: 5px;
}

.CalendarInvitation-FirstColumn {
	vertical-align: top;
	padding-right: 10px;
	float: left;
}

.CalendarInvitation h3 {
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.CalendarInvitation-Description {
	padding-bottom: 4px;
}

.CalendarInvitation-IconColumn {
	width: 16px;
	margin-right: 4px;
}

.CalendarInvitation-IconColumn div {
	padding-bottom: 4px;
}

.CalendarInvitation-InvitationColumn {
	float: right;
	vertical-align: top;
}

.dj_ie .CalendarInvitation-FirstColumn,
.dj_ie .CalendarInvitation-InvitationColumn {
	zoom: 1;
}

.CalendarInvitation-Content {
	padding: 20px 10px;
}

.CalendarInvitation-Row {
	padding-bottom: 12px;
}
 
.CalendarInvitation-Row label {
	font-size: 12px;
	width: 20%;
	vertical-align: top;

}

.CalendarInvitation-Row div {
	width: 79%;
	font-size: 12px;
	vertical-align: top;
	
}


.CalendarInvitation-ResponseButtons {
	margin: 0 0 2px 0;
}

.CalendarInvitation-ResponseButtons .dijitToggleButton,
.CalendarInvitation-ResponseButtons .dijitToggleButtonHover {
	margin: 0;
	height: 22px;
	padding: 0 0 0 1px; /* For the separator */
}

.dj_webkit .CalendarInvitation-ResponseButtons .dijitToggleButton {
	margin: 0px -2px;
}

.dj_gecko .CalendarInvitation-ResponseButtons .dijitToggleButton {
	margin: 0px -3px;
}

.CalendarInvitation-ResponseButtons .CalendarInvitation-FirstToggle {
	padding: 0 0 0 5px; /* For the left rounded edge */
}

.CalendarInvitation .CalendarInvitation-ResponseButtons .dijitButtonNode,
.dj_ie .CalendarInvitation .CalendarInvitation-ResponseButtons .dijitButtonNode {
	border: none;
	padding: 0;
}

.CalendarInvitation .CalendarInvitation-LastToggle .dijitButtonNode,
.dj_ie .CalendarInvitation .CalendarInvitation-LastToggle .dijitButtonNode {
	padding: 0 5px 0 0; /* For the right rounded edge */
	height: 22px;
}

.CalendarInvitation-ResponseButtons .dijitButtonContents {
	border: none;
	height: 22px;
	width: 42px;
	padding: 0;
	margin: 0;
}

.dj_webkit .CalendarInvitation-ResponseButtons .dijitToggleButtonActive .dijitButtonContents,
.dj_webkit .CalendarInvitation-ResponseButtons .dijitToggleButtonFocus .dijitButtonContents {
	outline: none;
}

.CalendarInvitation .CalendarInvitation-ResponseButtons .dijitButtonText {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.CalendarInvitation-ResponseButtons .dijitToggleButtonChecked .dijitButtonText {
	font-weight: bold;
	color: #FFF;
}

.dj_gecko .CalendarInvitation-ResponseButtons .dijitButtonText {
	padding-bottom: 2px;
}

.dj_webkit .CalendarInvitation-ResponseButtons .dijitToggleButtonActive .dijitButtonText,
.dj_webkit .CalendarInvitation-ResponseButtons .dijitToggleButtonFocus .dijitButtonText {
	outline: 1px dotted #000;
}

.CalendarInvitation-ErrorMessage { 
	color: #F00;
	margin: 8px 0 4px 0;
}

.CalendarInvitation-ErrorMessage .ErrorIcon { 
	vertical-align: top;
}

.CalendarInvitation-ErrorText { 
	vertical-align: top;
	padding: 3px 0 0 3px;
}
/*
    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 {
	color: #333;
}

.CalendarInvitees-ReadOnly {

}

.CalendarInvitees h3 {
	margin-bottom: 5px;
	font-size: 12px;
}

/* Input Section */

.CalendarInvitees-InputSection {
	width: 100%;
	white-space: nowrap;
}

.CalendarInvitees-ReadOnly .CalendarInvitees-InputSection {
	display: none;
}

.CalendarInvitees-HelpText {
	margin: 6px 0;
}

.CalendarInvitees-InputContainer {
	/* FIXME! 
	This rule and the next. 
	Not a good way to do this - should lay out instead.
	However, the size of the container is fixed, so I'll keep it
	this way for now and fix the form in the next release.*/
	width: 287px;
}

.CalendarInvitees-InputContainer .FormComboTextarea {
	width: 280px;
}

.dj_ff36 .CalendarInvitees-InputContainer {
	width: 283px;
}

.dj_ie .CalendarInvitees-InputContainer {
	width: 298px;
	vertical-align: top;
}

.CalendarInvitees-InputSection .dijitButton {
	margin: 0 0 0 5px;
}

.CalendarInvitees-InputSection .dijitButtonNode {
	padding: 1px;
}

.dj_ie .CalendarInvitees-InputSection .dijitButtonNode {
	padding: 2px 1px 1px 2px;
}

.dj_webkit .CalendarInvitees-InputSection .dijitButtonNode {
	padding: 0 0 1px 1px;
}

.dj_webkit .CalendarInvitees-InputSection button {
	padding: 2px;
}

.CalendarInvitees-InputSection .dijitButtonText {
	display: none;
}

/* Same as main toolbar + font size*/


.CalendarInviteeList {
	margin: 8px 0 12px 0;
	padding: 2px 7px 2px 7px;
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #FFF;
	border: 1px solid;
}

.CalendarInvitees-PrintMode .CalendarInviteeList {
	border: none;
	height: auto;
	padding: 2px 0px;
}

.CalendarInvitees-Filters{
	margin-top: 8px;
}

.CalendarInvitees-Resources .CalendarInvitees-Filters, 
.CalendarInvitees-PrintMode .CalendarInvitees-Filters {
	display: none;
}


.CalendarInvitees-Filters .dijitToggleButton {
	vertical-align: top;
	margin: 0;
}

.dj_ie .CalendarInvitees-Filters .dijitToggleButton {
	float: left;
}

.CalendarInvitees-Filters .dijitToggleButton .dijitButtonNode,
.CalendarInvitees-Filters .dijitToggleButtonFocused .dijitButtonNode,
.CalendarInvitees-Filters .dijitToggleButtonActive .dijitButtonNode,
.CalendarInvitees-Filters .dijitToggleButtonChecked .dijitButtonNode {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

.dj_ie .CalendarInvitees-Filters .dijitToggleButton .dijitButtonNode {
	padding: 0;
}

.CalendarInvitees-Filters .dijitToggleButton .dijitButtonText {
	padding: 3px 8px 3px 8px;
}

.dj_ie .CalendarInvitees-Filters .dijitToggleButton .dijitButtonText {
	padding: 2px 8px 2px 8px;
}

.CalendarInvitees-Filters .dijitToggleButtonHover .dijitButtonText {
	text-decoration: underline;
}

.CalendarInvitees-Filters .dijitToggleButtonChecked .dijitButtonText {
	text-decoration:none;
}

.CalendarInvitees-NumInvitees {
	vertical-align: middle;
	padding: 3px 0 0 0;
	float: right;
	color: #333333;
}

.iwcCalendarPrint .CalendarInvitees-Filters { 
	display: none;
}

.iwcCalendarPrint .CalendarInviteeList {
	border: none; 
	overflow-y: visible;
	height: auto;
}

/* collection scrollable rows */
.CalendarInviteeItem {
	padding: 2px 0px;
}

.CalendarInviteeItem-Icon {
	float: left;
	margin: 1px 8px 0 0;
}

.dj_ie .CalendarInviteeItem-Icon {
	float: left;
	vertical-align: middle;
}

.CalendarInvitees-NoResponses .CalendarInviteeItem-Icon {
	display: none;
}

.CalendarInvitees-PrintMode .CalendarInviteeItem-Icon {
	margin-top: 0px;
}

.dj_ie .CalendarInvitees-PrintMode .CalendarInviteeItem-Icon {
	margin-top: 1px;
}

.CalendarInviteeItem-Name {
	float: left;
	padding-left: 20px;
}

.CalendarInviteeItem-Required,
.CalendarInviteeItem-Optional{
	float: left;
	padding-left: 20px;
}

.CalendarInvitees-PrintMode .CalendarInviteeItem-Name {
	float: left;
	padding: 0;
	background: none;
}

.dj_gecko .CalendarInvitees-PrintMode .CalendarInviteeItem-Name {
	margin-top: 1px;
}

.dj_ie .CalendarInviteeItem-Name {
	vertical-align: middle;
}

.CalendarInviteeItem-Name .Recipient {
	padding-left: 5px;
}

.CalendarInviteeItem-RemoveButton {
	margin: 2px;
	float: right;
	cursor: pointer;
}

/* Print overrides */
.iwcCalendarPrint .CalendarInviteeItem-Name {
	background: none;
	padding-left: 0;
}

.iwcCalendarPrint .CalendarInvitees .Recipient .dijitArrowButtonInner,
.iwcCalendarPrint .CalendarInvitees .Recipient .presenceIcon {
	display: none;
}

/* I don't think these are used */

.CalendarInviteeItem .open,
.CalendarInviteeItem .closed {
	width:0px;
	padding-left:25px;
	cursor:pointer;
}

.CalendarInviteeItem .group{
	padding-left:25px;
}

.CalendarInviteeItem.grouped .CalendarInvitees-Icon {
	margin-left:28px;
}

/*
    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 {
	zoom: 1;
}

.CalendarListView-TaskHeader { 
	display: none;
}

/* Print overrides */

 .iwcCalendarPrint .CalendarListView { 
	padding: 0;
	height: auto !important;
}

 .iwcCalendarPrint .CalendarListView-List {
	padding: 0;
}

/*TODO: fix bad name "eventContainer"*/
 .iwcCalendarPrint .CalendarListView, 
 .iwcCalendarPrint .CalendarListView .eventContainer { 
	overflow: visible;
}

 .iwcCalendarPrint .CalendarListView .eventContainer { 
	height: auto !important;
}

 .iwcCalendarPrint .CalendarListView-TaskHeader { 
	display: block;
}

.CalendarListView-PrintedTitle { 
	display: none;
}

 .iwcCalendarPrint .CalendarListView-DateHeader { 
	display: none;
}

 .iwcCalendarPrint .CalendarListView-PrintedTitle.CalendarListView-DateHeader { 
	display: block;
	border: 1px solid #D0D0D0;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

 .iwcCalendarPrint .CalendarListView .CalendarListView-List { 
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
}
/* 
    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;
}

/* Printing overrides */

.iwcCalendarPrint .CalendarMonthView table {
	border: 1px solid #DDD;
}

.iwcCalendarPrint .CalendarMonthView td { 
	border: 1px solid #D0D0D0;
}

.iwcCalendarPrint .CalendarMonthView-MonthHeader {
	color: #333;
	border-bottom: 1px solid #DDD;
}

.iwcCalendarPrint .CalendarMonthView .selected .monthDayHeader {
	color: #333;
}

.iwcCalendarPrint .CalendarMonthView .monthDay {
	height: auto !important;
}

.iwcCalendarPrint .CalendarMonthView .monthDayDetail {
	min-height: 40px;
}

.iwcCalendarPrint .CalendarMonthView .hide {
	display: block;
}

.iwcCalendarPrint .CalendarMonthView .more {
	display: none;
}

/* TODO: got here */
.iwcCalendarPrint .CalendarMonthView .previousMonth, .CalendarMonthView .nextMonth { 
	color: #999; 
	background-color: #FFF;
}
/*
    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;
}

/* Use default text color in the regular display. This overrides
   the calendar specific color, which shows up during printing */
.IWC .CalendarMonthlyEvent-preview { 
	color: #333 !important;
}

/* In weekview */
.CalendarWeekView .CalendarMonthlyEvent {
        margin: 2px;
}

.CalendarMonthlyEvent-Print { 
	display: none;
}

.CalendarMonthlyEvent-AllDay {
	display: none;
}

/* Overrides when printing. 
1. No special marking of today
2. Legend for the calendar colors/included calendars
3. Remove other color backgrounds? 
*/

.iwcCalendarPrint .CalendarMonthlyEvent {
	padding: 0 0 2px 0;
}

.iwcCalendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview.event {
	white-space: normal;
	overflow: visible;
	background: none !important;
	padding: 0;
}

.iwcCalendarPrint .CalendarMonthlyEvent-preview.invite {
	white-space: normal;
	overflow: visible;
	height: auto;
	background: none !important;
	border: none;
	padding: 0;
	margin: 0;
}

/* Unfortunately ::before and ::after are not supported on IE7 so I daren't use them 
.iwcCalendarPrint .CalendarMonthlyEvent-preview.invite .CalendarMonthlyEvent-TimeNode::before {
	content: "(";
}

.iwcCalendarPrint .CalendarMonthlyEvent-preview.invite .CalendarMonthlyEvent-TimeNode::after {
	content: ")";
}

.iwcCalendarPrint .CalendarWeekView .invite .CalendarMonthlyEvent-TextNode::before {
	content: "(";
}

.iwcCalendarPrint .CalendarWeekView .invite .CalendarMonthlyEvent-TextNode::after {
	content: ")";
}
*/

.iwcCalendarPrint .CalendarMonthView .invite .CalendarMonthlyEvent-TimeNode .CalendarMonthlyEvent-Print { 
	display: inline;
}

.iwcCalendarPrint .CalendarWeekView .invite .CalendarMonthlyEvent-TextNode .CalendarMonthlyEvent-Print { 
	display: inline;
}

/*
.iwcCalendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview span {
	white-space: normal;
	overflow: visible;
}
*/

/*TODO: change the class that's called hide! This is the timenode FWIW */
.iwcCalendarPrint .CalendarMonthlyEvent .hide {
	display: block;
}

.iwcCalendarPrint .CalendarMonthView .CalendarMonthlyEvent-AllDayTime {
	display: none;
}


.iwcCalendarPrint .CalendarMonthView .CalendarMonthlyEvent-AllDay {
	display: block;
}

.iwcCalendarPrint .dojoDndItem { 
	padding: 0;
}
/* 
    Document   : ie_workaround
    Created on : Dec 10, 2009, 6:39:15 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/






















/*
    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: 5px 8px;
}

.CalendarPreview-Controls .FormField {
	display: inline-block;
	margin-right: 25px;
}

.CalendarPreview-Controls .FormField label {
	padding-right: 10px;
}

.dj_ie .CalendarPreview-Controls .FormField {
	display: inline;
}

.CalendarPreview-Instruction {
	padding: 20px;
}

.CalendarPreview .dijitButtonNode {
	margin: 0;
}

.CalendarPreview-Name {
	margin-right: 1em;
}

.dj_ie .CalendarPreview-Name {
	vertical-align: middle;
}

.dj_ie .CalendarPreview-Controls .FormField {
	vertical-align: middle;
	padding-top: 2px;
}

.CalendarPreview-Button {
	vertical-align: middle;
	margin: 0;
}
/*
    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

    TODO: 
	1. Contains colors which have not been defined in the theme
	2. Colors need to be verified for sufficient contrast. 
	3. Does not conform to CSS guidelines: uses ids in rules; does not
           use fonts. 
	4. Underlying class uses HTML tables for formatting. Also, several 
	   layers of nested tables are used. 
	5. Event display relies on floats and widths in a way that does not 
	   make sense.
*/

.CalendarPrint {
    font-size: 12px;
    font-family:arial, helvetica, sans-serif;
	overflow: visible;
	height: auto
}

.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%;
}

.CalendarPrint .calendarPrint .viewTableContainer {
	overflow: visible;
}

.CalendarPrint .calendarPrint table.monthlyViewTable,
.CalendarPrint .calendarPrint table.allDayTable,
.CalendarPrint .calendarPrint table.dailyViewTable,
.CalendarPrint .calendarPrint table.weeklyViewTable{
	/* Where does this color come from? */
	border: 1px solid #D0D0D0;
	border-collapse: collapse;
	/* border-bottom: 1px solid #D0D0D0;*/
}


.CalendarPrint.landscape .CalendarPrint .calendarPrint{
	margin:5px;
	height:690px;
	width:960px;
}

/* TODO: needs to be positioned correctly! */
.printerLoadText{
	margin: auto;
	font-size: 14px;
	font-family:arial, helvetica, sans-serif;
}

.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 .CalendarListItemEvent h3
{
    cursor: default;
}

.CalendarPrint .calendarPrint #timeNode {
    display: block;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview.event {
	/*background:transparent url(../images/dotRed.png?3.0.2.2.0_20010935) no-repeat;
	background-position:1px 3px;*/
    padding: 0px 0px 0px 14px;
}

.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: 10px;
}
.CalendarPrint .calendarPrint .calendarAreaTable .titleArea {
    display: none;
}
.CalendarPrint .calendarPrint .CalendarMonthView-DayHeaders th{
    border:1px solid #D0D0D0;
    font-size: 11px;
}

.CalendarPrint .calendarPrint .CalendarMonthView-MonthHeader th {
    font-size: 12px;
    padding-top: 7px; 
    padding-bottom: 7px;
    color: #000;
}

.CalendarPrint .calendarPrint .CalendarMonthView .selected .monthDayHeader{
    color:black;
}

.CalendarPrint .calendarPrint .calendarMain .CalendarMonthView table {
    border: 1px solid #D0D0D0;
    border-collapse: collapse;
 }

.CalendarPrint .calendarPrint .CalendarMonthView .monthDayHeader {
    display: table-header-group;
}


.CalendarPrint .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;
}
 
.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 .CalendarListItemEvent table tr td.qua {
    display:none;
}

.CalendarPrint .calendarPrint .eventContainer {
    overflow: visible;
}

.CalendarPrint .calendarPrint .CalendarListItemEvent.EventItem {
    page-break-before: avoid;
}

.CalendarPrint .calendarPrint .printContainer {
    margin-bottom: 3px;
    margin-left: 8px;
    margin-top: 10px;
    font-weight: bold;
}

.CalendarPrint .calendarPrint .agendaPrintContainer{
    border-bottom: 1px solid #D0D0D0;
}

/* Week view specific */
.CalendarPrint .calendarPrint .CalendarPrintTable
{
    width:100%;
    border: 1px solid #D0D0D0;
    border-collapse: collapse;
    font-size:12px;
}

.CalendarPrint .CalendarPrintTable tr {
    border-bottom: 1px solid #D0D0D0;
}

.CalendarPrint .CalendarPrintTable th {
    text-align: center;
    padding-top: 10px; 
    padding-bottom: 10px;
    font-size:13px;
}

.CalendarPrint .CalendarPrintTable td {
    padding: 5px 5px 5px 5px;
}

/*
.CalendarPrint .CalendarPrintTable td.hour {
    vertical-align: middle;
}
*/

.CalendarPrint .CalendarPrintTable td.day {
    vertical-align: top;
}

.CalendarPrint .calendarPrint .weekEventTable .weekDayDetail{
    padding-left: 15px;
}

.CalendarPrint .calendarPrint.PrintEvent #timeNode {
    width:120px;
    white-space:nowrap;
    float: left;
}

.CalendarPrint .calendarPrint .gray {
    background-color: #EBECE4;
}

/* Commenting this out - this float does not appear to be needed
   and it's not cleared so causing problems elsewhere.
.CalendarPrint .calendarPrint .PrintEvent .PrintEvent-preview {
    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 .PrintEvent-preview.event{
    border-left:5px solid;
    margin-bottom: 0px;
}

/*
.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%;
}

.CalendarPrint .calendarPrint .PrintEvent .evtDetails {
    width:100%;
    padding: 0px 0px 0px 14px;
}

.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: 6em; /* fr-ca */
}


.CalendarPrintDialog .dojoxDropDownSelectFixedWidth {
	width: 14em;
}

.CalendarPrintDialog .dijitSpinner {
	width: 6em;
}

.CalendarPrintDialog .yearSpinner {
	width: 8em;
}

.CalendarPrintDialog .hours {
	margin-bottom: 1.5em;
}

.CalendarPrintDialog .hours .dijitSpinner {
	width: 10.5em; /* de with am/pm on IE */
}

.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-top: 1px;
    margin-bottom: 0px;
	border: 2px solid;
	cursor: pointer;
	height: 13px;
	width: 13px;
}

.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;
	padding-right: 2em;
}

.dj_webkit .CalendarSubscribe .CalendarSubscribe-Actions {
	overflow:hidden;
}

.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: 22em;
        margin: 0 0 0 .5em;
}

.CalendarTimezoneDialog .FormField .dijitValidationIcon{
        display: none;
}

.CalendarTimezoneDialog .FormField .dijitInputField input{
        width: 100%;
}
/*
    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;
}

/* 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;
}

.threePaneLayout .CalendarViewerContainer .calendarToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewerContainer .calendarToolbar .ToolbarIcon{
    display: none;
}
.threePaneLayout .CalendarViewerContainer .CalendarViewDispatcher-ViewControls .CalToolbarIcon{
    display:none;
}
.threePaneLayout .CalendarViewerContainer .CalendarCreateEvent .dijitToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewerContainer .CalendarCreateEvent .dijitToolbar .ToolbarIcon{
    display: none;
}
.threePaneLayout .CalendarViewerContainer .calendarToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewerContainer .calendarToolbar .ToolbarIcon{
    display: none;
}
.threePaneLayout .CalendarViewerContainer .CalendarViewDispatcher-ViewControls .CalToolbarIcon{
    display:none;
}
.threePaneLayout .CalendarViewerContainer .CalendarCreateEvent .dijitToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewerContainer .CalendarCreateEvent .dijitToolbar .ToolbarIcon{
    display: none;
}
/*
    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 .SaveNotification {
	left: 0px;
	padding:0.5em 0.5em 0.5em 1em;
	text-align:left;
	font-size: 16px;
	background-color: #FEF5D8;
	border-top:1px solid #C6D8E8;
	z-index: 10;
	position: absolute;
	bottom: 0px;
	width: 100%
}

.threePaneLayout .CalendarViewEvent .iwcToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewEvent .iwcToolbar .ToolbarIcon{
    display:none;
}
/*
    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: CalendarListItemEvent

	TODO: Consider using styles for Preview, Anonymous and Subscribed
		  Easier than all the conditional statements in the code
		  
*/

.CalendarListItemEvent {
	border:0;
	padding:6px 6px 3px 6px;
	margin:0 5px 5px 5px;
	border-left: 5px solid #999; /* Color is overridden with calendar color */
	color: #333;
	font-size: 12px;
}

.dj_ie .CalendarListItemEvent {
	width: 97%;
	zoom: 1;
	padding-right: 5px; /* otherwise we'll get a scrollbar! */
}

.CalendarListItemEvent-Row {
	min-height: 19px;
}

.CalendarListItemEvent-ImageColumn {
	vertical-align: top;
	margin-right: 8px;
	margin-top: 4px;
}

.CalendarListItemEvent-ImageColumn .iwcAvatar {
	width: 30px;
	height: 30px;
}



.dj_ie .CalendarListItemEvent-ImageColumn {
	margin-right: 5px;
}

.CalendarListItemEvent-FirstColumn {
	width: 22%;
	vertical-align: top;
	padding-right: 10px;
}

/*
.dj_ie .CalendarListItemEvent-FirstColumn {
	width: 28%;
}
*/
.CalendarListItemEvent-IconColumn {
	width: 16px;
	margin-right: 4px;
}

.CalendarListItemEvent-IconColumn div {
	padding-bottom: 4px;
}

.CalendarListItemEvent-SecondColumn {
	width: 60%;
	vertical-align: top;
	padding: 2px 10px 0 0;
}

.CalendarListItemInvite .CalendarListItemEvent-SecondColumn {
	width: 28%;
}

.CalendarListItemEvent-AltInvite,
.CalendarListItemEvent-InvitationColumn {
	width: 195px;
	vertical-align: top;
	margin-right: 10px;
	display: none;
	padding: 2px 10px 0 0;
}

.CalendarListItemInvite .CalendarListItemEvent-InvitationColumn {
	display: inline-block;
}

.dj_ie .CalendarListItemInvite .CalendarListItemEvent-InvitationColumn {
	display: inline;
	width: 29%;
}

.CalendarListItemEvent-Past .CalendarListItemEvent-InvitationColumn,
.CalendarListItemEvent-ReadOnly .CalendarListItemEvent-InvitationColumn, 
.dj_ie .CalendarListItemEvent-Past .CalendarListItemEvent-InvitationColumn,
.dj_ie .CalendarListItemEvent-ReadOnly .CalendarListItemEvent-InvitationColumn {
	display: none;
}

.CalendarListItemEvent-Past.CalendarListItemInvite .CalendarListItemEvent-AltInvite,
.CalendarListItemEvent-ReadOnly.CalendarListItemInvite .CalendarListItemEvent-AltInvite { 
	display: inline-block;
}

.dj_ie .CalendarListItemEvent-Past.CalendarListItemInvite .CalendarListItemEvent-AltInvite,
.dj_ie .CalendarListItemEvent-ReadOnly.CalendarListItemInvite .CalendarListItemEvent-AltInvite {
	display: inline;
	width: 29%;
}

.dj_ie .CalendarListItemEvent-FirstColumn,
.dj_ie .CalendarListItemEvent-SecondColumn,
.dj_ie .CalendarListItemEvent-InvitationColumn, 
.dj_ie .CalendarListItemEvent-AltInvite {
	zoom: 1;
}

.CalendarListItemEvent-DeleteColumn {
	padding: 0px 0 0 0;
	width: 20px;
	vertical-align: top;
	float: right;
	text-align: center;
}

.dj_ie .CalendarListItemEvent-DeleteColumn {
	float: none;
	text-align: right;
	zoom: 1;
	height: 20px;
}

.CalendarListItemEvent-Title { 
	white-space: nowrap;
	overflow: hidden;
}

.CalendarListItemEvent-Title h3 { 
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.CalendarListItemInvite-Organizer  .CalendarListItemEvent-Title { 
	padding-right: 18px;
}

.CalendarListItemEvent-Creator {
	display: none;
}

.CalendarListItemInvite .CalendarListItemEvent-Creator {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.CalendarListItemInvite .CalendarListItemEvent-Creator .dijitEllipsis { 
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.dj_ie .CalendarListItemInvite .CalendarListItemEvent-Creator {
	display: inline;
}

.CalendarListItemEvent-Past .CalendarListItemEvent-FirstColumn,
.CalendarListItemEvent-Past .CalendarListItemEvent-SecondColumn,
.CalendarListItemEvent-Past .CalendarListItemEvent-InvitationColumn, 
.CalendarListItemEvent-Past .CalendarListItemEvent-AltInvite {
	opacity: .65;
}

.CalendarListItemEvent-Past .CalendarListItemEvent-ResponseButton {
	display: none;
}

.CalendarListItemEvent h3 {
	font-size: 14px;
	line-height: 19px;
	height: 21px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.CalendarListItemEvent-Past h3 {
	color: #666;
}


.CalendarListItemEvent-InviteesIcon {
	max-height: 16px;
	white-space: nowrap;
	margin: 0 0 0 6px;
	padding: 0;
	vertical-align: middle;
}

.CalendarListItemEvent-InviteesIcon div {
	display: inline-block;
}

.dj_ie .CalendarListItemEvent-InviteesIcon div {
	display: inline;
	vertical-align: middle;
}

.CalendarListItemEvent-Calendar {
	display: none;
}

.CalendarListItemEvent .CalendarIcon {
	padding-right: 3px;
}

.CalendarListItemEvent-Past .needsAction,
.CalendarListItemEvent-Past .viewEventTab span {
	display:none;
}

.CalendarListItemEvent label{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	display: inline-block;
}

.CalendarListItemEvent input[type=radio] {
	margin: 0px 2px 0 0;
}

.CalendarListItemEvent-RadioLabel {
	margin: 0px 5px 0 0;
}

.CalendarListItemEvent-SecondColumn label{
	width: 90px;
}

.dj_ie .CalendarListItemEvent label{
	display: inline;
}

.CalendarListItemEvent-AttVal {
	display: table;
}

.dj_ie .CalendarListItemEvent-AttVal {
	display: block;
	zoom: 1;
}

.CalendarListItemEvent-AttValRow {
	display: table-row;
}

.dj_ie .CalendarListItemEvent-AttValRow {
	display: block;
	zoom: 1;
}

.CalendarListItemEvent-AttValLabel {
	display: table-cell;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	width: 90px;
}

.dj_ie .CalendarListItemEvent-AttValLabel {
	display: inline;
	width: 90px;
	padding-right: 5px;
	zoom: 1;
}

.CalendarListItemEvent-AttValText {
	display: table-cell;
        word-break: break-all;
}

.dj_ie .CalendarListItemEvent-AttValText {
	display: inline;
	zoom: 1;
}

.CalendarListItemEvent-DeleteColumn .dijitButton {
	margin: 0;
}

.CalendarListItemEvent .CalendarListItemEvent-DeleteColumn .dijitButtonNode {
	background: none;
	border: none;
	padding: 0;
}

.CalendarListItemEvent-ResponseButtons {
	margin: 0 0 2px 0;
}

.CalendarListItemEvent-ResponseButtons .dijitToggleButton,
.CalendarListItemEvent-ResponseButtons .dijitToggleButtonHover {
	margin: 0;
	height: 22px;
	padding: 0 0 0 1px; /* For the separator */
}

.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButton {
	margin: 0px -2px;
}

.dj_gecko .CalendarListItemEvent-ResponseButtons .dijitToggleButton {
	margin: 0px -3px;
}

.CalendarListItemEvent-ResponseButtons .CalendarListItemEvent-FirstToggle {
	padding: 0 0 0 5px; /* For the left rounded edge */
}

.CalendarListItemEvent .CalendarListItemEvent-ResponseButtons .dijitButtonNode,
.dj_ie .CalendarListItemEvent .CalendarListItemEvent-ResponseButtons .dijitButtonNode {
	border: none;
	padding: 0;
}

.CalendarListItemEvent .CalendarListItemEvent-LastToggle .dijitButtonNode,
.dj_ie .CalendarListItemEvent .CalendarListItemEvent-LastToggle .dijitButtonNode {
	padding: 0 5px 0 0; /* For the right rounded edge */
	height: 22px;
}

.CalendarListItemEvent-ResponseButtons .dijitButtonContents {
	border: none;
	height: 22px;
	width: 42px;
	padding: 0;
	margin: 0;
}

.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButtonActive .dijitButtonContents,
.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButtonFocus .dijitButtonContents {
	outline: none;
}

.CalendarListItemEvent .CalendarListItemEvent-ResponseButtons .dijitButtonText {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.CalendarListItemEvent-ResponseButtons .dijitToggleButtonChecked .dijitButtonText {
	font-weight: bold;
	color: #FFF;
}

.dj_gecko .CalendarListItemEvent-ResponseButtons .dijitButtonText {
	padding-bottom: 2px;
}

.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButtonActive .dijitButtonText,
.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButtonFocus .dijitButtonText {
	outline: 1px dotted #000;
}

/* Print overrides */

/*
.iwcCalendarPrint .CalendarListView * { 
	overflow: visible !important;
}
*/

.iwcCalendarPrint .CalendarListItemEvent {
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: #D0D0D0 !important; 
	margin: 0;
}

/*
.iwcCalendarPrint .CalendarListItemEvent-ImageColumn {
	border-width: 0px 0px 0px 5px;
	border-style: solid; 
	border-color: #333; 
	height: 100%;
}
  */


/*TODO: fix bad name "eventContainer"*/
.iwcCalendarPrint .CalendarListItemEvent-Past .CalendarListItemEvent-FirstColumn,
.iwcCalendarPrint .CalendarListItemEvent-Past .CalendarListItemEvent-SecondColumn,
.iwcCalendarPrint .CalendarListItemEvent-Past .CalendarListItemEvent-InvitationColumn, 
.iwcCalendarPrint .CalendarListItemEvent-Past .CalendarListItemEvent-AltInvite {
	opacity: 1;
}

.iwcCalendarPrint .CalendarListItemEvent .CalendarListItemEvent-DeleteColumn { 
	display: none;
}

.iwcCalendarPrint .CalendarListItemEvent-Title h3, 
.iwcCalendarPrint .CalendarListItemEvent-Past h3 { 
	font-size: 12px;
	color: #333;
	white-space: normal;
	height: auto;
	word-break: break-all;
}

.iwcCalendarPrint .CalendarListItemEvent-SecondColumn {
	width: 60%;
}

.iwcCalendarPrint .CalendarListItemEvent-Date {
	font-weight: bold;
}

.iwcCalendarPrint .CalendarListItemEvent-InvitationColumn { 
	display: none !important;
}

.iwcCalendarPrint .CalendarListItemInvite .CalendarListItemEvent-SecondColumn {
	width: 30%;
}

.iwcCalendarPrint .CalendarListItemInvite .CalendarListItemEvent-AltInvite { 
	display: inline-block !important;
	width: 30%;
}

.dj_ie .iwcCalendarPrint .CalendarListItemInvite .CalendarListItemEvent-AltInvite { 
	display: inline !important;
	float: right;
}

/*
    Document   : ListItemTask
    Created on : September 4 2010
    Author     : avk
    Description: Calendar task list items
*/

.CalendarListItemTask {
	border: none;
	padding:6px;
	margin:0 5px 5px 5px;
	color: #333;
}

.dj_ie .CalendarListItemTask {
	zoom: 1;
}

.CalendarListItemTask-Title {
	cursor: pointer;
	width: 25%;
	margin: 0;
	padding: 0;
}

.dj_ie .CalendarListItemTask-Title {
	zoom: 1;
	vertical-align: middle;
	width: 35%;
}

.CalendarListItemTask-CheckBox{
	border: 2px solid;
}

.dj_ie .CalendarListItemTask-CheckBox {
        zoom: 1;
        height:13px;
        width:13px; 
}   

.CalendarListItemTask .dijitCheckBox {
	/*margin-top: 1px;*/
    margin-bottom: 0px;
	cursor: pointer;
	height: 13px;
}

.dj_ie .CalendarListItemTask .dijitCheckBox {
     height: 16px;
     width:16px;
} 

.CalendarListItemTask-Title h3 {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	margin: 0 0 0 3px;
	white-space: nowrap;
	width: 100%;	
}

.CalendarListItemTask-Past h3 {
	color: #666;
}

.CalendarListItemTask-Title span {
	margin-right: .5em;
}


.CalendarListItemTask-IconColumn {
	width: 4%;
	margin-right: 4px;
	vertical-align: middle;
}

.CalendarListItemTask-IconColumn div {
	padding-bottom: 4px;
	float: left;
}

.CalendarListItemTask-Info {
        width: 10%;
        vertical-align:top;
}

.CalendarListItemTask-Notes{
    width: 17%;
    visibility: hidden;
    word-break: break-all;
}

.dj_ie .CalendarListItemTask-Info {
	zoom: 1;
	vertical-align: middle;
}

.CalendarListItemTask-Progress label {
	vertical-align: middle;
}

.CalendarListItemTask-Progress {
	width: 13%;
}

.CalendarListItemTask-Due {
	width: 25%;
}

.dj_ie .CalendarListItemTask-Due {
	width: 23%;
}

.CalendarListItemTask-OverDueText {
	color: #FF2E0D;
}

.CalendarListItemTask label {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

.dj_ie .CalendarListItemTask label {
	display: inline;
	vertical-align: middle;
	/* margin-top: 4px;*/
}

.CalendarListItemTask .dojoxDropDownSelectFixedWidth {
	width: 67px;
}

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

.CalendarListItemTask-DeleteColumn {
	padding: 0px 4px 0 0;
	width: 1%;
	vertical-align: top;
	float: right;
	text-align: center;
}

.dj_ie .CalendarListItemTask-DeleteColumn {
	width: 2%;
	float: none;
	text-align: right;
	zoom: 1;
	padding-top: 2px;
}

.dj_webkit .CalendarListItemTask-DeleteColumn{
	vertical-align: middle;
}

.CalendarListItemTask-DeleteColumn .dijitButton {
	margin: 0;
}

.CalendarListItemTask .CalendarListItemTask-DeleteColumn .dijitButtonNode {
	background: none;
	border: none;
	padding: 0;
}

/* Printing overviews */

 .iwcCalendarPrint .CalendarListItemTask { 
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: #D0D0D0 !important;
	margin: 0;
}

 .iwcCalendarPrint .CalendarListItemTask-DeleteColumn { 
	display: none;
}

 .iwcCalendarPrint .CalendarListItemTask-Title h3 {
	width: auto;
	white-space: normal;
	height: auto;
	word-break: break-all;
}

 .iwcCalendarPrint .CalendarListItemTask-Priority,
 .iwcCalendarPrint .CalendarListItemTask-Notes{
	width: 19%;
}

 .iwcCalendarPrint .CalendarListItemTask-Due {
	width: 30%;
}

 .iwcCalendarPrint .CalendarListItemTask-Progress {
	display: none;
}
/*
    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 0 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:auto;
}

.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 .CalendarWeekView-TableWrapper .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;
}

.IWC .CalendarWeekView-PrintedHourGrid { 
	display: none;
}

/* Print Overrides */

.iwcCalendarPrint .CalendarWeekView { 
	border: none;
}

.iwcCalendarPrint .CalendarWeekView-WeekNumber {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #CCC;
	font-weight: bold;
}

.iwcCalendarPrint .CalendarWeekView-HeaderTable, 
.iwcCalendarPrint .CalendarWeekView-HeaderTable tr, 
.iwcCalendarPrint .CalendarWeekView-HeaderTable td, 
.iwcCalendarPrint .CalendarWeekView-HeaderTable th{ 
	border-collapse: collapse;
	border: 1px solid #CCC; 
}

.iwcCalendarPrint .CalendarWeekView .calWeeklyHeader th.today {
	font-weight: normal;
}

.iwcCalendarPrint .CalendarWeekView .weeklyViewTable { 
	border-collapse: collapse;
	border-width: 0 1px 1px 1px; 
	border-style: solid; 
	border-color: #CCC; 
}

.iwcCalendarPrint .CalendarWeekView .weeklyViewTable td { 
	border-color: #CCC; 
}

.iwcCalendarPrint .CalendarWeekView .weeklyViewTable th, 
.iwcCalendarPrint .CalendarWeekView .weeklyViewTable td {
	border-color: #EEE #CCC #EEE #CCC;
}



/* TODO: selector name does not conform to Convergence standard */
.iwcCalendarPrint .CalendarWeekView .viewTableContainer { 
	overflow: hidden;
	height: 780px !important; /* Works with A4 and US Letter */
}

.dj_chrome .iwcCalendarPrint .CalendarWeekView .viewTableContainer { 
	height: 791px !important; /* Works with A4 and US Letter */
}

.dj_ie .iwcCalendarPrint .CalendarWeekView .viewTableContainer { 
	position: relative;
}

.iwcCalendarPrint .eventsWrapper { 
	height: auto !important;
}

.iwcCalendarPrint .CalendarWeekView .allDayLast, 
.iwcCalendarPrint .CalendarWeekView .scrollbar-cell {
        display: none;
}

.iwcCalendarPrint .CalendarWeekView-PrintHeaders-Year { 
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #DDD;
	height: 24px;
	text-align: center;
	font-size: 12px;
}

.iwcCalendarPrint .CalendarWeekView-PrintHeaders-Year div { 
	margin-top: 5px;
}

.iwcCalendarPrint .CalendarWeekView-WeekNumber { 
	display: block !important;
}

.iwcCalendarPrint .CalendarWeekView-HourGrid { 
	display: none;
}

.iwcCalendarPrint .CalendarWeekView-TableWrapper { 
	width: auto;
}

/*TODO: change the class that's called hide! This is the timenode FWIW */
.iwcCalendarPrint .CalendarWeekView .CalendarMonthlyEvent .hide {
	display: none;
}
/*
    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;
}

.CalendarOptionGeneral .rememberSection .FormField label {
    width: 18em;
    vertical-align: top;
}

/*
    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 .FormField-LabelAfter label {
	width: 140px;
}

.CalendarOptionNotification .FormField .dojoxDropDownSelectFixedWidth {
	width: 113px;
}

.dj_ie .CalendarOptionNotification .FormField-InputWrapper .dijitTextBox, 
.dj_ie .CalendarOptionNotification .FormField-InputWrapper .dojoxDropDownSelect {
	vertical-align: top;
	margin-top: 0;
}

.dj_ie .CalendarOptionNotification .OptionTabContainer .FormField {
	margin-bottom: 1em;
}
.CalendarOptionNotification .emailNotification .FormField-LabelAfter label{
	padding: 0;
}

.DescribeSettings .helperText {
    color: #333333;
    width: 200px;        
}
.DescribeSettings .label {
	line-height:1.2em;
}
/* 
    Document   : ie_workaround
    Created on : Dec 10, 2009, 6:39:15 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/






















/*
    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: 5px 8px;
}

.CalendarPreview-Controls .FormField {
	display: inline-block;
	margin-right: 25px;
}

.CalendarPreview-Controls .FormField label {
	padding-right: 10px;
}

.dj_ie .CalendarPreview-Controls .FormField {
	display: inline;
}

.CalendarPreview-Instruction {
	padding: 20px;
}

.CalendarPreview .dijitButtonNode {
	margin: 0;
}

.CalendarPreview-Name {
	margin-right: 1em;
}

.dj_ie .CalendarPreview-Name {
	vertical-align: middle;
}

.dj_ie .CalendarPreview-Controls .FormField {
	vertical-align: middle;
	padding-top: 2px;
}

.CalendarPreview-Button {
	vertical-align: middle;
	margin: 0;
}
/*
    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

    TODO: 
	1. Contains colors which have not been defined in the theme
	2. Colors need to be verified for sufficient contrast. 
	3. Does not conform to CSS guidelines: uses ids in rules; does not
           use fonts. 
	4. Underlying class uses HTML tables for formatting. Also, several 
	   layers of nested tables are used. 
	5. Event display relies on floats and widths in a way that does not 
	   make sense.
*/

.CalendarPrint {
    font-size: 12px;
    font-family:arial, helvetica, sans-serif;
	overflow: visible;
	height: auto
}

.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%;
}

.CalendarPrint .calendarPrint .viewTableContainer {
	overflow: visible;
}

.CalendarPrint .calendarPrint table.monthlyViewTable,
.CalendarPrint .calendarPrint table.allDayTable,
.CalendarPrint .calendarPrint table.dailyViewTable,
.CalendarPrint .calendarPrint table.weeklyViewTable{
	/* Where does this color come from? */
	border: 1px solid #D0D0D0;
	border-collapse: collapse;
	/* border-bottom: 1px solid #D0D0D0;*/
}


.CalendarPrint.landscape .CalendarPrint .calendarPrint{
	margin:5px;
	height:690px;
	width:960px;
}

/* TODO: needs to be positioned correctly! */
.printerLoadText{
	margin: auto;
	font-size: 14px;
	font-family:arial, helvetica, sans-serif;
}

.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 .CalendarListItemEvent h3
{
    cursor: default;
}

.CalendarPrint .calendarPrint #timeNode {
    display: block;
}

.CalendarPrint .calendarPrint .CalendarMonthlyEvent .CalendarMonthlyEvent-preview.event {
	/*background:transparent url(../images/dotRed.png?3.0.2.2.0_20010935) no-repeat;
	background-position:1px 3px;*/
    padding: 0px 0px 0px 14px;
}

.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: 10px;
}
.CalendarPrint .calendarPrint .calendarAreaTable .titleArea {
    display: none;
}
.CalendarPrint .calendarPrint .CalendarMonthView-DayHeaders th{
    border:1px solid #D0D0D0;
    font-size: 11px;
}

.CalendarPrint .calendarPrint .CalendarMonthView-MonthHeader th {
    font-size: 12px;
    padding-top: 7px; 
    padding-bottom: 7px;
    color: #000;
}

.CalendarPrint .calendarPrint .CalendarMonthView .selected .monthDayHeader{
    color:black;
}

.CalendarPrint .calendarPrint .calendarMain .CalendarMonthView table {
    border: 1px solid #D0D0D0;
    border-collapse: collapse;
 }

.CalendarPrint .calendarPrint .CalendarMonthView .monthDayHeader {
    display: table-header-group;
}


.CalendarPrint .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;
}
 
.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 .CalendarListItemEvent table tr td.qua {
    display:none;
}

.CalendarPrint .calendarPrint .eventContainer {
    overflow: visible;
}

.CalendarPrint .calendarPrint .CalendarListItemEvent.EventItem {
    page-break-before: avoid;
}

.CalendarPrint .calendarPrint .printContainer {
    margin-bottom: 3px;
    margin-left: 8px;
    margin-top: 10px;
    font-weight: bold;
}

.CalendarPrint .calendarPrint .agendaPrintContainer{
    border-bottom: 1px solid #D0D0D0;
}

/* Week view specific */
.CalendarPrint .calendarPrint .CalendarPrintTable
{
    width:100%;
    border: 1px solid #D0D0D0;
    border-collapse: collapse;
    font-size:12px;
}

.CalendarPrint .CalendarPrintTable tr {
    border-bottom: 1px solid #D0D0D0;
}

.CalendarPrint .CalendarPrintTable th {
    text-align: center;
    padding-top: 10px; 
    padding-bottom: 10px;
    font-size:13px;
}

.CalendarPrint .CalendarPrintTable td {
    padding: 5px 5px 5px 5px;
}

/*
.CalendarPrint .CalendarPrintTable td.hour {
    vertical-align: middle;
}
*/

.CalendarPrint .CalendarPrintTable td.day {
    vertical-align: top;
}

.CalendarPrint .calendarPrint .weekEventTable .weekDayDetail{
    padding-left: 15px;
}

.CalendarPrint .calendarPrint.PrintEvent #timeNode {
    width:120px;
    white-space:nowrap;
    float: left;
}

.CalendarPrint .calendarPrint .gray {
    background-color: #EBECE4;
}

/* Commenting this out - this float does not appear to be needed
   and it's not cleared so causing problems elsewhere.
.CalendarPrint .calendarPrint .PrintEvent .PrintEvent-preview {
    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 .PrintEvent-preview.event{
    border-left:5px solid;
    margin-bottom: 0px;
}

/*
.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%;
}

.CalendarPrint .calendarPrint .PrintEvent .evtDetails {
    width:100%;
    padding: 0px 0px 0px 14px;
}

.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: 6em; /* fr-ca */
}


.CalendarPrintDialog .dojoxDropDownSelectFixedWidth {
	width: 14em;
}

.CalendarPrintDialog .dijitSpinner {
	width: 6em;
}

.CalendarPrintDialog .yearSpinner {
	width: 8em;
}

.CalendarPrintDialog .hours {
	margin-bottom: 1.5em;
}

.CalendarPrintDialog .hours .dijitSpinner {
	width: 10.5em; /* de with am/pm on IE */
}

.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-top: 1px;
    margin-bottom: 0px;
	border: 2px solid;
	cursor: pointer;
	height: 13px;
	width: 13px;
}

.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;
	padding-right: 2em;
}

.dj_webkit .CalendarSubscribe .CalendarSubscribe-Actions {
	overflow:hidden;
}

.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: 22em;
        margin: 0 0 0 .5em;
}

.CalendarTimezoneDialog .FormField .dijitValidationIcon{
        display: none;
}

.CalendarTimezoneDialog .FormField .dijitInputField input{
        width: 100%;
}
/*
    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;
}

/* 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;
}

.threePaneLayout .CalendarViewerContainer .calendarToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewerContainer .calendarToolbar .ToolbarIcon{
    display: none;
}
.threePaneLayout .CalendarViewerContainer .CalendarViewDispatcher-ViewControls .CalToolbarIcon{
    display:none;
}
.threePaneLayout .CalendarViewerContainer .CalendarCreateEvent .dijitToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewerContainer .CalendarCreateEvent .dijitToolbar .ToolbarIcon{
    display: none;
}
.threePaneLayout .CalendarViewerContainer .calendarToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewerContainer .calendarToolbar .ToolbarIcon{
    display: none;
}
.threePaneLayout .CalendarViewerContainer .CalendarViewDispatcher-ViewControls .CalToolbarIcon{
    display:none;
}
.threePaneLayout .CalendarViewerContainer .CalendarCreateEvent .dijitToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewerContainer .CalendarCreateEvent .dijitToolbar .ToolbarIcon{
    display: none;
}
/*
    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 .SaveNotification {
	left: 0px;
	padding:0.5em 0.5em 0.5em 1em;
	text-align:left;
	font-size: 16px;
	background-color: #FEF5D8;
	border-top:1px solid #C6D8E8;
	z-index: 10;
	position: absolute;
	bottom: 0px;
	width: 100%
}

.threePaneLayout .CalendarViewEvent .iwcToolbar .CalToolbarIcon,.threePaneLayout .CalendarViewEvent .iwcToolbar .ToolbarIcon{
    display:none;
}
/*
    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: CalendarListItemEvent

	TODO: Consider using styles for Preview, Anonymous and Subscribed
		  Easier than all the conditional statements in the code
		  
*/

.CalendarListItemEvent {
	border:0;
	padding:6px 6px 3px 6px;
	margin:0 5px 5px 5px;
	border-left: 5px solid #999; /* Color is overridden with calendar color */
	color: #333;
	font-size: 12px;
}

.dj_ie .CalendarListItemEvent {
	width: 97%;
	zoom: 1;
	padding-right: 5px; /* otherwise we'll get a scrollbar! */
}

.CalendarListItemEvent-Row {
	min-height: 19px;
}

.CalendarListItemEvent-ImageColumn {
	vertical-align: top;
	margin-right: 8px;
	margin-top: 4px;
}

.CalendarListItemEvent-ImageColumn .iwcAvatar {
	width: 30px;
	height: 30px;
}



.dj_ie .CalendarListItemEvent-ImageColumn {
	margin-right: 5px;
}

.CalendarListItemEvent-FirstColumn {
	width: 22%;
	vertical-align: top;
	padding-right: 10px;
}

/*
.dj_ie .CalendarListItemEvent-FirstColumn {
	width: 28%;
}
*/
.CalendarListItemEvent-IconColumn {
	width: 16px;
	margin-right: 4px;
}

.CalendarListItemEvent-IconColumn div {
	padding-bottom: 4px;
}

.CalendarListItemEvent-SecondColumn {
	width: 60%;
	vertical-align: top;
	padding: 2px 10px 0 0;
}

.CalendarListItemInvite .CalendarListItemEvent-SecondColumn {
	width: 28%;
}

.CalendarListItemEvent-AltInvite,
.CalendarListItemEvent-InvitationColumn {
	width: 195px;
	vertical-align: top;
	margin-right: 10px;
	display: none;
	padding: 2px 10px 0 0;
}

.CalendarListItemInvite .CalendarListItemEvent-InvitationColumn {
	display: inline-block;
}

.dj_ie .CalendarListItemInvite .CalendarListItemEvent-InvitationColumn {
	display: inline;
	width: 29%;
}

.CalendarListItemEvent-Past .CalendarListItemEvent-InvitationColumn,
.CalendarListItemEvent-ReadOnly .CalendarListItemEvent-InvitationColumn, 
.dj_ie .CalendarListItemEvent-Past .CalendarListItemEvent-InvitationColumn,
.dj_ie .CalendarListItemEvent-ReadOnly .CalendarListItemEvent-InvitationColumn {
	display: none;
}

.CalendarListItemEvent-Past.CalendarListItemInvite .CalendarListItemEvent-AltInvite,
.CalendarListItemEvent-ReadOnly.CalendarListItemInvite .CalendarListItemEvent-AltInvite { 
	display: inline-block;
}

.dj_ie .CalendarListItemEvent-Past.CalendarListItemInvite .CalendarListItemEvent-AltInvite,
.dj_ie .CalendarListItemEvent-ReadOnly.CalendarListItemInvite .CalendarListItemEvent-AltInvite {
	display: inline;
	width: 29%;
}

.dj_ie .CalendarListItemEvent-FirstColumn,
.dj_ie .CalendarListItemEvent-SecondColumn,
.dj_ie .CalendarListItemEvent-InvitationColumn, 
.dj_ie .CalendarListItemEvent-AltInvite {
	zoom: 1;
}

.CalendarListItemEvent-DeleteColumn {
	padding: 0px 0 0 0;
	width: 20px;
	vertical-align: top;
	float: right;
	text-align: center;
}

.dj_ie .CalendarListItemEvent-DeleteColumn {
	float: none;
	text-align: right;
	zoom: 1;
	height: 20px;
}

.CalendarListItemEvent-Title { 
	white-space: nowrap;
	overflow: hidden;
}

.CalendarListItemEvent-Title h3 { 
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.CalendarListItemInvite-Organizer  .CalendarListItemEvent-Title { 
	padding-right: 18px;
}

.CalendarListItemEvent-Creator {
	display: none;
}

.CalendarListItemInvite .CalendarListItemEvent-Creator {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.CalendarListItemInvite .CalendarListItemEvent-Creator .dijitEllipsis { 
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.dj_ie .CalendarListItemInvite .CalendarListItemEvent-Creator {
	display: inline;
}

.CalendarListItemEvent-Past .CalendarListItemEvent-FirstColumn,
.CalendarListItemEvent-Past .CalendarListItemEvent-SecondColumn,
.CalendarListItemEvent-Past .CalendarListItemEvent-InvitationColumn, 
.CalendarListItemEvent-Past .CalendarListItemEvent-AltInvite {
	opacity: .65;
}

.CalendarListItemEvent-Past .CalendarListItemEvent-ResponseButton {
	display: none;
}

.CalendarListItemEvent h3 {
	font-size: 14px;
	line-height: 19px;
	height: 21px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.CalendarListItemEvent-Past h3 {
	color: #666;
}


.CalendarListItemEvent-InviteesIcon {
	max-height: 16px;
	white-space: nowrap;
	margin: 0 0 0 6px;
	padding: 0;
	vertical-align: middle;
}

.CalendarListItemEvent-InviteesIcon div {
	display: inline-block;
}

.dj_ie .CalendarListItemEvent-InviteesIcon div {
	display: inline;
	vertical-align: middle;
}

.CalendarListItemEvent-Calendar {
	display: none;
}

.CalendarListItemEvent .CalendarIcon {
	padding-right: 3px;
}

.CalendarListItemEvent-Past .needsAction,
.CalendarListItemEvent-Past .viewEventTab span {
	display:none;
}

.CalendarListItemEvent label{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	display: inline-block;
}

.CalendarListItemEvent input[type=radio] {
	margin: 0px 2px 0 0;
}

.CalendarListItemEvent-RadioLabel {
	margin: 0px 5px 0 0;
}

.CalendarListItemEvent-SecondColumn label{
	width: 90px;
}

.dj_ie .CalendarListItemEvent label{
	display: inline;
}

.CalendarListItemEvent-AttVal {
	display: table;
}

.dj_ie .CalendarListItemEvent-AttVal {
	display: block;
	zoom: 1;
}

.CalendarListItemEvent-AttValRow {
	display: table-row;
}

.dj_ie .CalendarListItemEvent-AttValRow {
	display: block;
	zoom: 1;
}

.CalendarListItemEvent-AttValLabel {
	display: table-cell;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	width: 90px;
}

.dj_ie .CalendarListItemEvent-AttValLabel {
	display: inline;
	width: 90px;
	padding-right: 5px;
	zoom: 1;
}

.CalendarListItemEvent-AttValText {
	display: table-cell;
        word-break: break-all;
}

.dj_ie .CalendarListItemEvent-AttValText {
	display: inline;
	zoom: 1;
}

.CalendarListItemEvent-DeleteColumn .dijitButton {
	margin: 0;
}

.CalendarListItemEvent .CalendarListItemEvent-DeleteColumn .dijitButtonNode {
	background: none;
	border: none;
	padding: 0;
}

.CalendarListItemEvent-ResponseButtons {
	margin: 0 0 2px 0;
}

.CalendarListItemEvent-ResponseButtons .dijitToggleButton,
.CalendarListItemEvent-ResponseButtons .dijitToggleButtonHover {
	margin: 0;
	height: 22px;
	padding: 0 0 0 1px; /* For the separator */
}

.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButton {
	margin: 0px -2px;
}

.dj_gecko .CalendarListItemEvent-ResponseButtons .dijitToggleButton {
	margin: 0px -3px;
}

.CalendarListItemEvent-ResponseButtons .CalendarListItemEvent-FirstToggle {
	padding: 0 0 0 5px; /* For the left rounded edge */
}

.CalendarListItemEvent .CalendarListItemEvent-ResponseButtons .dijitButtonNode,
.dj_ie .CalendarListItemEvent .CalendarListItemEvent-ResponseButtons .dijitButtonNode {
	border: none;
	padding: 0;
}

.CalendarListItemEvent .CalendarListItemEvent-LastToggle .dijitButtonNode,
.dj_ie .CalendarListItemEvent .CalendarListItemEvent-LastToggle .dijitButtonNode {
	padding: 0 5px 0 0; /* For the right rounded edge */
	height: 22px;
}

.CalendarListItemEvent-ResponseButtons .dijitButtonContents {
	border: none;
	height: 22px;
	width: 42px;
	padding: 0;
	margin: 0;
}

.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButtonActive .dijitButtonContents,
.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButtonFocus .dijitButtonContents {
	outline: none;
}

.CalendarListItemEvent .CalendarListItemEvent-ResponseButtons .dijitButtonText {
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.CalendarListItemEvent-ResponseButtons .dijitToggleButtonChecked .dijitButtonText {
	font-weight: bold;
	color: #FFF;
}

.dj_gecko .CalendarListItemEvent-ResponseButtons .dijitButtonText {
	padding-bottom: 2px;
}

.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButtonActive .dijitButtonText,
.dj_webkit .CalendarListItemEvent-ResponseButtons .dijitToggleButtonFocus .dijitButtonText {
	outline: 1px dotted #000;
}

/* Print overrides */

/*
.iwcCalendarPrint .CalendarListView * { 
	overflow: visible !important;
}
*/

.iwcCalendarPrint .CalendarListItemEvent {
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: #D0D0D0 !important; 
	margin: 0;
}

/*
.iwcCalendarPrint .CalendarListItemEvent-ImageColumn {
	border-width: 0px 0px 0px 5px;
	border-style: solid; 
	border-color: #333; 
	height: 100%;
}
  */


/*TODO: fix bad name "eventContainer"*/
.iwcCalendarPrint .CalendarListItemEvent-Past .CalendarListItemEvent-FirstColumn,
.iwcCalendarPrint .CalendarListItemEvent-Past .CalendarListItemEvent-SecondColumn,
.iwcCalendarPrint .CalendarListItemEvent-Past .CalendarListItemEvent-InvitationColumn, 
.iwcCalendarPrint .CalendarListItemEvent-Past .CalendarListItemEvent-AltInvite {
	opacity: 1;
}

.iwcCalendarPrint .CalendarListItemEvent .CalendarListItemEvent-DeleteColumn { 
	display: none;
}

.iwcCalendarPrint .CalendarListItemEvent-Title h3, 
.iwcCalendarPrint .CalendarListItemEvent-Past h3 { 
	font-size: 12px;
	color: #333;
	white-space: normal;
	height: auto;
	word-break: break-all;
}

.iwcCalendarPrint .CalendarListItemEvent-SecondColumn {
	width: 60%;
}

.iwcCalendarPrint .CalendarListItemEvent-Date {
	font-weight: bold;
}

.iwcCalendarPrint .CalendarListItemEvent-InvitationColumn { 
	display: none !important;
}

.iwcCalendarPrint .CalendarListItemInvite .CalendarListItemEvent-SecondColumn {
	width: 30%;
}

.iwcCalendarPrint .CalendarListItemInvite .CalendarListItemEvent-AltInvite { 
	display: inline-block !important;
	width: 30%;
}

.dj_ie .iwcCalendarPrint .CalendarListItemInvite .CalendarListItemEvent-AltInvite { 
	display: inline !important;
	float: right;
}

/*
    Document   : ListItemTask
    Created on : September 4 2010
    Author     : avk
    Description: Calendar task list items
*/

.CalendarListItemTask {
	border: none;
	padding:6px;
	margin:0 5px 5px 5px;
	color: #333;
}

.dj_ie .CalendarListItemTask {
	zoom: 1;
}

.CalendarListItemTask-Title {
	cursor: pointer;
	width: 25%;
	margin: 0;
	padding: 0;
}

.dj_ie .CalendarListItemTask-Title {
	zoom: 1;
	vertical-align: middle;
	width: 35%;
}

.CalendarListItemTask-CheckBox{
	border: 2px solid;
}

.dj_ie .CalendarListItemTask-CheckBox {
        zoom: 1;
        height:13px;
        width:13px; 
}   

.CalendarListItemTask .dijitCheckBox {
	/*margin-top: 1px;*/
    margin-bottom: 0px;
	cursor: pointer;
	height: 13px;
}

.dj_ie .CalendarListItemTask .dijitCheckBox {
     height: 16px;
     width:16px;
} 

.CalendarListItemTask-Title h3 {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	margin: 0 0 0 3px;
	white-space: nowrap;
	width: 100%;	
}

.CalendarListItemTask-Past h3 {
	color: #666;
}

.CalendarListItemTask-Title span {
	margin-right: .5em;
}


.CalendarListItemTask-IconColumn {
	width: 4%;
	margin-right: 4px;
	vertical-align: middle;
}

.CalendarListItemTask-IconColumn div {
	padding-bottom: 4px;
	float: left;
}

.CalendarListItemTask-Info {
        width: 10%;
        vertical-align:top;
}

.CalendarListItemTask-Notes{
    width: 17%;
    visibility: hidden;
    word-break: break-all;
}

.dj_ie .CalendarListItemTask-Info {
	zoom: 1;
	vertical-align: middle;
}

.CalendarListItemTask-Progress label {
	vertical-align: middle;
}

.CalendarListItemTask-Progress {
	width: 13%;
}

.CalendarListItemTask-Due {
	width: 25%;
}

.dj_ie .CalendarListItemTask-Due {
	width: 23%;
}

.CalendarListItemTask-OverDueText {
	color: #FF2E0D;
}

.CalendarListItemTask label {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

.dj_ie .CalendarListItemTask label {
	display: inline;
	vertical-align: middle;
	/* margin-top: 4px;*/
}

.CalendarListItemTask .dojoxDropDownSelectFixedWidth {
	width: 67px;
}

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

.CalendarListItemTask-DeleteColumn {
	padding: 0px 4px 0 0;
	width: 1%;
	vertical-align: top;
	float: right;
	text-align: center;
}

.dj_ie .CalendarListItemTask-DeleteColumn {
	width: 2%;
	float: none;
	text-align: right;
	zoom: 1;
	padding-top: 2px;
}

.dj_webkit .CalendarListItemTask-DeleteColumn{
	vertical-align: middle;
}

.CalendarListItemTask-DeleteColumn .dijitButton {
	margin: 0;
}

.CalendarListItemTask .CalendarListItemTask-DeleteColumn .dijitButtonNode {
	background: none;
	border: none;
	padding: 0;
}

/* Printing overviews */

 .iwcCalendarPrint .CalendarListItemTask { 
	border-width: 0px 0px 1px 0px;
	border-style: solid; 
	border-color: #D0D0D0 !important;
	margin: 0;
}

 .iwcCalendarPrint .CalendarListItemTask-DeleteColumn { 
	display: none;
}

 .iwcCalendarPrint .CalendarListItemTask-Title h3 {
	width: auto;
	white-space: normal;
	height: auto;
	word-break: break-all;
}

 .iwcCalendarPrint .CalendarListItemTask-Priority,
 .iwcCalendarPrint .CalendarListItemTask-Notes{
	width: 19%;
}

 .iwcCalendarPrint .CalendarListItemTask-Due {
	width: 30%;
}

 .iwcCalendarPrint .CalendarListItemTask-Progress {
	display: none;
}
/*
    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 0 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:auto;
}

.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 .CalendarWeekView-TableWrapper .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;
}

.IWC .CalendarWeekView-PrintedHourGrid { 
	display: none;
}

/* Print Overrides */

.iwcCalendarPrint .CalendarWeekView { 
	border: none;
}

.iwcCalendarPrint .CalendarWeekView-WeekNumber {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #CCC;
	font-weight: bold;
}

.iwcCalendarPrint .CalendarWeekView-HeaderTable, 
.iwcCalendarPrint .CalendarWeekView-HeaderTable tr, 
.iwcCalendarPrint .CalendarWeekView-HeaderTable td, 
.iwcCalendarPrint .CalendarWeekView-HeaderTable th{ 
	border-collapse: collapse;
	border: 1px solid #CCC; 
}

.iwcCalendarPrint .CalendarWeekView .calWeeklyHeader th.today {
	font-weight: normal;
}

.iwcCalendarPrint .CalendarWeekView .weeklyViewTable { 
	border-collapse: collapse;
	border-width: 0 1px 1px 1px; 
	border-style: solid; 
	border-color: #CCC; 
}

.iwcCalendarPrint .CalendarWeekView .weeklyViewTable td { 
	border-color: #CCC; 
}

.iwcCalendarPrint .CalendarWeekView .weeklyViewTable th, 
.iwcCalendarPrint .CalendarWeekView .weeklyViewTable td {
	border-color: #EEE #CCC #EEE #CCC;
}



/* TODO: selector name does not conform to Convergence standard */
.iwcCalendarPrint .CalendarWeekView .viewTableContainer { 
	overflow: hidden;
	height: 780px !important; /* Works with A4 and US Letter */
}

.dj_chrome .iwcCalendarPrint .CalendarWeekView .viewTableContainer { 
	height: 791px !important; /* Works with A4 and US Letter */
}

.dj_ie .iwcCalendarPrint .CalendarWeekView .viewTableContainer { 
	position: relative;
}

.iwcCalendarPrint .eventsWrapper { 
	height: auto !important;
}

.iwcCalendarPrint .CalendarWeekView .allDayLast, 
.iwcCalendarPrint .CalendarWeekView .scrollbar-cell {
        display: none;
}

.iwcCalendarPrint .CalendarWeekView-PrintHeaders-Year { 
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #DDD;
	height: 24px;
	text-align: center;
	font-size: 12px;
}

.iwcCalendarPrint .CalendarWeekView-PrintHeaders-Year div { 
	margin-top: 5px;
}

.iwcCalendarPrint .CalendarWeekView-WeekNumber { 
	display: block !important;
}

.iwcCalendarPrint .CalendarWeekView-HourGrid { 
	display: none;
}

.iwcCalendarPrint .CalendarWeekView-TableWrapper { 
	width: auto;
}

/*TODO: change the class that's called hide! This is the timenode FWIW */
.iwcCalendarPrint .CalendarWeekView .CalendarMonthlyEvent .hide {
	display: none;
}
/*
    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;
}

.CalendarOptionGeneral .rememberSection .FormField label {
    width: 18em;
    vertical-align: top;
}

/*
    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 .FormField-LabelAfter label {
	width: 140px;
}

.CalendarOptionNotification .FormField .dojoxDropDownSelectFixedWidth {
	width: 113px;
}

.dj_ie .CalendarOptionNotification .FormField-InputWrapper .dijitTextBox, 
.dj_ie .CalendarOptionNotification .FormField-InputWrapper .dojoxDropDownSelect {
	vertical-align: top;
	margin-top: 0;
}

.dj_ie .CalendarOptionNotification .OptionTabContainer .FormField {
	margin-bottom: 1em;
}
.CalendarOptionNotification .emailNotification .FormField-LabelAfter label{
	padding: 0;
}

.DescribeSettings .helperText {
    color: #333333;
    width: 200px;        
}
.DescribeSettings .label {
	line-height:1.2em;
}
/* 
    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
*/



















/* Do not add more imports below this line - add them to IEWorkaround.css */
/* 
    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;
}

.dj_ie .MailAdvancedSearch-CriteriaContainer .dijitTextBox {
	vertical-align: top;
}


.dj_ie .MailAdvancedSearchCriteria {
	width: 560px;
}

/* Footer, right align all */
.MailAdvancedSearch .MailAdvancedSearch-Bottom {
	width: 560px;
	text-align: right;
}
/* 
    Document   : AdvancedSearchCriterion
    Created on : June 8, 2011
    Author     : avk
    Description:
*/



.MailAdvancedSearchCriterion {
	width: auto;
	margin: 20px 0;
	overflow: hidden;
}

.MailAdvancedSearchCriterion .dijitButton {
	margin: 0 0 0 10px;
}

.MailAdvancedSearchCriterion .dijitButton .dijitButtonNode {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

.dj_ie .MailAdvancedSearchCriterion .dijitButton {
	vertical-align: top;
	margin-top: 3px;
}

.MailAdvancedSearchCriterion .dijitDateTextBox {
	margin-right: 77px;
}

.MailAdvancedSearchCriteria-Full .MailAdvancedSearchCriterion-plusButton {
	visibility: hidden;
}

.MailAdvancedSearchCriteria-Single .MailAdvancedSearchCriterion-minusButton {
	visibility: hidden;
}
/*
    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: 80%;
}

.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%;
	float:none;
	border-right-width: 0;
	border-left-width: 0;
}

.MailCreateMessage .saveNotification {
	left: 0px;
	font-size: 16px;
	border-top:1px solid;
	padding:0.5em 0.5em 0.5em 1em;
	text-align:left;
}

.dj_tablet .MailCreateMessageDialog {
	width: 90% !important;
}

.dj_tablet .MailCreateMessageDialog form.MailCreateMessage {
	width: 100%;
}

.dj_tablet .MailCreateMessageDialog iframe {
	min-height: 300px;
}

.dj_tablet .MailCreateMessageDialog .dijitDialogPaneContent {
	height: auto !important ;
	padding: 0;
}

.dj_tablet .dijitDialog .MailCreateMessage .FormField .FormField-Label,
.dj_tablet .dijitDialog .MailCreateMessage .FormField-InputWrapper {
	float: none;
}

.dj_tablet .dijitDialog .MailCreateMessage .FormField{
	width: auto;
}

.dj_tablet .MailCreateMessage .MailCreateMessage-EditorHarness {
	border-bottom-width: 0px;
}
/*threepane*/

.threePaneLayout .MailCreateMessageDialog .MailToolbarIcon ,.threePaneLayout .MailCreateMessageDialog .ToolbarIcon{
    display:none;
}
/* 
    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;
}

.MailFolderPropertiesDialog .MailFolderPropertiesDialog-FolderName{
	word-wrap:break-word;
}

.MailFolderPropertiesDialog .MailFolderPropertiesDialog-FolderNameWrapper{
	max-width:279px;
}
/* 
    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;
}

.dj_safari .MailFolders {
	overflow-x: 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, MailGridColumnHeader, MailGrid tr
*/

.MailGrid {
        
}

.MailGrid .MailGrid-TableContainer {
	width: 100%;
}

/* Bug 18178792: a hack to disable MailGrid showing webkit's focus outline instead of on individual selected message row */
.MailGrid .MailGrid-TableContainer:focus {
	outline: none;
}

.MailGrid h2 { /* empty grid styling */
        padding-left:2em;
        font-weight:normal;
        text-align: center;
}
.dj_ios .MailGrid h2 {
        text-align: -webkit-center;
}
.MailGrid table {
	table-layout:fixed;
	border-collapse:collapse;

  /* font-size in spec is 11px */
	font-size: 11px;
	line-height: 22px;
	width: 100%;
}


/* GRID ROWS */
.MailGrid tr {
	height: 22px;
	cursor: pointer;
  background: #FFF;
  border-bottom: 1px solid white;
  /* 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 14px; /* Left padding is used for reply icon */
        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 3px;
        overflow: hidden;
}
/* ICONS */
.MailGrid .icon {
        padding:  0px;
}
.MailGrid tr td{
        white-space: nowrap;
}
.threePaneLayout .MailGrid tr td .subj {
	padding-left: 33px;
        font-size: 13px;
	flex: 2 1 auto;
}
/* IE workarounds for the last column being covered by the scrollbar 
   The MailGrid-lastColumn selector is not used on other browsers */
.MailGrid td.MailGrid-lastColumn .icon.read { 
	background-position: 5px center;
}

.MailGrid .hasAttachment .MailGrid-lastColumn .icon.attachment { 
	background-position: 3px center;
}

.MailGrid .flagged .MailGrid-lastColumn .icon.flag { 
	background-position: 3px 1px;
}

.MailGrid .MessageEnvelope_HighPriority .MailGrid-lastColumn .icon.priorityIcon {
        background-position: 5px -24px;
}

.MailGrid .MessageEnvelope_LowPriority .MailGrid-lastColumn .icon.priorityIcon {
        background-position: 5px -51px;
}

/* IE only (this selector is not used on other browsers) */
.MailGrid .MailGrid-lastColumn .dijitEllipsis { 
	text-align: left;
	padding-left: 4px;
}

/* Headers */
.MailGrid-Header {
        height: 22px; /*Combined height with top and bottom border should be 24px */
        border-bottom: 1px solid;
        padding-right: 14px;
        background: none;
}

/* Mail Grid Column Headers */
.MailGridColumnHeader {
	cursor: pointer;
	padding-top: 2px;
	overflow: hidden;
	background: none;
}

.dj_gecko .MailGridColumnHeaderSelect { 
	padding-top: 1px;
}

/* Focus tracking. 
   dijitFocus is used on IE only */
.MailGridColumnHeader:focus,
.MailGridColumnHeader.dijitFocus {
	outline: none;
}

.MailGridColumnHeader:focus div,
.MailGridColumnHeaderSelect:focus span,
.MailGridColumnHeader-Icon:focus span {
	outline: dotted 1px;
	outline-offset: 1px;
}

/* dijitFocus is used on IE only */
.MailGridColumnHeader.dijitFocus div,
.MailGridColumnHeaderSelect.dijitFocus span,
.MailGridColumnHeader-Icon.dijitFocus span {
	border: dotted 1px;
}

/*
.dj_chrome .MailGridColumnHeader {
	padding-top: 2px;
}
*/
.MailGridColumnHeader-Icon {
	padding-top: 3px;
	text-align: center;
}

.MailGridColumnHeaderSelect { 
    padding-left: 1px;
}

.MailGridColumnHeaderSelect .dijitCheckBox {
    display: block;
}

.dj_ie .MailGridColumnHeaderSelect .dijitCheckBox {
	margin-top: 5px;
}

.MailGridColumnHeader .icon {
	height: 14px;
	width: 14px;
	margin-top: 1px;
}

.MailGridColumnHeader div {
	margin: 3px 5px 0 5px;
}

.dj_ie .MailGridColumnHeader div {
	margin: 5px 5px 0 5px;
}

.dj_ie .MailGridColumnHeader.dijitFocus div {
	margin: 3px 5px 0 5px;
}

.MailGridColumnHeader-Label  {
	
}

.MailGridColumnHeader-SortIcon {
	position: absolute;
	right: 10px;
	top: 5px;
}

.dj_ie .MailGridColumnHeader-SortIcon {
	top: 4px;
}

.dijitRtl .MailGridColumnHeader-SortIcon {
	left: 10px;
}

.MailGridColumnHeader-Sorted {
	background-repeat: repeat-x;
}

.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 .checkbox {
	display: block;
	margin: auto;
}
 
.dj_tablet .MailGrid-Header .checkbox, .dj_tablet .MailGrid .checkbox {
	display: block;
	margin: 0px;
	padding: 5px 7px; /* w,h is 28x23, the checkbox image is 13x13 */
	background-position: center center;
}

.dj_tablet .MailGrid-Header .columnHeader{
        cursor: pointer;
        padding-top: 1px;
        overflow: hidden;
        background: none;
}

.dj_tablet .MailGrid-Header .columnHeader .label{
        padding-left: 5px;
        padding-right: 5px;
	padding-top: 4px;
}

/*Three pane layout styles*/
.threePaneLayout .MailGridColumnHeaderSelect{
	padding-left: 2px;
	padding-right: 5px;
	display: inline;
}
.threePaneLayout .MailGridColumnHeaderSelect .dijitCheckBox{
    display:inline-block;
    margin: auto;
	margin-top: 3px;
}
.threePaneLayout .MailGrid tr td .mail-preview{
	flex: 2 1 auto;   /* (<flex-grow> | <flex-shrink> | <flex-basis>) */
	min-width: 100px ;
}

.threePaneLayout .MailGrid tr td .date {
	text-align: right;
}
.threePaneLayout .MailGrid tr td .mail-icons  {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	flex: 1 1 auto;
}
.threePaneLayout .MailGrid tr td .mail-icons .icon {
	width: 25px;
}
/* styles for '...' */ 
.threePaneLayout .MailGrid tr td .preview-text {
        /* hide text if it more than N lines  */
        overflow: hidden;
        position: relative; 
        /* use this value to count block height */
        line-height: 1.2em;
        /* max-height = line-height (1.2) * lines max number (2) */
        max-height: 2.4em;
        padding-left: 33px;
        margin-top: 5px;
        /* place for '...' */
        margin-right: -1em;
        padding-right: 1em;
        white-space: normal;
        width: calc(100% - 45px);
        text-align: justify;
        word-break: break-all;
}
/* create the ... */
.threePaneLayout .MailGrid tr td .preview-text:before {
        /* points in the end */
        content: '...';
        position: absolute;
        /* set position to right bottom corner of block */
        right: 10px;
        bottom: 0;
        width: 2em;
        height: 1.25em;
        background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
        font-weight: bold;
        text-align: right;
}
.threePaneLayout .MailGrid .MailGrid-EvenRow td .preview-text:before {
        /* points in the end */
        content: '...';
        position: absolute;
        /* set position to right bottom corner of block */
        right: 10px;
        bottom: 0;
        width: 2em;
        height: 1.25em;
        background : linear-gradient(to right, rgba(243, 243, 243, 0), rgba(243, 243, 243, 1) 75%);
        font-weight: bold;
        text-align: right;
}
.threePaneLayout .MailGrid .selected td .preview-text:before {
        /* points in the end */
        content: '...';
        position: absolute;
        /* set position to right bottom corner of block */
        right: 10px;
        bottom: 0;
        width: 2em;
        height: 1.25em;
        background : linear-gradient(to right, rgba(132, 187, 230, 0), rgba(132, 187, 230, 1) 75%);
        font-weight: bold;
        text-align: right;
}
/* hide ... if we have text, which is less than or equal to max lines */
.threePaneLayout .MailGrid tr td .preview-text:after {
        /* points in the end */
        content: '';
        position: absolute;
        /* set position to right bottom corner of text */
        right: 10px;
        width: 2em;
        height: 1.25em;
        margin-top: 0.2em;
        background: #FFF;
}
.threePaneLayout .MailGrid .MailGrid-EvenRow td .preview-text:after {
        /* points in the end */
        content: '';
        position: absolute;
        /* set position to right bottom corner of text */
        right: 10px;
        width: 2em;
        height: 1.25em;
        margin-top: 0.2em;
        background: #F3F3F3;
}
.threePaneLayout .MailGrid .selected td .preview-text:after {
        /* points in the end */
        content: '';
        position: absolute;
        /* set position to right bottom corner of text */
        right: 10px;
        width: 2em;
        height: 1.25em;
        margin-top: 0.2em;
        background: #84BBE6;
}
    
.threePaneLayout .MailGrid tr td .flex-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 1.6rem;
}
.threePaneLayout .MailGrid tr td .sender{
	font-size: 13px;
	flex: 2 1 auto;
}
.threePaneLayout .MailGrid tr td .checkbox-container{
	width: 30px;
}
.threePaneLayout .MailGrid tr td{
        padding-bottom: 5px;
	padding-top: 5px;
        width: 100%;
}

.threePaneLayout .MailGrid tr td .subj {
	padding-left: 30px;
	font-size: 13px;
	flex: 2 1 auto;
	padding-right:0px;
}
.search-result-table {
        width: 100%;
        border-spacing: 0px;
}
.search-result-row {
        height:30px;
        line-height:30px;
}
.search-results-header {
        background-color: #D7D7D7;
        padding-left: 10px;
}
.threePaneLayout .clearIcon {
        float: right;
        padding: 8px 10px 10px 0;
        cursor: pointer;      
}
.threePaneLayout .MailGrid.search-results {
        top: 30px !important;
}
/* ::::: Message body - intended to be loaded inside the viewer's iframe ::::: */

.MailMessagePane html, .MailMessagePane body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.MailMessagePane .MailMessagePane-messageBody {
	padding: 0;
	margin: 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.mimetype-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 {
}

/* Bad MS Office class, adjust them here */
.MsoNormal {
	margin: 0px !important;
}
/* 
    Document   : MailInvitationBar
    Created on : March 3, 2011
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

.MailInvitationBar {
	border-top: 1px solid blue;
}
/* 
    Document   : MailMessageBodyPane
    Created on : March 1, 2011
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

.MailMessageBodyPane { 
	padding: 0;
	overflow: auto;
	position:relative;
}
.dj_tablet .MailMessageBodyPane,
.dj_tablet .MailAttachmentViewer {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.MailMessageBodyPane-MiddlePane {
	position:relative;
	width: 0;
}
.MailMessageBodyPane-MessageIframe {
	position:absolute;
}
.MailInvitation {
	position:absolute;
}
.MailMessageBodyPane .CalendarInvitation { 
	display: none;
}

.MailMessageBodyPane-Invitation .CalendarInvitation { 
	display: block;
}

.MailMessageBodyPane-Invitation .MailMessageBodyPane-MessageIframe { 
	display: none;
}

.MailMessageBodyPane .CalendarInvitation-Body { 
	margin-top: 8px; 
	margin-left: auto; 
	margin-right: auto; 
	height: auto; 
	width: 75%;
}

.MessageAd-banner {
	padding: 5px;	/*align with the message body*/
}
.MessageAd-square {
	position:absolute;
	padding: 5px;
}
/* 
    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 {
	/*Changed the padding for all themes*/
	padding: 25px;
    text-align:center;
}

.MailMessageViewer .MailMessageViewer-statusMessagePane div{
    font-size: 13px;
    font-weight: bold;
}
.MailMessageViewer-ToggleColumn,
.MailMessageViewer-FirstColumn, 
.MailMessageViewer-ValueColumn {
	float: left;
}

.MailMessageViewer-FirstColumn {
	max-width: 70%;
}

.MailMessageViewer-Draft .MailMessageViewer-FirstColumn,
.MailMessageViewer-SMIME .MailMessageViewer-FirstColumn {
	max-width: 50%;
}

.dj_webkit .MailMessageViewer-Draft .MailMessageViewer-FirstColumn {
	max-width: 40%;
}

.MailMessageViewer-SecondColumn {
	float: right;
}

.MailMessageViewer-DraftColumn,
.MailMessageViewer-SecurityColumn { 
	float: left;
	margin-left: 12px;
}

.dj_ie .MailMessageViewer-DraftColumn,
.dj_ie .MailMessageViewer-SecurityColumn { 
	margin-right: 12px;
}

.MailMessageViewer-Headers {
	border-bottom: 1px solid;
}

.MailMessageViewer-Headers .FormLabelledValue {
	padding: 2px 0;
}

.MailMessageViewer-Headers label {
	width: 5em;
	text-align: right;
	margin-right: .5em;
}

.MailMessageViewer-Headers .dijitButton, 
.MailMessageViewer-Headers .dijitToggleButton{
	margin: 0;
}

.MailMessageViewer-Headers .dijitButton .dijitButtonNode { 
	padding: 1px;
}
.MailMessageViewer-SecurityColumn .dijitToggleButton .dijitButtonNode{
	padding: 0;
	background: none; 
	border: none;
}

.MailMessageViewer-Subject div {
	font-weight: bold;
	height: auto;
	white-space: normal;
}

.dj_ie .MailMessageViewer-Subject div {
	max-width: 80%;
}

.MailMessageViewer-Headers .FormLabelledValue .dijitInline {
	vertical-align: top;
}

.MailMessageViewer-List { 
	white-space: nowrap;
}

.MailMessageViewer-List.expandable label {
	cursor: pointer;
	cursor: hand;
}

.MailMessageViewer-List.expand label {
	vertical-align: top;
	padding-top: 1px;
}

.MailMessageViewer-List .iwcRecipientList {
	height: 1.4em;
	overflow: hidden;
	white-space: normal;
	/* Position relative is *NOT* used for layout. It is set so that the 
	resize method of the MailMessageViewer can figure out if all the 
	elements on the recipient lists can be displayed in the available space. 
	Do not remove */
	position: relative;
	max-width: 90%;
}

.MailMessageViewer-List.expand .iwcRecipientList {
	height: auto;
	overflow: auto;
	max-height: 5em;
	vertical-align: top;
}

/* BUG# 17366941 when overflow:auto, IE will create scrollbar
 inside the element and blocking some content. There is also
 an unwanted horizontal scrollbar */
.dj_ie .MailMessageViewer-List.expand .iwcRecipientList{
	overflow-x: hidden;
	padding-right: 10px;
}

.MailMessageViewer .MailMessageViewer-List.noheader { 
	display: none; 
}

/* END MailMessageViewer  expanded view */


/* START MailMessageViewer collapsed view */

.MailMessageViewer-HeadersCollapsed .MailMessageViewer-FirstColumn .MailMessageViewer-List,
.MailMessageViewer-HeadersCollapsed .MailMessageViewer-SecondColumn .reply-to,
.MailMessageViewer-HeadersCollapsed .MailMessageViewer-DraftColumn,
.MailMessageViewer-HeadersCollapsed .MailMessageViewer-SecurityColumn {
	display: none;
}

.MailMessageViewer-HeadersCollapsed .MailMessageViewer-Date {
	display: block;
	float: right;
	margin: 0 0 0 12px;
}

.dj_ie .MailMessageViewer-HeadersCollapsed .MailMessageViewer-Date {
	margin-right: 12px;
}

.MailMessageViewer-HeadersCollapsed .MailMessageViewer-Date label {
	display: none;
}
.MailMessageViewer-HeadersCollapsed .MailMessageViewer-Date span {
	
}

.MailMessageViewer-HeadersCollapsed .from, 
.MailMessageViewer-HeadersCollapsed .sender {
	display: block;
	float: left;
} 

.dj_ie .MailMessageViewer-HeadersCollapsed .from, 
.dj_ie .MailMessageViewer-HeadersCollapsed .sender {
	float: right;
} 


.dj_gecko .MailMessageViewer-HeadersCollapsed .from, 
.dj_gecko .MailMessageViewer-HeadersCollapsed .sender,
.dj_ie .MailMessageViewer-HeadersCollapsed .from, 
.dj_ie .MailMessageViewer-HeadersCollapsed .sender{
	padding-top: 1px;
} 
/* END MailMessageViewer collapsed view */


/* START MailMessageViewer block images pane */

.MailMessageViewer .MailMessageViewer-BlockedImagesPane,
.MailMessageViewer-SmsErrorPane  {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 5px 5px 5px 3px;
}

.MailMessageViewer-BlockedImagesPane .BlockedImages {
	padding-right: 5px;
}

.MailMessageViewer-SmsErrorPane .warningLargeIcon {
	margin: 0 3px 0 5px;
}

.MailMessageViewer .MailMessageViewer-BlockedImagesPane .MailMessageViewer-BlockedImagesMessage, 
.MailMessageViewer-SmsErrorMessage {
	padding: 4px 0 4px 0;
}

.MailMessageViewer .MailMessageViewer-BlockedImagesPane .dijitButton {
	float: right;
}

.MailMessageViewer .MailMessageViewer-BlockedImagesPane-Message {
	float: left;
}

/* END MailMessageViewer block images pane */

/* START MailMessageViewer security pane */
.MailMessageViewer-SecurityPane {
	border-bottom: 1px solid;
	padding: 7px 12px;
}

.MailMessageViewer-SecurityPane label {
	height:22px;
	width: 22px;
}
.MailMessageViewer-SecurityPane span {
}

.MailMessageViewer-SecurityPane div {
	padding: 3px;
}

.MailMessageViewer-SpamPane {
	border-bottom: 1px solid;
	padding: 7px 12px;
}

.MailMessageViewer-SpamPane .spamMessage {
	float: left;
	margin-top: .6em;
	font-weight: bold;
	padding: 0px;
}

.MailMessageViewer-SpamPane .spamButton {
	float: right;
	margin: 0;
	padding: 0px;
}

.MailMessageViewer-SpamPane .dijitButtonNode {
	padding: .1em .3em 0 .2em;
}

.MailMessageViewer-SpamPane .spamButton .MailToolbarIcon_NotSpam {
	height: 20px;
	width: 20px;
}

.dj_ie .MailMessageViewer-SpamPane .spamButton .MailToolbarIcon_NotSpam {
	margin-right: .3em;
}

/* END MailMessageViewer security pane */

/* For the dropdown menu image */
.MailMessageViewer .MailMessageViewer-AttachmentPane {
	border-top: none;
	padding: 7px 12px;
}

.MailMessageViewer-AttachmentPane .attachment {
	cursor: pointer;
	padding-right: 6px;
}

.MailMessageViewer-AttachmentPane .attachment {
	cursor: pointer;
	padding-right: 6px;
}

.MailMessageViewer-AttachmentPane .attachment .fname {
	padding-left: 1px;
}


.MailMessageViewer.printPreview .MailMessageViewer-AttachmentPane {
	overflow: hidden;
	max-height: auto;
}

.dj_ie .MailMessageViewer.printPreview .MailMessageViewer-AttachmentPane {
	overflow: hidden;
	max-height: auto;
}

/* print mode */
.MailMessageViewer.printPreview .MailMessageViewer-AttachmentPane div.attachment {
	background: none;
}

.MailMessageViewer .NotificationPanel { 
	padding: 12px;
}
.MailMessageViewerBar {
	padding: 6px 12px 6px 12px;
}
/*
    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 {
}
.threePaneLayout .NavigatorHeader .serviceIcon{
    display:none;
}
/*Hiding all the tree icons*/
.threePaneLayout .MailFolders .dijitTreeContainer .dijitTreeRow img.dijitTreeIcon,
.threePaneLayout .AddressBookNavigator-tree .dijitTreeContainer .dijitTreeRow img.dijitTreeIcon,
.threePaneLayout .NavigatorTree .dijitTreeContainer .dijitTreeRow img.dijitTreeIcon{
    display:none;
}
/*
    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;
} 

.dj_ie .MailOpenFolder .dijitToolbar > .dijitButton,  
.dj_ie .MailOpenFolder .dijitToolbar > .dijitComboButton {
	float: left;
}

.MailOpenFolder .MailOpenFolder-QuickSearchForm {
    float: right;
}
.threePaneLayout .MailOpenFolder .MailOpenFolder-QuickSearchForm {
    float: left;
    height: 35px;
    padding: 15px 0 0 0;
    width: 100%;
}
.middlePaneToolbar .dijitToolbar {
    padding-bottom: 5px;
}
.middlePaneToolbar .dijitToolbar .dijitButton, 
.middlePaneToolbar .dijitToolbar .dijitToggleButton, 
.middlePaneToolbar .dijitToolbar .dijitDropDownButton {
    margin: 9px 0 0 0;
}
/*sorting dropdown styles*/
.threePaneLayout .sortProperties .dijitMenuItemLabel{
    padding-left: 10px;
}
.threePaneLayout .sortProperties .dijitMenuItemIcon{
    margin-left: 5px;
}
.threePaneLayout .sortDropdownButton{
    float: right;
}
.threePaneLayout .sortDropdownButton .sortIcon{
    margin-bottom: 2px;
}
/*To remove the space occupied by icon class*/
.threePaneLayout .MailOpenFolder .MailToolbarIcon,.threePaneLayout .MailOpenFolder .ToolbarIcon{
    display:none;
}
.threePaneLayout .MailViewerContainer .MailCreateMessage .MailToolbarIcon ,.threePaneLayout .MailViewerContainer .MailCreateMessage .ToolbarIcon{
    display:none;
}
.threePaneLayout .MailViewerContainer .MailOpenMessage .MailToolbarIcon ,.threePaneLayout .MailViewerContainer .MailOpenMessage .ToolbarIcon{
    display:none;
}
.threePaneLayout .sortDropdownButton .dijitButtonNode,.threePaneLayout .sortDropdownButton .dijitButtonNode button {
    outline: none;
} 
/* 
    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-Headers {
    background-color: #EFF3F6;
    border-bottom-color:  #CFD3D8;
	font-size: 11px;
}

.MailPrintMessage .MailMessageViewer-FirstColumn {
    max-width: 55%;
}

.MailPrintMessage .MailMessageViewer-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-List.expand .iwcRecipientList {
	height: auto;
	max-height: 100%;
	overflow: auto;
}

.dj_ie .MailPrintMessage .MailMessageViewer-List.expand .iwcRecipientList {
	overflow-x: hidden;
	max-width: 90%;
}

.MailPrintMessage .MailMessageViewer-List.expand label {
	background: none;
}

.MailPrintMessage.MailMessageViewer .MailMessageViewer-AttachmentPane.messageList {
	max-height: 100%;
    overflow-y: visible;
}

.MailPrintMessage .MailMessageBodyPane-PrintedMessage {
	margin: .8em;
	word-break: break-all;
}

.MailPrintMessage .inlineImage {
	display: block;
	margin: 0px auto;
	/* required for IE centering... */
	text-align: center;
}

.MailPrintMessage 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+ */
}

.dj_ie .MailPrintMessage .MailMessageBodyPane {
	overflow: visible;
}
/* 
    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;
}

.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?3.0.2.2.0_20010935") repeat-x center left; /*Not themed */
	border-right: 1px solid #A0BAD8; /*Not themed */
        height: 14px;
}

.MailQuotaBar-Folder {
	background: url("../images/quotaThisBar.png?3.0.2.2.0_20010935") 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;
        text-wrap: none;
        white-space: nowrap;
        min-width: 10em;
}

.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?3.0.2.2.0_20010935) no-repeat scroll left center; /* NOT THEMED */
	padding-left: 14px;
}

.MailQuotaBarDouble-FolderUsage {
	background: transparent url(../images/quotaThis.png?3.0.2.2.0_20010935) 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;
}

.MailRootPropertiesDialog .NotificationPanel{
	   padding-bottom: 0;
}
/* 
    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-directDeliveryControls .FormField-Label{
	width: 35em;
}

.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;
}

.dijitRtl .MailUnreadCounter {
	margin: 3px 0 2px 8px;
}

.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: 0px;
}

.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;
	min-width: 600px;
}

/* 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;
}

.dj_ie .MailOptionNewAccounts-StatusLabel{
	line-height: normal; /*Bug #16670320 */
}
/*
    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-ServerNameLabel label {
	display: none;
}

.MailOptionAccountsIncoming .MailOptionAccountsIncoming-InlineLabel {
	margin-left: 1.5em;
}

.dj_ie .MailOptionAccountsIncoming .MailOptionAccountsIncoming-InlineLabel {
	vertical-align: middle;
}

.MailOptionAccountsIncoming .MailOptionAccountsIncoming-CheckboxLabel label{
	width: auto;
}

.MailOptionAccountsIncoming .OptionTabContainer-Inline {
	margin-bottom: 0;
}

.MailOptionAccountsIncoming .OptionTabContainer-Inline .FormField {
	margin-right: 1em;
}

.MailOptionAccountsIncoming .OptionTabContainer-Inline 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 .listContainer {
	vertical-align: top;
}

.MailOptionLayout-FilterList .listContainer {
	width: 176px;
	overflow-x: hidden;
	overflow-y: hidden;
	font-family: arial, helvetica, sans-serif;
	border: 1px solid;
	padding: 3px 0px 3px 3px;
        float: left;
}

.MailOptionLayout-FilterList .listContainer div {
	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;
}

.MailOptionIdentity .hintMsg {
    font-style: oblique;
    margin-left: 105px;
    padding-bottom: 12px;
}

.MailOptionIdentity  .MailOptionIdentity-VCardAddress{
    clear: both;
}

/*
    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;
}

.MailOptionVacationMessage-Last .FormField label {
	vertical-align: top;
}

.MailOptionVacationMessage .FormField .FormTextBox {
	width: 300px;
}

.MailOptionVacationMessage .FormField .FormSimpleTextarea {
	width: 300px;
}

.MailOptionVacationMessage .subTextArea {
	max-width: 550px;
}
/* 
    Document   : OpenAttachment
    Created on : Feb 3, 2010, 9:29:58 PM
    Author     : plk
    Description:
        Purpose of the stylesheet follows.
		Styles for iwc.widgets.mail.OpenAttachment
*/

/* Iframe Controller should hide scrollbars.  The Iframe should provide scrollbars when needed */
.MailAttachmentViewer {
	background: #fff;
	overflow: hidden;
}

.MailAttachmentViewer .LoadingIndicator {
	position:absolute;
	z-index:2000;
}
/*
 Instant Messenger
*/






















/*



*/

div.IMPresenceIcon-hideDefault {
	background: none;
}

/* TODO
* This stuff does not belong here! Every widget should have it's own 
* style rules. If there is a desire to share style rules between widgets, 
* that probably means that something should be abstracted out into a new 
* widget... */
.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;
}

/*
    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, 
.IMAcceptBuddyDialog .FormField .FormTextBox,
.IMAddBuddyDialog .FormField .FormSimpleTextarea {
	width: 188px;
}

.IMAcceptBuddyDialog .FormField .dojoxDropDownSelectFixedWidth, 
.IMAddBuddyDialog .FormField .dojoxDropDownSelectFixedWidth {
	width: 190px;
	margin: 0;
}

.IMAcceptBuddyDialog .Dialog-Instruction{
	padding: 5px 0px;
}
/*
    Document   : BuddyList
    Author     : avk
    Description:
*/


.IMBuddyList {
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid;
}

.IMBuddyListItem {
	margin: 8px 20px 0 8px;
	white-space: nowrap;
}


.IMBuddyListItem label {
	margin: 0 0 0 8px;
	vertical-align: top;
	width: 100%;	
}
.dj_ie .IMBuddyListItem label{
	width: 92%;
}

.dj_ie .IMBuddyListItem label, 
.dj_ie .IMBuddyListItem .dijitCheckBox { 
	vertical-align: middle;
} 
/*
    Document   : BuddySearchBox.css
    Created on : 08 ???January ???2010, ??????02:22:40
    Author     : 
    Description:
        Style declarations for Autocomplete search box of buddies.
*/

/* TODO: move things like width: 95% to container */
.BuddySearchBox {
}


.BuddySearchBox .FormSearchBox {
	width: 80%;
}

.dj_ie .BuddySearchBox .FormSearchBox {
	vetical-align: top;
}

.BuddySearchBox .FormSearchBox .FormTextBox-inputText {
	padding-left: 0;
	width: 99%;
	border: none; 
	background: none;
}

.BuddySearchBox .FormSearchBox input {
	width: auto; /* This gets overridden by setInnerwidth */
	padding-left: 5px;
}

.dj_ie .BuddySearchBox .FormSearchBox input {
	padding-left: 6px;	
}

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

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

.BuddySearchBox .dijitValidationIcon,
.BuddySearchBox .dijitValidationIconText
.BuddySearchBox .FormSearchBox .dijitArrowButton {
	display: none;
}

.BuddySearchBox .BuddySearchBox-SelectItemButton {
	margin: 0 0 0 5px; 
}

.dj_ie .BuddySearchBox-SelectItemButton {
	vertical-align: top; 
}

.BuddySearchBox .BuddySearchBox-SelectItemButton .dijitButtonNode {
	padding: 2px 1px 2px 2px;
}

.dj_ff3 .BuddySearchBox-SelectItemButton .dijitButtonNode {
	height: 19px;
	padding: 1px 0 0 0;
}

.dj_ie .BuddySearchBox-SelectItemButton .dijitButtonNode {
	padding: 2px 1px 0px 3px;
}

/* Workaround for FF automatic padding of buttons */
.dj_ff3 .BuddySearchBox-SelectItemButton button {
	width: 20px;
}

.BuddySearchBox-BuddyItem {
	
}

.BuddySearchBox-BuddyItem .IMPresenceIcon {
	margin: 0 0 0 3px;
	padding-right: 3px;
}
/*
    Document   : Contact
    Created on : Nov 3, 2011, 11:33:05 AM
    Author     : avk
    Description:
        Purpose of the stylesheet follows:
*/
.IMContact {
	padding: 2px 15px 2px 15px;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
}

.IMContact-BuddyItem {
	clear: both;
	display: block;
}

.IMContact-Avatar { 
	width: 20px;
	height: 20px;
	margin-right: 6px;
	margin-top: 1px;
	float: left;
}

.IMContact-NameSection {
	float: left;
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
}

.IMContact-Name {
	vertical-align: top;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	padding: 3px 0 0 0;
	max-width: 150px;
}
.IMContact-PresenceIcon {
	float: right;
	margin: 3px 0 0 0;
}
/*
    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
*/

.IMContactProperties {
        margin: 0;
}

.IMContactProperties-Divider, 
.IMContactProperties-First .IMContactProperties-Divider {
        display: none;
}

.IMContactProperties-AvatarContainer {
	vertical-align: top;
	position: relative;
	float: left;
}

.IMContactProperties-Avatar {
	margin-right: 14px;
	height: 40px; 
	width: 40px;
}

.dj_ie .IMContactProperties-Avatar {
	margin: 4px 10px 0 6px;
}

.IMContactProperties-Details {
        float: left;
        vertical-align: bottom;
}

.IMContactProperties-Details .dijitEllipsis {
       max-width: 220px;
       white-space: nowrap;
}

.IMContactProperties .FormField {
        margin: 3px 0 0 0;
}

.IMContactProperties .FormField .FormField-Label,
.IMContactProperties .FormField .FormField-InputWrapper {
	float: none;
}

.IMContactProperties .IMPresenceIcon {
        margin: 0 .5em;
}
/*
    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

		TODO: this relies on padding in em's. Should use standard 
		form padding with pixels instead.
*/

.IMContactPropertiesDialog {
	
}

.IMContactPropertiesDialog .dijitDialogPaneContent {
	position: relative;
}

.IMContactPropertiesDialog .dijitToggleButton {
	margin: 12px 0 0 0;
}

.dj_ie .IMContactPropertiesDialog .dijitToggleButton .dijitButtonContents{
	width: 100%;
}

.IMContactPropertiesDialog .dijitToggleButton .dijitButtonNode {
	margin: 0; 
	padding: 0;
	background: none; 
	border: none;
}

.IMContactPropertiesDialog .dijitToggleButton .dijitButtonText {
    text-align: left;
    white-space: normal;
}

.IMContactPropertiesDialog fieldset {
	 margin: 8px 0 12px 0;
}
/* Safari and Chrome have issues with fieldset width, using work around */ 
.dj_webkit .IMContactPropertiesDialog fieldset {
	min-width: 0%;
}

/* Firefox has issues with fieldset width, using work around  */ 
.dj_ff .IMContactPropertiesDialog fieldset {
	display:table-cell;
}

.IMContactPropertiesDialog legend {
	padding: 6px 0;
}


.IMContactPropertiesDialog-GroupSection {
	/* border-top: 1px solid; */
}

/* Special case for this error message - it's inside a section 
which already has padding */
.IMContactPropertiesDialog-GroupSection .NotificationPanel {
	padding: 12px 0 0 0;
}

.IMContactPropertiesDialog-GroupList {
	border: 1px solid;
	height: 75px;
	overflow-y: auto;
	overflow-x: hidden;
}

.IMContactPropertiesDialog-GroupRow {
	padding: .5em .5em 0 .5em;
}

.IMContactPropertiesDialog-GroupRow input {
	margin: 0 5px 0 0;
}

.IMContactPropertiesDialog-GroupRow label {
	width: 95%;
	vertical-align: bottom;
}

.dj_ie .IMContactPropertiesDialog-GroupRow label{
	width: 90%;
}

.dj_ie .IMContactPropertiesDialog-GroupRow label, 
.dj_ie .IMContactPropertiesDialog-GroupRow .dijitCheckBox { 
	vertical-align: middle;
}
/*
    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 3px 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;
}

.dj_webkit .IMContacts-header .dijitDropDownButton .dijitButtonText {
	white-space: nowrap;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.IMContacts .IMContacts-header .dijitDropDownButton .dijitButtonNode {
	border: none;
	padding: 0;
	background: none;
}

.IMContacts .IMContacts-header .dijitDropDownButton .IMPresenceIcon {
	padding-right: 3px;
}

.IMContacts-PresenceMenu .dijitMenuItemIcon {
	margin-left: 3px;
}

.IMContacts-ContextMenu .dijitMenuItemLabel,
.IMContacts-PresenceMenu .dijitMenuItemLabel {
	padding-left: 3px;
}

.IMContacts-Avatar {
	float: right;
	cursor: pointer;
	margin-top: 2px;
	height: 30px;
	width: 30px;
}

.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 10px 3px 17px;
}

.IMContacts .dijitToolbar .dijitArrowButtonInner {
	margin: 0 2px 0 3px;
}


.IMContacts .dijitToolbar .dijitButtonText {
	padding: 0;
	font-size: 12px;
}

.dj_webkit .IMContacts .dijitToolbar button {
	padding: 1px 0;
}

.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;
	display: inline;
}

.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 .dijitTitlePane {
	overflow-x: hidden;
}

.dj_ie7 .IMContacts .dijitTitlePane {
	zoom: 1;
}


.IMContacts .IMContacts-BuddyList {
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 5px 0;
}



.IMContacts .IMContact.dojoDndItemOver.dojoDndItemAfter,
.IMContacts .IMContact.dojoDndItemOver.dojoDndItemBefore {
	padding: 0 13px 0 13px;
	border: 2px solid;
}

.IMPresenceIcon.dijitMenuItemIcon {
	display: inline;
	padding-left: 3px;
}

/* Contact Info Popup */
.IMContacts-ContactInfoContainer {
	min-width: 200px;
	padding: 10px 10px 5px 10px;
	border: 1px solid;
	overflow: hidden;
	position: relative;
}

.IMContacts .IMContact-BuddyItem .dijitDropDownButton .dijitButtonNode {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	outline: none;
}

.IMContacts-ContactInfoTitle { 
	margin-top: 0px;
	padding-bottom: 4px;
	text-color: #666;
}

.IMContacts-ContactInfoTitleSeparator { 
	height: 1px; 
	width: 85%;
	margin-top: 2px;
}

.IMContacts-ContactInfoTitle .dijitEllipsis { 
	max-width: 60%;
	white-space: nowrap;
}

.IMContacts-ContactInfoList .IMContactInfo {
	width: 100%;
}

.IMContacts-ContactInfoUnshown {
	padding: 12px 0 8px 0;
	border-top: 1px solid;
}

.IMContacts .IMContact .IMBuddyName {
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	padding: 3px 0 0 0;
	width: auto;
	margin-right: 40px;
	float: left;
}

.IMContacts .IMContact .IMPresenceIcon {
	float: right;
	margin: 3px 0 0 0;
}

.dj_gecko .IMToolbar .dijitReset.dijitStretch.dijitButtonContents {
	width: 23px; /* FF adding 6px extra width on button container, restricting it to icon's width */
}

.IMContacts-ContextMenu .dijitMenuItemIcon{
	display: inline;
	margin-left: 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;
}

.IMCustomPresenceDialog .dojoxDropDownSelectFixedWidth {
	margin: 0;
	width: 120px;
}

.IMCustomPresenceDialog .dojoxDropDownSelect .dijitButtonContents { 
	padding-left: 26px;
}
.IMGroupChatInvitation {

}

.IMGroupChatInvitation-Content {
	width: 240px;
	height: 90px;
	padding: 20px;
}

.IMGroupChatInvitation-Message {

}

.IMGroupChatInvitation-Avatar {
	float: left;
	margin-right: 10px;
	display: inline-block;
	height: 40px;
	width: 40px;
}

.dj_ie .IMGroupChatInvitation-Avatar {
	display: inline;
}

.IMGroupChatInvitation-Description {
	float: left;
	display: inline-block;
	height: 40px;
	max-width: 150px;
}

.dj_ie .IMGroupChatInvitation-Description {
	display: inline;
}

.IMGroupChatInvitation-DescriptionText {
	vertical-align: bottom;
}

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

.IMGroupChatInvitation-Buttons .dijitButton {
	margin: 0 0 0 3px;
}

.IMGroupChatInvitation-Buttons .dijitButtonText {
	min-width: 60px; 
}
/*
    Document   : GroupChatParticipant
    Created on : Feb 24, 2011, 06:13:05 PM
    Author     : avk
    Description:
        Purpose of the stylesheet follows.
*/

.IMGroupChatParticipant { 
	padding: 8px 8px 0px 8px;  
}

.IMGroupChatParticipant-AvatarContainer { 
	margin-right: 3px; 
	height: 20px;
	width: 20px;
}

.IMGroupChatParticipant-Name { 
	max-width: 100px;
	font-size: 11px; 
	white-space: nowrap;
	overflow-x: hidden;
}

.dj_ie .IMGroupChatParticipant-AvatarContainer, 
.dj_ie .IMGroupChatParticipant-Name { 
	vertical-align: middle;
	float: left;
}

.dj_ie .IMGroupChatParticipant-Name { 
	padding-top: 2px;
}

.IMGroupChatParticipant-Remove {
	cursor:pointer;
	float: right;
	margin-top: 4px;
}

.dj_ie .IMGroupChatParticipant-Remove {
	vertical-align: middle;
	margin-top: 3px;
}

/*
    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 .IMGroupPropertiesDialog-Contacts .FormField-Label, 
.IMGroupPropertiesDialog .IMGroupPropertiesDialog-Contacts .FormField-InputWrapper { 
	display: block;
	float: none;
}

.IMGroupPropertiesDialog-Contacts .IMBuddyList { 
	margin-top:  8px;
}
.IMRoomOccupant-Avatar { 
	margin-right: 5px;
	float: left;
	height: 20px;
	width: 20px;
}
/*
    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

		I factored out the IMSession-Message stuff
		because the file was difficult to read, even 
		though it's not a widget. We should refactor
		it that way so I think we can live with that...
*/

/* Chat Popup Window */
.IMSession {
    width: 100%;
    height: 100%;
}

.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;
}

.dj_ie .IMSession .IMSession-TopBar .dijitButton {
	vertical-align: middle;
}

.IMSession-Header-IMAvatar {
	float: left;
	height: 20px;
	width: 20px;
}

.IMSession-MessageContainer {
	padding: 4px 12px 3px 22px;
	overflow: auto;
	font-size: 11px;
}

.IMSession-TimeStamp {
    padding-top: 0px;
	margin-top: 0px;
    font-size: 11px;
}

.IMSession .IMSession-SendButton {
	position: absolute;
	padding: 0;
	margin: 0;
}

.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-RosterContainer {
	width: 27%;
}

.IMSession-BuddySearchContainer {
	margin: 10px 0px 7px 7px;
}

.IMSession-BuddySearchContainer h4 {
	margin: 0 0 7px 0;
	line-height: 1em;
}

.IMSession-BuddySearchBox {
	width: 100%;
	margin: 0 0 7px 0;
}


.IMSession-BuddySearch-Error {
	display: none; 
	font-style: italic;
	margin: 0 0 2px 0;
}

.IMSession .IMSession-RosterPane {
	overflow-y: auto;
	overflow-x: hidden;
}

.IMSession .IMSession-RosterPane .IMSession-OccupantList {
	width: 100%;	
}

.IMSession .IMSession-RosterPane .IMSession-InviteeList {
	width: 100%;
}

.IMSession .IMSession-EditorContainer {
	height: 88px;
}

.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;
}

/* 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 */
}

/* 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;
	font-size: 11px;
}

.IMSession-Message-Middle {
	width: 100%;
	white-space: nowrap;
	padding: 1px 0;
}

.IMSession-Message-IMAvatar {
	float: left;
	height: 20px;
	width: 20px;
}

.IMSession-Message-Text {
	float: left;
	max-width: 75%;
	word-wrap: break-word;
	white-space: normal;
	height: auto;
	margin-left: 12px;
}

.status .IMSession-Message-Text, 
.alert .IMSession-Message-Text {
	margin: 2px 0;
}

.IMSession-Message-Text p, 
.IMSession-Message-Text font {
	margin: 0; 
	line-height: normal;
}

.IMSession-Message-Info {
	width: 18%;
	vertical-align: top;
	color: #999;
	font-weight: bold;
}


.dj_ie .IMSession-Message-Info {
	font-size: 11px;
}

.IMSession-Message-Info div {
	overflow-x: hidden;
}

.IMSession-Message-Sender {
	font-weight: bold;
	color: #ADADAD;
}


.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 {

}

.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;
}
/* 
    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: 95%;
}

.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;
}

.dj_ie .IMOptionGeneral .OptionTabContainer-Inline .FormField-LabelAfter, 
.dj_ie .IMOptionGeneral .OptionTabContainer-Inline .FormField-LabelAfter label {
	vertical-align: middle;
}

.dj_ie .IMOptionGeneral .IMOptionGeneral-TwoParts .dijitCheckBox {
	height: 14px;
}
/*
    Document   : ManageAccounts
    Created on : September 14, 2010, 09:40:02 AM
    Author     : Harischandra Prasad Tirumani
    Description:
        Styles related to manage IM accounts widget.
*/

.ManageAccounts {
	margin: 0 0px 0 0px;
	border-width: 0 0 1px 0;
	border-style: solid;
	zoom: 1;
}

.ManageAccounts.ManagingMode {
	min-height: 200px;
}

.ManageAccounts-ServiceList {
	padding: 0px;
}

.ManageAccounts-Header {
	padding: 5px;
}

.ManageAccounts-HeaderLabel {
	font-size: 12px;
	font-weight: bold;
	padding-right: 7px;
	float: left;
}

.ManageAccounts-HideButtonIcon {
	float: right;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.ManageAccounts-RegisDetails {
	padding: 5px;
	zoom: 1;
}

.ManageAccounts-RegisDetails-DialogButtons {
	margin: 0.5em 0.5em 0.5em 0;
}

.ManageAccounts-RegisDetails-BtnLeftSecion{
	float: left;
}

.ManageAccounts-RegisDetails-BtnRightSecion{
	float: right;
}

.ManageAccounts-StatusMessage {
	display: block;
	padding-left: 5px;
}

.ManageAccounts-StatusMessage-Icon {
	padding-right: 10px;
}

.ManageAccounts-AddAccountBtn {
	padding: 5px;
}

.ManageAccounts-AddAccountBtn .dijitButtonNode {
	padding: 0px;
	background: none;
	border: 0px;
}

.ManageAccounts .ManageAccounts-AccountsToolbar.dijitToolbar {
	border: none;
	background: none;
	padding: 5px 0 0 0;
}

.ManageAccounts-AccountsToolbar .dijitRadioFocused.GatewayIcon {
	border: 1px dotted;
	padding: 4px;
}

.ManageAccounts .GatewayIcon,
.ManageAccounts-AccountsToolbar .dijitCheckBoxInput {
	width: 25px;
	height: 25px;
}

.ManageAccounts-AccountsToolbar .GatewayIcon {
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.ManageAccounts-AccountsToolbar .GatewayIcon.dijitChecked {
	border: 1px solid;
	padding: 4px;
}

.ManageAccounts .FormField {
	margin: .5em 0 0 0;
}

.ManageAccounts .FormField .FormField-Label,
.ManageAccounts .FormField .FormField-InputWrapper {
	float: none;
}

.ManageAccounts .FormField label {
	width: 7em;
}

.ManageAccounts fieldset {
	margin: 1em 0;
}

.ManageAccounts legend {
	padding: .5em 0 .5em 0;
}

.ManageAccounts-InputFields {
	height: 7em;
}
.ManageAccounts-FBInputFields {
	padding: 20px 0 0;
}

.ManageAccounts-CommonInputFields {
	padding: 1px;
}

.ManageAccounts-FBLogout .dijitButtonNode {
	border-color: #35558B;
}

.ManageAccounts-FBLogout .dijitButtonText {
	color: #FFFFFF;
	font-weight: bold;
}
/*
    Document   : AddExtBuddy
    Created on : September 14, 2010, 09:40:02 AM
    Author     : Harischandra Prasad Tirumani
    Description:
        Styles related to AddExtBuddy dialog.
*/

.AddExtBuddy {
	margin: 0 0px 0 0px;
	border: 1px solid;
}

.AddExtBuddy.SearchingMode {

}

.AddExtBuddy-BuddiesResult-Header,
.AddExtBuddy-Header {
	padding: 5px;
}

.AddExtBuddy-HeaderLabel {
	font-size: 12px;
	font-weight: bold;
	padding-right: 7px;
	float: left;
}

.AddExtBuddy-BuddiesResult-Header {
	float: none;
}

.AddExtBuddy-HideButtonIcon {
	float: right;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.AddExtBuddy-DialogButtons {
	margin: 0.5em 0.5em 0.5em 0;
}

.AddExtBuddy-AddButton,
.AddExtBuddy-CancelButton {
	float: right;
}

.AddExtBuddy-StatusMessage {
	display: block;
	padding: 5px;
}

.AddExtBuddy-StatusMessage-Icon {
	padding-right: 10px;
}

.AddExtBuddy .FormField {
	margin: .5em 0 0 0;
}

.AddExtBuddy .FormField .FormField-Label,
.AddExtBuddy .FormField .FormField-InputWrapper {
	float: none;
}

.AddExtBuddy .FormField label {
	width: 7em;
}

.AddExtBuddy fieldset {
	margin: 1em 0;
}

.AddExtBuddy legend {
	padding: .5em 0 .5em 0;
}

.AddExtBuddy-InputFields {
	padding: 5px;
}

.AddExtBuddy-GroupSelection {
	height: auto;
}

.AddExtBuddy .FormField .FormTextBox,
.AddExtBuddy .FormField .dojoxDropDownSelectFixedWidth {
	width: 150px
}

.AddExtBuddy-FindBuddiesButton {
	margin-left: 8em;
}

.AddExtBuddy-SearchResult {
	min-height: 120px;
	max-height: 120px;
	margin: 0.5em;
	border: 1px solid;
}

.AddExtBuddy-GatewaySelector .IMPresenceIcon {
	padding-right: 3px;
}

.AddExtBuddy-GatewaySelector-DropDown .IMPresenceIcon {
	margin-left: 5px;
}

.AddExtBuddy-GatewaySelector-DropDown .dijitMenuItemLabel {
	padding-left: 0px;
}
/*
    Document   : Gateway
    Created on : September 14, 2010, 09:40:02 AM
    Author     : Harischandra Prasad Tirumani
    Description:
        Styles related to IM Gateway (individual external account) widget.
*/

.IMGateway {
	padding: 5px;
	display: none;
}

.IMGateway.Registered {
	display: block;
}

.IMGateway .GatewayIcon {
	width: 25px;
	height: 25px;
}

.IMGateway .GatewayIcon {
	opacity: 0.30;
	filter: alpha(opacity=30);
}

.IMGateway.LoggedIn .GatewayIcon {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.IMGateway.Registered .IMGateway-Label {
	border-right: 1px solid;
	margin-right: 5px;
}

.IMGateway .GatewayIcon,
.IMGateway-Label,
.IMGateway-RegisterBtn,
.IMGateway-SignInBtn,
.IMGateway-SignOutBtn,
.IMGateway-UserIdLabel,
.IMGateway-PresenceIcon {
	padding-right: 10px;
}

.IMGateway-UserIdLabel {
	display: none;
	padding-right: 5px;
}


.IMGateway-SignInBtn,
.IMGateway-SignOutBtn {
	display: none;
	cursor: pointer;
}

.IMGateway.dijitHover.Registered  .IMGateway-SignInBtn {
	display: inline-block;
}

.dj_ie .IMGateway.dijitHover.Registered  .IMGateway-SignInBtn {
	display: inline;
}

.IMGateway.dijitHover.LoggedIn  .IMGateway-SignInBtn,
.dj_ie .IMGateway.dijitHover.LoggedIn  .IMGateway-SignInBtn {
	display: none;
}

.IMGateway.dijitHover.LoggedIn  .IMGateway-SignOutBtn {
	display: inline-block;
}

.dj_ie .IMGateway.dijitHover.LoggedIn .IMGateway-SignOutBtn {
	display: inline;
}

.IMGateway.dijitHover.Busy .IMGateway-SignInBtn,
.IMGateway.dijitHover.Busy .IMGateway-SignOutBtn {
	display: none;
}

.IMGateway-PresenceIcon {
	height: 12px;
	width: 12px;
	display: none;
}

.IMGateway.Busy .IMGateway-PresenceIcon {
	display: inline-block;
}

.dj_ie .IMGateway.Busy .IMGateway-PresenceIcon {
	display: inline;
}

.IMGateway.Registered .IMGateway-UserIdLabel {
	display: inline-block;
}

.dj_ie .IMGateway.Registered .IMGateway-UserIdLabel {
	display: inline;
}
/*
    Document   : ContactInfo
    Created on : November 11, 2010, 12:19:02 PM
    Author     : Harischandra Prasad Tirumani
    Description:
        Styles related to ContcatInfo pop-up.
*/

.IMContactInfo {
	padding: 5px 0;
	border-top: none;
	font-size: 11px;
}

.IMContactInfo-AvatarContainer {
	vertical-align: top;
}

.IMContactInfo-Avatar {
	margin-right: 15px;
	height: 40px; 
	width: 40px;
}

.IMContactInfo-Pane {
	vertical-align: top;
	max-width: 315px;
}


.IMContactInfo-Status {
	margin-top: 5px;
}

.IMContactInfo-Status .IMPresenceIcon {
	margin-right: 3px;
}
/*
    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?3.0.2.2.0_20010935") no-repeat top left;
}

.IMOutgoingMessage .tableBubble .tl {
	background:url("../images/im/greenCurves.png?3.0.2.2.0_20010935") no-repeat top left;
}

.IMOutgoingMessage .tableBubble .tr {
	background:url("../images/im/greenCurves.png?3.0.2.2.0_20010935") no-repeat top right;
}

.IMOutgoingMessage .tableBubble .head {
	background:url("../images/im/greenCurves.png?3.0.2.2.0_20010935") no-repeat -10px 0;
}

.IMOutgoingMessage .tableBubble .message {
	background:url("../images/im/greenBackground.png?3.0.2.2.0_20010935") repeat-y top left;
}

.IMOutgoingMessage .tableBubble .messageRight {
	background:url("../images/im/greenBackground.png?3.0.2.2.0_20010935") repeat-y top right;
}

.IMOutgoingMessage .tableBubble .bl {
	background:url("../images/im/greenCurves.png?3.0.2.2.0_20010935") no-repeat bottom left;
}

.IMOutgoingMessage .tableBubble .br {
	background:url("../images/im/greenCurves.png?3.0.2.2.0_20010935") 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?3.0.2.2.0_20010935") no-repeat top left;
}

.IMIncomingMessage .tableBubble .tl {
	background:url("../images/im/yellowCurves.png?3.0.2.2.0_20010935") no-repeat top left;
}

.IMIncomingMessage .tableBubble .tr {
	background:url("../images/im/yellowCurves.png?3.0.2.2.0_20010935") no-repeat top right;
}

.IMIncomingMessage .tableBubble .head {
	background:url("../images/im/yellowCurves.png?3.0.2.2.0_20010935") no-repeat -10px 0;
}

.IMIncomingMessage .tableBubble .message {
	background:url("../images/im/yellowBackground.png?3.0.2.2.0_20010935") repeat-y top left;
}

.IMIncomingMessage .tableBubble .messageRight {
	background:url("../images/im/yellowBackground.png?3.0.2.2.0_20010935") repeat-y top right;
}

.IMIncomingMessage .tableBubble .bl {
	background:url("../images/im/yellowCurves.png?3.0.2.2.0_20010935") no-repeat bottom left;
}

.IMIncomingMessage .tableBubble .br {
	background:url("../images/im/yellowCurves.png?3.0.2.2.0_20010935") 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?3.0.2.2.0_20010935") no-repeat top left;
}

.IMStatusMessage .tableBubble .tl {
	background:url("../images/im/steelCurves.png?3.0.2.2.0_20010935") no-repeat top left;
}

.IMStatusMessage .tableBubble .tr {
	background:url("../images/im/steelCurves.png?3.0.2.2.0_20010935") no-repeat top right;
}

.IMStatusMessage .tableBubble .head {
	background:url("../images/im/steelCurves.png?3.0.2.2.0_20010935") no-repeat -10px 0;
}

.IMStatusMessage .tableBubble .message {
	background:url("../images/im/steelBackground.png?3.0.2.2.0_20010935") repeat-y top left;
}

.IMStatusMessage .tableBubble .messageRight {
	background:url("../images/im/steelBackground.png?3.0.2.2.0_20010935") repeat-y top right;
}

.IMStatusMessage .tableBubble .bl {
	background:url("../images/im/steelCurves.png?3.0.2.2.0_20010935") no-repeat bottom left;
}

.IMStatusMessage .tableBubble .br {
	background:url("../images/im/steelCurves.png?3.0.2.2.0_20010935") 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;
}

/*Hiding icons*/
.threePaneLayout .ISSOpenFolder .ToolbarIcon,.threePaneLayout .ISSOpenFolder .MailToolbarIcon{
    display:none;
}
.threePaneLayout .MailOpenAttachment .toolbar .ToolbarIcon,.threePaneLayout .MailOpenAttachment .toolbar .MailToolbarIcon{
    display: none;
}
/*
  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?3.0.2.2.0_20010935"); /* TODO - VERIFY THEME! */
	background-position: -307px 0px;
	background-repeat: no-repeat;
	padding-left: 5px;
}

.ISSFullscreenViewer .ISSFullscreenViewerToolbarRight {
	background-image: url("../images/ISSFullscreenViewerToolbar.png?3.0.2.2.0_20010935"); /* 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?3.0.2.2.0_20010935"); /* 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;
}













.SocialNavigator .dijitButtonNode {
	padding: 0px;
	background: transparent;
	border: 0px;
}

.SocialNavigator .dijitButton {
	margin: 0.5em;
}

.SocialNavigatorContainer{
	margin: 0.5em;
}

.Social .Icon {
	width: 36px;
	height: 37px;
  background-repeat: no-repeat;
  background-position: center center;
}

.Social .Facebook {
	background-image: url("../images/social/Facebook_icon.png?3.0.2.2.0_20010935");
}
.Social .YouTube {
	background-image: url("../images/social/youtube.png?3.0.2.2.0_20010935");
}
.Social .Twitter {
	background-image: url("../images/social/Twitter_icon.png?3.0.2.2.0_20010935");
}
.Social .Flickr {
	background-image: url("../images/social/Flickr_icon.png?3.0.2.2.0_20010935");
}
.Social .LinkedIn {
	background-image: url("../images/social/linkedin.png?3.0.2.2.0_20010935");
}
.Social .Yelp {
	background-image: url("../images/social/yelp.png?3.0.2.2.0_20010935");
}
.Social .LastFm {
	background-image: url("../images/social/lastfm.png?3.0.2.2.0_20010935");
}
.Social .Vimeo {
	background-image: url("../images/social/vimeo.png?3.0.2.2.0_20010935");
}
.Social .Digg {
	background-image: url("../images/social/Digg_icon.png?3.0.2.2.0_20010935");
}
/*
HomePage
Purpose: Styles for social services homepage.
*/
.SocialHomePage {
  padding-left: 28px;
}
.SocialHomePage h1 {
  margin-top: 40px;
}

.SocialHomePage p .inline-bold {
  font-weight: bold;
}

.SocialHomePage .SocialHomePage-graphic {
  margin-top: 56px;
  margin-left: 166px;
  height: 240px;
  width: 380px;
  background: transparent url("../images/Social_Tab_Illustration.png?3.0.2.2.0_20010935") no-repeat 0 0;
}

.SocialFBNewsFeed {
	width:100%;
	height:100%;
	overflow:auto;
}

.SocialFBNewsFeed .SocialFBNewsFeed-Header {
	width:612px;
}

.dj_ie .SocialFBNewsFeed .SocialFBNewsFeed-HeaderLeftSection {
	float:left;
}

.SocialFBNewsFeed .SocialFBNewsFeed-HeaderTitle {
	color:#284990;
	font-size: 13px;
	font-weight: bold;
	margin: 32px 3px 0 28px;
}

.SocialFBNewsFeed .SocialFBNewsFeed-ConnectBlock {
	width:544px;
	margin-left:28px;
}

.SocialFBNewsFeed .SocialFBNewsFeed-ConnectBlock .SocialFBBewsFeed-ErrMessage .NotificationPanel-Container {
	margin: -20px 0 -7px -11px;
}

.SocialFBNewsFeed .SocialFBNewsFeed-ConnectTitle {
	color:#284990;
	font-size: 15px;
	font-weight: bold;
	margin: 40px 0px 16px 0;
}

.SocialFBNewsFeed .SocialFBNewsFeed-ConnectText {
	color:#262626;
	font-size: 13px;
	font-weight: bold;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-PostFeed {
	margin:16px 0 14px 28px;
	background-image:url("../images/social/facebook_post_feed_bg.png?3.0.2.2.0_20010935");
	width: 584px;
	height: 105px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-AvatarContainer {
	margin:12px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-PostFeedInput {
	width:488px;
	height:44px;
}

.dj_ie .SocialFBNewsFeed  .SocialFBNewsFeed-PostFeedInput {
	margin-bottom: 17px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-PostFeedFooterText {
	color:#FFFFFF;
	margin-left:12px;
	font-size:12px;
	float:left;
	width: 80%;
	white-space: nowrap;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-Refresh {
	margin-top:32px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-Refresh .dijitButtonNode{
	background-image: none;
	border:none;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-Logout {
	float: right;
	margin-top:32px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-More {
	margin-left:28px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-RetryButton{
	margin-left: -3px;
	margin-top: 10px;
}


.SocialFBNewsFeed  .SocialFBNewsFeed-Logout .dijitButtonNode,
.SocialFBNewsFeed  .SocialFBNewsFeed-Login .dijitButtonNode,
.SocialFBNewsFeed  .SocialFBNewsFeed-PostFeedButton .dijitButtonNode,
.SocialFBNewsFeed  .SocialFBNewsFeed-RetryButton .dijitButtonNode
{
	background-image: url("../images/social/facebook_btn_bg.png?3.0.2.2.0_20010935");
	border-color:#35558B;
	height:22px;
	padding:0px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-More .dijitButtonNode
{
	background-image: url("../images/social/facebook_more_btn_bg.png?3.0.2.2.0_20010935");
	border-color:#35558B;
	height:25px;
	width:584px;
	padding:0px;
}


.SocialFBNewsFeed  .SocialFBNewsFeed-PostFeedButton .dijitButtonNode{
	height:20px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-Logout .dijitButtonText,
.SocialFBNewsFeed  .SocialFBNewsFeed-Login .dijitButtonText,
.SocialFBNewsFeed  .SocialFBNewsFeed-PostFeedButton .dijitButtonText,
.SocialFBNewsFeed  .SocialFBNewsFeed-More .dijitButtonText,
.SocialFBNewsFeed  .SocialFBNewsFeed-RetryButton .dijitButtonText
{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-RetryButton .dijitButtonText{
	margin-top: 2px;
}

.SocialFBNewsFeed  .SocialFBNewsFeed-PostFeedButton {
	float:right;
	margin-right:12px;
	margin-top: -3px;
}

.SocialFBNewsFeed .FormSimpleTextarea .FormSimpleTextarea-helperText {
	color: #333333;
}
.SocialFBFeed {
	margin-left:28px;
	padding-top:14px;
	padding-bottom:12px;
	border-style:solid;
	border-width:0 0 1px;
	border-color: #EEEEEE;
	width: 584px;
}

.SocialFBFeed  .SocialFBFeed-AvatarContainer {
	float:left;
	margin-right:10px
}

.SocialFBFeed  .SocialFBFeed-MessageBlock {
	display:table-cell;
	vertical-align:top;
	width:524px;
	font-size:13px;
}

.SocialFBFeed .SocialFBFeed-FromName {
	font-weight:bold;
	color:#262626;
	margin-right:7px;
	float: left;
}

.SocialFBFeed .SocialFBFeed-Timestamp {
	color:#6B6B6B;
	border-bottom:medium none;
	font-size:11px;
}

.SocialFBFeed .SocialFBFeed-CommentBlock {
	background-color:#ECEFF5;
	border-bottom:1px solid #E5EAF1;
	clear:left;
	float:none;
	margin-bottom:2px;
	overflow:hidden;
	padding:5px 0 4px 5px;
	width:515px;
	font-size:11px;
}

.SocialFBFeed .SocialFBFeed-CommentPicture {
	float:left;
	margin:5px;
}

.SocialFBFeed  .SocialFBFeed-PostCommentInput {
	width:431px;
	margin: 5px;
}

.SocialFBFeed  .SocialFBFeed-PostCommentButton {
	margin-right:12px;
	float: right;
}

.SocialFBFeed  .SocialFBFeed-PostCommentButton .dijitButtonText
{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

.SocialFBFeed  .SocialFBFeed-PostCommentButton .dijitButtonNode{
	background-image: url("../images/social/facebook_btn_bg.png?3.0.2.2.0_20010935");
	border-color:#35558B;
	height:22px;
	padding:0px;
}

.SocialFBFeed  .SocialFBFeed-Link {
	cursor: pointer;
	text-decoration: none;
	color: #248990;
	margin-left: 4px;
	font-size:11px;
}

.SocialFBFeed  .SocialFBFeed-LinkBlock {
	font-size:11px;
}

.SocialFBFeed  .SocialFBFeed-LikeBlock {
	font-size:11px;
}

.SocialFBFeed  .SocialFBFeed-CommentContainer {
	margin-top:12px;
}

.SocialFBFeed  .SocialFBFeed-Message {
	max-width:524px;
}
.SocialFBFeed .SocialFBComment {
	background-color:#ECEFF5;
	border-bottom:1px solid #E5EAF1;
	clear:left;
	float:none;
	margin-bottom:2px;
	overflow:hidden;
	padding:5px 0 4px 5px;
	width:515px;
	font-size:11px;
}

.SocialFBComment .SocialFBComment-Picture {
	float:left;
	margin:5px;
}

.SocialFBComment .SocialFBComment-Name {
	font-weight: bold;
	color: rgb(59, 89, 152);
	margin-right: 7px;
}

.SocialFBLink  .SocialFBLink-Desc {
	margin-left: 3px;
	color: #333333;
	font-size:11px;
	width: 383px;
}

.SocialFBLink  .SocialFBLink-Caption {
	margin-left: 3px;
	color: #248990;
	font-size:11px;
}

.SocialFBLink .SocialFBLink-ImageBlock {
	float:left;
	margin:3px 14px 4px 0;
	position: relative;
}

.SocialFBLink .SocialFBLink-Image {
	max-width:120px;
}
.SocialFBVideo  .SocialFBVideo-Desc {
	margin-left: 3px;
	color: #333333;
	font-size:11px;
	width: 383px;
}

.SocialFBVideo  .SocialFBVideo-Caption {
	margin-left: 3px;
	color: #248990;
	font-size:11px;
}

.SocialFBVideo .SocialFBVideo-ImageBlock {
	float:left;
	margin:3px 14px 4px 0;
	position: relative;
}

.SocialFBVideo .SocialFBVideo-Image {
	max-width:120px;
}

.SocialFBVideo  .SocialFBVideo-Link {
	cursor: pointer;
	text-decoration: none;
	color: #248990;
	margin-left: 4px;
	font-size:11px;
}

.SocialFBVideo .SocialFBVideo-Overlay {
	background: url("../images/social/video_overlay.png?3.0.2.2.0_20010935") no-repeat scroll 0 0 transparent;
	bottom: 0;
	height: 32px;
	left: 0;
	position: absolute;
	width: 39px;
}

.SocialTwitterHome {
	width:100%;
	height:100%;
	overflow:auto;
}

.SocialTwitterHome .SocialTwitterHome-Header {
	width:612px;
}

.dj_ie .SocialTwitterHome .SocialTwitterHome-Header {
	height: 60px;	
}

.SocialTwitterHome .SocialTwitterHome-HeaderTitle {
	color:#3B5998;
	font-size: 13px;
	font-weight: bold;
	margin: 32px 3px 0 28px;
}

.SocialTwitterHome .SocialTwitterHome-ConnectBlock {
	width:544px;
	margin-left:28px;
}

.SocialTwitterHome .SocialTwitterWarningPanel .NotificationPanel-Container {    
	margin: -4px 0px -3px 20px;    
	width: 567px;
}

.SocialTwitterHome .SocialTwitterWarningPanel .NotificationPanel-TextColumn{
	width: 89%;
	word-wrap: break-word;
	font-weight: bold;
}

.SocialTwitterHome .SocialTwitterHome-ConnectTitle {
	color:#0077AE;
	font-size: 15px;
	font-weight: bold;
	margin: 40px 0px 16px 0;
}

.SocialTwitterHome .SocialTwitterHome-ConnectBlock .SocialTwitterHome-AppErrMessage .NotificationPanel-Container {    
    margin: 9px 0 -30px -9px;
}

.SocialTwitterHome .SocialTwitterHome-ConnectTextSubHead {
	color:#0077AE;
	font-size: 13px;
	font-weight: bold;
}

.SocialTwitterHome .SocialTwitterHome-ConnectText {
	color:#262626;
	font-size: 13px;
	font-weight: bold;
	margin-bottom:16px;
}

.SocialTwitterHome .SocialTwitterHome-LoginErrMessage {
	color: red;
	font-size: 13px;
	margin: 26px 0px 16px 0;
}

.SocialTwitterHome .SocialTwitterHome-ShowTimeLineInfo {
	color: black;
	font-size: 13px;
	margin: 26px 0px 16px 0;
}

.SocialTwitterHome  .SocialTwitterHome-PostTweet {
	margin:16px 0 5px 28px;
	background-image:url("../images/social/twitter_post_tweet_bg.png?3.0.2.2.0_20010935");
	width: 584px;
	height: 105px;
}

.dj_ie .SocialTwitterHome  .SocialTwitterHome-PostTweet {
	height: 100px;
}

.SocialTwitterHome  .SocialTwitterHome-AvatarContainer {
	margin:10px 10px 10px;
}

.SocialTwitterHome  .SocialTwitterHome-Refresh {
	margin-top:15px;
}

.SocialTwitterHome  .SocialTwitterHome-PostTweetInput {
	width:488px;
	height:44px;
}

.dj_ie .SocialTwitterHome  .SocialTwitterHome-PostTweetInput {
	margin-bottom: 14px;
}

.SocialTwitterHome  .SocialTwitterHome-PostTweetFooterText {
	color:#FFFFFF;
	margin-top:5px;
	margin-left:12px;
	font-size:12px;
	float:left;
	width: 80%;
	white-space: nowrap;
}

.dj_ie .SocialTwitterHome  .SocialTwitterHome-PostTweetFooterText {
		margin-top:0px;
}

.SocialTwitterHome .SocialTwitterHome-CountAndButton{
	float: right;
	margin-top: 5px;
}

.dj_ie .SocialTwitterHome .SocialTwitterHome-CountAndButton{
	margin-top: 0px;
}

.SocialTwitterHome  .SocialTwitterHome-PostTweetFooterCount{
	color:#FFFFFF;
	font-size:12px;
	margin-right:5px;
}

.SocialTwitterHome  .SocialTwitterHome-Refresh {
	margin-top:32px;
}

.SocialTwitterHome  .SocialTwitterHome-Refresh .dijitButtonNode{
	background-image: none;
	border:none;
}

.SocialTwitterHome  .SocialTwitterHome-Logout {
	float: right;
	margin-top:32px;
}

.SocialTwitterHome  .SocialTwitterHome-More {
	margin-left:28px;
}

.SocialTwitterHome  .SocialTwitterHome-Login .dijitButtonNode,
.SocialTwitterHome  .SocialTwitterHome-ShowTimeLine .dijitButtonNode,
.SocialTwitterHome  .SocialTwitterHome-Logout .dijitButtonNode,
.SocialTwitterHome  .SocialTwitterHome-PostTweetButton .dijitButtonNode
{
	background-image: url("../images/social/twitter_btn_bg.png?3.0.2.2.0_20010935");
	border-color:#35558B;
	height:22px;
	padding:0px;
}

.dj_ie  .SocialTwitterHome  .SocialTwitterHome-Logout .dijitButtonNode{
	margin-top: -60px;
}

.SocialTwitterHome  .SocialTwitterHome-PostTweetButton .dijitButtonNode{
	height:20px;
}

.dj_ie .SocialTwitterHome  .SocialTwitterHome-PostTweetButton .dijitButtonNode{
	margin-top : -14px;
	margin-right : 2px;
}

.SocialTwitterHome  .SocialTwitterHome-More .dijitButtonNode {
	background-image: url("../images/social/twitter_more_btn_bg.png?3.0.2.2.0_20010935");
	border-color:#35558B;
	width:584px;
	height:25px;
	padding:0px;
}

.SocialTwitterHome  .SocialTwitterHome-Login .dijitButtonText,
.SocialTwitterHome  .SocialTwitterHome-ShowTimeLine .dijitButtonText,
.SocialTwitterHome  .SocialTwitterHome-Logout .dijitButtonText,
.SocialTwitterHome  .SocialTwitterHome-PostTweetButton .dijitButtonText,
.SocialTwitterHome  .SocialTwitterHome-More .dijitButtonText
{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

.SocialTwitterHome  .SocialTwitterHome-PostTweetButton {
	float:right;
	margin-right:19px;
	margin-top: -3px;
}

.dj_chrome .SocialTwitterHome  .SocialTwitterHome-PostTweetButton {
	margin-top:-17px;
}

.SocialTwitterHome .FormSimpleTextarea .FormSimpleTextarea-helperText {
	color: #333333;
}
.SocialTwitterTweet {
	margin-left:28px;
	padding-top:14px;
	padding-bottom:14px;
	border-style:solid;
	border-width:0 0 1px;
	border-color: #EEEEEE;
	width: 544px;
	min-height:48px;
}

.SocialTwitterTweet  .SocialTwitterTweet-AvatarContainer {
	float:left;
	margin-right:10px
}

.SocialTwitterTweet  .SocialTwitterTweet-MessageBlock {
	display:table-cell;
	vertical-align:top;
	width:1000px;
	font-size:13px;
}

.SocialTwitterTweet .SocialTwitterTweet-FromName {
	font-weight:bold;
	color:#262626;
	margin-right:7px;
	float: left;
}

.SocialTwitterTweet .SocialTwitterTweet-Footer {
	color:#6B6B6B;
	border-bottom:medium none;
	font-size:11px;
}
/**
Flickr Viewer
Purpose: Styles for flickr viewer containing Thumbnail, Filmstrip and Fullscreen
         views.
**/





/*
	ISS open folder
 */



/*
	Toolbar
 */

.SocialFlickrViewer .iconPrint,
.SocialFlickrViewer .iconSend,
.SocialFlickrViewer .iconFilmstrip,
.SocialFlickrViewer .iconOpenTab,
.SocialFlickrViewer .iconSave,
.SocialFlickrViewer .iconOpenMessage,
.SocialFlickrViewer .iconRefreshGrid,
.dijitMenu .iconPrint,
.dijitMenu .iconSend,
.dijitMenu .iconFilmstrip,
.dijitMenu .iconOpenTab,
.dijitMenu .iconSave,
.dijitMenu .iconOpenMessage {
	height:16px;
	width:16px;
}

/* View toggles */

.SocialFlickrViewer .SocialFlickrViewer-ViewControls {
	margin: 0;
	padding: 4px 12px;
}

/* Text toggles */
.SocialFlickrViewer .SocialFlickrViewer-TextToggles {
	float: left;
	margin: 0;
}

.SocialFlickrViewer .SocialFlickrViewer-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 .SocialFlickrViewer-TextToggles .dijitToggleButtonActive button,
.dj_webkit .SocialFlickrViewer-TextToggles .dijitToggleButtonFocus button{
	outline: none;
}

.dj_webkit .SocialFlickrViewer-TextToggles .dijitToggleButtonActive .dijitButtonText,
.dj_webkit .SocialFlickrViewer-TextToggles .dijitToggleButtonFocus .dijitButtonText {
	outline: 1px dotted #000;
}

.SocialFlickrViewer .SocialFlickrViewer-TextToggles .dijitToggleButton .dijitButtonNode {
	background-color: transparent;
	border: none;
	padding: 0;
}

.SocialFlickrViewer .SocialFlickrViewer-TextToggles button {
	border: none;
}

.dj_webkit .SocialFlickrViewer .SocialFlickrViewer-TextToggles .dijitToggleButton {
	margin: 0px -2px;
}

.dj_gecko .SocialFlickrViewer .SocialFlickrViewer-TextToggles .dijitToggleButton {
	margin: 0px -3px;
}

.SocialFlickrViewer .SocialFlickrViewer-TextToggles .SocialFlickrViewer-FirstToggle {
	background-position: 0px 50%;
	padding-left: 5px; /* For the left rounded edge */
}

.SocialFlickrViewer .SocialFlickrViewer-TextToggles .SocialFlickrViewer-LastToggle .dijitButtonNode {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 5px; /* For the right rounded edge */
	height: 22px;
}

.SocialFlickrViewer .SocialFlickrViewer-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;
}

.SocialFlickrViewer .SocialFlickrViewer-TextToggles .dijitButtonText {
	padding: 0;
	font-size: 11px;
}

.dj_gecko .SocialFlickrViewer-TextToggles .dijitButtonText {
	padding-bottom: 2px;
}

.SocialFlickrViewer .SocialFlickrViewer-TextToggles .dijitToggleButtonChecked .dijitButtonText {
	font-weight: bold;
	color: #FFF;
}


.SocialFlickrViewer  .FormField {
	float: right;
	display: inline-block;
	margin-right: 12px;
}

.dj_ie .SocialFlickrViewer  .FormField {
	display: inline;
}

.SocialFlickrViewer-ViewControls .dijitToggleButton.defaultButton {
	margin-top: 0;
	margin-right: 10px;
	float: right;
}

.SocialFlickrViewer-ViewControls .dijitToggleButton.defaultButton .dijitButtonNode,
.SocialFlickrViewer-ViewControls .dijitToggleButtonActive.defaultButton .dijitButtonNode,
.SocialFlickrViewer-ViewControls .dijitToggleButtonChecked.defaultButton .dijitButtonNode,
.SocialFlickrViewer-ViewControls .dijitToggleButtonHover.defaultButton .dijitButtonNode {
	border-width: 1px;
	border-style: solid;
	margin: 0;
	padding: 0 0 0px 0;
}

.SocialFlickrViewer-ViewControls .dijitToggleButton.defaultButton .dijitButtonContents {
	border: none;
	margin: 0;
	padding: 4px 5px 4px 5px;
}

.dj_ie .SocialFlickrViewer-ViewControls .dijitToggleButton.defaultButton .dijitButtonContents {
	padding: 2px 5px 1px 5px;
}

.dj_gecko .SocialFlickrViewer-ViewControls .dijitToggleButton.defaultButton .dijitButtonContents {
	padding: 3px 5px 2px 5px;
}

/*
	filmstrip
 */

.SocialFlickrImageViewer {
	position: relative; /* setup context */
}

.SocialFlickrImageViewer .SocialFlickrImageViewerLoadingIndicator {
	position: absolute;
	top: 0;
	left: 0;
}


.SocialFlickrImageViewer .SocialFlickrImageViewerLoadingIndicator,
.SocialFlickrImageViewer .SocialFlickrImageViewerImage {
	position: absolute;
	top: 0;
	left: 0;
}

/*
	tooltip
*/

.SocialFlickrViewerTooltip {
	list-style: none;
	margin: 0;
	padding: 0.2em;
}

.SocialFlickrViewerTooltip li {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.SocialFlickrViewerTooltip li div {
	font-weight: bold;
}

.SocialFlickrViewerTooltip li label {
	display: block;
	line-height: 1.3em;
	width: 4.5em;
	text-align: right;
}

.SocialFlickrViewerTooltip li span {
	display: block;
	margin-top: -1.3em;
	line-height: 1.3em;
	margin-left: 4.8em;
}

/*
	image viewer
 */

.SocialFlickrImageViewer .SocialFlickrImageViewerImage {
	background-repeat: no-repeat;
	background-position: center center;
}



.SocialFlickrImageDetailsView-photo-information {
  margin-left: auto;
  margin-right: auto;
  /* todo declare this in javascript based on size, or add class attribute to describe image being used to set sizes in css */
  width: 500px;
  list-style: none;
}

.SocialFlickrImageDetailsView-photo-information .SocialFlickrImageDetailsView-photo-name {
  font-weight: bold;
}

/*
	Full screen mode
*/

.SocialFlickrFullscreenViewer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: #000;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerLoadingIndicator,
.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerImage {
	position: absolute;
	top: 0;
	left: 0;
}

.SocialFlickrFullscreenViewerActive .SocialFlickrFullscreenViewerImage {
	cursor: default !important;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerImage {
	cursor: url('../images/blank.cur'), default;
}

.dj_ie7 .SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerImage {
	/* cursor paths are relative to the document root, not the css file */
	cursor: url(../images/blank.cur), default;
}


.SocialFlickrFullscreenViewerActive .SocialFlickrFullscreenViewerToolbar {
	display: block !important;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerToolbar {
	display: none;
	position: absolute;
	bottom: 0;
	padding: 0;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerImage {
	background-repeat: no-repeat;
	background-position: center center;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerToolbarLeft {
	background-image: url("../images/ISSFullscreenViewerToolbar.png?3.0.2.2.0_20010935"); /* TODO - VERIFY THEME! */
	background-position: -307px 0px;
	background-repeat: no-repeat;
	padding-left: 5px;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerToolbarRight {
	background-image: url("../images/ISSFullscreenViewerToolbar.png?3.0.2.2.0_20010935"); /* TODO - VERIFY THEME! */
	background-position: 158px 0px;
	background-repeat: no-repeat;
	padding-right: 5px;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerToolbarCenter {
	width: 470px;
	padding: 8px 0 8px 0;
	height: 35px;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerToolbar .SocialFlickrFullscreenViewerIntervalDisplay {
	float: left;
	width: 61px;
	height: 35px;
	background-image: url("../images/ISSFullscreenViewerToolbar.png?3.0.2.2.0_20010935"); /* TODO - VERIFY THEME! */
	background-position: -245px 0px;
	background-repeat: no-repeat;
	line-height: 35px;
	text-align: center;
	color: #FFF;
	margin: 0;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerToolbar .SocialFlickrFullscreenViewerSlider {
	float: left;
	width: 150px;
	height: 35px;
	margin: 0 4px 0 4px;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerPlayButton,
.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerSlider,
.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerPrevButton,
.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerNextButton,
.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerDecButton,
.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerIncButton,
.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerExitButton {
	float: left;
	margin: 0 4px 0 4px;
}

.dj_ie .SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerPlayButton,
.dj_ie .SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerSlider,
.dj_ie .SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerPrevButton,
.dj_ie .SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerNextButton,
.dj_ie .SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerDecButton,
.dj_ie .SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerIncButton,
.dj_ie .SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerExitButton {
	margin-top: -1px;
}

.SocialFlickrFullscreenViewer .dijitButtonNode {
	padding: 0;
	border: none;
}

.SocialFlickrFullscreenViewer .dijitButtonContents {
	border: none;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerDecButton {
	margin-right: 0;
}

.SocialFlickrFullscreenViewer .SocialFlickrFullscreenViewerIncButton {
	margin-left: 0;
}

/*
	Options
*/













/*
	SMS ThreadSummary
*/

.SmsThreadSummary { 
	font-size: 11px;
	/* border-bottom: 1px solid #000;*/
	cursor: pointer;
	width: 100%;
	/* min-height: 50px; */
	margin-bottom: 2px;
	max-height: 56px;
}

.SmsThreadSummary-Container { 
	width: 100%;
	/* min-height: 50px; */
}


.SmsThreadSummary-ContentColumn { 
	/* min-height: 50px; */
	overflow: hidden;
	white-space: nowrap;
}

.SmsThreadSummary-AvatarColumn {
	float: left;
	vertical-align: top;
	padding: 10px 10px 0 10px;
}

.SmsThreadSummary-AvatarColumn .iwcAvatar {
	width: 30px;
	height: 30px;
}

.SmsThreadSummary-TextColumn { 
	float: left;
	padding: 12px 0 0 4px;
	vertical-align: top;
	white-space: nowrap;
}

.SmsThreadSummary-Sender { 
	font-size: 12px;
	padding: 0px 0px;
        font-weight: bold;
}

.SmsThreadSummary-Synopsis { 
	padding: 5px 0 0 0;
        overflow: hidden;
	white-space: nowrap;
}

.SmsThreadSummary-TimeColumn { 
	padding: 12px 24px 0 0;
	width: 58px;
	text-align: right;
	/* min-height: 50px; */
}

.SmsThreadSummary-TimeNode { 
	padding: 0px 0px 0px 0;
	line-height: 14px;
}

.SmsThreadSummary-DateNode { 
	padding: 5px 0 0 0;
}

/*
	SMS ThreadList
*/

.SmsThreadList { 
	width: 50%;
	background-color: #FFF;
}

.SmsThreadList-Container { 
	width: 100%;
	min-height: 20px;
}	

.SmsThreadList-Headers { 
	height: 23px;
	border-bottom: 1px solid;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
}

.SmsThreadList-FromColumn { 
	height: 22px;
	padding: 5px 10px 0 10px;
	text-align: left;
	border-right: 1px solid;
}

.SmsThreadList-TimeColumn { 
	height: 22px;
	padding: 5px 10px 0 10px;
	width: 58px;
	text-align: left;
}

.SmsThreadList-List { 
	width: 100%;
	min-height: 5px;
	overflow-y: auto;
	overflow-x: hidden;
}
.SmsCreateMessageDialog {
	width: 360px;
}

.SmsCreateMessageDialog .AddressBookPhoneNumberChooser {
	margin-bottom: 12px; 
}

.SmsCreateMessageDialog-Icon {
	padding-right: 8px;
}

.SmsCreateMessageDialog .NotificationPanel {
	padding: 0 0 12px 0;
}

.SmsCreateMessageDialog .SmsNewMessage {
	background: none; 
	border: none;
	padding: 0;
}
.SmsCreateMessagePane {
	width: 100%;
}

.SmsCreateMessagePane .AddressBookPhoneNumberChooser {
	margin: 12px 15px 12px 15px; 
}

.SmsCreateMessagePane .NotificationPanel {
	padding: 0px 12px 12px 12px; 
}

.SmsCreateMessagePane-Container { 
	left: 0px !important;
	width: 100%;
	overflow: hidden;
}

.SmsCreateMessagePane-Icon {
	padding-right: 8px;
}

.SmsCreateMessagePane .SmsNewMessage { 
	height: auto;
	padding: 12px 12px 12px 12px;
}

.SmsCreateMessagePane-List {
	height: 0px;
	overflow: hidden;
}

.SmsCreateMessagePane-Messages .SmsCreateMessagePane-List {
	max-height: 200px;
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 5px 8px 5px 0;
}

.SmsCreateMessagePane-Messages .AddressBookPhoneNumberChooser {
	display: none;
}

/* Hack to workaround bug in FF */
.dojoxFloatingPaneContent.ffOverride { 
	overflow: visible !important;
}
/*
	SMS Viewer
*/

.SmsMessage { 
	min-height: 25px;
	font-size: 12px;
	padding: 4px 6px 4px 14px;
	cursor: pointer;
	margin: 5px 0 5px;
}

.SmsMessage-Unread { 
	font-weight: bold;
}

.dj_gecko .SmsMessage { 
	padding-right: 7px;
}

.SmsMessage-Content { 
	width: 100%;
	white-space: nowrap;
}

.SmsMessage-Avatar { 
	vertical-align: top;
	float: left;
	margin-top: 2px;
	position: relative;
}

.SmsMessage-Body { 
	vertical-align: top;
	white-space: normal;
	padding: 0 14px 0 14px;
	float: left;
}

.SmsMessage-Sender { 
	font-weight: bold;
	padding: 0 0 4px 0;
}

.SmsMessage-Last { 
	width: 68px;
	vertical-align: top;
	float: right;
}

.dj_gecko .SmsMessage-Last { 
	width: 70px;
}

.SmsMessage-Time { 
	vertical-align: top;
	float: left;
}

.SmsMessage-DeleteButton { 
        visibility: hidden;
	margin: 0;
	float: right;
}

.SmsMessageHover .SmsMessage-DeleteButton, 
.SmsMessageActive .SmsMessage-DeleteButton { 
	visibility: visible;
}

.SmsMessage-DeleteButton .dijitButtonNode { 
        margin: 0;
        padding: 0;
        border: none; 
        background: none;
}

.SmsMessage-UnreadIcon { 
	visibility: hidden;
	position: absolute; 
	left: 15px;
	top: 15px;
}

.SmsMessage-Unread .SmsMessage-UnreadIcon { 
	visibility: visible;
	z-index: 100;
}
/*
        SMS Viewer
*/

.SmsMessageList { 
	
}

.SmsMessageList-Header { 
	height: 23px;
	border-bottom: 1px solid;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
}

.SmsMessageList-HeaderTitle{ 
	height: 22px;
	padding: 5px 10px 0 2px;
	text-align: left;
}

.SmsMessageList-Header .SMSTaskbarIcon_Light { 
	vertical-align: top;
	margin: 4px 3px 0px 9px;
}

.SmsMessageList-DateTop { 
	padding: 14px 23px 5px 14px;
}

.SmsMessageList-Date { 
	float: left;
	font-size: 12px;
}

.SmsMessageList-OlderMessagesButton { 
	float: right;
	cursor: pointer;
	margin: 0;
}

.SmsMessageList .SmsMessageList-OlderMessagesButton .dijitButtonNode, 
.SmsMessageList .SmsMessageList-OlderMessagesButton .dijitButtonContents { 
	background: none; 
	border: none;
	padding: 0;
	margin: 0;
}

.SmsMessageList-OlderMessagesButton .dijitButtonText { 
	font-size: 12px;
	padding: 0;
	text-align: right;
}

.SmsMessageList-List { 
        overflow-y: auto;
        overflow-x: hidden;
}

.SmsMessageList-Container { 
        left: 0px !important;
}

.SmsMessageList .SmsNewMessage { 
        height: auto;
        padding: 12px 12px 12px 12px;
}


.SmsMessageList-NoMessages { 
        display: none;
}

.SmsMessageList-Empty .SmsMessageList-NoMessages { 
        display: block;
        padding: 15px;
}

.SmsMessageList-EditorSection { 
        width: 100%;
	min-height: 140px;
	height: auto;
	overflow-y: visible;
}

.SmsMessageList-WarningMessage { 
        width: 100%;
	overflow-y: visible;
}

.SmsMessageList-NewMessage { 
        width: 100%;
	height: 110px;
}
.SmsNewMessage {
	padding: 12px;
	border-top: 1px solid;
}

.SmsNewMessage-EditorSection {
	border: 1px solid;
	background-color: white;
	overflow-y: hidden;
	overflow-x: hidden;
	height: 75px;
	padding-right: 5px;
	white-space: nowrap;
	vertical-align: bottom;
}

.SmsNewMessage-EditorSection .dijitTextArea {
	border: none;
	height: 73px;
	overflow-y: auto !important;
	overflow-x: hidden;
	font-size: 12px !important; 
	font-family: arial, helvetica, sans-serif;
	color: #333;
	resize: none;
}

.SmsNewMessage .SmsNewMessage-CharCounter {
	font-size: 24px;
	font-weight: bold;
	width: 40px;
	text-align: right;
	vertical-align: middle;
	height: auto;
}

.dj_ie .SmsNewMessage-CharCounter {
	vertical-align: top; 
	margin-top: 25px;
}

.SmsNewMessage-ButtonSection {
	width: auto;
	vertical-align: bottom;
	text-align: right;
}

.SmsNewMessage-HideButton .SmsNewMessage-ButtonSection {
	display: none;
}


.SmsNewMessage-HideButton .SmsNewMessage-EditorSection {
	display: block;
}

.SmsNewMessage .dijitButton {
	margin: 0 0 0 5px;
	vertical-align: bottom;
	text-align: right;
}

.SmsNewMessage .dijitButtonText {
	padding: 4px 5px;
}



/*
	SMS Viewer
*/

.SmsViewer { 

}


/*
	SMS Viewer
*/

.SmsMessageTemp { 
	font-size: 12px;
	cursor: pointer;
	white-space: nowrap;	
	overflow: visible;
	margin: 0 0 4px 0;
}

.SmsMessageTemp-Error { 
	font-weight: bold;
}

.SmsMessageTempFocused { 
	outline: 1px !important;
	outline-style: dotted !important;
	outline-color: #999999 !important;
}

.SmsMessageTemp-Content { 
	white-space: normal;
	margin-bottom: 2px;
	top: 0 !important;
	overflow: visible;
	min-height: 50px;
	height: auto;
}

.SmsMessageTemp-Unread { 
	font-weight: bold;
}

.dj_gecko .SmsMessageTemp { 
	padding-right: 7px;
}

.SmsMessageTemp-Last { 
	width: 110px;
	vertical-align: top;
	padding-top: 6px;
}

.SmsMessageTemp-Contact { 
	width: 252px;
	overflow: hidden;
	margin: 2px 0 0 0;
}

.SmsMessageTemp-Message { 
	overflow-y: visible;
	overflow-x: hidden;
	padding: 6px 14px 3px 0;
}

.SmsMessageTemp-Avatar { 
	margin: 5px 0 5px 14px;
	vertical-align: top;
	float: left;
	position: relative;
}

.SmsMessageTemp-Details { 
	vertical-align: top;
	white-space: nowrap;
	padding: 4px 0 0 0; 
	float: left;
	width: 170px;
}

.SmsMessageTemp-ContactDetails { 
	width: 128px;
	overflow: hidden;
	padding-right: 14px;
}

.SmsMessageTemp-ContactDetails .dijitEllipsis { 
	width: 90%;
}

.SmsMessageTemp-Details .dijitInline { 
	vertical-align: top;
}

.SmsMessageTemp-Label { 
	width: 40px;
	padding-left: 14px;
}

.SmsMessageTemp-Sender { 
	font-weight: bold;
	padding: 0 0 4px 0;
}

.SmsMessageTemp-Name { 
	overflow: hidden;
}

.SmsMessageTemp-Time { 
	vertical-align: top;
	float: left;
}

.SmsMessageTemp-DeleteButton { 
        visibility: hidden;
	margin: 0 5px;
	float: right;
}

.SmsMessageTempHover .SmsMessageTemp-DeleteButton,
.SmsMessageTempFocused .SmsMessageTemp-DeleteButton, 
.SmsMessageTempActive .SmsMessageTemp-DeleteButton { 
	visibility: visible;
}

.SmsMessageTemp-DeleteButton .dijitButtonNode { 
        margin: 0;
        padding: 0;
        border: none; 
        background: none;
}

.SmsMessageTemp-ErrorBadge { 
	visibility: hidden;
	position: absolute; 
	left: 25px;
	top: 22px;
}

.SmsMessageTemp-UnreadIcon { 
	visibility: hidden;
	position: absolute; 
	left: 25px;
	top: 25px;
}

.SmsMessageTemp-Error .SmsMessageTemp-ErrorBadge,
.SmsMessageTemp-Unread .SmsMessageTemp-UnreadIcon { 
	visibility: visible;
	z-index: 100;
}
/*
	SMS Viewer
*/

.SmsViewerTemp { 

}

.SmsViewerTemp .FormQuickSearchForm { 
	width: 200px;
}

.SmsViewerTemp .dijitLayoutContainer {
	overflow-y: auto;
	overflow-x: hidden;
}

.dj_ie .SmsViewerTemp-Toolbar { 
	padding:4px 8px 10px 8px ;
}

.SmsViewerTemp-Headers { 
	height: 23px;
	border-bottom: 1px solid;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
}

.SmsViewerTemp-HeaderColumn { 
	height: 23px;
	text-align: left;
	overflow: hidden;
}

.SmsViewerTemp-DateColumn { 
	width: 120px;
	cursor: pointer;
}

.SmsViewerTemp-ContactColumn { 
	border-right: 1px solid;
	width: 232px;
}

.SmsViewerTemp-MessageColumn { 
	border-right: 1px solid;	
	cursor: pointer;
}

.SmsViewerTemp-HeaderColumnInner { 
	padding: 5px 10px 4px 10px;
}

.dj_ie .SmsViewerTemp-HeaderColumnInner{
	height: 14px;
}

.SmsViewerTemp-ContextMenu { 
	width: 200px !important;
	max-width: 200px;
}

.dj_ie .SmsViewerTemp .dijitToolbar > .dijitButton,  
.dj_ie .SmsViewerTemp .dijitToolbar > .dijitComboButton {
	float: left;
}

.SmsViewerTemp .SmsViewerTemp-QuickSearchForm {
	float: right;
}

.SmsViewerTemp-SortButton label {
	float: left;
}

.SmsViewerTemp-SortIcon {
	float: right;
	margin-right: 5px;
}

.SmsViewerTemp-SortIcon {
	display: none;
}

.SmsViewerTemp-Sorted .SmsViewerTemp-SortIcon {
	display: block;
	float: right;
	margin-right: 5px;
}

.SmsViewerTemp-MessageWrapper { 
	position: relative;
	overflow: hidden;
}

.SmsViewerTemp-MessageContainer { 
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.SmsViewerTemp-Info h2,.SmsViewerTemp-loadingInfo h2{
    font-weight: normal;
    padding-left: 2em;
    text-align: center;
}

.SmsViewerTemp-loadingInfo{
	position: relative;
}
/**
 * Copyright (c) 2015, Oracle and/or its affiliates. All rights reserved.
 * @author      Rasmita Mahapatra 
 * @since       2015-07-22
 */





/**
 * Copyright (c) 2015, Oracle and/or its affiliates. All rights reserved.
 * @author      Rasmita Mahapatra 
 * @since       2015-07-22
 */

.WebExSetting .FormField label {
	width: 9em;
}
.WebExSetting .FormField .section {
	padding-top:1em;
	padding-bottom:1em;
}
.WebExSetting .section label{
	width: 11em;
}
/**
 * Copyright (c) 2015, Oracle and/or its affiliates. All rights reserved.
 * @author      Rasmita Mahapatra 
 * @since       2015-07-22
 */

.ConferenceOptionSettings .FormField label {
	width: 9em;
}

.ConferenceOptionSettings .FormField-LabelAfter label {
	width: auto;
}
/**
 * Copyright (c) 2015, Oracle and/or its affiliates. All rights reserved.
 * @author      Rasmita Mahapatra 
 * @since       2015-03-01
 */
.WebConference .label {
	line-height:1.2em;
}
CalendarCreateEvent .WebConference .section label {
	
}
.CalendarEventDisplay .WebConference .section label {
	font-weight: bold;
	width: 10em;
	vertical-align: top;
	padding: 0;
	font-size: 11px;
}

.CalendarEventDisplay .WebConference .section .FormFieldInput {
	max-width: 70%;
    min-width: 50%;
    vertical-align: top;
    white-space: normal;
	padding-bottom: 8px;
	font-size: 11px;
	padding-left: 11px;
}

.WebConference-errorMessage {
	padding: 2px 2px 2px 2em;
	color: #FF0000;
}
/* New Event */
.WebConference-newEvent .meetingURL,
.WebConference-newEvent .meetingNumber,
.WebConference-newEvent .meetingPassword .readOnlyPassword{
	display: none;
}
 
.WebConference-newEvent .meetingPassword {
	display: "";
}

/* Edit Event */
.WebConference-editMode .meetingURL,
.WebConference-editMode .meetingNumber,
.WebConference-editMode .meetingPassword {
	display: "";
}

.WebConference-editMode .meetingPassword .readOnlyPassword,
.WebConference-editMode .conferenceSetting{
	display: none;
}
/* Readonly  Event display */
.WebConference-readOnly .meetingURL,
.WebConference-readOnly .meetingNumber,
.WebConference-readOnly .meetingPassword,
.WebConference-readOnly .meetingPassword .readOnlyPassword {
	display: "";
}

.WebConference-readOnly .meetingPassword .editablePassword{
	display: none;
}

.WebConference-readOnly .conferenceSetting,
.WebConference-readOnly .providers {
	display: none;
}
/**
 * Copyright (c) 2015, Oracle and/or its affiliates. All rights reserved.
 * @author      Nimisha Goel 
 * @since       2015-11-30
 */
.WebConferenceDialog{
    width: 570px;
}

.WebConferenceDialog .row {
    font-weight: bold;
    padding-bottom: 1em;
}

.WebConferenceDialog .containerDiv{
    padding-left: 2em;
}

.WebConferenceDialog .confMsg {         
    padding-bottom: 1em;
}

.WebConferenceDialog .hintMsg {
    color: graytext;
    font-style: oblique;
    height: 2em;
    padding-top: 1em;
}

.WebConferenceDialog .DialogButtons{
    margin: 0;
}

.WebConferenceDialog .WebExSetting .FormField {
    width: 62%;
}

.WebConferenceDialog .WebExSetting .section label {
    width: 8em;
}
.Skyscraper{
	padding: 0px;
	height: 100%;	
	overflow: hidden;
	}
.Splitter{
	width: 5px;
	height: 100%; /* not sure if needed*/
	padding: 0px;
	cursor: pointer;
	border: 1px;
}
.dijitSplitter{
	position: absolute;
	overflow: hidden;
}
.Arrow{
	cursor: pointer;
	height: 7px;
	width: 7px;
	top: 49%;
	position: absolute;
	background-image: url('../images/spriteArrows.png?3.0.2.2.0_20010935');
	background-position: -15px;
	background-repeat: no-repeat; 
}
.Ad{
	position: absolute;
	right:0px;
	height: 100%;
}



.VideoChat video {
	display:block;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	left: 0;
}


.MaxiVideo {
	width: auto;
	height: 100%;
	max-height: 288px;
	overflow: hidden;
	margin: 10px 0px 0px 10px;
	margin-right: 25px;
}

.ActiveCall .MaxiVideo{
	background-color: black;
}

.VideoWidget .SmallVideo {
    margin: 5px;
	margin: 6px 10px;
    overflow-x: auto;
}
.OverlayMode .SmallVideo,
.OverlayMode .AVCall,
.OverlayMode .VideoCameraWidget{
    margin: 0px !important;
}

.SmallVideo .AVCallNormalPos,
.SmallVideo .VideoCameraWidgetNormalPos,
.SmallVideo .AVCall,
.SmallVideo .VideoCameraWidget {
	width: 80px;
	height: 45px;
	margin: 6px 6px 0 0;
}

.SmallVideo .AVCall,
.SmallVideo .VideoCameraWidget {
	display: inline-block;
	position: relative;
}

.OverlayMode .SmallVideo .AVCall,
.OverlayMode .SmallVideo .VideoCameraWidget {
	position: absolute;
}

.VideoChat .MediaNode {
	background-color: black;
	display: block;
	width: 100%;
	height: 100%;
}

.FullScreenView .VideoChat .MediaNode,
.FullScreenView .SmallVideo .AVCall,
.FullScreenView .SmallVideo .VideoCameraWidget {
	border: 0;
}

.MaximizedMode .VideoChat .MediaNode,
.MaximizedMode .SmallVideo .AVCall,
.MaximizedMode .SmallVideo .VideoCameraWidget{
    border: 0;
}

.MaximizedMode .SmallVideo .AVCall,
.MaximizedMode .SmallVideo .VideoCameraWidget,
.FullScreenView .SmallVideo .AVCall,
.FullScreenView .SmallVideo .VideoCameraWidget {
	position: absolute;
}

.FullScreenView .SmallVideo video {
	position: relative;
	height: auto;
}

.MaximizedMode .SmallVideo video {
	position: relative;
	height: auto;
}

.VideoWidget {
    display: inline-block;
    width: 100%;
    height: 100%;    
}

.SmallVideo {
    width: 100%;
    height: 100%;    
}

.MaximizedMode .SmallVideo .VideoRelativeWrapper,
.FullScreenView .SmallVideo .VideoRelativeWrapper{
    position: relative;
    top: 4px;
    z-index: 300;
}

.SmallVideo div, .SmallVideo span {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
}

.ArrowUp {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: none;
    left: 40%;
    position: absolute;
    top: -6px;
}

.AVCall.Selected .ArrowUp,
.VideoCameraWidget.Selected .ArrowUp {
	display: inline-block;
}

.OverlayMode .AVCall.Selected .ArrowUp,
.OverlayMode .VideoCameraWidget.Selected .ArrowUp {
	display: none;
}

.MaximizedMode .AVCall .ArrowUp,
.FullScreenView .AVCall .ArrowUp,
.MaximizedMode .VideoCameraWidget .ArrowUp,
.FullScreenView .VideoCameraWidget .ArrowUp {
    display: none;
}

.VideoChat-MessageContainer {
    overflow: hidden;
}

.VideoChat-MessageContainer {
    width: 100%;
    height: 100%;
}

.VideoChat {
    width: 100%;
    height: 100%;

}

.LoadingState {
    background-color: black;
    background-image: url("../images/ajaxLoader.gif?3.0.2.2.0_20010935");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 288px;
}

.MaximizedMode .LoadingState {
	  background-position: right bottom;
}

.VideoCallStatus {
	position: absolute;
	width: 70%;
	top: 50%;
	left: 20%;
	color: #FFFFFF;
}

.AVTChat-RosterPane {
	overflow: hidden;
}

.ContactName {
    background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	width: fit-content;
	position: absolute;
}

.SmallVideo .ContactName {
    display: none;
}

.FullScreenView .SmallVideo .ContactName,
.MaximizedMode .SmallVideo .ContactName,
.OverlayMode .SmallVideo .ContactName{
	display: inline;
	left: 5px;
}

.AVMonitor {
	height: 100%;
}

.OverlayMode .OverlayVideo{
	z-index: 30;
	background-color: white;
}

.VideoChat .VideoWidget .FluidMatrixLayout {
	overflow: hidden;
	position: absolute;
}

.VideoChat .FluidMatrixLayout .MediaNode {
	border: 2px solid;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.OverlayMode .VideoChat .FluidMatrixLayout .MediaNode {
	border: none;
}

.FullScreenView .FluidMatrixLayout .MediaNode,
.MaximizedMode .FluidMatrixLayout .MediaNode {
	border: none;
}
div.WebRTCIcons, div.ToolbarIcons {
    display: inline-block;
}

div.WebRTCIcons,.ChatOptions {
    float: right;
    margin-top: 6px;
}
div.ToolbarIcons {
    float: left;
}

.dj_ie div.WebRTCIcons {
    margin-top: -10px;
}

.dj_ie .AVTChat div.ToolbarIcons {
    margin-top: -12px;
}

.AVTChat .dijitSliderImageHandleH {
	margin-top: 2px;
}
.AVTChat .AVTChat-ToggleRoster {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 300;
}

.AVTChat .Audio-Status-TimeStamp {
	float: right;
	color: #ADADAD;
}

.Audio-Message-Info {
	width: 95%;
	margin-top: 11px;
}

.AVTChat .AVTChat-statusWrapper {
	margin-left: 11px;
}

.AVTChat .AVTChat-ToggleRoster .dijitButtonContents .dijitButtonText {
    display: none;
}

.AVTChat .dijitSplitterV {
    border-bottom-width: 1px;
    width: 4px;
}

.AVTChat-RosterContainer {
	width: 225px;
}

.AVTChat-BuddySearchContainer {
    margin: 10px 0 7px 7px;
}

.AVTChat-BuddySearchContainer h4 {
    line-height: 1em;
    margin: 0 0 7px;
}

.AVTChat-BuddySearchBox {
    margin: 0 0 7px;
    width: 100%;
}

.RosterContainerTab h4, .AVTChat-BuddySearchBox .FormSearchBox.FormTextBox {
    margin-left: 4px;
}

.AVTChat-BuddySearch-Error {
    display: none;
    font-style: italic;
    margin: 0 0 2px;
}

.AVTChat-volumeSlider {
    width: 135px;
    margin-right: 3px;
}

.AVTChat .AVTChat-TopBar{
	height: 40px;
}

.AVTChat .AVTChat-TopBar .AVTChat-MuteButton{
	margin-left: -2px;
}

.dj_ie .AVTChat .AVTChat-TopBar .AVTChat-MuteButton{
	margin-left: 4px;
}
.WebRTCIcons .dijitButton{
	width: 22px;
}

.dj_ie .AVTChat-volumeSlider {
	margin: 7px 3px 0px 7px;
}	

.dj_ie .AVTChat-volumeSlider  .dijitSliderBarContainerH{
	margin-top: 8px;
}

.AVTChat-ToggleRoster .TogglePaneRightIcon.TogglePaneRightOpenIcon {
    background-position: -68px -5767px;
}

.AVTChat-ToggleRoster .TogglePaneRightIcon {
    background-position: -47px -5768px;
}

.AVTChat .dijitToolbar .ToolbarIcons .dijitToggleButtonChecked .dijitInline.dijitButtonNode,
.AVTChat .dijitToolbar .ToolbarIcons .dijitToggleButtonHover .dijitInline.dijitButtonNode {
    background-color:  transparent;
    border-color: transparent;
}

.AVTChat-ToggleRoster .dijitButtonNode {
    background: none;
    border:0;
}

.dj_webkit .AVTChat-ToggleRoster .dijitButtonNode {
    padding: 10px 1px 1px 1px;

}

.AVTChat-ToggleRoster .dijitButtonHover .TogglePaneRightIcon {
    background-position: -47px -5768px;
}

.AVTChat-ToggleRoster .dijitButtonHover .TogglePaneRightIcon.TogglePaneRightOpenIcon {
    background-position: -68px -5768px;
}

.AVTChat .CallTimer {
    padding: 7px;
    font-size: 1.4em;
}

.FullScreenView .CallTimer {
    color: white;    
}

.FullScreenView .ExitScreen {
    padding: 7px;
    font-size: 1.4em;
    color: white;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block !important;
}

.FullScreenView .WebRtcIcons,.FullScreenView .AVTChat-MoreOptions {
    display: none;
}

.FullScreenView .AVTChat-ToggleRoster {
    display: none;
}

.AVTChat-MainContentWrapper, .AVTChat-MainWrapper, .AVTChat-IMChatWrapper, .AVTChat-imWrapper, .AVTChat-audioVideoWrapper {
    width: 100%;
    height: 100%;

}

.dj_ie .AVTChat .CallHoldResumeIcon{
	margin-top: 6px;
}

.WebRTCIcons .TextChat,
.WebRTCIcons .VideoChat,
.WebRTCIcons .ScreenSharing,
.WebRTCIcons .AudioChat,
.WebRTCIcons .CallTransfer,
.MoreOptions{
    background: transparent url("../images/webrtc-icon-sprite.png?3.0.2.2.0_20010935") no-repeat 0 0;
    width: 20px;
    height: 20px;
}

.CallTransfer .dijitTooltipContainer{
	padding: 0px;
}
/** TODO - give better name **/

.WebRTCIcons .TextChat {background-position: 0 0;}
.WebRTCIcons .VideoChat {background-position: 0 -20px;}
.WebRTCIcons .ScreenSharing {background-position: 0 -40px;}
.WebRTCIcons .AudioChat {background-position: 0 -84px;}
.WebRTCIcons .CallTransfer {background-position: 0 -61px;}
.MoreOptions {background-position: 0 -103px;}

.dijitToggleButtonChecked .VideoChat, .CallEnded .VideoChat {
    background-position: -20px -20px;
}

.dijitToggleButtonChecked .AudioChat, .CallEnded .AudioChat {
    background-position: -20px -83px;
}

.dijitToggleButtonChecked .TextChat {
    background-position: -20px 0;
}

.dijitToggleButtonChecked .ScreenSharing {
    background-position: -20px -42px;
}

.AVTChat-ToggleRoster .dijitButtonNode {
    padding: 0;
}

.AVTChat .dijitTabPaneWrapper {

	border: 0;
}

.AVTChat .dijitTab {
	width: 62px;
}

.AVTChat-VideoCallStatusMsg{
	bottom: 19%;
	position: absolute;
	z-index: 300;
	width:100%;
	text-align: center;
}

.MaximizedMode .AVTChat-VideoCallStatusMsg{
	bottom: 1%;
}

.FullScreenView .AVTChat-VideoCallStatusMsg{
	bottom: 90px;
}

.dj_ie .ChatOptions,.dj_ie .AVTChat-MoreOptions.dijitDropDownButton{
	margin-top: -8px;
}

.AVTChat-MoreOptions.dijitDropDownButton{
	float: right;
	margin-top: 8px;
}

.FullScreenView .AVTChat-ContentPane {
    top: 0px !important;
    background-color: black;
}

.AVTChat-wit .AVTChat-RosterContainer{
	border-left: 1px solid;
}
/*Threepane layout styles*/
.threePaneLayout .ChatOptions .IMToolbarIcon_SendEmail ,.threePaneLayout .ChatOptions .ToolbarIcon{
    display:none;
}
.WITClient-flashPane{
	margin: auto;
	margin-top: 30px;

}

.AVTChat-wit .AVTChat-VideoCallStatusMsg{
	bottom: 5px;
}
/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Rasmita Mahapatra 
 * @since       2016-09-26
 */















/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 22, 2016, 3:29:35 PM
    Author     : rmahaapt
*/

.PickerDialog{
    width: 600px;
}
.PickerDialog .FolderTreeSection {
	margin: 0 0 15px 0;
}
.PickerDialog .dijitTab {
    height:90px;
    background: #F9F9F9;   
    margin-right:0px;
}
.PickerDialog .dijitTabChecked {
    border-top: 0px; 
    margin-top: 6px;
    margin-left: 3px;    
    background: #FFFFFF;      
    border-right: 1px solid #FFFFFF !important;
    
}
.PickerDialog .dijitTab.dijitTabChecked .dijitTabInnerDiv{
   background: #FFFFFF;    
}
.PickerDialog .dijitTab.dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
     background: #FFFFFF;    
}
.PickerDialog .dijitTab .dijitTabInnerDiv .tabLabel{
    outline: none;
}
.PickerDialog .dijitContainer {
    height: 332px;
}
.PickerDialog .dijitTabContainer .dijitTabPaneWrapper {
    background: #FFFFFF;
    border: 0px;
    width: 301px;
}
.PickerDialog .menuButton .dijitButtonNode{
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.PickerDialog .dijitDialogPaneContent {
    padding: 0px;    
}
.PickerDialog .dijitTab .dijitTabInnerDiv,
.PickerDialog .dijitTab .dijitTabInnerDiv .dijitTabContent,
.PickerDialog .dijitTabContainerLeft-tabs{
    background: #F9F9F9;
}

.PickerDialog .MyComputerTabIcon,
.PickerDialog .CloudTabIcon_doccloud{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.PickerDialog .dijitTab .dijitTabInnerDiv .dijitTabContent{
    font-weight:normal;
    color:#333;
    white-space: normal;
    word-break: break-all;
    width: 108px;
}
/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Nimisha Goel 
 * @since       2016-10-14
 */
.AttachmentViewerThumbnail{
    overflow:hidden;
    background-color: lightgrey;
}

.AttachmentViewerThumbnail-ErrorMessage{
    background-color: white;
}

.AttachmentViewerThumbnail-ErrorMessage .errorMessage{
    text-align: center;
    margin-top: 25px;
    font-weight: bold;
}

.AttachmentViewerThumbnail .SpinnerIcon{
    margin: 0 auto;
}

.AttachmentViewerThumbnail .connectIntegration{
    background-color: white;
    height:100%;
}

.AttachmentViewerThumbnail .connectIntegration .initiateConnect .initiateConnect_header1{
    display:inherit;
    margin-left: 50px;
    margin-top: 50px;
}

.AttachmentViewerThumbnail .connectIntegration .initiateConnect .initiateConnect_header2{
    margin: 12px 0 20px 50px;
    color: #666;
}

.AttachmentViewerThumbnail .connectIntegration .initiateConnect .connectBlock{
    margin-left: 20px;
}

.AttachmentViewerThumbnail .connectIntegration .connectLogin .login_header1{
    margin-left: 50px;
}

.AttachmentViewerThumbnail .connectIntegration .connectLogin .connectInput{
    margin-bottom: 1em;
}

.AttachmentViewerThumbnail .connectIntegration .connectLogin .summary_header2{
    margin-left: 50px;
}

.AttachmentViewerThumbnail .connectIntegration .connectLogin .folderDiv{
    margin-left: 75px;
}

.dj_trident .AttachmentViewerThumbnail .SpinnerIcon{
    animation: spinImage 4s linear infinite;
}
@keyframes spinImage { 100% { transform:rotate(360deg); } }

.AttachmentViewerThumbnail .thumbnailView {
    border-right: solid 2px grey;
    height: 100%;
    width: 17%;
    overflow-y:auto;
    background-color: white;
}
/*TODO: Visual Style Guide Specifications for Preview */
.AttachmentViewerThumbnail .pageView{
    width:82%;
    overflow-y:auto;
    height:100%;
    background-color: lightgrey;
}

.AttachmentViewerThumbnail .fullScreen{
   padding-right:140px;
   padding-left: 145px;
}

/* Crossbrowser transform */
.AttachmentViewerThumbnailDiv {
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0 0;
}

.AttachmentViewerThumbnailDiv-100percent {
    -ms-transform: scale(1.00);
    -webkit-transform: scale(1.00);
    -moz-transform: scale(1.00);
    transform: scale(1.00);
}

.AttachmentViewerThumbnailDiv-75percent {
    -ms-transform: scale(0.75) translate(0px,-16.65%);
    -webkit-transform: scale(0.75) translate(0px,-16.65%);
    -moz-transform: scale(0.75) translate(0px,-16.65%);
    transform: scale(0.75) translate(0px,-16.65%);
}

.AttachmentViewerThumbnailDiv-50percent {
    -ms-transform: scale(0.50) translate(0px,-50%);
    -webkit-transform: scale(0.50) translate(0px,-50%);
    -moz-transform: scale(0.50) translate(0px,-50%);
    transform: scale(0.50) translate(0px,-50%);
}

.AttachmentViewerThumbnailDiv-25percent {
    -ms-transform: scale(0.25) translate(0px,-150%);
    -webkit-transform: scale(0.25) translate(0px,-150%);
    -moz-transform: scale(0.25) translate(0px,-150%);
    transform: scale(0.25) translate(0px,-150%);
}

/* IE 7 must have new lines. */
.dj_ie7 .AttachmentViewerThumbnailDiv-100percent {
    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod='auto expand');
}

.dj_ie7 .AttachmentViewerThumbnailDiv-75percent {
    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.75,
            M12=0,
            M21=0,
            M22=0.75,
            SizingMethod='auto expand');
}

.dj_ie7 .AttachmentViewerThumbnailDiv-50percent {
    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.5,
            M12=0,
            M21=0,
            M22=0.5,
            SizingMethod='auto expand');
}

.dj_ie7 .AttachmentViewerThumbnailDiv-25percent {
    filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.25,
            M12=0,
            M21=0,
            M22=0.25,
            SizingMethod='auto expand');
}

/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Nimisha Goel 
 * @since       2016-10-14
 */
.ThumbnailView {
    text-align:center;
    overflow:hidden;
    position:relative
}

.ThumbnailView .thumbNailContent{
    cursor: pointer;
    padding:20px 20px 5px 20px;
}

.ThumbnailView .thumbnailViewHolder{
    height: 200px;
    background-color: #fff;
}

.ThumbnailView .thumbNailContent .ImageContent {
    border: solid 1px lightgrey;
    width:100%;
    height:100%;
}


/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Nimisha Goel 
 * @since       2016-10-14
 */
.PageView{
    background-color: lightgrey;
}

.PageView .pagePreviewPlaceHolder{
    height: 900px;
    background-color: #fff;
}

.PageView .ImageContent{
    border: solid 1px lightgrey;
    margin: 10px 0px 10px 15px;
    width:97%;
}

/* 
    Created on : Oct 18, 2016, 2:43:24 PM
    Author     : rmahaapt
*/
.ServiceProviderWidget_content{    
    overflow: auto;
}
.ServiceProviderWidget_buttons{
    margin: 0px;
    background: #F9F9F9;    
    padding: 5px 0; 
    overflow: auto;
}
.dj_trident .ServiceProviderWidget_buttons {
	padding: 7px 0; 
}
.ServiceProviderWidget .FolderTreeSection {
    margin: 16px 0 15px 0;
}

.ServiceProviderWidget .FolderTreeSection label {
    display: inline-block;
    margin-bottom: 12px;
}
.ServiceProviderWidget .documentIcon {
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url("../images/Document.png?3.0.2.2.0_20010935");
    z-index: 9999;
}
.ServiceProviderWidget .PickerFolders .dijitTreeNode .dijitTreeRow{
    overflow: visible;
}
.ServiceProviderWidget .ServiceProviderWidget_buttons .LeftButtons{
    float:left;
    margin-left: 20px;
    margin-top: 5px;
}

.ServiceProviderWidget .ServiceProviderWidget_buttons .RightButtons{
    float:right;
    margin-right: 20px;
    margin-top: 5px;
}

.ServiceProviderWidget{
    height: 100%;
}

.mainWidgetDiv{
    height: 100%;
}

.ServiceProviderWidget_buttons.upload .newFolder,
.ServiceProviderWidget_buttons.upload .uploadDoc,
.ServiceProviderWidget_buttons.select .newFolder,
.ServiceProviderWidget_buttons.select .selectFolder,
.ServiceProviderWidget_buttons.share .shareLink {
   display:"";
}
.ServiceProviderWidget_buttons.share .newFolder,
.ServiceProviderWidget_buttons.share .uploadDoc,
.ServiceProviderWidget_buttons.share .selectFolder,
.ServiceProviderWidget_buttons.select .uploadDoc,
.ServiceProviderWidget_buttons.select .shareLink,
.ServiceProviderWidget_buttons.upload .selectFolder,
.ServiceProviderWidget_buttons.upload .shareLink
{
    display:none;
}

.miscellaneousDiv{
    height: 100%;
}

.ServiceProviderWidget .connectIntegration{
    height: 100%;
}

.ServiceProviderWidget .initiateConnect .initiateConnect_header1, 
.ServiceProviderWidget .initiateConnect .initiateConnect_header3{
    display: none;
}

.ServiceProviderWidget .initiateConnect .initiateConnect_header2{
    display: table;    
    text-align: center;    
    padding: 5px;
}

.ServiceProviderWidget .initiateConnect .initiateConnect_section2{
    display: table;
}

.ServiceProviderWidget .initiateConnect .buttonDiv{
    float: right;
    padding: 15px;
}

.ServiceProviderWidget .initiateConnect .unlinkHelperText {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.ServiceProviderWidget .initiateConnect .helperText {
    font-size: 10px;
    color: gray;
}

.ServiceProviderWidget .connectLogin .folderDiv{
    padding-left: 15px;
}

.ServiceProviderWidget .connectLogin .busyIcon12{
    padding: 25px;
}

.ServiceProviderWidget_title{    
    margin-left: 10px;
}

.ServiceProviderWidget .mainWidgetDiv .ServiceProviderWidget_content .section{    
   margin-top: 10px;
}
.ServiceProviderWidget .connectLogin .login_header1{
    margin:10px;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 24, 2016, 1:40:48 PM
    Author     : jjpai
*/

.connectOption {
    height: 100%;
}

.connectOption .initiateConnect .initiateConnect_header1{
    margin-left: 50px;
    margin-top: 50px;
}

.connectOption .initiateConnect .initiateConnect_header2{
    margin: 12px 0 20px 50px;
    color: #666;
}

.connectOption .initiateConnect .initiateConnect_header3{
    margin-left: 50px;
    margin-bottom: 30px;
    font-weight: bold;
    display: none;
}

.connectOption .initiateConnect .connectBlock{
    margin-left: 20px;
}

.connectOption .connectLogin .login_header1{
    margin-left: 50px;
}

.connectOption .connectLogin.loginError{
    margin-left: 42px;
}

.connectOption .connectLogin .folderDiv{
    margin-left: 75px;
}

.connectOption .connectLogin .summary_header1{
    margin: 30px 0px 20px 50px;
}    

.connectOption .connectLogin .summary_header2{
    margin-left: 50px;
}

.connectOption .buttonDiv{
    padding-right: 25px;
    padding-top: 15px;
}
/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Jayesh Pai
 * @since       2016-08-24
 */

.disconnect{
    height: 100%;
    width: 100%;
}

.disconnect .disconnectBlock {
    margin: 10px 33px;
}

.disconnect .disconnectText {
    font-size: 14px;
    margin-bottom: 10px;
}

.disconnect .buttonDiv{
    float: right;
}

.disconnect .block{
    display: block;
}

.disconnect .disconnect_section1{
    height: calc(100% - 70px);
    width: 100%;
    overflow: auto;
}

.disconnect .disconnect_section2{
    width: 100%;
    border-top: 1px solid;
}

.disconnect .busyIcon12{
    padding: 30px;
}

.disconnect .OptionTabContainer-UpdateMessage{
    bottom : 70px;
}
/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Jayesh Pai
 * @since       2016-08-24
 */

.connectLogin{
    height: 100%;
    width: 100%;
}

.connectLogin .connectLogin_section1{
    height: calc(100% - 70px);
    width: 100%;
    overflow: auto;
}

.connectLogin .login_header1{
    margin: 20px;
}


.connectLogin .marginLeftCloudIcon{
    margin-left: 30px;
}

.connectLogin .connectInputDiv{
    display: inline-block;
    vertical-align: middle;
}

.connectLogin .connectInput .FormField-InputWrapper{
    float: left;
    margin-left: 10px;
}

.connectLogin .connectInput .FormField-InputWrapper .FormTextBox { 
    width: 260px;
    float: left;
}

.connectLogin .summary_header1{
    margin: 20px;
}

.connectLogin .summary_header2{
    margin-left: 20px;
}

.connectLogin .folderDiv {
    margin: 15px;
}

.connectLogin .folderImg{
    display: inline;
    float: left;
}

.connectLogin .folderText{
    padding: 5px;
}

.connectLogin .connectLogin_section2{
    width: 100%;
    border-top: 1px solid;
}

.connectLogin .busyIcon12{
    padding: 30px;
}

.connectLogin .buttonDiv{
    float: right;
    padding: 15px;
}
/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Jayesh Pai
 * @since       2016-08-24
 */

.initiateConnect{
    height: 100%;
    width:100%;
}

.initiateConnect .initiateConnect_section1{
    height: calc(100% - 70px);
    width: 100%;
    overflow: auto;
}

.initiateConnect .initiateConnect_header1{
    margin: 10px;
}

.initiateConnect .initiateConnect_header2{
    margin: 10px;
}

.initiateConnect .initiateConnect_header3{
    margin:10px;
}

.initiateConnect .connectBlock{
    margin: auto;
    width: 70%;
}

.initiateConnect .block{
    display: block;
}



.initiateConnect .initiateConnect_section2{
    width: 100%;
    border-top: 1px solid;
}

.initiateConnect .OptionTabContainer-UpdateMessage{
    bottom : 70px;
}

.initiateConnect .buttonDiv{
    float: right;
    padding: 15px;
}
.initiateConnect .unlinkHelperText{
    display: none;
}
/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Jayesh Pai
 * @since       2016-10-08
 */

.DocumentShareLink{
    height: 100%;
}

.DocumentShareLink_content{
    overflow: auto;
}

.DocumentShareLink_section1{
    padding: 20px 0px 10px 20px;
    font-weight: normal;
}

.DocumentShareLink_section2 label, .DocumentShareLink_section3 label{
    font-weight: bold;
    padding-left: 20px;
}

.DocumentShareLink_section2 .hint, .DocumentShareLink_section3 .hint{
    margin: 0;
    padding-left: 20px;
    color: grey;
}
.DocumentShareLink_section3 .hint{
    padding-bottom: 20px;
}

.DocumentShareLink_section3{
    margin-top: 15px;
}
.DocumentShareLink .section{
     margin-bottom: 33px;
}

.DocumentShareLink .DocumentShareLink_buttons{
    background: #F9F9F9;
    padding: 7px 0; 
    overflow: auto;
}
.dj_trident .DocumentShareLink .DocumentShareLink_buttons {
	padding: 10px 0; 
}
.DocumentShareLink .DocumentShareLink_buttons .LeftButtons{
    float:left;
    padding-top: 15px;
    padding-left: 20px;
}

.DocumentShareLink .DocumentShareLink_buttons .RightButtons{
    float:right;
    margin-right: 20px;
}

.DocumentShareLink .sectionHeader{
    padding: 10px 0px 0px 5px;
}

.DocumentShareLink .initiateConnect .initiateConnect_header2{
    display: table;
    text-align: center;
    padding: 5px;
}

.DocumentShareLink .connectIntegration{
    height: 100%;
}

.DocumentShareLink .initiateConnect_section2{
    display: table;
}

.DocumentShareLink .initiateConnect .unlinkHelperText{
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.DocumentShareLink .initiateConnect .buttonDiv{
    padding: 15px;
}

.DocumentShareLink .helperText{
    font-size: 10px;
    color: gray;
}

.DocumentShareLink .connectLogin .busyIcon12{
    padding-bottom: 25px;
}
/**
 * Copyright (c) 2016, Oracle and/or its affiliates. All rights reserved.
 * @author      Jayesh Pai
 * @since       2016-20-12
 */

.connectDialog{
    background: #F2F2F2;
}

.connectDialog .dijitDialogTitle{
    font-weight: normal;
}

.connectDialog .widgetContainer{
    padding: 20px;
}

.connectDialog .connectLogin .connectLogin_section2{
    border: none;
}

.connectDialog .initiateConnect .connectBlock {
    margin: 0;
}

.connectDialog .connectLogin .marginLeftCloudIcon{
    margin-left: 0px;
}

.connectDialog .connectLogin .busyIcon12{
    padding: 10px;
}

.connectDialog .connectLogin .folderText{
    padding: 5px;
}

.connectDialog .connectLogin .folderDiv{
    margin: 10px 0px 0px 25px;
}


.connectDialog .connectLogin .summaryHeader{
    margin-bottom: 10px;
}

.connectDialog .connectLogin .login_header1{
    margin: 10px;
}

.connectDialog .connectLogin .summary_header2{
    margin-left: 10px;
}

.connectDialog .buttonDiv{
    float: right;
    padding: 5px 0px 10px 0px;
}

.connectDialog .unlinkHelperText{
    display: table-cell;
    vertical-align: middle;
    color: gray;
    font-size: 10px;
}

.connectDialog .initiateConnect .initiateConnect_section2{
    display: table;
     border: none;
}
/* 
    Created on : Dec 28, 2016, 2:51:42 PM
    Author     : jjpai
*/


.connectIntegration .initiateConnect .initiateConnect_header1,.connectIntegration .initiateConnect .initiateConnect_header3{
    display: none;
}
/* 
    Created on : Dec 16, 2016, 4:57:59 PM
    Author     : rmahaapt
*/
.ListFiles{
    height: 100%;
}
.ListFiles .ListFiles_content .fileSection{
    padding-top: 20px;
}
.ListFiles .ListFiles_content .fileSection .section{
    padding-bottom: 20px;
}
.ListFiles .title,
.ListFiles .fileSection .titleHeader{
    padding: 20px;
    font-weight: normal;    
}
.ListFiles .ListFiles_buttons{
    background: #F9F9F9;
    padding: 7px 0; 
    overflow: auto;
}
.dj_trident .ListFiles .ListFiles_buttons {
	padding: 10px 0; 
}
.ListFiles .ListFiles_buttons .LeftButtons{
    float:left;
    padding-top: 15px;
    padding-left: 20px;
}

.ListFiles .ListFiles_buttons .RightButtons{
    float:right;
    margin-right: 20px;
}
.ListFiles .mainWidgetDiv{
    height: 100%;
}
.selectedFilesMisc{
    height: 100%;
}

.hintText{
    display: inline;
    line-height: 20px;
}
.noSelection .shareButton,
.noSelection .shareCopyButton{
    display: none;
}
.ListFiles .shareButton,
.ListFiles .shareCopyButton{
    display: "";
}
.noSelection .title{
    display: "";
}
/* 
    Created on : Dec 17, 2016, 8:18:01 AM
    Author     : rmahaapt
*/

.SelectedFile {
    padding-top:10px;
    padding-left:40px;    
}
.SelectedFile .fileName {
    padding-left:5px;    
}
.SelectedFile_content {
    margin-bottom: 10px;      
}