/* Css from baseStyle.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

#apPage_MainMenuPanel {
	display:none;
}

#TheControl_MainMenuPanel {
	display:none;
}
#Svm_Sm_SettingsEditor_CalendarSection_ApplyOnNextLoginLabel {
margin-left:10px;
}

@media screen {
	body
	{
		background-color :White; 
		font-family: Verdana, Arial; 
		font-size:10pt;
		color:#3F3F3F; 
	}
	
	body.MainPage 
	{
		overflow: hidden;
		margin: 0px;
	}
}

@media print
{
	body 
	{
		overflow: visible;
	}
}

form
{
	/* In Opera V9.2, it automatically adds a margin-bottom 16px to forms.  We don't want this, so explicitly turn it off for all browsers */
	margin-bottom:0px;
}

.IFrameContainer 
{
	/* These two are needed to fix iOS scrolling */
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/* The strip below the button bar containing the Folder name beaing viewed */
.TitlePanel 
{
	font-family:Verdana;
    font-size: 8pt;
    font-weight:normal;
	padding: 4px;
	background-color: #a5c7ed;
	/* Explicit height due to floated children */
	height: 15px; /*BC 27 */
    border-bottom:1px solid #fff;
    border-top:1px solid #fff;
}

#Svm_Fv_TitlePanel_FolderPanel {
font-family: 'Verdana';
font-weight:normal;
margin-left:27px;
}

.userEmail {
padding-top:5px;
width:300px;
float:left;
height:27px;
}

#Svm_Fv_TitlePanel_StatusPanel {
font-family:'Verdana';
/* BC margin-top:5px;*/
padding-right:20px;
}

input[type=text]#Svm_Fv_TitlePanel_SearchBox {
border:0px;
 margin-right:3px;  
/* BC height:21px;
width:247px;
margin-top:3px;*/
}

/* Extra styles to apply to the status text for a folder (email count etc) */
.StatusText
{
}

input
{
  font-family: verdana; 
  font-size: 11px;
}

select
{
  font-family: Verdana; 
  font-size:11px;
}

.ModalImage {
	background-color: transparent;
	background-image: url(images/ModalImageBg.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	position: absolute;
	top: 0; 
	left: 0;
	z-index: 2;
	/*
	// Don't do this; in IE it takes the width/height from the parent container, which may be a portion of the screen.  We have to
	// resize the panel in resize handlers.
	width:100%;
	height:100%;
	*/
}

/* Correct the month view calendar navigation button alignment*/
.igmv_NavigationButton {
	background-color: transparent;
	cursor: pointer;

	border: 0px;
		
	padding: 0px;
	margin: 0px;

	position: absolute;
	top: 2px;
	width: 12px;
}

/* A control built by Control.xxGetLoadingControl(); pairing with a control which renders as an inline-block */
.LoadingInlineBlockControl 
{
	display: inline-block;
	text-align:center;
	overflow: hidden;
}
/* Css from calendarStyle.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

.calendar td
{
	font-size: 11px;
}

.title
{
	font-weight: bold;
	background-color: #D7D7E5;
}

.day
{
	width: 21px;
	cursor: pointer;
	text-align: center;
	border-width: 1px;
	border-color: #4F80FF;
	border-style: solid;
	background-color: #F4F4F4;
    color:#000;
}

.dayhover
{
	width: 21px;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	border-width: 1px;
	border-color: #A5C7EF;
	border-style: solid;
}

.dayheader
{
	width: 21px;
	text-align: center;
	font-weight: bold;
}

.othermonthday
{
	color: #000;
	background-color: #E2E2E2;
}

.outofrangeday
{
	visibility: hidden;
}

.selectedday
{
	width: 21px;
	background-color: #757575 !important;
	color: #000000;
	font-weight: bold !important;
}

.topheadertext
{
	font-size: 15px;
	color: #4A495E;
	line-height: 20px;
	text-align: center;
}

.today
{
	width: 21px;
	background-color: #757575;
	color: #000000;
	border-style: solid;
	font-weight: normal;
}

.calendar
{
	border-style: solid;
	border-width: 1px;
	border-color: Black;
	border-collapse: collapse;
	background-color: #3B8BDC;
	cursor: default;
	margin:5px;
    color:#fff;
}

.month
{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}

.nextprev
{
	cursor: pointer;
	height: 21px;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
}

.selector
{
	width: 14px;
	cursor: pointer;
	text-align: left;
	vertical-align: middle;
}

.monthselector
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	width: 21px;
	background-color: #EDECDD;
	background-image: url(images/dayheader_bg.gif);
	background-position: left bottom;
	cursor: pointer;
}

.weekselector
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	background-color: #E3EFFF;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #E3EFFF;
	border-right: 1px solid #E3EFFF;
	height: 21px;
	width: 29px;
	cursor: pointer;
}

.selectorHeader 
{	
    padding: 5px; 
    padding-right: 4px;
}

/* Css from ComposeControl.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

body.ComposePage
{
	background-color: #E3EFFF;
	margin: 0px;
	overflow: hidden;
}

/* A bounding region for the control */
.ComposeControl 
{
	width: 100%;
	border: 0;    
}

/* Region where you specify the meta info about a message */
.ComposeHeaderPanel {
	clear:both;
	padding-bottom: 10px;
	/* Float left and width 100% forces this not to use any more space than that 
	 * if we don't do this, then if the field values become very large it will push
	 * content off screen */	
	float: left;
	width: 100%;
	border: 0;
	margin-right: -20px;
    background-color:#A5C7ED;
}



#TheControl_SendButton {
cursor:pointer;
}

/* A line in the compose control containing to/cc/bcc/subject/from */
.ComposeHeaderLine 
{
	height:26px;
	overflow: hidden;
}

/* The label describing a HeaderValue */
.ComposeHeaderLabel {
	float:left;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	padding: 3pt 0pt 0pt 2pt;
    color:#000;
}

/* A bounding region for the value of the header */
.ComposeHeaderValue {
	display: block;
	font-family: Arial;
	font-size: 10pt;	
	padding: 3pt 0pt 0pt 2pt;
	margin-left: 110px;
	margin-right: 15px;
	border: 0;
}

/* The Header Value set up a bounding region, we now set the input that is in it to 100% to force it to fill the screen */
.ComposeHeaderValue input {
	width: 100%;
	margin: 0 -11px 0 0;
}

/* input type="file" doesn't seem to pick up the .ComposeHeaderValue input styling so force it here */
.FileUpload {
	font-family: Arial;
	font-size: 8pt;
	padding: 3pt 0pt 0pt 2pt !important;
	margin-top: 3px !important;
}

/* Uses StarHtmlHack to only apply this style to IE browsers */
* html .FileUpload {
	margin-left: 3px !important;
}

/* The attach button has trouble rendering to the right of the file upload control so force some styles here */
.AttachButton {
	margin-top: 3px !important;
}

/* Uses StarHtmlHack to only apply this style to IE browsers */
* html .AttachButton 
{
	margin-left: 15px !important;
}

/* The Header Value set up a bounding region, we now set the input that is in it to 100% to force it to fill the screen */
.ComposeHeaderValue select {
	width: 100%;
	margin: 0 -4px 0 0;
	height:19px;
	padding: 0px;
}

/* A bounding region for the content of the message */
.ComposeMessageContent 
{
	clear: both;
	margin: 0px 10px 10px 10px;
	display: block;
}

/* The "toolbar" of edit controls */
.ComposeEditToolbar
{
	clear: both;
	margin: 0px 10px 0px 10px;
	display: block;
	height: auto;
	width: 100%;
}

/* The label for an attached file */
.AttachmentLabel 
{
	font-weight: bold;
	white-space: nowrap;
	float:left;
	padding: 3pt 0pt 0pt 2pt;
}

/* Style for the delete icon each attached item*/
.DeleteAttachmentItem
{
	float:left;
	margin-left:10px;
	margin-top:3px;
	margin-right:3px;
	padding:2px;
	/*border:thin solid transparent;*/
	border-color: transparent;
	border-style:solid; 
	border-width:1px;
}

/* On hover style for the delete icon on the multivalue forms */
.DeleteAttachmentItemHover 
{
	float:left;
	margin-left:10px;
	margin-top:3px;
	margin-right:3px;
	padding:2px;
	/* don't use 'border: thin solid black' cuz IE render it thicker than FF */ 
	/* border:thin solid black;*/
	cursor:pointer;
}

.ComposePage #TheControl_AddressPickerDialog_TheDialog_InnerSpan.DialogContent
{
	/* Cancel the .DialogContent padding: 5px as our address picker content includes menu and grid whic should go to the edge. */
	padding: 0;
}
/* Css from dialogStyle.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

.DialogContent
{
	background-color: White;
	text-align: center;
	border: thin solid black;
	border-top: none;
	padding:5px;
}

.DialogHeader
{
	color: #ffffff;
	background-color: #3B8BDC;
	padding-top:2px;
	border: 1px solid #57566F; 
	font-family: Tahoma;
	font-weight: bold;
	font-size: 9pt;
	display: block;
	height: 20px;
}

.DialogHeader img {
	width: 15px;
	height: 14px;
	padding: 3px;
}

/* Css from Domain.css */
@media ( min-width: 28em ) 
{
	.ui-listview > li 
	{
		display: inline-block;
	}
	.ui-listview > .ui-li-static
	{
	//display: inline-block;
	}
	.ui-listview li {
		display: inline-block;
		vertical-align:top;
		//min-width:10em;
		//max-width:10em;
		min-height:3em; 
		min-height:3em; 
		margin:.5625em 1.2%;
		text-overflow: ellipsis;
		overflow:hidden;
		background-color:inherit;
	}
	.ui-listview li:hover span {
		border-color:transparent;
		border-width:0px;
	}
	.ui-listview li:hover {
		text-overflow:inherit;
		overflow:visible;
		z-index:2147483647;
	}
}
/* Css from Editor-CalendarEditor.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* The default style for the expandend section container */
.PublishingSectionDetailsPanel
{
	display: block;
	width: 80%;
	min-width: 450px;
	text-align: left;
}

/* As a multivalue form section, normally there is a right hand margin that holds the preferred controls, but
   for publishing views, we don't need that control, so don't need the right hand margin. */
.PublishingSectionDetailsPanel .EditorMultiValue 
{
	margin-right: auto;
}

/* Used on the edit form to describe a color choice.  A span containing a radio input */
.CalendarItemColorChoice
{
	border: thin solid black;
	padding: 2px 2px 1px 2px;
}

/* A radio input */
.CalendarItemColorChoice input
{
	width: auto;
	margin: 0px;
}
/* Css from Editor-ContactCollectionEditor.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* Component Art grid listing the filtered contacts. */
.ContactCollectionEditorGrid
{
	clear: left;
	height: 100%;
}

/* Input field for the Component Art grid when inserting new filtered contacts. */
.ContactCollectionEditorInputField
{
	max-width: 90%;
}
/* Css from Editor.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* The area that contains the action buttons */
.EditorActionsPanel 
{
	/*background-image:url(images/menu/menu_gradient.gif);*/
    background-color:#A5C7EF;
	background-repeat:repeat-x;
	border-bottom: thin solid #AAAAAA;
	/* Create a bounding container that is full width */
	width: 100%;
	overflow: hidden;
	/* Set it above the SettingsEditorModalImage */
	position:relative;
	z-index:3;
}

/* The title in the actions panel */
.  
{
	font-weight:bold;
	clear:left;
	display:block;
	padding: 5px;
}

/* The area containing the form, below the ActionsPanel */
.EditorWindowPanel
{
	clear:both;
	display: block;EditorActionsPanelTitle
	width: 100%;
	overflow: auto;
	/* Set it above the SettingsEditorModalImage */
	position:relative;
	z-index:3;
	background-color:#fff;
}

/* Region where you specify the meta info about */
.EditorPanel {
	clear:both;
	/* Float left and width 100% forces this not to use any more space than that 
	 * if we don't do this, then if the field values become very large it will push
	 * content off screen */	
	float: left;
	width: 100%;
	border: 0;
}

/* The label describing a EditorValue */
.EditorLabel 
{
	font-weight: bold;
	white-space: nowrap;
	/* The label floats in the left margin of an EditorValue */
	float:left;
	/* Make sure each value starts on a new line */
	clear:left;
	padding: 3pt 0pt 0pt 2pt;
}

/* A bounding region for the value of the Editor property */
.EditorValue 
{
	/* Create a bounding rectangle, with a left margin */
	display: block;
	padding: 3pt 0pt 0pt 2pt;
	/* Leave a left hand margin for the floated EditorLabel.  Note if the label becomes long, it will render in our box */
	margin-left: 135px;
	/* Do not float this block, as when the page resizes, we want this to get wider/thinner. */
	float: none;
}

/* A bounding region for the value of the editor property where we want all the input controls
  to have width:auto */
.EditorStackedValue 
{
	padding: 3px 0px;
}

/* The EditorValue set up a bounding region, we now set the input that is in it to 90% to force it to fill the screen.
   We do not use 100% as input boxes have borders, which push the content to more than 100%, thereby creating newlines and scrollbars */
.EditorValue input {
	width: 90%;
	/* Checkboxes normally have a margin, but we'll remove this from the left so it lines up with other input controls */
	margin-left: 10px;
	background-color:#F3F3F3;
	border:0px;
}

/* A way to avoid the CSS to make the input full width, rather than keep it's width auto */
.EditorStackedValue input 
{
	width: auto;
	/* Checkboxes normally have a margin, but we'll remove this from the left so it lines up with other input controls */
	margin-left: 0px;
}

/* The EditorValue set up a bounding region, we now set the input that is in it to 90% to force it to fill the screen.
   We do not use 100% as input boxes have borders, which push the content to more than 100%, thereby creating newlines and scrollbars */
.EditorValue select {
    margin-left:10px;
	width: 90%;
}

/* A way to avoid the CSS to make the input full width, rather than keep it's width auto */
.EditorStackedValue select {
	width: auto;
}

/* The EditorValue set up a bounding region, we now set the input that is in it to 90% to force it to fill the screen.
   We do not use 100% as input boxes have borders, which push the content to more than 100%, thereby creating newlines and scrollbars */
.EditorValue textarea {
    margin-left:10px;
	width: 90%;
}

/* A way to avoid the CSS to make the input full width, rather than keep it's width auto */
.EditorStackedValue textarea {
	width: auto;
}

/* An EditorValue where a table formats the elements */
.EditorValueWithTable 
{
	/* Create a bounding rectangle, with a left margin */
	display: block;
	padding: 3pt 0pt 0pt 2pt;
	/* Leave a left hand margin for the floated EditorLabel.  Note if the label becomes long, it will render in our box */
	margin-left: 135px;
	/* Do not float this block, as when the page resizes, we want this to get wider/thinner. */
	float: none;
}

/* The label describing a EditorMultiValue, with room on the left for the delete control */
.EditorMultiLabel {
	float:left;
	clear:both;
	font-weight: bold;
	white-space: nowrap;
	padding: 3pt 0pt 0pt 2pt;
	margin-left: 30px;
}

/* A bounding region for the value of a Editor property which has preferred controls down the right hand margin */
.EditorMultiValue 
{
	/* Create a bounding rectangle, with a left and right margin */
	display: block;
	padding: 3pt 0pt 0pt 2pt;
	/* Left margin for the EditorMultiLabel */
	margin-left: 135px;
	/* Right margin for preferred selection controls */
	margin-right:120px;
}

/* A text input */
.EditorText {
	width: 90%;
}

/* A asp:checkbox contains an input and a Label */
.EditorCheckbox 
{
	/* Stack these as units, not inline-blocks */
	display:block;
	/* If the label becomes too long, we want this to go to a new line, rather than get shoved to the right.  Ideally
		we'd only do this for long labels, leaving short labels on the same line, but haven't found a way to do this with CSS yet.
		So for those controls that we want on a new line, we use clear:left on the EditorValue */
}

/* A Editor checkbox label */
.EditorCheckbox Label {
}

/* The EditorCheckbox consists of a input type=checkbox and a label */
.EditorCheckbox input 
{
	/* We cancel the styles inherited from EditorValue input */
	width: auto;
}

/* A checkbox that is part of a horizontal group of checkboxes */
input.EditorGroupedCheckbox {
	/* We cancel the styles inherited from EditorValue input */
	width:auto;
	margin-left: 0px;
}

/* The label to go with EditorGroupedCheckbox. */
label.EditorGroupedCheckbox {
	padding-left: 5px;
	padding-right: 5px;
}

/* A radio button that is part of a horizontal group of radio buttons */
input.EditorGroupedRadio {
	/* We cancel the styles inherited from EditorValue input */
	width: auto;
	margin-left: 0px;	
}

/* The label to go with EditorGroupedRadio. */
label.EditorGroupedRadio {
	padding-left: 5px;
	padding-right: 5px;
}

/* Style for the delete icon on the multivalue forms */
.DeleteEditorItem 
{
	clear:both;
	float:left;
	margin-top:3px;
	margin-right:3px;
	padding:2px;
	border:thin solid white;	
}

/* On hover style for the delete icon on the multivalue forms */
.DeleteEditorItemHover 
{
	clear:both;
	float:left;
	margin-top:3px;
	margin-right:3px;
	padding:2px;
	background:#FFEEC2;
	border:thin solid black;
}

/* Css from EditorIFrame.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

.SourceCssClass
{
	background: none #FFFFFF;
	font-family: "Courier New",monospace;
	font-size: 12px;
	border: none;
	/* Force width as element seems to fix width and not resize */
	width: 100% !important;
	/* Disable chrome/safari resize so the user can't pull the control over other controls or off the page (CSS3)*/
	resize: none;
}
/* CArt Editor, HTML design control.  Body element. */
.DesignCssClass
{
	background: #fff;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #000;
	font-size: 12px;
	background-image: none;
}

/* CArt Editor, content */
.DesignCssClass > div
{
	padding: 2px;
	margin: 0px;
}

.DesignCssClass > p
{
	padding: 2px;
	margin: 0px;
}

.HighlightCssClass
{
	/*background:#e6e6f0;*/
	background: #ffe6bb;
}

h1
{
	color: #333;
	font-size: 22px;
	line-height: 30px;
	margin: 0;
}
h2
{
	color: #6e6d8f;
	font-size: 17px;
	line-height: 26px;
	font-weight: bold;
	margin: 0;
}
h3
{
	color: #999;
	font-size: 12px;
	padding-top: 0px;
	margin-top: 0px;
}

.DesignCssClass a, .DesignCssClass a:hover, .DesignCssClass a:visited, .DesignCssClass a:active
{
	/* ### stay consistant with other client treat all links as normal */
	/*color: #fa5f01 !important;*/
	/*text-decoration: underline !important;*/
}

/* Css from EditorStyle.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */
/**********************************************************
	0.	Utility classes
***********************************************************/
a.active,a.focus { outline:none; }

.f-l { float:left; }
.f-r { float:right; }
.f-n { float:none; }
.inv { display:none; }
.cur { cursor:default; }


/**********************************************************
	1.	Editor wrapper
		1.1.	ToolBar (.tb)
		1.2.	Editor Area (.e)
		1.3.	Status Bar (.sb)
***********************************************************/
.wrapper { }

.tb { width:100%;padding:4px 0;background-color:#A5C7ED;clear:both;overflow:hidden }
	.tb-inline { float:left; margin-top:1px;padding:0;border:0;background-color:#A5C7EF;overflow:hidden }

.em { width:100%;background-color:#fff;float:left;border:1px solid #000; }
	.em iframe {height:100%;width:100%;margin:0px;}

.sb { clear:both;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#fff; }
	.sb { width:100%;height:31px;float:left;display:block;border-top:1px solid #777792;border-bottom:1px solid #66667E; }

	.mode { float:left; }
	.mode a.button { height:24px;margin:3px 4px 0 1px;background:#fff url("images/horizontal.png") no-repeat right -97px;display:block;float:left;padding:0 12px 0 0;text-decoration:none;cursor:default;color:#333; }
	.mode a.button span { display:block;background:transparent url("images/static.png") no-repeat -26px 0;line-height:24px;padding:0 0 0 14px; }
	.mode a.button:hover { background:transparent url("images/horizontal.png") no-repeat right -121px; }
	.mode a.button:hover span { background:transparent url("images/static.png") no-repeat -26px -54px; }
	.mode a.button:active { outline:none; }
	.mode a.button:active span { padding:1px 0 0 14px; }
	.mode a.button-selected { height:24px;margin:3px 4px 0 1px;background:transparent url("images/horizontal.png") no-repeat right -145px;display:block;float:left;padding:0 12px 0 0;text-decoration:none;cursor:default;color:#333; }
	.mode a.button-selected span { display:block;background:transparent url("images/static.png") no-repeat -26px -27px;line-height:24px;padding:0 0 0 14px; }
	.mode a.button-selected:active { outline:none; }


	.path { float:left;color:#333;margin-top:4px;margin-bottom:-4px;width:auto; }
	.path-l { width:auto;height:24px;float:left;padding:0 8px 0 16px;line-height:23px;background:transparent url("images/static.png") no-repeat right -176px;cursor:default; }
	.path-m { float:left;width:auto;height:24px;background:none;padding:0;max-width:500px !important;overflow:hidden; }
	.path-m a.btn { height:21px;margin-top:1px;background:none;display:block;float:left;padding:0 3px 0 0;text-decoration:none;cursor:default; }
	.path-m a.btn span { display:block;background-color:transparent;color:#333;line-height:21px;padding:0 0 0 3px;line-height:21px; }
	.path-m a.btn:hover { background:#fff url("images/horizontal.png") no-repeat right -175px; }
	.path-m a.btn:hover span { background:transparent url("images/static.png") no-repeat -28px -81px; }
	.path-m a.btn:active { outline:none; }
	.path-m a.btn:active span { color:#000; }
	.path-m a.btn-sel { height:21px;margin-top:1px;background:#000 url("images/horizontal.png") no-repeat right -196px;display:block;float:left;padding:0 3px 0 0;text-decoration:none;cursor:default; }
	.path-m a.btn-sel span { display:block;background:none;color:#fff;line-height:21px;padding:0 0 0 3px;line-height:21px; }
	.path-m a.btn-sel:active { outline:none; }
	.path-m .sep,.path-r { float:left;width:8px;height:24px;background:transparent url("images/static.png") no-repeat right -176px; }

	.count { float:right;width:85px;font-size:9px;margin-top:4px;padding-left:6px;color:#333;cursor:default;background:transparent url("images/static.png") no-repeat -23px -176px; }
	.count .words,.count .chars { height:11px;line-height:11px; }
	.count div.lbl { float:left;width:32px;padding-right:6px;text-align:right; }
	.count div.val { float:left;width:45px;overflow:hidden; }


/* ComboBox & dropdown menu */
.cmb-item { width:auto;height:23px;background:transparent url("images/horizontal.png") repeat-x;vertical-align:top !important;padding:2px 3px; }

.cmb { padding-left:4px;background-color:#f9f9f9;border:1px solid #9997b5;border-right-color:#f3f4fa;border-bottom-color:#f3f4fa;text-align:left; }
	.cmb .txt { background:none;border:none;margin:0;padding:0;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#333;overflow:hidden;cursor:default; }
.cmb-h { padding-left:4px;background-color:#fff;border:1px solid #545475;text-align:left; }
	.cmb-h .txt { color:#000;cursor:default; }

.itm { width:100%;height:24px;line-height:24px;background:#fff;border-bottom:1px solid #f3f3f3;padding:0 0 0 8px; }
.itm-h { width:100%;height:24px;line-height:24px;background:#dfe0e9;border-bottom:1px solid #f3f3f3;padding:0 0 0 8px; }

.ddn { cursor:default;color:#666;background:#fff;border:1px solid #58596d; }
.ddn-ftr { width:100%;height:8px;background:#fff url("images/combobox/horizontal.png") no-repeat 50% 0; }

.ddn-size { }
	.ddn-size .itm { width:100%;line-height:24px;background:#fff;border-bottom:1px solid #f3f3f3; }
	.ddn-size .itm-h { width:100%;line-height:24px;background:#fff url("images/combobox/static.png") no-repeat 0 -58px;color:#000;border-bottom:1px solid #fff; }

.ddn-face { }
	.ddn-face .itm { width:100%;line-height:24px;background:#fff;padding:0;border-bottom:1px solid #f3f3f3; }
	.ddn-face .itm-h { width:100%;line-height:24px;background:#fff url("images/combobox/static.png") no-repeat;color:#000;border:none;padding:0;border-bottom:1px solid #fff; }
	.ddn-face div.ttf { height:24px;line-height:24px;background:transparent url("images/combobox/static.png") no-repeat -190px 0;padding:0 0 0 24px; }

.ddn-style { }
	.ddn-style .itm { width:100%;height:34px;line-height:34px;background:#fff;padding:0;border-bottom:1px solid #f3f3f3; }
	.ddn-style .itm-h { width:100%;height:34px;line-height:34px;background:#fff url("images/combobox/static.png") no-repeat 0 -24px;border:none;padding:0 !important;border-bottom:1px solid #fff; }

/**********************************************************
	2.	ToolBar and ToolBar items

	Item states use the following naming conventions:
		* default: (item)
		* hover: (item)-h
		* active: (item)-a
		* checked: (item)-c
		* checked-hover: (item)-c-h
		* checked-active: (item)-c-a
		* disabled: (item)-d
		* disabled-checked: (item)-c-d

***********************************************************/
.toolbar { width:400px;height:25px; }
.toolbar .grip { width:10px;height:25px;background:transparent url("images/static.png") no-repeat; }
.toolbar .sep { width:10px;height:25px;background:#fff url("images/static.png") no-repeat -13px 0; }
.toolbar .endcap { width:3px;height:25px;background:transparent url("images/static.png") no-repeat -10px 0; }


.item { width:25px;height:25px;background:transparent url("images/buttons.png") no-repeat;overflow:hidden; }
	.item img { display:inline; }

/* Various classes controlling a split button's dropdown graphics */
.split .ca_tb_ddn { width:15px;height:25px;background:#fff url("images/buttons.png") no-repeat -1337px 0; }
.split-h .ca_tb_ddn { width:15px;height:25px;background:#fff url("images/buttons.png") no-repeat -1337px -25px; }
.split-a .ca_tb_ddn { width:15px;height:25px;background:#fff url("images/buttons.png") no-repeat -1337px -50px; }
.split-c .ca_tb_ddn { width:15px;height:25px;background:#fff url("images/buttons.png") no-repeat -1337px -75px; }
.split-c-h .ca_tb_ddn { width:15px;height:25px;background:#fff url("images/buttons.png") no-repeat -1337px -100px; }
.split-c-a .ca_tb_ddn { width:15px;height:25px;background:#fff url("images/buttons.png") no-repeat -1337px -125px; }
.split-d .ca_tb_ddn { width:15px;height:25px;background:#fff url("images/buttons.png") no-repeat -1337px -150px; }
.split-d-c .ca_tb_ddn { width:15px;height:25px;background:#fff url("images/buttons.png") no-repeat -1337px -175px; }

/* Formatting toolbar items */
.bold { background-position:0 0; }
.bold-h { background-position:0 -25px; }
.bold-a { background-position:0 -50px; }
.bold-c { background-position:0 -75px; }
.bold-c-h { background-position:0 -100px; }
.bold-c-a { background-position:0 -125px; }
.bold-d { background-position:0 -150px; }
.bold-d-c { background-position:0 -175px; }

.italic { background-position:-25px 0; }
.italic-h { background-position:-25px -25px; }
.italic-a { background-position:-25px -50px; }
.italic-c { background-position:-25px -75px; }
.italic-c-h { background-position:-25px -100px; }
.italic-c-a { background-position:-25px -125px; }
.italic-d { background-position:-25px -150px; }
.italic-d-c { background-position:-25px -175px; }

.underline { background-position:-50px 0; }
.underline-h { background-position:-50px -25px; }
.underline-a { background-position:-50px -50px; }
.underline-c { background-position:-50px -75px; }
.underline-c-h { background-position:-50px -100px; }
.underline-c-a { background-position:-50px -125px; }
.underline-d { background-position:-50px -150px; }
.underline-d-c { background-position:-50px -175px; }

.strikethrough { background-position:-75px 0; }
.strikethrough-h { background-position:-75px -25px; }
.strikethrough-a { background-position:-75px -50px; }
.strikethrough-c { background-position:-75px -75px; }
.strikethrough-c-h { background-position:-75px -100px; }
.strikethrough-c-a { background-position:-75px -125px; }
.strikethrough-d { background-position:-75px -150px; }
.strikethrough-d-c { background-position:-75px -175px; }

.align-left { background-position:-375px 0; }
.align-left-h { background-position:-375px -25px; }
.align-left-a { background-position:-375px -50px; }
.align-left-c { background-position:-375px -75px; }
.align-left-c-h { background-position:-375px -100px; }
.align-left-c-a { background-position:-375px -125px; }
.align-left-d { background-position:-375px -150px; }
.align-left-d-c { background-position:-375px -175px; }

.align-center { background-position:-325px 0; }
.align-center-h { background-position:-325px -25px; }
.align-center-a { background-position:-325px -50px; }
.align-center-c { background-position:-325px -75px; }
.align-center-c-h { background-position:-325px -100px; }
.align-center-c-a { background-position:-325px -125px; }
.align-center-d { background-position:-325px -150px; }
.align-center-d-c { background-position:-325px -175px; }

.align-right { background-position:-400px 0; }
.align-right-h { background-position:-400px -25px; }
.align-right-a { background-position:-400px -50px; }
.align-right-c { background-position:-400px -75px; }
.align-right-c-h { background-position:-400px -100px; }
.align-right-c-a { background-position:-400px -125px; }
.align-right-d { background-position:-400px -150px; }
.align-right-d-c { background-position:-400px -175px; }

.align-justify { background-position:-350px 0; }
.align-justify-h { background-position:-350px -25px; }
.align-justify-a { background-position:-350px -50px; }
.align-justify-c { background-position:-350px -75px; }
.align-justify-c-h { background-position:-350px -100px; }
.align-justify-c-a { background-position:-350px -125px; }
.align-justify-d { background-position:-350px -150px; }
.align-justify-d-c { background-position:-350px -175px; }


.bullets { width:24px;background-position:-1289px 0; }
.bullets-h { width:24px;background-position:-1289px -25px; }
.bullets-a { width:24px;background-position:-1289px -50px; }
.bullets-c { width:24px;background-position:-1289px -75px; }
.bullets-c-h { width:24px;background-position:-1289px -100px; }
.bullets-c-a { width:24px;background-position:-1289px -125px; }
.bullets-d { width:24px;background-position:-1289px -150px; }
.bullets-d-c { width:24px;background-position:-1289px -175px; }

.numbering { width:24px;background-position:-1313px 0; }
.numbering-h { width:24px;background-position:-1313px -25px; }
.numbering-a { width:24px;background-position:-1313px -50px; }
.numbering-c { width:24px;background-position:-1313px -75px; }
.numbering-c-h { width:24px;background-position:-1313px -100px; }
.numbering-c-a { width:24px;background-position:-1313px -125px; }
.numbering-d { width:24px;background-position:-1313px -150px; }
.numbering-d-c { width:24px;background-position:-1313px -175px; }


.increase-indent { background-position:-100px 0; }
.increase-indent-h { background-position:-100px -25px; }
.increase-indent-a { background-position:-100px -50px; }
.increase-indent-c { background-position:-100px -75px; }
.increase-indent-c-h { background-position:-100px -100px; }
.increase-indent-c-a { background-position:-100px -125px; }
.increase-indent-d { background-position:-100px -150px; }
.increase-indent-d-c { background-position:-100px -175px; }

.decrease-indent { background-position:-125px 0; }
.decrease-indent-h { background-position:-125px -25px; }
.decrease-indent-a { background-position:-125px -50px; }
.decrease-indent-c { background-position:-125px -75px; }
.decrease-indent-c-h { background-position:-125px -100px; }
.decrease-indent-c-a { background-position:-125px -125px; }
.decrease-indent-d { background-position:-125px -150px; }
.decrease-indent-d-c { background-position:-125px -175px; }

.insert-hr { background-position:-800px 0; }
.insert-hr-h { background-position:-800px -25px; }
.insert-hr-a { background-position:-800px -50px; }
.insert-hr-c { background-position:-800px -75px; }
.insert-hr-c-h { background-position:-800px -100px; }
.insert-hr-c-a { background-position:-800px -125px; }
.insert-hr-d { background-position:-800px -150px; }
.insert-hr-d-c { background-position:-800px -175px; }

/*
	These two items have transparent elements that allow the background colour to be visible.

	When a colour is selected through the colour picker menu, the background colour of the appropriate item
	is changed to reflect this new colour. As such, a generic class is added to all state classes, similar to the way
	the split button works.

	Since an item is rendered as a <table> with the specified class(es), and the item's ImageUrl property is an <img> within
	a <td> cell, it becomes neccessary to drill down through CSS inheritance to assign an item's image cell the correct CSS
	class.
*/

.font-color .ca_tb_img img { background:transparent url("images/buttons.png") no-repeat -1175px 0; }
.font-color-h .ca_tb_img img { background-position:-1175px -25px; }
.font-color-a .ca_tb_img img { background-position:-1175px -50px; }
.font-color-c .ca_tb_img img { background-position:-1175px -75px; }
.font-color-c-h .ca_tb_img img { background-position:-1175px -100px; }
.font-color-c-a .ca_tb_img img { background-position:-1175px -125px; }
.font-color-d .ca_tb_img img { background-position:-1175px -150px; }
.font-color-d-c .ca_tb_img img { background-position:-1175px -175px; }

.bg-color .ca_tb_img img { background:transparent url("images/buttons.png") no-repeat -1200px 0; }
.bg-color-h .ca_tb_img img { background-position:-1200px -25px; }
.bg-color-a .ca_tb_img img { background-position:-1200px -50px; }
.bg-color-c .ca_tb_img img { background-position:-1200px -75px; }
.bg-color-c-h .ca_tb_img img { background-position:-1200px -100px; }
.bg-color-c-a .ca_tb_img img { background-position:-1200px -125px; }
.bg-color-d .ca_tb_img img { background-position:-1200px -150px; }
.bg-color-d-c .ca_tb_img img { background-position:-1200px -175px; }

/*	Required to change the "colour indicator" part of the item	*/
.font-color .ca_tb_img img { background-color:#ff5010; }
.bg-color .ca_tb_img img { background-color:#fe0; }

/*******************************
	Standard toolbar items
*******************************/
.new { background-position:-975px 0; }
.new-h { background-position:-975px -25px; }
.new-a { background-position:-975px -50px; }
.new-c { background-position:-975px -75px; }
.new-c-h { background-position:-975px -100px; }
.new-c-a { background-position:-975px -125px; }
.new-d { background-position:-975px -150px; }
.new-d-c { background-position:-975px -175px; }

.save { background-position:-1075px 0; }
.save-h { background-position:-1075px -25px; }
.save-a { background-position:-1075px -50px; }
.save-c { background-position:-1075px -75px; }
.save-c-h { background-position:-1075px -100px; }
.save-c-a { background-position:-1075px -125px; }
.save-d { background-position:-1075px -150px; }
.save-d-c { background-position:-1075px -175px; }

.print { background-position:-1000px 0; }
.print-h { background-position:-1000px -25px; }
.print-a { background-position:-1000px -50px; }
.print-c { background-position:-1000px -75px; }
.print-c-h { background-position:-1000px -100px; }
.print-c-a { background-position:-1000px -125px; }
.print-d { background-position:-1000px -150px; }
.print-d-c { background-position:-1000px -175px; }

.find-replace { background-position:-500px 0; }
.find-replace-h { background-position:-500px -25px; }
.find-replace-a { background-position:-500px -50px; }
.find-replace-c { background-position:-500px -75px; }
.find-replace-c-h { background-position:-500px -100px; }
.find-replace-c-a { background-position:-500px -125px; }
.find-replace-d { background-position:-500px -150px; }
.find-replace-d-c { background-position:-500px -175px; }


.undo { background-position:-1150px 0; }
.undo-h { background-position:-1150px -25px; }
.undo-a { background-position:-1150px -50px; }
.undo-c { background-position:-1150px -75px; }
.undo-c-h { background-position:-1150px -100px; }
.undo-c-a { background-position:-1150px -125px; }
.undo-d { background-position:-1150px -150px; }
.undo-d-c { background-position:-1150px -175px; }

.redo { background-position:-1025px 0; }
.redo-h { background-position:-1025px -25px; }
.redo-a { background-position:-1025px -50px; }
.redo-c { background-position:-1025px -75px; }
.redo-c-h { background-position:-1025px -100px; }
.redo-c-a { background-position:-1025px -125px; }
.redo-d { background-position:-1025px -150px; }
.redo-d-c { background-position:-1025px -175px; }

.cut { background-position:-150px 0; }
.cut-h { background-position:-150px -25px; }
.cut-a { background-position:-150px -50px; }
.cut-c { background-position:-150px -75px; }
.cut-c-h { background-position:-150px -100px; }
.cut-c-a { background-position:-150px -125px; }
.cut-d { background-position:-150px -150px; }
.cut-d-c { background-position:-150px -175px; }

.copy { background-position:-175px 0; }
.copy-h { background-position:-175px -25px; }
.copy-a { background-position:-175px -50px; }
.copy-c { background-position:-175px -75px; }
.copy-c-h { background-position:-175px -100px; }
.copy-c-a { background-position:-175px -125px; }
.copy-d { background-position:-175px -150px; }
.copy-d-c { background-position:-175px -175px; }

.paste { background-position:-200px 0; }
.paste-h { background-position:-200px -25px; }
.paste-a { background-position:-200px -50px; }
.paste-c { background-position:-200px -75px; }
.paste-c-h { background-position:-200px -100px; }
.paste-c-a { background-position:-200px -125px; }
.paste-d { background-position:-200px -150px; }
.paste-d-c { background-position:-200px -175px; }

.word-paste { background-position:-225px 0; }
.word-paste-h { background-position:-225px -25px; }
.word-paste-a { background-position:-225px -50px; }
.word-paste-c { background-position:-225px -75px; }
.word-paste-c-h { background-position:-225px -100px; }
.word-paste-c-a { background-position:-225px -125px; }
.word-paste-d { background-position:-225px -150px; }
.word-paste-d-c { background-position:-225px -175px; }

.hyperlink { background-position:-250px 0; }
.hyperlink-h { background-position:-250px -25px; }
.hyperlink-a { background-position:-250px -50px; }
.hyperlink-c { background-position:-250px -75px; }
.hyperlink-c-h { background-position:-250px -100px; }
.hyperlink-c-a { background-position:-250px -125px; }
.hyperlink-d { background-position:-250px -150px; }
.hyperlink-d-c { background-position:-250px -175px; }

.remove-hyperlink { background-position:-1050px 0; }
.remove-hyperlink-h { background-position:-1050px -25px; }
.remove-hyperlink-a { background-position:-1050px -50px; }
.remove-hyperlink-c { background-position:-1050px -75px; }
.remove-hyperlink-c-h { background-position:-1050px -100px; }
.remove-hyperlink-c-a { background-position:-1050px -125px; }
.remove-hyperlink-d { background-position:-1050px -150px; }
.remove-hyperlink-d-c { background-position:-1050px -175px; }

.media { background-position:-275px 0; }
.media-h { background-position:-275px -25px; }
.media-a { background-position:-275px -50px; }
.media-c { background-position:-275px -75px; }
.media-c-h { background-position:-275px -100px; }
.media-c-a { background-position:-275px -125px; }
.media-d { background-position:-275px -150px; }
.media-d-c { background-position:-275px -175px; }

.image-manager { background-position:-1352px 0; }
.image-manager-h { background-position:-1352px -25px; }
.image-manager-a { background-position:-1352px -50px; }
.image-manager-c { background-position:-1352px -75px; }
.image-manager-c-h { background-position:-1352px -100px; }
.image-manager-c-a { background-position:-1352px -125px; }
.image-manager-d { background-position:-1352px -150px; }
.image-manager-d-c { background-position:-1352px -175px; }

.spellcheck { background-position:-300px 0; }
.spellcheck-h { background-position:-300px -25px; }
.spellcheck-a { background-position:-300px -50px; }
.spellcheck-c { background-position:-300px -75px; }
.spellcheck-c-h { background-position:-300px -100px; }
.spellcheck-c-a { background-position:-300px -125px; }
.spellcheck-d { background-position:-300px -150px; }
.spellcheck-d-c { background-position:-300px -175px; }


/*******************************
	'Elements' toolbar items
	(Symbols, tables & forms)
*******************************/
.insert-symbol { width:32px;background-position:-1225px 0; }
.insert-symbol-h { width:32px;background-position:-1225px -25px; }
.insert-symbol-a { width:32px;background-position:-1225px -50px; }
.insert-symbol-c { width:32px;background-position:-1225px -75px; }
.insert-symbol-c-h { width:32px;background-position:-1225px -100px; }
.insert-symbol-c-a { width:32px;background-position:-1225px -125px; }
.insert-symbol-d { width:32px;background-position:-1225px -150px; }
.insert-symbol-d-c { width:32px;background-position:-1225px -175px; }

/* Table functions */
.insert-table { width:32px;background-position:-1257px 0; }
.insert-table-h { width:32px;background-position:-1257px -25px; }
.insert-table-a { width:32px;background-position:-1257px -50px; }
.insert-table-c { width:32px;background-position:-1257px -75px; }
.insert-table-c-h { width:32px;background-position:-1257px -100px; }
.insert-table-c-a { width:32px;background-position:-1257px -125px; }
.insert-table-d { width:32px;background-position:-1257px -150px; }
.insert-table-d-c { width:32px;background-position:-1257px -175px; }

.insert-col-left { background-position:-825px 0; }
.insert-col-left-h { background-position:-825px -25px; }
.insert-col-left-a { background-position:-825px -50px; }
.insert-col-left-c { background-position:-825px -75px; }
.insert-col-left-c-h { background-position:-825px -100px; }
.insert-col-left-c-a { background-position:-825px -125px; }
.insert-col-left-d { background-position:-825px -150px; }
.insert-col-left-d-c { background-position:-825px -175px; }

.insert-col-right { background-position:-850px 0; }
.insert-col-right-h { background-position:-850px -25px; }
.insert-col-right-a { background-position:-850px -50px; }
.insert-col-right-c { background-position:-850px -75px; }
.insert-col-right-c-h { background-position:-850px -100px; }
.insert-col-right-c-a { background-position:-850px -125px; }
.insert-col-right-d { background-position:-850px -150px; }
.insert-col-right-d-c { background-position:-850px -175px; }

.insert-row-above { background-position:-875px 0; }
.insert-row-above-h { background-position:-875px -25px; }
.insert-row-above-a { background-position:-875px -50px; }
.insert-row-above-c { background-position:-875px -75px; }
.insert-row-above-c-h { background-position:-875px -100px; }
.insert-row-above-c-a { background-position:-875px -125px; }
.insert-row-above-d { background-position:-875px -150px; }
.insert-row-above-d-c { background-position:-875px -175px; }

.insert-row-below { background-position:-900px 0; }
.insert-row-below-h { background-position:-900px -25px; }
.insert-row-below-a { background-position:-900px -50px; }
.insert-row-below-c { background-position:-900px -75px; }
.insert-row-below-c-h { background-position:-900px -100px; }
.insert-row-below-c-a { background-position:-900px -125px; }
.insert-row-below-d { background-position:-900px -150px; }
.insert-row-below-d-c { background-position:-900px -175px; }

.del-col { background-position:-450px 0; }
.del-col-h { background-position:-450px -25px; }
.del-col-a { background-position:-450px -50px; }
.del-col-c { background-position:-450px -75px; }
.del-col-c-h { background-position:-450px -100px; }
.del-col-c-a { background-position:-450px -125px; }
.del-col-d { background-position:-450px -150px; }
.del-col-d-c { background-position:-450px -175px; }

.del-row { background-position:-475px 0; }
.del-row-h { background-position:-475px -25px; }
.del-row-a { background-position:-475px -50px; }
.del-row-c { background-position:-475px -75px; }
.del-row-c-h { background-position:-475px -100px; }
.del-row-c-a { background-position:-475px -125px; }
.del-row-d { background-position:-475px -150px; }
.del-row-d-c { background-position:-475px -175px; }

.del-cell { background-position:-425px 0; }
.del-cell-h { background-position:-425px -25px; }
.del-cell-a { background-position:-425px -50px; }
.del-cell-c { background-position:-425px -75px; }
.del-cell-c-h { background-position:-425px -100px; }
.del-cell-c-a { background-position:-425px -125px; }
.del-cell-d { background-position:-425px -150px; }
.del-cell-d-c { background-position:-425px -175px; }

.merge-cell-down { background-position:-925px 0; }
.merge-cell-down-h { background-position:-925px -25px; }
.merge-cell-down-a { background-position:-925px -50px; }
.merge-cell-down-c { background-position:-925px -75px; }
.merge-cell-down-c-h { background-position:-925px -100px; }
.merge-cell-down-c-a { background-position:-925px -125px; }
.merge-cell-down-d { background-position:-925px -150px; }
.merge-cell-down-d-c { background-position:-925px -175px; }

.merge-cell-right { background-position:-950px 0; }
.merge-cell-right-h { background-position:-950px -25px; }
.merge-cell-right-a { background-position:-950px -50px; }
.merge-cell-right-c { background-position:-950px -75px; }
.merge-cell-right-c-h { background-position:-950px -100px; }
.merge-cell-right-c-a { background-position:-950px -125px; }
.merge-cell-right-d { background-position:-950px -150px; }
.merge-cell-right-d-c { background-position:-950px -175px; }

.split-cell-vert { background-position:-1125px 0; }
.split-cell-vert-h { background-position:-1125px -25px; }
.split-cell-vert-a { background-position:-1125px -50px; }
.split-cell-vert-c { background-position:-1125px -75px; }
.split-cell-vert-c-h { background-position:-1125px -100px; }
.split-cell-vert-c-a { background-position:-1125px -125px; }
.split-cell-vert-d { background-position:-1125px -150px; }
.split-cell-vert-d-c { background-position:-1125px -175px; }

.split-cell-horizontal { background-position:-1100px 0; }
.split-cell-horizontal-h { background-position:-1100px -25px; }
.split-cell-horizontal-a { background-position:-1100px -50px; }
.split-cell-horizontal-c { background-position:-1100px -75px; }
.split-cell-horizontal-c-h { background-position:-1100px -100px; }
.split-cell-horizontal-c-a { background-position:-1100px -125px; }
.split-cell-horizontal-d { background-position:-1100px -150px; }
.split-cell-horizontal-d-c { background-position:-1100px -175px; }

/* Form functions */
.form { background-position:-775px 0; }
.form-h { background-position:-775px -25px; }
.form-a { background-position:-775px -50px; }
.form-c { background-position:-775px -75px; }
.form-c-h { background-position:-775px -100px; }
.form-c-a { background-position:-775px -125px; }
.form-d { background-position:-775px -150px; }
.form-d-c { background-position:-775px -175px; }

.form-textbox { background-position:-750px 0; }
.form-textbox-h { background-position:-750px -25px; }
.form-textbox-a { background-position:-750px -50px; }
.form-textbox-c { background-position:-750px -75px; }
.form-textbox-c-h { background-position:-750px -100px; }
.form-textbox-c-a { background-position:-750px -125px; }
.form-textbox-d { background-position:-750px -150px; }
.form-textbox-d-c { background-position:-750px -175px; }

.form-password { background-position:-600px 0; }
.form-password-h { background-position:-600px -25px; }
.form-password-a { background-position:-600px -50px; }
.form-password-c { background-position:-600px -75px; }
.form-password-c-h { background-position:-600px -100px; }
.form-password-c-a { background-position:-600px -125px; }
.form-password-d { background-position:-600px -150px; }
.form-password-d-c { background-position:-600px -175px; }

.form-hidden { background-position:-575px 0; }
.form-hidden-h { background-position:-575px -25px; }
.form-hidden-a { background-position:-575px -50px; }
.form-hidden-c { background-position:-575px -75px; }
.form-hidden-c-h { background-position:-575px -100px; }
.form-hidden-c-a { background-position:-575px -125px; }
.form-hidden-d { background-position:-575px -150px; }
.form-hidden-d-c { background-position:-575px -175px; }

.form-button { background-position:-525px 0; }
.form-button-h { background-position:-525px -25px; }
.form-button-a { background-position:-525px -50px; }
.form-button-c { background-position:-525px -75px; }
.form-button-c-h { background-position:-525px -100px; }
.form-button-c-a { background-position:-525px -125px; }
.form-button-d { background-position:-525px -150px; }
.form-button-d-c { background-position:-525px -175px; }

.form-reset { background-position:-650px 0; }
.form-reset-h { background-position:-650px -25px; }
.form-reset-a { background-position:-650px -50px; }
.form-reset-c { background-position:-650px -75px; }
.form-reset-c-h { background-position:-650px -100px; }
.form-reset-c-a { background-position:-650px -125px; }
.form-reset-d { background-position:-650px -150px; }
.form-reset-d-c { background-position:-650px -175px; }

.form-submit { background-position:-700px 0; }
.form-submit-h { background-position:-700px -25px; }
.form-submit-a { background-position:-700px -50px; }
.form-submit-c { background-position:-700px -75px; }
.form-submit-c-h { background-position:-700px -100px; }
.form-submit-c-a { background-position:-700px -125px; }
.form-submit-d { background-position:-700px -150px; }
.form-submit-d-c { background-position:-700px -175px; }

.form-textarea { background-position:-725px 0; }
.form-textarea-h { background-position:-725px -25px; }
.form-textarea-a { background-position:-725px -50px; }
.form-textarea-c { background-position:-725px -75px; }
.form-textarea-c-h { background-position:-725px -100px; }
.form-textarea-c-a { background-position:-725px -125px; }
.form-textarea-d { background-position:-725px -150px; }
.form-textarea-d-c { background-position:-725px -175px; }

.form-select { background-position:-675px 0; }
.form-select-h { background-position:-675px -25px; }
.form-select-a { background-position:-675px -50px; }
.form-select-c { background-position:-675px -75px; }
.form-select-c-h { background-position:-675px -100px; }
.form-select-c-a { background-position:-675px -125px; }
.form-select-d { background-position:-675px -150px; }
.form-select-d-c { background-position:-675px -175px; }

.form-checkbox { background-position:-550px 0; }
.form-checkbox-h { background-position:-550px -25px; }
.form-checkbox-a { background-position:-550px -50px; }
.form-checkbox-c { background-position:-550px -75px; }
.form-checkbox-c-h { background-position:-550px -100px; }
.form-checkbox-c-a { background-position:-550px -125px; }
.form-checkbox-d { background-position:-550px -150px; }
.form-checkbox-d-c { background-position:-550px -175px; }

.form-radio { background-position:-625px 0; }
.form-radio-h { background-position:-625px -25px; }
.form-radio-a { background-position:-625px -50px; }
.form-radio-c { background-position:-625px -75px; }
.form-radio-c-h { background-position:-625px -100px; }
.form-radio-c-a { background-position:-625px -125px; }
.form-radio-d { background-position:-625px -150px; }
.form-radio-d-c { background-position:-625px -175px; }



/*	ToolBar combo box style */
.tb-cmb { color:#333;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:8px;padding-left:0px;background:#fff url("images/horizontal.png") repeat-x 0 -427px; }
.tb-cmb-hover { color:#333;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:8px;background-color:#fff; }
.tb-txt { background:none;padding-left:8px;color:#000;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;height:12px;font-size:11px;border:none;cursor:default !important;text-align:left !important; }


/**********************************************************
	3.	Dialogues
		3.1.	Buttons
			- 'Common' button, 70-pixels wide (.btn70)
			- 'Wide' button, 105-pixels-wide (.btn105)
			- Preview button (.preview-url)
			- Checkbox (.chk, .chk-sel)
			- Radio button (.rad, .rad-sel)
		3.2.	Hyperlink (.dlg-link)
		3.3.	Media (.dlg-media)
		3.4.	Spellcheck (.dlg-spell)
***********************************************************/
a:active { outline:none; }
a.first { margin-right:4px; }

/* Assorted dialogue buttons */
a.btn70 { margin:6px 0 0 0;width:70px;height:25px;background:transparent url("images/dialogs/static.png") no-repeat -41px 0;display:block;padding:0;text-decoration:none;cursor:default; }
a.btn70 span { width:70px;text-align:center;display:block;background-color:transparent;color:#333;line-height:24px;padding:0; }
a.btn70:hover { background-position:-41px -25px; }
a.btn70:hover span { color:#000; }
a.btn70:active,a.btn70:focus { outline:none;background-position:-41px -50px; }
a.btn70:active span { padding-top:1px; }


a.btn105 { margin-top:4px;width:105px;height:25px;background:transparent url("images/dialogs/spellcheck.png") no-repeat;display:block;padding:0;text-decoration:none;cursor:default; }
a.btn105 span { width:105px;text-align:center;display:block;color:#333;line-height:25px;padding:0; }
a.btn105:hover { text-decoration:none;background-position:0 -25px; }
a.btn105:hover span { color:#000; }
a.btn105:active { outline:none;background-position:0 -50px; }
a.btn105:active span { padding-top:1px; }
a.btn105:focus { outline:none; }

.con-m a.preview-url { cursor:default;display:block;float:left;width:18px;height:18px;background:transparent url("images/dialogs/hyperlink.png");margin:4px 0 0 1px; }
.con-m a.preview-url:hover { background-position:0 -18px; }
.con-m a.preview-url:active { background-position:0 -36px;outline:none; }

a.chk { cursor:default;text-decoration:none;color:#000;float:left;height:24px;line-height:24px;display:block;background:#fff url("images/dialogs/static.png") no-repeat -190px 0;padding-left:18px; }
a.chk-sel { cursor:default;text-decoration:none;color:#000;float:left;height:24px;line-height:24px;display:block;background:#fff url("images/dialogs/static.png") no-repeat -190px -24px;padding-left:18px; }
a.rad { cursor:default;text-decoration:none;color:#000;float:left;height:24px;line-height:24px;display:block;background:#fff url("images/dialogs/static.png") no-repeat -190px -48px;padding-left:16px;margin-right:8px; }
a.rad-sel { cursor:default;text-decoration:none;color:#000;float:left;height:24px;line-height:24px;display:block;background:#fff url("images/dialogs/static.png") no-repeat -190px -72px;padding-left:16px;margin-right:8px; }


/* Dialogue titlebar */
.ttl { width:100%;height:30px;cursor:move; }
	.ttl a { margin-top:4px;display:block;float:right;width:23px;height:21px;background:transparent url("images/dialogs/static.png") no-repeat -18px 0;cursor:default; }
	.ttl a:hover { background-position:-18px -21px; }
	.ttl a:active,.ttl a:focus { background-position:-18px -42px;outline:none; }

	.ttlt { width:100%;height:30px; }
		.ttlt-l { width:9px;height:30px;background:transparent url("images/dialogs/static.png") no-repeat;float:left; }
		.ttlt-m { height:30px;background:#000 url("images/dialogs/horizontal.png") repeat-x;float:left; }
		.ttlt-r { width:9px;height:30px;background:transparent url("images/dialogs/static.png") no-repeat -9px 0;float:left; }
	.ttlt span { cursor:inherit;margin-left:4px;line-height:30px;color:#333;font-weight:bold;font-family:"Trebuchet MS","Lucida Grande",Arial,Helvetica,sans-serif;font-size:13px; }

	.ttlb { width:100%;height:8px;display:none; }
		.tabbed .ttlb-l { background-position:0 -99px; }
		.tabbed .ttlb-m { background:#eee url("images/horizontal.png") repeat-x 0 -241px; }
		.tabbed .ttlb-r { background-position:-9px -99px; }

/* Dialogue tabstrip
.ts { width:100%;height:29px;background-color:#eee;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.ts-l { float:left;width:9px;height:29px;background:#000 url("images/static.png") no-repeat 0 -107px; }
	.ts-m { float:left;height:29px;background:#eee url("images/horizontal.png") repeat-x 0 -249px; }

	.ts a { width:79px;height:29px;color:#666;cursor:default;display:block;float:left;text-decoration:none;line-height:29px;margin:0;padding:0; }
	.ts a.tab { background:transparent url("images/static.png") no-repeat -58px 0;color:#666; }
	.ts a.tab:hover { color:#444;background-position:-58px -29px;text-decoration:none; }
	.ts a.tab:active { color:#444;background-position:-58px -87px;outline:none;padding-top:1px;height:28px; }
	.ts a.tab-sel { cursor:default;display:block;float:left;width:79px;height:29px;color:#000;background:transparent url("images/static.png") no-repeat -58px -58px; }
	.ts a.tab-sel:active { outline:none; }
	.ts a span { display:block;float:left;margin:7px 0 0 4px;line-height:16px; }
	.ts img.icon { width:16px;height:16px;float:left;border:0;margin:7px 0 0 8px;background:transparent url("images/static.png") no-repeat;display:block;_margin-left:4px; }
	.ts img.link { background-position:-218px 0; }
	.ts img.anchor { background-position:-218px -16px; }
	.ts img.email { background-position:-218px -32px; }
	.ts img.image { background-position:-202px 0; }
	.ts img.flash { background-position:-202px -16px; }
	.ts img.video { background-position:-202px -32px; }

	.ts-r { float:left;width:9px;height:29px;background:#000 url("images/static.png") no-repeat -9px -107px; }
*/

/* 'Tabstrip' styles */
.ts { width:100%;height:32px;background-color:#eee;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.ts-l { float:left;width:9px;height:100%;background:#e0dfe3 url("images/dialogs/vertical.png") no-repeat -20px 0; }
	.ts-m { float:left;height:100%;background:#e0dfe3 url("images/dialogs/horizontal.png") repeat-x 0 -79px; }

	.ts a { width:79px;height:25px;color:#666;cursor:default;display:block;float:left;text-decoration:none;line-height:25px;margin:7px 0 0 0;padding:0; }
	.ts a.tab { background:transparent url("images/dialogs/static.png") no-repeat -111px 0;text-align:center; }
	.ts a.tab:hover { color:#333;background-position:-111px -29px; }
	.ts a.tab:active { color:#333;background-position:-111px -87px;outline:none;padding-top:1px;height:24px; }
	.ts a.tab-sel { cursor:default;display:block;float:left;width:79px;height:25px;color:#000;background:transparent url("images/dialogs/static.png") no-repeat -111px -58px;text-align:center; }
	.ts a.tab:focus,.ts a.tab-sel:active,.ts a.tab-sel:focus { outline:none; }
	.ts a span { display:block;float:left;margin:5px 0;line-height:16px;width:100%; }
	.ts img.icon { display:none;width:16px;height:16px;float:left;border:0;margin:7px 0 0 8px;background:transparent url("images/dialogs/static.png") no-repeat; }
	.ts img.image { background-position:-18px -63px; }
	.ts img.flash { background-position:-18px -79px; }
	.ts img.video { background-position:-18px -95px; }

	.ts-r { float:left;width:9px;height:100%;background:#e0dfe3 url("images/dialogs/vertical.png") no-repeat -29px 0; }




/* Dialogue contents */
.con { width:100%;background-color:#fff;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.con-l { width:3px;height:100%;background:#fff url("images/dialogs/vertical.png") repeat-y;float:left; }
	.con-m { background-color:#fff;float:left; }
		.con-m .row { clear:left; }
		.con-m .top { margin-top:2px; }
		.con-m span.label,.con-m span.label-narrow	{ cursor:default;float:left;display:block;line-height:24px;height:24px;text-align:right;padding-right:8px;margin:0; }
		.con-m input { margin-top:4px;padding-bottom:2px;padding-left:2px;border:1px solid #ccc;border-right-color:#abacac;border-bottom-color:#abacac;background-color:#fff;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000;float:left; }
		.con-m div.hr { width:402px;height:1px;background:#eee none;clear:both;margin:16px 11px; }
		.con-m input.disabled { background-color:#fafafa;border:1px solid #e6e6e6;color:#bbb; }
		.con-m span.combo { display:block;float:left;margin-top:4px; }
		.con-m .dlg-combobox { padding-left:4px;background-color:#fff;border:1px solid #ccc;border-right-color:#abacac;border-bottom-color:#abacac; }
		.con-m input.txt { background:#fff none;border:none;margin:0;padding:0; }

		/* combobox style */
		.con-m .cmb { border-color:#ccc #abacac #abacac #ccc;background:#fff;  }

	.con-r { width:3px;height:100%;background:#fff url("images/dialogs/vertical.png") repeat-y -17px 0;float:left; }

	.tabbed .con-l { width:10px;height:100%;background:#fff url("images/dialogs/vertical.png") repeat-y;float:left; }
	/* con-m width is dialogue width (450px) - 18px (the left & right divs are 9px each) */
	.tabbed .con-m { height:100%;background-color:#fff;float:left; }
		.tabbed .con-m .top { margin-top:2px; }
	.tabbed .con-r { width:10px;height:100%;background:#fff url("images/dialogs/vertical.png") repeat-y -10px 0;float:left; }



/* Dialogue footer */
.ftr { width:100%;height:37px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.ftr-l { width:9px;height:37px;background:transparent url("images/dialogs/static.png") no-repeat 0 -75px;float:left; }
	.ftr-m { height:37px;background:#eee url("images/dialogs/horizontal.png") repeat-x 0 -30px;float:left; }
		.ftr-m a.btn70 { margin:3px; }

	.ftr-r { width:9px;height:37px;background:transparent url("images/dialogs/static.png") no-repeat -9px -75px;float:left; }

.tabbed .ftr { width:100%;height:44px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.tabbed .ftr-l { width:10px;height:100%;background:transparent url("images/dialogs/static.png") no-repeat -18px -75px;float:left; }
	.tabbed .ftr-m { height:100%;background:#eee url("images/dialogs/horizontal.png") repeat-x 0 -115px;float:left; }
	.tabbed .ftr-r { width:10px;height:100%;background:transparent url("images/dialogs/static.png") no-repeat -28px -75px;float:left; }



/* Hyperlink dialogue */
.dlg-link .con-m,.dlg-link .ftr-m { width:422px; }
.dlg-link .ttlt-m,.dlg-link .ttlb-m,.dlg-link .ts-m { width:424px; }

.dlg-link .con-l,.dlg-link .con-r { height:300px; }
.dlg-link .con-m { width:422px;height:300px; }
.dlg-link .con-m .top { margin-top:14px !important; }
.dlg-link .con-m .row { margin-top:0;height:24px; }
.dlg-link .con-m span.label { width:62px; }
.dlg-link .con-m span.label-narrow { width:46px; }
.dlg-link .con-m input { width:185px; }
.dlg-link .con-m input.link-url { width:316px; }
.dlg-link .con-m input.link-text,.dlg-link .con-m input.link-tooltip,.dlg-link .con-m input.email-text { width:160px; }
.dlg-link .con-m input.link-target,.dlg-link .con-m input.link-anchor,.dlg-link .con-m input.link-type { width:117px; }
.dlg-link .con-m input.link-type-other { margin-left:10px;width:204px; }
.dlg-link .con-m input.anchor-name,.dlg-link .con-m input.anchor-text,.dlg-link .con-m input.email-address,.dlg-link .con-m input.email-subject { width:335px; }
.dlg-link div.link-basic { height:78px !important;overflow:hidden; }
.dlg-link div.link-advanced { height:180px !important;overflow:visible !important; }
.dlg-link div.anchor { height:78px !important; }
.dlg-link div.email { height:102px !important; }


/* Media dialogue */
.dlg-media .con-m,.dlg-media .ftr-m { width:580px; }
.dlg-media .ttlt-m,.dlg-media .ttlb-m,.dlg-media .ts-m{ width:582px; }

.dlg-media .con-l,.dlg-media .con-r { height:216px; }
.dlg-media .con-m { width:580px;height:216px; }
.dlg-media .fields { width:375px;height:216px;float:left; }
.dlg-media .con-m .top { margin-top:11px !important; }
.dlg-media .con-m .row { margin-top:0;height:24px; }
.dlg-media .con-m span.label { width:100px; }
.dlg-media .con-m span.label-narrow { width:48px; }
.dlg-media .con-m input { width:260px; }
.dlg-media .con-m input.image-url { width:241px; }
.dlg-media .con-m input.image-width,.dlg-media .con-m input.image-height,.dlg-media .con-m input.image-alignment,.dlg-media .con-m input.image-border { width:100px; }
.dlg-media .con-m input.image-hspace,.dlg-media .con-m input.image-vspace { width:74px; }

.dlg-media div.hr { width:360px;height:1px;background:#eee none;clear:both;margin:12px 11px 13px 11px; }

.dlg-media .image-preview { color:#999;width:173px;height:186px;float:left;margin:15px 0 0 20px;border:1px solid #abacac;text-align:center;line-height:175px;background:#eee url(images/vertical.png) repeat-y -36px 0;cursor:default;position:relative; }
.dlg-media .image-preview .status,.dlg-media .image-preview .thumbnail { width:100%;height:100%;background:none;position:absolute;left:0;top:0; }
.dlg-media .image-preview .loading { background:transparent url(images/dialog/loading.gif) no-repeat 50% 50%; }
.dlg-media .error { font-size:11px;color:#d00;font-weight:bold; }



/* SpellCheck dialogue */
.dlg-spell span.error { color:#f00;font-weight:bold; }

.dlg-spell .ttlt-m,.dlg-spell .ttlb-m,.dlg-spell .ftr-m { width:438px; }
.dlg-spell .con-m { width:440px;padding:0 5px; }

.dlg-spell .dlg-title .mid { width:438px; }
.dlg-spell .dlg-content .left { height:236px; }
.dlg-spell .con-l,.dlg-spell .con-m,.dlg-spell .con-r { height:236px; }

.dlg-spell .highlight { width:434px;height:103px;padding:6px 0 0 4px; }
.dlg-spell .highlight div.label { line-height:14px;cursor:default; }
.dlg-spell .highlight .text,.dlg-spell .suggest .wordlist { margin:4px 0 0 0;width:316px;height:77px;float:left;border:1px solid #ccc;border-right-color:#abacac;border-bottom-color:#abacac;overflow:auto;line-height:14px;padding:2px 0 2px 4px;cursor:default; }
.dlg-spell .suggest { padding:6px 0 0 4px; }
.dlg-spell .suggest .wordlist { padding:0;width:320px;height:70px;overflow-x:hidden;color:#333; }
.dlg-spell .suggest .wordlist a { display:block;width:320px;height:16px;line-height:16px;text-decoration:none;color:#000;cursor:default;padding:0 0 0 4px; }
.dlg-spell .suggest .wordlist a:hover { background-color:#eaeaf1; }
.dlg-spell .suggest .wordlist a:active { background-color:#eaeaf1; }
.dlg-spell .suggest .wordlist a.selected { display:block;width:100%;height:16px;line-height:16px;text-decoration:none;background-color:#cfcde0;color:#000; }
.dlg-spell .suggest .wordlist a.selected:hover { background-color:#cfcde0; }
.dlg-spell .suggest .change-to { padding:6px 0 0 0;line-height:14px;cursor:default;clear:both; }
.dlg-spell .suggest input { width:256px; }


/* Find & replace dialogue */
.dlg-find .ttlt-m,.dlg-find .ttlb-m,.dlg-find .ts-m { width:412px; }
.dlg-find .con-m,.dlg-find .ftr-m { width:410px; }

.dlg-find .con-l,.dlg-find .con-r,.dlg-find .con-m { height:100px; }
.dlg-find .con-m .top { margin-top:14px !important; }
.dlg-find .con-m .row { margin-top:0;height:24px; }
.dlg-find .con-m span.label { width:83px; }
.dlg-find .con-m .widgets {	margin:0 0 0 91px; }
.dlg-find .con-m .fields { float:left;width:300px; }
.dlg-find .con-m .btns { float:left;width:105px;margin-top:9px; }
.dlg-find .con-m input { width:185px; }
.dlg-find div.find { height:110px !important; }
.dlg-find div.replace { height:134px !important; }


/**********************************************************
	4.	Menus
		4.1	 ComboBox dropdowns
			- Generic dropdown
			- Document style dropdown
			- Font size dropdown
		4.2	 Undo & Redo menus
		4.3	 Insert Symbol menu
		4.4	 Insert Table menu

***********************************************************/

/*
	Common (shared) styles
	Image path: /images/menus/
*/
.menu,.bullets-menu { cursor:default;color:#666;/*border-top:1px solid #bbb;*/background-color:transparent;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
.menu-footer { width:170px;height:10px;background:transparent url("images/menus/footer.png") no-repeat; }
.menu-content { width:170px;height:auto;background:transparent url("images/menus/content.png") repeat-y; }
.menu-break { width:170px;height:3px;background:#fff url("images/menus/break.png") no-repeat; }
.menu-item { width:170px;height:30px;color:#333; }
.menu-item-hover { width:170px;height:30px;color:#000;background:transparent url("images/menus/item-hover.png") repeat-y; }
.menu-icon { width:12px;height:15px;float:left;display:block;margin:8px 8px 0 8px; }


/*
	Font-size drop-down
	Image path: /images/menus/size/

.size-footer { width:64px;height:10px;background:transparent url("images/menus/size/footer.png") no-repeat; }
.size-content { width:64px;height:auto;background:transparent url("images/menus/size/content.png") repeat-y; }
.size-item { width:64px;height:22px;background-color:transparent;text-align:left;padding-left:12px;line-height:22px; }
.size-item-hover { width:64px;height:22px;color:#333333;background:transparent url("images/menus/size/size-item-hover.png") repeat-y !important;padding-left:12px;line-height:22px; }
.size-break { width:64px;height:3px;background:#fff url("images/menus/size/break.png") no-repeat; }
*/

/*
	Color-Picker menu
	Image path: /images/menus/color/
*/
.mnu-col { width:176px;color:#333;font:normal 11px Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;background:#fff url("images/menus/color/vertical.png") repeat-y;border-top:1px solid #58596d;border-right:1px solid #58596d; }
	.mnu-col .ttl { width:176px;height:23px;line-height:23px;background:transparent url("images/menus/color/static.png") no-repeat -176px 0;cursor:default; }
	.mnu-col .ttl span { font-weight:bold;padding-left:12px; }

	.mnu-col .itm { width:176px;height:24px;padding:0 0 0 12px !important;line-height:24px;background:transparent;cursor:default;color:#666;border-bottom:1px solid #58596d; }
	.mnu-col .itm-h { width:176px;height:24px;padding:0 0 0 12px !important;line-height:24px;background:transparent url("images/menus/color/static.png") no-repeat;cursor:default;color:#000;border-bottom:1px solid #58596d; }

	/* Swatches */
	.mnu-col .pre { width:176px;height:92px;display:block;background:transparent url("images/menus/color/swatches.png") no-repeat; }
	.mnu-col .std { width:176px;height:21px;display:block;background:transparent url("images/menus/color/swatches.png") no-repeat 0 -92px; }
	.mnu-col .cust { width:176px;height:21px;line-height:21px;padding-bottom:2px;background:transparent url("images/menus/color/vertical.png") repeat-y; }
		.mnu-col .cust .con { width:auto;background:transparent;margin-left:5px;padding-top:4px; }
			.mnu-col .cust .con .swatch { width:11px;height:11px;float:left;margin-right:4px;background:transparent url("images/menus/color/swatches.png") no-repeat 0 -113px;border:1px solid #c5c5c5; }

.color-highlight,.color-selected { width:176px;height:206px;background:transparent url("images/menus/color/highlight.png") no-repeat 5px 28px;z-index:9000;position:absolute;left:0px;top:0px; }


/*
	Bullets & Numbering (menu styles)
	Image path: /images/menus/bullets/
*/

.mnu-bul { width:170px;padding:0;margin:0;background:#fff;border:1px solid #58596d;color:#333; }
	.mnu-bul ol { list-style-position:inside;margin:0; }

.bullets-item { padding:5px 3px 3px 5px;border:1px solid #fff;border-bottom:1px solid #f3f3f3;cursor:default; }
.bullets-item-hover { padding:5px 3px 3px 5px;background:transparent url("images/menus/bullets/horizontal.png") center center;border:solid 1px #d6dadf;border-right-color:#9997b5;border-bottom-color:#9997b5;cursor:default; }
.bullets-item ol,.bullets-item ul,.bullets-item-hover ol,.bullets-item-hover ul { margin:0 0 0 10px;padding:0 0 0 5px; }

/*
	Bullets & Numbering (editor styles)
*/
ol.ol1 li {list-style-type: decimal;} ol.ol1 ol li {list-style-type: upper-roman;} ol.ol1 ol ol li {list-style-type: lower-roman;}
ol.ol2 li {list-style-type: upper-alpha;} ol.ol2 ol li {list-style-type: lower-alpha;}
ol.ol3 li {list-style-type: decimal;} ol.ol3 ol li {list-style-type: upper-alpha;} ol.ol3 ol ol li {list-style-type: lower-alpha;} ol.ol3 ol ol ol li {list-style-type: upper-roman;} ol.ol3 ol ol ol ol li {list-style-type: lower-roman;}
ol.ol4 li {list-style-type: decimal;} ol.ol4 ol li {list-style-type: upper-roman;} ol.ol4 ol ol li {list-style-type: lower-roman;} ol.ol4 ol ol ol li {list-style-type: upper-alpha;} ol.ol4 ol ol ol ol li {list-style-type: lower-alpha;}
ol.ol5 li {list-style-type: upper-roman;} ol.ol5 ol li {list-style-type: lower-roman;} ol.ol5 ol ol li {list-style-type: decimal;}
ul.ul1 li {list-style-type: disc;} ul.ul1 ul li {list-style-type: square;} ul.ul1 ul ul li {list-style-type: circle;}
ul.ul2 li {list-style-type: square;} ul.ul2 ul li {list-style-type: disc;} ul.ul2 ul ul li {list-style-type: circle;}
ul.ul3 li {list-style-type: circle;} ul.ul3 ul li {list-style-type: disc;} ul.ul3 ul ul li {list-style-type: square;}

/* Undo & redo menus */
.mnu-undo { width:190px;height:198px;background:#fff;border:1px solid #58596d;color:#333;vertical-align:top; }
	.mnu-undo .list { height:174px;overflow-x:hidden;overflow:auto;text-align:left; }

	.mnu-undo span { width:178px;height:24px;line-height:24px;display:block;padding:0 0 0 12px;background:#fff url("images/menus/undo/static.png") no-repeat 0 -48px;font-weight:bold;cursor:default;border-top:1px solid #fff; }

	.mnu-undo a,.mnu-undo a:hover { display:block;height:24px;line-height:24px;text-decoration:none;cursor:default;padding:0 0 0 12px;margin:0;border-bottom:1px solid #f3f3f3;color:#333; }
	.mnu-undo a:hover { color:#000;background:#fff url("images/menus/undo/static.png") no-repeat 0 -24px;border-bottom:1px solid #fff; }

	.mnu-undo a.selected { display:block;height:24px;line-height:24px;text-decoration:none;color:#333;padding:0 0 0 12px;background:#fff url("images/menus/undo/static.png") no-repeat;border-bottom:1px solid #f3f3f3; }

/* Insert symbol menu */
.mnu-symb { width:161px;border:0;padding:0;margin:0;background:#fff;border:1px solid #58596d;color:#333; }
	.mnu-symb .ttl { width:161px;height:24px;line-height:24px;background:transparent url("images/menus/symbol/static.png") no-repeat;cursor:default;font-weight:bold;border-top:1px solid #fff; }
		.mnu-symb .ttl span { font-weight:bold;padding:0 0 0 12px;display:block; }

	.mnu-symb .con { width:150px;padding:2px 5px 2px 5px; }
		.mnu-symb .con .row { width:150px;height:30px;padding:0;margin:0; }
			.mnu-symb .con .row a { width:30px;color:#666;display:block;float:left;cursor:default;line-height:30px;text-align:center; }
			.mnu-symb .con .row a:hover { color:#000;background:transparent url("images/menus/symbol/static.png") no-repeat -161px 0;text-decoration:none; }

/* Insert Table menu */
.mnu-tbl { width:203px;height:189px;cursor:default;background:#fff;border:1px solid #58596d;color:#333; }
	.mnu-tbl .ttl { height:24px;line-height:24px;background:transparent url("images/menus/table/static.png") no-repeat;cursor:default; }
		.mnu-tbl .ttl span { font-weight:bold;padding:0 0 0 12px; }

	.mnu-tbl .con { width:203px;height:161px;position:relative;background:#fff;margin:0; }
		.mnu-tbl .con .cells { width:190px;height:152px;background:transparent url("images/menus/table/vertical.png") repeat-y;position:absolute;left:8px;top:7px;z-index:4455; }
		.mnu-tbl .con .hl { width:190px;height:152px;background:transparent url(images/menus/table/vertical.png) repeat-y -190px 0;position:absolute;left:8px;top:7px;z-index:4466;visibility:hidden; }
		.mnu-tbl .con .evt { width:190px;height:152px;position:absolute;left:8px;top:7px;z-index:4477; }

/*
.insert-table-menu { width:203px;height:189px;cursor:default;background:#fff;border:1px solid #58596d;color:#333; }
.inserttable-title { width:203px;height:24px;line-height:24px;background:transparent url(images/_insert-table.png) no-repeat -203px 0;cursor:default; }
.inserttable-title span { color:#666666;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding-left:10px; }
.insertinsert-table { width:203px;height:161px;position:relative;background:#fff url(images/_insert-table.png) repeat-y;margin:0; }
.inserttable-cells { width:190px;height:152px;background:transparent url(images/menus/table/vertical.png) repeat-y;position:absolute;left:8px;top:7px;z-index:4455; }
.inserttable-cells-highlight { width:190px;height:152px;background:transparent url(images/menus/table/vertical.png) repeat-y -190px 0;position:absolute;left:8px;top:7px;z-index:4466;visibility:hidden; }
.inserttable-cells-events { width:190px;height:152px;position:absolute;left:8px;top:7px;background-color:transparent;z-index:4477; }
.insert-table-footer { width:203px;height:4px;font-size:11px;line-height:14px;background:transparent url(images/_insert-table.png) no-repeat -203px -34px; }
*/
/*
	Color-Picker menu
	Image path: /images/menus/color/

.color-menu { width:176px;color:#666666;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
.swatch-title { width:176px;height:23px;line-height:23px;background:transparent url("images/menus/color/title.gif") no-repeat;cursor:default; }
.swatch-title-preset { width:176px;height:24px;line-height:24px;background:transparent url("images/menus/color/title-preset.gif") no-repeat; }
.swatch-title span,.swatch-title-preset span { color:#666666;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding-left:10px; }
.color-menu-header { width:176px;height:14px;background:transparent url("images/menus/color/header.gif") no-repeat;cursor:default; }
.color-menu-item { width:176px;height:23px;padding-left:8px;line-height:23px;background:transparent url("images/menus/color/item.gif") repeat-y;cursor:default; }
.color-menu-item-hover { width:176px;height:23px;padding-left:8px;line-height:23px;background:transparent url("images/menus/color/item-hover.gif") repeat-y;cursor:default; }
.color-menu-footer { width:176px;height:14px;background:transparent url("images/menus/color/footer.gif") no-repeat;cursor:default; }
.standard-swatches,.preset-swatches { border:none;padding:0;margin:0; }
.custom-swatches { width:176px;height:21px;line-height:21px;cursor:default;padding-bottom:2px;background:transparent url("images/menus/color/background.gif") repeat-y; }
.custom-swatches .swatches-container { margin-left:5px;padding-top:4px; }
.custom-swatches .swatch { width:13px;height:13px;float:left;margin-right:4px;background:transparent url("images/menus/color/custom-background.gif") repeat; }
.color-highlight,.color-selected { width:176px;height:206px;background:transparent url("images/menus/color/highlight.gif") no-repeat 5px 28px;z-index:9000;position:absolute;left:0px;top:0px; }
.color-menu img { display:block; }
*/




/*
	Image Manager
	Image path: /images/image_manager/
*/
.im_dlg-img { width:680px;height:451px; }

/* Dialogue titlebar */
.im_ttl { width:100%;height:38px;cursor:move; }
	.im_ttl a { margin-top:4px;display:block;float:right;width:23px;height:21px;background:transparent url("images/image_manager/static.png") no-repeat -18px 0;cursor:default; }
	.im_ttl a:hover { background-position:-18px -25px; }
	.im_ttl a:active { background-position:-18px -50px;outline:none; }

	.im_ttlt { width:100%;height:30px; }
		.im_ttlt-l { width:9px;height:100%;background:transparent url("images/image_manager/static.png") no-repeat;float:left; }
		.im_ttlt-m { height:100%;background:#fcfcfc url("images/image_manager/horizontal.png") repeat-x;float:left; }
		.im_ttlt-r { width:9px;height:100%;background:transparent url("images/image_manager/static.png") no-repeat -9px 0;float:left; }
	.im_ttlt span { cursor:inherit;margin-left:4px;line-height:32px;color:#333;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

	.im_ttlb { width:100%;height:8px;overflow:hidden; } /*** overflow:hidden to prevent IE6 from rendering the div at the current font height ***/
		.im_ttlb-l { width:9px;height:100%;background:#fcfcfc url("images/image_manager/static.png") no-repeat 0 -38px;float:left; }
		.im_ttlb-m { height:100%;background:#fff url("images/image_manager/horizontal.png") repeat-x 0 -38px;float:left; }
		.im_ttlb-r { width:9px;height:100%;background:#000 url("images/image_manager/static.png") no-repeat -9px -38px;float:left; }

		/* Tabbed dialogue titlebar bottom elements */
		.im_tabbed .im_ttlb-l { background-position:0 -46px; }
		.im_tabbed .im_ttlb-m { background-position:0 -46px; }
		.im_tabbed .im_ttlb-r { background-position:-9px -46px; }

/* 'Tabstrip' styles */
.im_ts { width:100%;height:29px;background-color:#eee;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.im_ts-l { float:left;width:9px;height:29px;background:#fcfcfc url("images/image_manager/static.png") no-repeat 0 -54px; }
	.im_ts-m { float:left;height:29px;background:#eee url("images/image_manager/horizontal.png") repeat-x 0 -54px; }
	.im_ts-r { float:left;width:9px;height:29px;background:#fcfcfc url("images/image_manager/static.png") no-repeat -9px -54px; }

	/* Tabs */
	.im_ts a { height:29px;color:#666;cursor:default;display:block;float:left;text-decoration:none;line-height:29px;margin:0;padding:0; }
	.im_ts a h4 { display:inline;font-weight:normal;font-size:11px; }
	.im_ts a.tab { }
		.im_ts a.tab span.l { display:block;float:left;width:10px;height:100%;background:transparent url("images/image_manager/static.png") no-repeat 0 -120px;padding:0;margin:0; }
		.im_ts a.tab span.m { display:block;float:left;height:100%;line-height:29px;background:transparent url("images/image_manager/horizontal.png") repeat-x 0 -204px;padding:0;margin:0; }
		.im_ts a.tab span.r { display:block;float:left;width:10px;height:100%;background:transparent url("images/image_manager/static.png") no-repeat -10px -120px;padding:0;margin:0; }

	.im_ts a.tab:hover { color:#444; }
		.im_ts a.tab:hover span.l { background-position:0 -149px; }
		.im_ts a.tab:hover span.m { background-position:0 -233px; }
		.im_ts a.tab:hover span.r { background-position:-10px -149px; }

	.im_ts a.tab:active { color:#444;outline:none; }
		.im_ts a.tab:active span.l { background-position:0 -207px; }
		.im_ts a.tab:active span.m { background-position:0 -291px;padding:1px 0 0 0; }
		.im_ts a.tab:active span.r { background-position:-10px -207px; }

	.im_ts a.tab-sel { color:#000; }
		.im_ts a.tab-sel span.l { display:block;float:left;width:10px;height:100%;background:transparent url("images/image_manager/static.png") no-repeat 0 -178px;padding:0;margin:0; }
		.im_ts a.tab-sel span.m { display:block;float:left;height:100%;line-height:29px;background:transparent url("images/image_manager/horizontal.png") repeat-x 0 -262px;padding:0;margin:0; }
		.im_ts a.tab-sel span.r { display:block;float:left;width:10px;height:100%;background:transparent url("images/image_manager/static.png") no-repeat -10px -178px;padding:0;margin:0; }

	.im_ts a.tab-sel:active { outline:none; }

	/* Tab icons */
	.im_ts img.icon { width:16px;height:16px;float:left;border:0;margin:7px 4px 0 0;background:transparent url("images/image_manager/static.png") no-repeat; }	/* that last identifier is IE6-specific */
	.im_ts img.browse { background-position:0 -237px; }
	.im_ts img.props { background-position:0 -253px; }
	.im_ts img.upload { background-position:0 -269px; }


/* Dialogue contents */
.im_con { width:100%;background:#fff url("images/image_manager/vertical.png") repeat-y;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.im_con .im_con-m { width:640px;height:315px;padding:15px 20px; }

/* Dialogue footer */
.im_ftr { width:100%;height:37px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.im_ftr-l { width:9px;height:100%;background:transparent url("images/image_manager/static.png") no-repeat 0 -83px;float:left; }
	.im_ftr-m { height:100%;background:#eee url("images/image_manager/horizontal.png") repeat-x 0 -83px;float:left; }
	.im_ftr-r { width:9px;height:100%;background:transparent url("images/image_manager/static.png") no-repeat -9px -83px;float:left; }

	/* Footer buttons */
	.im_ftr .btns { float:right;margin-top:6px; }
	.im_ftr .btns-l { float:left;margin-top:6px; }
	.im_ftr a { text-decoration:none;color:#333;cursor:default !important; }
	.im_ftr a span.l { display:block;float:left;width:10px;height:25px;background:transparent url("images/image_manager/static.png") no-repeat -93px 0;margin-left:2px; }
	.im_ftr a span.m { display:block;float:left;padding:0;height:25px;line-height:25px;background:transparent url("images/image_manager/horizontal.png") repeat-x 0 -120px; }
	.im_ftr a span.r { display:block;float:left;width:10px;height:25px;background:transparent url("images/image_manager/static.png") no-repeat -103px 0; }
	.im_ftr a:hover { text-decoration:none;color:#000; }
	.im_ftr a:hover span.l { background-position: -93px -25px; }
	.im_ftr a:hover span.m { background-position:0 -145px; }
	.im_ftr a:hover span.r { background-position: -103px -25px; }
	.im_ftr a:active span.m { padding-top:1px !important; }


.im_dlg-img .im_ttlt-m,.im_dlg-img .im_ttlb-m,.im_dlg-img .im_ts-m,.im_dlg-img .im_ftr-m { width:662px; }


/* Dialogue pages */
/* MultiPage & PageView classes */
.im_dlg-img .mp { width:100%;height:100%;overflow:hidden; }
.im_dlg-img .pv { width:634px;height:315px;overflow:hidden; }

/* Browse */
.im_browse-l { height:315px;width:369px;border-right:1px solid #ccc;padding:0 17px 0 0;float:left;margin:0 17px 0 0;color:#666; }
	.im_browse-l .tb { height:16px;margin:0 0 12px 0;text-align:right;line-height:16px; }
	.im_browse-l .tb .btns { float:right; }
	.im_browse-l .tb .btns .sep { width:7px;height:16px;display:block;float:left;border-left:1px solid #bfbfc5;margin-left:8px; }

	.im_browse-l .tb a { width:16px;height:16px;background:transparent url(images/image_manager/static.png) no-repeat;display:block;float:left;display:inline; }
		.im_browse-l .tb a:active { outline:none; }
		.im_browse-l .tb a.reload { background-position:-16px -237px; }
		.im_browse-l .tb a.reload:hover { background-position:-16px -253px; }
		.im_browse-l .tb a.reload:active { background-position:-16px -269px; }

		.im_browse-l .tb a.folder { background-position:-32px -237px; }
		.im_browse-l .tb a.folder:hover { background-position:-32px -253px; }
		.im_browse-l .tb a.folder:active { background-position:-32px -269px; }

		.im_browse-l .tb a.delete { background-position:-48px -237px; }
		.im_browse-l .tb a.delete:hover { background-position:-48px -253px; }
		.im_browse-l .tb a.delete:active { background-position:-48px -269px; }

	.im_browse-l .path { width:367px;height:18px;background-color:#f3f3f3;border:1px solid #ccc;line-height:18px;color:#000;cursor:default;overflow:hidden;float:none; }
	.im_browse-l .path b { color:#999; }

	.im_browse-l .tree { width:367px;height:258px;border:1px solid #ccc;margin:7px 0 0 0; }
	.im_browse-l .tree .hdr { width:100%;height:22px;line-height:22px;border-bottom:1px solid #ccc;background:#eee url(images/image_manager/horizontal.png) repeat-x 0 -321px;cursor:default; }
		.im_browse-l .tree .hdr span { padding:0 0 0 6px;font-size:10px;color:#666; }
		.im_browse-l .tree .hdr .file { width:291px;border-right:1px solid #ccc;float:left; }
		.im_browse-l .tree .hdr .size { float:left; }
		.im_browse-l .tree .con { background:#fff url(images/image_manager/vertical.png) repeat-y -680px 0;overflow-y:auto;overflow-x:hidden;height:235px;width:100%;cursor:default; }

		.im_browse-l .tree .node { width:100%;height:20px;overflow:hidden; }
		.im_browse-l .tree .loading { margin:0;padding:0 0 0 22px;line-height:20px;float:left;background:#fff url(images/image_manager/static.png) no-repeat -384px -255px;color:#2b3744; }

		.im_browse-l .tree .item { margin:0;padding:0 0 0 20px;line-height:20px;background:#fff url(images/image_manager/static.png) no-repeat;float:left;width:auto;height:auto; }
		.im_browse-l .tree .img { background-position:-384px -235px; }
		.im_browse-l .tree .fldr { background-position:-384px -255px; }
		.im_browse-l .tree .fldr-ex { background-position:-384px -255px; }
		.im_browse-l .tree .root { background-position:-384px -295px; }

		.im_browse-l .tree a { border:1px solid #fff;text-decoration:none;padding:1px;color:#2b3744;cursor:default; }
		.im_browse-l .tree .item a:hover { text-decoration:none;border:1px solid #cdefff;background-color:#f8fafc; }
		.im_browse-l .tree .item a:active { outline:none; }

		.im_browse-l .tree .item-s a { text-decoration:none;border:1px solid #9adffe;background:#fff url(images/image_manager/horizontal.png) repeat-x 0 -343px;color:#000; }

.im_browse-r { height:315px;width:230px;float:right;color:#666; }
	.im_browse-r .tb { height:16px;margin:0 0 12px 0;text-align:right;line-height:16px; }
	.im_browse-r .tb .btns { float:right; }
	.im_browse-r .tb .btns .sep { width:7px;height:16px;display:block;float:left;border-left:1px solid #bfbfc5;margin-left:8px; }
	.im_browse-r .tb .btns .spacer { width:8px;height:16px;display:block;float:left; }

	.im_browse-r .tb a { width:16px;height:16px;background:transparent url(images/image_manager/static.png) no-repeat;display:block;float:left;display:inline; }
		.im_browse-r .tb a:active { outline:none; }
		.im_browse-r .tb a.full { background-position:-64px -237px; }
		.im_browse-r .tb a.full:hover { background-position:-64px -253px; }
		.im_browse-r .tb a.full:active { background-position:-64px -269px; }
		.im_browse-r .tb a.full-d { background-position:-64px -285px; }

		.im_browse-r .tb a.fit { background-position:-80px -237px; }
		.im_browse-r .tb a.fit:hover { background-position:-80px -253px; }
		.im_browse-r .tb a.fit:active { background-position:-80px -269px; }
		.im_browse-r .tb a.fit-d { background-position:-80px -285px; }

		.im_browse-r .tb a.zoomin { background-position:-96px -237px; }
		.im_browse-r .tb a.zoomin:hover { background-position:-96px -253px; }
		.im_browse-r .tb a.zoomin:active { background-position:-96px -269px; }

		.im_browse-r .tb a.zoomout { background-position:-112px -237px; }
		.im_browse-r .tb a.zoomout:hover { background-position:-112px -253px; }
		.im_browse-r .tb a.zoomout:active { background-position:-112px -269px; }

	.im_browse-r .preview { width:228px;height:236px;border:1px solid #ccc;background-image:url(images/image_manager/_preview.png);text-align:center;border-bottom-color:#abacac;border-right-color:#abacac; }
		.im_browse-r .preview span.lbl { line-height:236px;color:#aaa;cursor:default; }

		.im_browse-r .props { width:100%;height:auto;margin-top:3px; }
		.im_browse-r .props div { padding-top:3px;height:20px;line-height:20px; }
		.im_browse-r .props input { border:none;background:#fff;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
			.im_browse-r .props input.img-alt { width:141px; }
			.im_browse-r .props input.img-w { width:32px !important; }
			.im_browse-r .props input.img-h { width:32px !important; }
		.im_browse-r .props span { margin-right:3px;line-height:20px;float:left; }
			.im_browse-r .props span.alt { width:82px;text-align:right; }
			.im_browse-r .props span.w { width:82px;text-align:right; }
			.im_browse-r .props span.h { width:70px;text-align:right; }
		.im_browse-r .props span.input { border:1px solid #ccc;padding:0;height:18px;display:inline;margin:0;text-align:right; }


/* Properties */
.im_props-l { height:315px;width:355px;border-right:1px solid #ccc;padding:0 31px 0 0;float:left;margin:0 17px 0 0;color:#666; }
	.im_props-l .prop { width:345px;height:auto;border-bottom:1px solid #ccc;margin-left:10px;line-height:20px;height:34px;margin-top:12px; }
		.im_props-l span.lbl { width:100px;text-align:right;float:left;padding-right:4px; }
		.im_props-l span.s { width:57px; }
		.im_props-l input { float:left;border:1px solid #ccc;margin:0;padding:0;width:230px;height:15px;padding:2px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
		.im_props-l input.s { width:81px; }
		.im_props-l input.xs { width:38px; }
	.im_props-l .dbl { height:56px; }
	.im_props-l .row { width:345px;height:24px; }
	.im_props-l .last { border:none; }


.im_props-r { height:315px;width:230px;float:right;color:#666; }
	.im_props-r .tb { height:16px;margin:0 0 12px 0;text-align:right;line-height:16px; }
	.im_props-r .tb .btns { float:right; }
	.im_props-r .tb .btns .sep { width:7px;height:16px;display:block;float:left;border-left:1px solid #bfbfc5;margin-left:8px; }
	.im_props-r .tb .btns .spacer { width:8px;height:16px;display:block;float:left; }

	.im_props-r .tb a { width:16px;height:16px;background:transparent url(images/image_manager/static.png) no-repeat;cursor:default;display:block;float:left;display:inline; }
		.im_props-r .tb a:active { outline:none; }
		.im_props-r .tb a.full { background-position:-64px -237px; }
		.im_props-r .tb a.full:hover { background-position:-64px -253px; }
		.im_props-r .tb a.full:active { background-position:-64px -269px; }
		.im_props-r .tb a.full-d { background-position:-64px -285px; }

		.im_props-r .tb a.fit { background-position:-80px -237px; }
		.im_props-r .tb a.fit:hover { background-position:-80px -253px; }
		.im_props-r .tb a.fit:active { background-position:-80px -269px; }
		.im_props-r .tb a.fit-d { background-position:-80px -285px; }

		.im_props-r .tb a.zoomin { background-position:-96px -237px; }
		.im_props-r .tb a.zoomin:hover { background-position:-96px -253px; }
		.im_props-r .tb a.zoomin:active { background-position:-96px -269px; }

		.im_props-r .tb a.zoomout { background-position:-112px -237px; }
		.im_props-r .tb a.zoomout:hover { background-position:-112px -253px; }
		.im_props-r .tb a.zoomout:active { background-position:-112px -269px; }

	.im_props-r .preview { width:228px;height:285px;border:1px solid #ccc;background-image:url(images/image_manager/_preview.png);text-align:center;border-bottom-color:#abacac;border-right-color:#abacac; }
		.im_props-r .preview span.lbl { line-height:285px;color:#aaa;cursor:default; }


/* Upload */
.im_upload-l { width:299px;height:315px;border-right:1px solid #ccc;padding:0 17px 0 0;float:left;margin:0 17px 0 0;color:#666; }
	.im_upload-l .sel { width:100%;height:143px;border-bottom:1px solid #eee; }

	/* Upload file selection */
	.im_upload-l .sel span { display:block;margin:0 0 10px 0;font-size:12px; }
	.im_upload-l .sel .browse { width:100%;height:54px; }
	.im_upload-l .sel .file { cursor:default; }
	.im_upload-l .sel .filename { width:220px;height:18px;border:1px solid #ccc;background-color:#fff;padding:2px 0 0 4px;display:block;float:left;margin:0 1px 0 0; }
	.im_upload-l .sel input { background-color:transparent;width:212px;padding:2px !important;margin:0;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:none;color:#666;cursor:default !important; }
	.im_upload-l .sel .empty { background-color:#eee; }
	.im_upload-l .sel .empty input { color:#999; }
	.im_upload-l .sel a.browse { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:none;width:68px;height:25px;border:0; }
	.im_upload-l .sel a.browse img { border:0; }

	/* Checkbox */
	.im_upload-l .overwrite { width:100%;height:24px; }
	.im_upload-l a.chk,.im_upload-l a.chk-s { display:block;width:auto;height:24px;line-height:24px;background:#fff url(images/image_manager/static.png) no-repeat -384px -48px;float:left;cursor:default;padding:0 0 0 18px;text-decoration:none;color:#666; }
	.im_upload-l a.chk:active,.im_upload-l a.chk-s:active { outline:none; }
	.im_upload-l a.chk-s { background-position:-384px -72px; }

	/* Upload button */
	.im_upload-l .btn { width:100%;text-align:center; }
	.im_upload-l .btn a { display:block;width:118px;height:27px;background:#fff url(images/image_manager/static.png) no-repeat -20px -120px;cursor:default;margin:16px auto 0 auto; }
	.im_upload-l .btn a.up:hover { background-position:-20px -147px; }
	.im_upload-l .btn a.up:active { background-position:-20px -174px;outline:none; }
	.im_upload-l .btn a.up-d { background-position:-20px -201px;outline:none; }


.im_upload-r { width:300px;height:315px;float:right;color:#666; }
	.im_upload-r .tb { height:16px;margin:0 0 12px 0;line-height:16px; }
	.im_upload-r .tb span { font-size:12px; }
	.im_upload-r .tb .btns { float:right; }
	.im_upload-r .tb .btns .sep { width:7px;height:16px;display:block;float:left;border-left:1px solid #bfbfc5;margin-left:8px; }

	.im_upload-r .tb a { width:16px;height:16px;background:transparent url(images/image_manager/static.png) no-repeat;display:block;float:left; }
		.im_upload-r .tb a:active { outline:none; }
		.im_upload-r .tb a.reload { background-position:-16px -237px; }
		.im_upload-r .tb a.reload:hover { background-position:-16px -253px; }
		.im_upload-r .tb a.reload:active { background-position:-16px -269px; }

		.im_upload-r .tb a.folder { background-position:-32px -237px; }
		.im_upload-r .tb a.folder:hover { background-position:-32px -253px; }
		.im_upload-r .tb a.folder:active { background-position:-32px -269px; }

		.im_upload-r .tb a.delete { background-position:-48px -237px; }
		.im_upload-r .tb a.delete:hover { background-position:-48px -253px; }
		.im_upload-r .tb a.delete:active { background-position:-48px -269px; }


	.im_upload-r .dest { width:298px;height:259px;border:1px solid #ccc; }
		.im_upload-r .dest .con { background:#fff url(images/image_manager/vertical.png) repeat-y -680px 0;overflow-y:auto;overflow-x:hidden;height:235px;width:100%;cursor:default; }

		.im_upload-r .dest .node { width:100%;height:20px;overflow:hidden; }
		.im_upload-r .dest .loading { margin:0;padding:0 0 0 22px;line-height:20px;float:left;background:#fff url(images/image_manager/static.png) no-repeat -384px -255px;color:#2b3744; }

		.im_upload-r .dest .item { margin:0;padding:0 0 0 20px;line-height:20px;background:#fff url(images/image_manager/static.png) no-repeat;float:left;width:auto;height:auto; }
		.im_upload-r .dest .img { background-position:-384px -235px; }
		.im_upload-r .dest .fldr { background-position:-384px -255px; }
		.im_upload-r .dest .fldr-ex { background-position:-384px -255px; }
		.im_upload-r .dest .root { background-position:-384px -295px; }

		.im_upload-r .dest a { border:1px solid #fff;text-decoration:none;padding:1px;color:#2b3744;cursor:default; }
		.im_upload-r .dest .item a:hover { text-decoration:none;border:1px solid #cdefff;background-color:#f8fafc; }
		.im_upload-r .dest .item a:active { outline:none; }

	.im_upload-r .path { width:298px;height:18px;border:1px solid #ccc;margin:6px 0 0 0; }

/* Uploading */
.im_stat { width:635px;height:266px;text-align:center;margin-top:27px;border:1px solid #ccc; }
	/* Progress bar and related elements */
	.im_stat .info { width:412px;height:auto;margin:84px auto 0 auto;cursor:default; }
	.im_stat h3 { font-weight:normal;font-size:12px;color:#999; }
	.im_stat .red { color:#dd3409; }

	.im_stat .prog { width:412px;height:18px !important;border:1px solid #ccc;border-bottom-color:#ddd;border-right-color:#ddd;padding:0;margin:0;float:left;display:inline;overflow:hidden;clear:both; }
	.im_stat .prog .con { width:410px;height:16px !important;background:transparent url(images/image_manager/horizontal.png) repeat-x 0 -170px;border:0;margin:0;padding:1px; }
	.im_stat .prog .con .bar { height:16px;background:transparent url(images/image_manager/horizontal.png) repeat-x 0 -188px; }

	.im_stat p { clear:both;line-height:18px;padding-top:8px;color:#999; }

	/* Upload complete */
	.im_stat .done { height:24px;margin-top:120px; }



.imagemanageritem { background-image:url(images/toolbar/image-manager.png);width:23px;height:23px;background-position:0px 2px;background-repeat:no-repeat; }
.imagemanageritem-hover { background-image:url(images/toolbar/image-manager.png);width:23px;height:23px;background-position:-23px 2px;background-repeat:no-repeat; }
.imagemanageritem-active { background-image:url(images/toolbar/image-manager.png);width:23px;height:23px;background-position:-46px 2px;background-repeat:no-repeat; }
.imagemanageritem-disabled { background-image:url(images/toolbar/image-manager.png);width:23px;height:23px;background-position:-138px 2px;background-repeat:no-repeat; }
/* Css from EventEditorStyle.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* Contains all the event editor content */
.EventContentBorder
{
	margin: 5px;
	padding: 10px;
	display: block;    
}

/* Containts the main controlling attributes of an event.  Contains an EventTimePanel and an EventSummaryPanel */
.EventHeaderPanel
{
	margin-bottom: 10px;
}

.EventHeaderPanel .EditorLabel
{
	font-size: 9pt;
}

/* ############################################# */

/* Contains the start/end properties of the event */
.EventTimePanel
{
}

/* The labels, which float in the margin, are much smaller than normal */
.EventTimePanel .EditorValue
{
	/* EventTimePanel has deliberately short labels */
	margin-left: 50px;
}

/* Select a date */
.DatePicker
{
	margin-right: 5px;
}

.DatePicker input {
	/* Cancel the width: 90% from the EditorValue */
	width:auto;
    border:0px;
    background-color:#F3F3F3;
}

.EditorValue .CalendarButton 
{
	width: auto;
	/* Match the vertical alignment of the CalendarSelector */
	vertical-align:text-top;
}

.EditorValue .CalendarButton 
{
	margin-right: 10px;
	width: auto;
	/* Match the vertical alignment of the CalendarSelector */
	vertical-align:text-top;
}

.EditorValue .CalendarSelector 
{
	/* Match the vertical alignment of the CalendarButton.  Note the default vertical alignment
		for input controls is baseline, which renders differently in IE/FF.  In FF in aligns the base line
		of the text inside the input.  In IE it's the bottom edge of the input box that goes on the base line */
	vertical-align:text-top;
}

/* Select a time */
.TimePicker
{
}

.TimePicker input {
	/* Cancel the width: 90% from the EditorValue */
	width:auto;
    margin-right:21px;
    margin-top:5px;
    border:0px;
    background-color:#F3F3F3;
}

/* ############################################# */

/* The section that contains the text attributes of the event */
.EventSummaryPanel
{
}

.EventSummaryPanel .EditorLabel
{
}

.EventSummaryPanel .EditorValue
{
	/* EventSummaryPanel has shortish labels */
	margin-left: 90px;
}

/* ############################################# */

/* Labels in the stacked line of attributes */
.EventEditorAttributeLabel
{
	float: left;
	margin-left: 10px;
	font-size: 9pt;
	line-height: 14pt;
	font-weight: bold;
	padding: 3pt 0pt 0pt 2pt;
}

/* Valuees in the stacked line of attributes */
.EventEditorAttributeValue
{
	float: left;
	margin-left: 0px;
	padding: 3pt 0pt 0pt 2pt;
}

.EventEditorAttributeValue select
{
}

.EventEditorAttributeCheckbox
{
	float: left;
	padding: 3pt 0pt 0pt 2pt;
}

.EventEditorAttributeCheckbox label
{
	font-size: 9pt;
	line-height: 14pt;
	font-weight: bold;
}

/* Attribute buttons show extra sections of the editor */
.EventEditorAttributeButton
{
	margin: 3pt 0pt 0pt 10pt;
}

/* Style of attribute button when it is depressed */
.EventEditorAttributeButtonDepressed
{
	margin: 3pt 0pt 0pt 10pt;
	border: inset 2px;
}

/* ############################################# */

/* The recurrence panel with the recurrence rule */
.RecurrenceContentPanel
{
	clear: both;
	margin: 5px;
	padding: 10px;
}

.RecurrenceHeadingLabel
{
	font-weight: bold;
	white-space: nowrap;
	padding: 3pt 0pt 0pt 2pt;
	display: block;
	margin-left: -10px;
}

.RecurrenceFreqOption
{
	font-size: 9pt;
	display: block;
}

.FilterByGroup
{
	float: left;
	clear: both;
	padding: 3px 2px 0 0;
}

/* FilterBy buttons expose extra sections of the editor */
.FilterByButton
{
	margin: 3pt 0pt 0pt 0pt;
}

/* Style of filter by button when it is depressed */
.FilterByButtonDepressed
{
	margin: 3pt 0pt 0pt 0pt;
	border: inset 2px;
}

.RecurrenceTextBox
{
	width: 20px;
}

.RecurrenceInstancesTextBox
{
	width: 100px;
}

.RecurrenceLabel
{
	font-size: 9pt;
}

.FreqPartPanel
{
	width: 270px;
	float: left;
	width: 60%;
	margin-bottom: 15px;
}

.FreqPartPanel .RecurrenceLabel
{
	clear: left;
}

.ByDayPartCheckbox
{
	margin-left: 10px;
	display: block;
	float: left;
	white-space: nowrap;
	font-size: 9pt;
}

.ByDayPartPanel
{
}

.ByMonthPanel
{
	margin-left: 290px;
}

.ByMonthPartCheckbox
{
	margin-left: 10px;
	display: block;
	float: left;
	width: 45px;
	white-space: nowrap;
	font-size: 9pt;
}

.RecurrenceCheckboxHelper
{
	float: left;
	margin: 5px;
}

.FilterByXPanel
{
	margin-bottom: 15px;
	margin-left: 10px;
	clear: left;
}

.RecurrenceEndPanel
{
	margin-left: 15px;
}

.RecurrenceEndOption
{
	display: block;
	margin-bottom: 5px;
	font-size: 9pt;
}

.RecurrenceEndDateLabel
{
	float: left;
	margin-right: 4px;
	font-size: 9pt;
}

/* ############################################# */

/* Description panel contains the descriptive text about the event */
.EventDescriptionPanel
{
	text-align: center;
}

.EventDescriptionPanel textarea
{
	width: 90%;
	height: 200px;
	/* This text area is shown in a fixed sized dialog, so don't permit resizing. */
	resize: none;
}

/* Css from FolderViewer.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* When free space drops below threshold, use this style to establish how much space is free */
.LowFreeSpaceHighlight
{
	color:Red;
}
/* Css from FormSection.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* An expandable form section which contains two FormSectionHeaders and a FormSectionDetailPanel */
.FormSectionPanel
{
}

/* ### FormSectionHeaders ### */

/* The style for the summary panel */
.FormSectionHeaderBorder 
{
	/* Specify border and margins here, but no padding or width */
	/*border: thin solid black;*/
	margin: 5px;
	display:block;
	cursor: pointer;
}

/* Immediately inside a FormSectionHeaderBorder */
.FormSectionHeaderContainer
{
	/* Specify padding width and background color here, but no margin or border */
	background-color: #3B8BDC;
	display: block;
	padding-bottom: 5px;
	height: auto;
	width: 100%;
}

/* The label in the FormSectionHeader */
.FormSectionLabel {
	color: #ffffff;
	float:left;
	clear:left;
	font-weight: bold;
	white-space: nowrap;
	padding: 3pt 0pt 0pt 2pt;
}

.FormSectionActions input[type=submit]{
-webkit-padding:5px 10px 5px 10px;
-moz-padding:0;
cursor:pointer;
}

/* Displayed to the right of the FormSectionLabel */
.FormSectionValue 
{
	display: block;
	padding: 3pt 0pt 0pt 2pt;
	min-height: 20px;
	margin-left: 165px;
	margin-right: 65px;
}

/* Holds the actions for the section */
.FormSectionActions 
{
	float:right;
	clear:right;
	white-space: nowrap;
	padding: 3pt 3pt 0pt 2pt;
}

/* ########################## */

/* The default style for the expandend section container */
.FormSectionDetailsPanel
{
	display: block;
	width: 80%;
	min-width: 450px;
	text-align: left;
}

/* Css from Grid.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* Styles for the Message list and Contact list Grids used in conjunction with Grid.skin */

/* Background style for the Grid */
.Grid 
{ 
  /*background-image:url('images/url.jpg');*/
  background-color: #FFFFFF;  
  cursor: default;
}


/* Heading cell styles */
.HeadingCell 
{ 
 /* background-image: url(images/header_bg.gif);   */
  background-color : #3b8bdc;
  padding: 3px;  
  padding-bottom: 3px;
  padding-right: 1px;     
  border-top: 1px solid #3B8BDC;
  border-bottom: 1px solid #fff;  
/* BC  height:25px; */

}

.HeadingCellHover 
{ 
 /* background-image: url(images/header_hoverBg.gif);   */
  padding: 3px;
  padding-bottom: 3px;
  padding-right: 1px;  
}

.HeadingCellActive
{ 
 /* background-image: url(images/header_hoverBg.gif);   */
  padding: 3px;
  padding-bottom: 3px;  
  padding-right: 5px;
  border-bottom: 5px solid #fff;
}

.HeadingCellText
{  
  font-family:'verdana';
  font-size: 11px; 
  padding-right: 5px;
  color:#fff;
  border-left:1px solid #4D4D4D;
  padding-left:3px;
  padding-top:0px;
  padding-bttom:0px;
}


/* Additional styles for a grid row containing an unread message */
.RowUnread
{
	font-family:Verdana;
    font-weight: bold;
}

/* Additional styles for a grid row containing a deleted message */
.RowDeleted
{
	color:#999999;
	text-decoration: line-through;
}

/* Normal Grid row style */
.Row td.DataCell 
{ 
  cursor: default;
  /* There's a CArt bug, 2008.2, where padding is not catered for in RenderDataCell resulting in the scrollbar
	being pushed off the screen.  We have hacked round this by hard coding for 3 px of padding left/right, 0 for top/bottom.  If 
	you increase or decrease this it'll take no effect, or else you may have to make a corresponding change. */
  padding: 3px; 
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px; 
  border-bottom: 1px solid #F3F3F3;   
  border-right: 0px;
  background-color:#FFF;
  background: rgba(256, 256, 256, .5);
  font-family:Verdana;
}


/* Additional styles for cells in the sorted column of the grid */
.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 

/* Aditional Styles for the last cell in a row */
.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

/* Styles for the selected row in a grid */
.SelectedRow td.DataCell 
{ 
  background-color: #D0DFF1; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  font-size: 12px;   
  border-right: 0px; 
}

.SelectedRow td.FirstDataCell 
{ 
  background-color: #FFEEC2; 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  background-color: #FFEEC2; 
  border-right: 1px solid #4B4B6F; 
}

/* Scroll bar styles */
.ScrollBar
{
  background-color:#eee;  
  width: 17px; 
}

.ScrollGrip
{
  background-color:#999999;
  width: 17px;
}


/* Styles for the pop up area beside the scroller on drag */
.ScrollPopup
{
  background-color: #FFFFFF; 
  border: 1px solid #666666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  height: 23px;
}




/* Css from IconButton.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* Styles for the IconButton */

/* The container style for the IconButton */
.IconButton 
{
}

.IconButton:hover
{
	cursor:pointer;
}

/* The IconButton contains a table with two cells, the first the image, the second the text */
.IconButton table 
{
	margin-left: auto;
	margin-right: auto;
	width: 70px;
}

/* The IconButton contains a table with two cells */
.IconButtonLabelCell
{
	text-align: center;
	white-space: nowrap;
	vertical-align:middle;
}

/* The label attached to the IconButton */
.IconButtonLabel 
{
	font-weight: bold;
	font-size:12px;
	vertical-align: middle;
}

/* The image attached to the IconButton */
.IconButtonImg
{
	vertical-align: middle;
}

/* Css from MailboxTree.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */


/* Styles used in conjunction with TreeView.skin to control how a node on the Mailbox Folder Tree should look */

.TreeView 
{ 
  background-color:White;
  padding-top:4px; 
  padding-left:1px; 
  cursor:default; 
}

.TreeNode 
{ 
  font-size: 8pt; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
}

.GrayedTreeNode 
{ 
  font-size: 8pt; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  color:gray; 
  cursor:default;
}

.HoverTreeNode 
{ 
  font-size: 8pt; 
  text-decoration:underline; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.SelectedTreeNode 
{ 
  font-size: 8pt; 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.NodeEdit 
{
  border:1px gray solid;
  font-size: 8pt;
}

/* Css from MeetingSummaryViewer.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */


/* The meeting summary panel; container for the MeetingSummaryViewer control */
.MeetingSummaryPanel 
{
	clear:both;
	text-align: left;
}

/* Text in the meeting summary viewer */
.MeetingSummaryText
{
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

/* Css from menuStyle.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* Styles for the top level menus, button bars and context menus 
 * This file should be edited in conjunction with Menu.skin which defines
 * extra margin information for each type of menu / button item along with
 * which style set should be used for each item type /*

/* The style for the top "File View Folder Message" menu bar area */
.MenuPanel
{
	background-color: #3b8bdc;
	margin-bottom: 0px;
	width: 100%;
	margin: 0;
	display: block;    
	height: 30px;
    padding-top:5px;
    border-bottom: 5px solid white;
    /* BC padding-left:27px;*/
}

.MenuPanel2
{
	background-color: #fff;
	margin-bottom: 0px;
	width: 98%;
	margin: 0;
	display: block;
    /* background-image: url(images/menu/top_left_curve.gif); 
	background-repeat: no-repeat; */
	height: 57px;
    flex-align:left;
    padding-left:37px;    
}

.MenuPanel3
{
	background-color: #fff;
	margin-bottom: 0px;
    padding-left:37px;
	width: 100%;
	margin: 0;
	display: block;
    /* background-image: url(images/menu/top_left_curve.gif); 
	background-repeat: no-repeat; */
	height: 43px;
}



/* The MenuPanel will contain 1:* MenuContainer regions, each of which will contain a menu */
.MenuContainer
{
	/* By floating each menu container, they stack to fill the same line. */
	float:left;
}

select{
background-color:#F3F3F3;
}

.ConnectionStatusPanel{
	float:right;
	height:20px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:10px;
	padding-top:10px;
	vertical-align:middle;
}

/* The style for the button bar area containing the Compose, Reply, New Contact, New Event buttons  */
.ToolbarPanel
{
	/* background-image: url(images/menu/menu_gradient.gif);
	background-repeat: repeat-x; */
	background-color: #3B8BDC;	
	/* Explicit height due to floated children */
	height: 37px;
	width: 100%;
	margin: 0;
	display: block;    
	clear: both;    
/*BC    padding-left:27px;*/
}

/* The Style for the Logo image located in the top menu bar */
.MenuLogo 
{
	border: none;
	margin: 3px 5px 3px 0px;
	float: right; /*BC left */  
}

.MenuLogo img {
	border: none;
    vertical-align:central;
  	margin-right:3px;  
}

/* The style for the bounding area containing the (File View Folder Message) drop down menus */
.TopGroup
{
	cursor:default;     
	padding-top:3px;
}

/* Styles controling the appearance of the background to the drop down menus and right click context menus */
.MenuGroup
{
	background-image:url(images/menu/group_background.gif);
	background-repeat: repeat-y;
	background-color:#FFFFFF;
	border:solid 1px #9AC6FF; 
	cursor:default; 
	padding-right: 5px;
}

/* used by the DefaultItemLook to control the normal appearance of an item on a context or drop down menu */
.MenuItem
{
	color:black;  
	font-size:9pt;
	font-weight: normal;
	margin-top: 3px;
}

/* used by the DefaultItemLook to control the appearance of an item on a context or drop down menu when it is hovered over */
.MenuItemHover
{
	background-color:#D0DFF1; 
	color:black; 
	font-size:9pt; 	
	margin-top: 3px; 
}

/* used by the DisabledItemLook to control the normal appearance of an item on a context or drop down menu that is disabled */
.DisabledMenuItem
{
	color:Gray; 
	font-size:9pt; 
	margin-top: -3px;
    margin-right:20px;
}

/* used by the DisabledItemLook to control the appearance of an item on a context or drop down menu that is disabled when it is hovered over*/
.DisabledMenuItemHover 
{
	background-color:#D0DFF1; 
	color:Gray; 
	font-size:9pt; 	
	margin-top: -3px;
    margin-right:20px;
}

.MenuItem img {
	margin-left:3px;
}
.MenuItemHover img {
	margin-left:3px;
}

.LogoutMenuItemHover {
cursor:pointer;
margin-top: 15px;
margin-right:20px;
}

/* Used by the TopItemLook to define the normal appearance of a top level (File View Folder Message) menu item */
.TopMenuItem
{
  font-family:'Verdana';
  color:#fff;
  font-size:9pt;
  font-weight: normal;
  margin: 0px;   
  padding: 3px 10px 4px 10px;  
}

/* Used by the TopItemLook to define the appearance of a top level (File View Folder Message) menu item when hovered over*/
.TopMenuItemHover
{
  /* background-color:#C6DBF7; */
  color:#cccccc; 
  font-weight: normal;
  font-size:9pt; 
  margin: 3px;   
  padding: 3px 10px 4px 10px;
  cursor:pointer 
}

/* Used by the ButtonItemLook to define the normal appearance of a button bar item */
.ButtonMenuItem
{
  font-family:'Verdana';
  color:#fff;  
  font-size:9pt; 
  margin: 2px 7px 2px 3px;
  height:27px;  
}

/* The text in the menu items */
.ButtonMenuItem table tr td.ca_tb_txt
{
  padding-left:2px;  
}

/* When we use the ButtonMenuItem in a toolbar, each item is a td, which can't have a margin, so the margin gets ignored and we see a jitter as you mouse over.
  The td will contain a table though, so we apply the margin to the table inside instead */
.ButtonMenuItem table {
  margin: 2px 7px 2px 3px;
}

/* Used by the ButtonItemLook to define the appearance of a button bar item when hovered over*/
.ButtonMenuItemHover
{
  font-family:'Verdana';  
  color:#fff;  
  font-size:9pt; 
  margin: 2px 7px 2px 3px;
  height:27px;  
  cursor:pointer;     
  background-color: #A5C7ED;  
}

.ca_tb_txt:hover {
 
}

/* The text in the menu items */
.ButtonMenuItemHover table tr td.ca_tb_txt
{
  padding-left:2px;
  margin: 2px 7px 2px 3px;
}

/* When we use the ButtonMenuItem in a toolbar, each item is a td, which can't have a margin, so the margin gets ignored and we see a jitter as you mouse over.
  The td will contain a table though, so we apply the margin to the table inside instead */
.ButtonMenuItemHover table {
  margin: 2px 7px 2px 3px;
}

/* Used by the BreakItem look to control the appearance of the section breaks in drop down and context menus */
.MenuBreak
{
	width:100%;
	height:1px;
}

/* Used by ScrollDown and ScrollUp item looks to contol the appearance of a scroll bar on a drop down or context menu */
.ScrollItem
{
  background-color:#D4D0C8; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px #D4D0C8; 
  cursor:default;
  text-align:center;
}

/* Used by ScrollDown and ScrollUp item looks to contol the appearance of a hovered over scroll bar on a drop down or context menu */
.ScrollItemH
{
  background-color:silver; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px gray; 
  cursor:default;
  text-align:center;
}

/* Used by ScrollDown and ScrollUp item looks to contol the appearance of an active scroll bar on a drop down or context menu */
.ScrollItemA
{
  background-color: darkgray; 
  color:black; 
  font-family:verdana; 
  font-size:12px; 
  border:solid 1px gray; 
  cursor:default;
  text-align:center;
}

/* Css from MessageViewer.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* The area that contains a HeaderContentPanel */
.HeaderPanel 
{
	background-color: #A5C7ED;
	/* As the element is 100% width, be sure not to add padding or borders to the left/right */
	/*border-bottom: 1px solid #AAAAAA;*/
	/* Create a bounding container that is full width */
	width: 100%;
	/* Make sure no floating children are outside this container */
	float: left;
    padding-bottom:5px;    
}

/* The area that contains the summary header info about the message */
.HeaderContentPanel 
{
	padding: 1px 5px 2px 5px;
}

.MessageHeaders 
{
	overflow: hidden;
}

/* Groups a MessageViewerLabel and a MessageViewerValue */
.MessageViewerField 
{
}

/* A label referring to a header MessageViewerValue */
.MessageViewerLabel 
{
	 font-weight:bold;
	 clear:left;
     padding-left:10px;
     font-family:Verdana;
     font-size:11px
}

/* Contains a portion of message data relating to a MessageViewerLabel */
.MessageViewerValue 
{
	margin-right: 10px;
    margin-top:0px;
    font-family:Verdana;
    font-size:11px;
}

/* Not all messages have cc'ed recipients, but if they do then they are displayed in one of these */
.CcPanel
{
	clear:left;
}

/* Houses the from/to/cc fields */
.MessageViewerEnvelopePanel
{
	/* Make sure no floating children are outside this container */
	overflow: hidden;
}

/* The attachment menu region, containing either the attachments button, or the loading panel */
.AttachmentMenuPanel 
{
	display:block;
	/* Specify the height to avoid the region getting larger on hover */
	height:29px;
}

/* ######################################################################################## */
/* Message Content Styles */

/* Contains all styles of message content, either FullHeadersPanel, or MessageBodyPanel */
.MessageContent
{
	clear:both;
	width: 100%;
	height:100%;
}

/* Content panel containing the full headers of the message */
.FullHeadersPanel 
{
	overflow: auto;
	width: 100%;
	border-bottom: 1px solid #AAAAAA;
}

.FullHeaders 
{
	white-space: nowrap;
	font-weight: bold;
}

/* Content panel containing the message text */
.MessageBodyPanel
{
	width:100%;
	height: 100%;
}

.MessageBodyFrame
{
	width: 100%;
	border: 0;    
}

@media screen {
	.PrintOnly 
	{
		display: none;
	}
}

@media print 
{
	.ScreenOnly 
	{
		display: none;
	}
}

.ActionPanel 
{
	clear: both;
	background-color: #F6DEA4;
	padding: 3px;
	height: 20px;
}

.ActionPanelLabel
{
	float:left;
}

.ActionPanelActions 
{
	float:right;
	padding-right: 3px;
}

/* Css from NavBar.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* Styles used in conjunction with NavBar.skin to control the appearance of items
 * on the sectional navigation bar down the left hand side of the screen */

/* Styles used by the TopItemLook to control how a main section item (Mail Calendar Contacts) looks */
.TopNavItem
{
	/*background-image: url(images/NavBar_header.gif);*/
	background-color: #3B8BDC;
	background-repeat: repeat-x;
	color: #FFF;
	font-size: 10pt;
	font-weight: normal;
	cursor: pointer;
	height: 24px;
	border-bottom: solid 1px #9AAEB2;
}

/* Move the icon away from the side of the screen */
.TopNavItem TD 
{
	padding-left: 5px !important;
}

.TopItemHover
{	
	background-color: #D0DFF1;
	color: #3E66A6;
	font-size: 10pt;
	font-weight: normal;
	cursor: pointer;
	height: 24px;
	border-bottom: solid 1px #9AAEB2;

}

.TopItemHover TD 
{
	padding-left: 5px !important;      
}    

.TopItemActive
{
	
	background-color: #3B8BDC;
	background-repeat: repeat-x;
	color: #fff;
	font-size: 10pt;
	font-weight: normal;
	cursor: pointer;
	height: 24px;
	border-bottom: solid 1px #9AAEB2;
}

.TopItemActive TD 
{
	padding-left: 5px !important;
}


/* Styles used by the DefaultItemLook and FilterGroupLook to control how a sub section nav bar item looks */
.NavItem
{
	color: black;
	font-size: 8pt;
	cursor: default;
	margin: 1px 1px 1px 5px;
}

.NavItemHover
{
	background-color: #D0DFF1;
	color: black;
	font-size: 8pt;
	cursor: default;
	margin: 1px 1px 1px 5px;    
	
}

.NavItemExpanded
{
	color: white;
	font-size: 8pt;
	border: 1px solid black;
	background-color: Black;
	cursor: default;
	margin: 1px 1px 1px 5px;
}

.SettingsSectionItemSelected
{
	background-color: #D0DFF1;
	color: black;
	font-size: 8pt;
	cursor: default;
	margin: 1px 1px 1px 5px;
}

.SettingsHeader
{
	background-color: #D0DFF1;
	color: black;
	font-size: 11pt;
	cursor: default;
	padding: 6px;
}

.ContextSearchPanel 
{
	padding: 5px;
}

.ContextSearchPanelInputContanier
{
	margin-right: 25px;
	/* Add padding to compensate for the border/padding the input will add to the width */
	padding-right: 6px;
	/* And hide any overflowed content to help the browser get the size of this container right */
	overflow: hidden;
}

.ContextSearchPanelInputContanier input
{
	width:100%;
}

.ContextSearchPanel img 
{
	float: right;
}

/* Styles used by the SectionItemLook */
.SectionNavItem 
{
	cursor: default;
	margin: 1px 1px 1px 1px;
}

/* Styles used by the NavBarSubGroupLook to control how the items in a sub section of the nav bar look */
.SubNavItem
{
	color: black;
	font-size: 8pt;
	margin: 1px 1px 1px 15px;
	cursor: default;
}

.SubNavItemExpanded
{
	color: white;
	font-size: 8pt;
	margin: 1px 1px 1px 15px;
	cursor: default;
}

.SubNavItemHover
{
	background-color: #FFEEC2;
	color: black;
	font-size: 8pt;
	margin: 1px 1px 1px 15px;
	cursor: default;
}

/* Disabled nav bar item looks */
.DisabledNavItem
{
	color: Gray;
	font-size: 8pt;
	margin: 1px;
	cursor: default;
}

.DisabledNavItemHover
{
	color: Gray;
	background-color: #FFEEC2;
	font-size: 8pt;
	margin: 0;
	cursor: default;
}

/* Nav bar break item styles */
.NavBreak
{
	width: 100%;
	height: 1px;
}

/* Css from SettingsEditor.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */
/* A bounding region for the value of the Editor property */
.SettingsEditorValue 
{
	/* Create a bounding rectangle, with a left margin */
	display: block;
	padding: 3pt 0pt 0pt 2pt;
	/* Leave a left hand margin for the floated EditorLabel.  Note if the label becomes long, it will render in our box */
	margin-left: 200px;
	/* Do not float this block, as when the page resizes, we want this to get wider/thinner. */
	float: none;
}

.PasswordPanel .EditorValue 
{
	/* Margin on the right for the Rules button */
	margin-right: 50px;
}

.PasswordRulesButton 
{
	clear:right;
	float:right;
	font-size: 9px;
	margin: 3pt 0 0 0
}

.EditorValueValidation 
{
	color:Red;
	clear:right;
	float:right;
	width: 50px;
}/* Css from SettingsList.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* The area that contains the list title */
.ListTitlePanel 
{
	/*background-image:url(images/menu/menu_gradient.gif);*/
    background-color:#A5C7EF;
	background-repeat:repeat-x;
	border-bottom: thin solid #AAAAAA;
	/* Create a bounding container that is full width */
	width: 100%;
	/* Set it above the SettingsEditorModalImage */
	position:relative;
	z-index:3;
}
/* Css from Slider.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */
/* Stepped Slider */
.SteppedSlider { }
	.SteppedSlider .grip { width:9px;height:29px;background:transparent url("images/slider/stepped/static.png") no-repeat;cursor:e-resize; }
	.SteppedSlider .grip-h { width:9px;height:29px;background:transparent url("images/slider/stepped/static.png") no-repeat -9px 0;cursor:e-resize; }
	.SteppedSlider .track { width:209px;height:25px;background:#fff url("images/slider/stepped/static.png") no-repeat -20px 0; }
	.SteppedSlider .track-inc { width:209px;height:25px;background:transparent url("images/slider/stepped/horizontal.png") repeat-x; }
	.SteppedSlider .dec { width:2px;height:25px;background:transparent url("images/slider/stepped/static.png") no-repeat -18px 0; }
	.SteppedSlider .inc { width:3px;height:25px;background:transparent url("images/slider/stepped/static.png") no-repeat -269px 0; }

/* Css from SpellChecker.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */
#RS_CM_DIV {
	position : absolute;
	Z-INDEX: 999;
	left: 190px;
	width : 200px;
	/*width : 190px;*/
}

#RS_CM_IF {
	position : absolute;
	Z-INDEX: 998;
	left: 190px;
	width : 200px;
	/*width : 190px;*/
}

			
.RS_ContextMenuTable {
  background-image:url(images/menu/group_background.gif) !important; 
  background-color:#FFFFFF !important;
  border:solid 1px #9AC6FF !important; 
}


.RS_CMItemSeparator{
	width:100%;
	height:1px;
	display:none !important;
}

.RS_ContextMenuItem_Over {
  color:black !important;  
  font-size:9pt !important;
  font-weight: normal !important;
  margin: 1px 0px 1px 0px !important;
  padding-left: 25px !important;
  background-color:#F6DEA4 !important; 
}

.RS_menuTextOffset{
	width: 29px;
}

.RS_ContextMenuItem {
  color:black !important;  
  font-size:9pt !important;
  font-weight: normal !important;
  margin: 1px 0px 1px 0px !important;
  padding-left: 26px !important;
}

.RS_ContextMenuItem_AllSubItem{
  color:black !important;  
  font-size:9pt !important;
  font-weight: normal !important;
  margin: 1px 0px 1px 0px !important;
  padding-left: 26px !important;
}

.RS_ContextMenuItem_AllSubItem_Over{
  color:black !important;  
  font-size:9pt !important;
  font-weight: normal !important;
  margin: 1px 0px 1px 0px !important;
  padding-left: 25px !important;
  background-color:#F6DEA4 !important; 
}

.RS_MenuEditBox{
	
	font-family: Verdana, Arial ; 
	font-size: 10pt;
	color:	black;
	text-decoration: none ;

	margin: 0px;

	Z-INDEX: 999;
	width:	auto !important;
	height: 18pt;
	vertical-align: middle;

}


.RS_ContextMenuItem_Disabled {
  color: Gray  !important; 
  font-size:9pt !important;
  font-weight: normal !important;
  margin: 1px 0px 1px 0px !important;
  padding-left: 26px !important;
}
/* Css from SplitterStyle.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* Styles to control the appearnce of horizontal and vertical splitter bars */

.HorizontalSplitterBar
{
  /*background: #A7C6E8 url(images/splitter_horColBg.gif); */
  background-color:#A5C7EF;
}

.CollapsedHorizontalSplitterBar
{
  /*background: #A7C6E8 url(images/splitter_horColBg.gif); */
  background-color:#A5C7ED;
}

.VerticalSplitterBar
{
  /*background: #A7C6E8 url(images/splitter_verColBg.gif); */
  background-color:#A5C7ED;
}

.CollapsedVerticalSplitterBar
{
  /*background: #A7C6E8 url(images/splitter_verColBg.gif); */
  background-color:#A5C7ED;
}

/* Styles for a stlitter bar that is being draged to resize */
.ActiveSplitterBar
{
  background-color: #000000;  
  filter:alpha(opacity=40);
  opacity: 0.4;
}

.SplitterPane
{
 /* border-top: 1px solid #333333; */
 /* border-left: 1px solid #333333; */
 /* border-right: 1px solid #333333; */
}

.DetailsPane
{
  border: 7px solid #666666;
}

/* Css from Tree-CalendarTree.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

/* An item in the nav bar.  Contains a CalendarItemText and a CalendarItemColor */
.CalendarItem
{
}

/* The text that goes with a CalendarItemColor. */
.CalendarItemText
{
	/* Better alignment of the text with the CalendarItemColor, but only works in IE */
	padding-bottom: 2px;
}

/* An img tag inside a CalendarItem */
.CalendarItemColor 
{
	border: thin solid black;
	/* In the absence of any overridden colour, use white as the background */
	background-color: White;
	width: 12px;
	height: 12px;
	/* CArt's nav bar creates a table per row with an empty cell at the end with width 100%.  This means we must
		make sure our cell, which CArt encloses in a nobr tag, contains inline-block elements */
	display: inline-block;
}

/* Used on the edit form to describe a color choice.  A span containing a radio input */
.CalendarItemColorChoice
{
	border: thin solid black;
}

/* A radio input */
.CalendarItemColorChoice input
{
	/* Have to say important, else IE gets stuck with the width:90% form EditorValue: input */
	width: auto !important;
}
/* Css from WebDateChooser.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

.igwdc_Title
{
	border:0px;
	background-image: url(images/header_bg_repeat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFD5;
	font-family:Tahoma,Verdana;
	font-size:8pt;
	color:Black;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	border-width: 0px !important;
	height: 17px !important;
	border-style: none;
}


.igwdc_Button
{
	background-image: url(images/header_bg_repeat.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.igwdc_DayHeader
{
  font-family:Tahoma,Verdana;
  font-size:8pt;
  color:Black;
  width:21px;
  text-align:center;
  font-weight:bold;
  background-color:#A5C7EF;
}

.igwdc_Day
{
  font-family:Tahoma,Verdana;
  font-size:8pt;
  color:Black;
  text-align:center;
  border-width:1px;
  border-color:#A5C7EF;
  border-style:solid;
  background-color:#FFFFFF;
}

.igwdc_OtherDay
{
  font-family:Tahoma,Verdana;
  font-size:8pt;
  color:Black;
  color:#999999;
  background-color: #A5BFE1;
}
/* Css from WebDayView.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

.igdv_DayViewFrame
{
	background-color:#FAF5B9;
	cursor:default;
}

.igdv_Control
{
	background-color:#FAF5B9;
	cursor:default;
}

/* Next / Previous header */
.igdv_CaptionHeader
{	
	border-left: 1px solid #4A4F87;	
	border-right: 1px solid #4A4F87;		
	background-color:#3B8BDC;
	font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif;
	font-weight: bold;	
	font-size:12pt;
	color:#FFFFFF;
	height:24px;
	padding-top:1px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
}

/* Day header */
.igdv_DayHeader
{
	border:0px;		
	height: 17px;
	background-color:#A5C7ED;
	font-family:Tahoma,Verdana;
	font-size:8pt;
	padding-left:2px;
	color:Black;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}

/* Today header */
.igdv_TodayHeader
{
	border:0px;
	background-color:#A5C7ED;
}

/* Left hand Time slot label */
.igdv_TimeSlotLabel
{
	font-size:12pt;
	background-color:#A5C7ED;
	width:40px;
	font-family:Tahoma,Verdana;
	text-align:center;
	vertical-align:top;
	border-bottom:1px solid #4F80FF;
	border-right:1px solid #4F80FF;
	/* Offset height = height plus borders which must equal offset height of igdv_TimeSlotLabel */
	height: 39px;
}

/* Hide the minute slot label */
.igdv_TimeSlotLabelMinutes
{
	display:none;
}

/* Area for all day events above the timed events */
.igdv_AllDayEventArea
{
	background-color:#A5C7ED; 
}

.igdv_AllDayEvent
{
	height:25px;
	border:solid 1px black;
	text-align:center;
	background-color:whitesmoke;
	font-family:Tahoma,Verdana;
	font-size:8pt;
	padding-left:3px;
	white-space:nowrap;
}

.igdv_AllDayEventSelected
{
	background-color:#D0D0D0;
	border-top-width:2px;
	border-bottom-width:2px;
}

.igdv_AllDayEventAreaSelected
{
	background-color:#A5C7ED;
}

/* Style for non working time slots */
.igdv_NonWorkingTimeSlot
{
	background-color:#E2E2E2;
	border-bottom:solid 1px #4F80FF;
	border-right:solid 1px #4F80FF;
	/* Offset height must equal half of offset height of igdv_TimeSlotLabel */
	height: 20px;
}

/* style for working time slots */
.igdv_WorkingTimeSlot
{
	background-color:#fff;
	border-bottom:solid 1px #4F80FF;
	border-right:solid 1px #4F80FF;
	/* Offset height must equal half of offset height of igdv_TimeSlotLabel */
	height: 20px;
}

.igdv_Appointment
{
	border:solid 1px #111111;
	background-color:#3B8BDC;
	font-family:Tahoma,Verdana;
	font-size:8pt;
}


/* Add Move and resize cursors to appointments in the day view */
.igdv_ActivityHover .CalendarEventListActivityEdgeLeft 
{
	z-index:10000;
	cursor: move;
}

.igdv_ActivityHover .CalendarEventListActivityEdge
{
	cursor: n-resize;
}

.igdv_SelectedAppointment
{
	z-index:9999;
}

.igdv_ActivityEdge
{
	font-size:1px;
	height:4px;
	cursor:n-resize;
}

.igdv_ActivityEdgeLeft
{
	font-size:2px;
	width:6px;
	cursor:move;
}

.igdv_ActivityEdgeBusy
{
	background-color:#0010E6;
}

.igdv_ActivityEdgeTentative
{
	background-color:#90C0FF;
}

.igdv_ActivityEdgeOutofOffice
{
	background-color:#900090;
}

.igdv_ActivityEdgeFree
{
	background-color:#F0F0F0;
}

.igdv_NavigationButton
{
	border:0px;
	width:17px;
	background-color:transparent;
	vertical-align:middle;
	cursor:pointer;
}

/* Css from webmonthview.css */
/* MailSite ExpressPro Web.UI 10.3.0.14 */
/* Styles.10.3.0.14.css Copyright 2005-2015 Rockliffe, Inc. */

.igmv_Month
{
	font-size: x-small;
	margin: 0px;
	padding: 0px;
	position: relative;
    background-color:#A5C7ED;
}

.igmv_WeekNumber
{
	text-align: center;
	background-color: #ECE9D8;
	border-top: 1px solid #CEC79B;
	padding-right: 1px;
	width: 20px;
}
.igmv_MonthDayOfWeekHeader
{
	text-align: center;	
	border-top: 1px solid #A5C7ED;
	border-bottom: 1px solid #A5C7ED;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	cursor: default;
	height: 1%;
	line-height: 14px;
}

.igmv_CaptionHeader
{
	text-align: center;
	color: #FFFFFF;
	background-color: #3B8BDC;	
	border: 0px;
	height: 1%;
	line-height: 20px;
}

/*****************************************
	Ensure CaptionHeader Styling
	----------------------------
	Table Location: first row, first column of table, igmv_CaptionHeader area
	
	Role: overrides igmv_WeekNumber styles that are
	unwanted in the igmv_CaptionHeader area.
	
	Need: igmv_WeekNumber is applied in the first row, first column of the
	table to ensure the WeekNumber width is applied 
	properly to the first column.
******************************************/
tr.igmv_CaptionHeader td.igmv_WeekNumber
{
	border: 0px;
	background-color: transparent;
	line-height: 19px;
	height: 1%;
}

/*
** Day Oriented Classes
*/
.igmv_Day
{
	color: #000000;
	background-color: #F4F4F4;
	border-left: 1px solid gray;
	height: 12%;
	vertical-align: top;
}

/*
** NOTE: OtherMonthDay does not inherit from Day because Day by definition is non-Trailing. 
*/
.igmv_OtherDay
{
	color: #000000;
	background-color: #E2E2E2;
	border-left: 1px solid gray;
	height: 12%;
	vertical-align: top;
}

.igmv_Today
{
}

.igmv_ActiveDay
{
}

/*
** The events are drawn inside one of these, which sits inside a Day/OtherDay
*/
.CalendarMonthEventListDayEvents
{
	height: 100%;
	width: 100%;
	white-space: nowrap;
	overflow-y: auto;
	overflow-x: hidden;
}


/*
** DayHeader Oriented Classes.
*/

.igmv_DayHeader
{
	font-size: xx-small;
	color: #000000;
	text-align: right;
	background-color: #F4F4F4;	
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	padding-right: 2px;
	padding-top: 0px;
	height: 3%;
	line-height: 15px;
	vertical-align: top;
}


/*
** NOTE: OtherMonthDayHeader does not inherit from DayHeader because DayHeader by definition is non-Trailing. 
*/
.igmv_OtherDayHeader
{
	font-size: xx-small;
	color: #000000;
	text-align: right;	
	background-color: #E2E2E2;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	padding-right: 2px;
	padding-top: 0px;
	height: 3%;
	line-height: 15px;
	vertical-align: top;
}

.igmv_TodayHeader
{
	background-image: url(images/TodayHeader_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFD5;
}

.igmv_ActiveDayHeader
{
	color: #000000; 
	background: #757575;
}

/*
** Appointment Oriented Classes
*/
.igmv_Appointment
{
	font-size: xx-small;
	text-align: left;
	background-color: #3B8BDC;
	border: 1px solid #000000;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
	line-height: 15px;
}

.CalendarEventListAllDayEvent
{
	font-size: xx-small;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	cursor: pointer;
	line-height: 15px;
}

.CalendarEventListActivityEdge
{
	font-size: 1px;
	height: 2px;
}

.CalendarEventListActivityEdgeLeft
{
	font-size: 2px;
	width: 6px;
	border-right: thin solid #808080;
}

/*
** SelectedAppointment inherits from Appointment and AllDayEvent
*/
.igmv_SelectedAppointment
{
	color: #FFFFFF;
	background-color: #316AC5;
}

/*
 igmv_NavigationButton is applied to both Previous and Next buttons
*/
.igmv_NavigationButton
{
	background-color: Transparent;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;
	top: -4px;
}

.igmv_NavigationButtonPrev
{
	left: 6px;
}

.igmv_NavigationButtonNext
{
	right: 6px;
}