/* Content Page

** To quickly navigate to the section, just highlight the shortcut key 
(e.g. !Footer)and hit Ctrl F and click on Find Next and you will reach
the Footer section**

Colour Palette
HTML (!HTML)
ASCX Control (!ASCX)
Global (!Global)
	Input Fields (!Input)
	Error Message (!Error)
	Buttons (!Button)
Login Page (!Login)
Staff Body (!StBody)
	Top Row (!TopRow)
		Login Info (!LogInfo)
		Staff Main Menu (!StMenu)
	Banner and Breadcrumb (!B&B)
Staff Main Content (!StCt)
	Staff Help Text Top (!StHT)
	Staff Sub Menu (!StSub)
	Staff Tab (!StTab)
	Tableform (!Table)
Staff Site Browse (!Browse)
	Staff Menu Group (!Action)
	Staff Area Transparent (!StArea)
Editing mode 
	Public Left Content (!LeftCt)
	Public Main Content (!MainCt)
		Wizard Tab Header Group (!WizHead)
		Wizard Tab Body Group (!WizBody)
			Inner Help Area (!Inner)
			WYSIWYG (!WYS)
			Wizard Tab Body Content (!WBCt)
				Wizard Sub Tab Body (!WizSub)
				Related Content Styles (!Related)
				Image Dimension Setting (!Image)
				Image & Document List (!IDList)
				Calendar (!Calendar)
	Public Right Content (!RighCt)
		
/*
Colour charts:
#000(000) = Black
#333(333) = Dark Grey
#555(555) = Grey
#666(666) = Grey

#AAA(AAA) = Light Grey
#BBB(BBB) = Light Grey
#CCC(CCC) = Light Grey
#DDD(DDD) = Light Grey
#EEE(EEE) = Light Grey
#FFF(FFF) = White

#D4D0C8 = Light Grey
#F7F7F7 = Light Grey
#DEDEDE = Light Grey
#EFEFEF = Light Grey
#FF6500 = Orange
#999999 = Grey
#EAEAEA = Light Grey
#878787 = Grey
*/

/********************************** HTML (!HTML) ******************************************/


/********************************** ASCX Control (!ASCX) **********************************/

.SettingsMenuGroup
{
	float: left;
	padding: 0px;
	height: 21px;
	margin: 0 2px 0 0;
	background: #000;
	cursor: pointer;
}
.SettingsMenuGroupActive
{
	background: #999999;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #666;
	border-bottom: 0;
}
.SettingsMenuGroup img
{
	margin: 7px 4px 6px 4px;
	padding: 0;
}
.SettingsMenuItemText
{
	font-size: 11px;
	font-family: Verdana;
	color: #FFF;
	padding: 2px 7px 0px 7px;
	margin: 0;
	float: left;
}
.SettingsMenuItem, .SettingsMenuItemHover, .SettingsMenuItemSelected, .SettingsMenuItemSelectedHover, .SettingsMenuItemDisabled, .SettingsMenuItemDisabledHover
{
	cursor: default;
	padding: 0;
	width: 120px;
	background: #666;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
}
.SettingsMenuItemHover
{
	background: #999;
}
.ArticleStatus, .CategoryStatus /* ArticleStatus Not Found */
{
	font-size: 11px;
	border: 1px dashed #FF0000;
	padding: 7px;
	background: #EEE;
	margin: 5px 3px 5px 3px;
}
#Settings
{
	float: left;
}

/**************************** Staff Global (!Global)****************************************/
/****************** Input Field (!Input)*******************/
.InputField, .InputFieldShort, .InputFieldMedium, .InputFieldLong, .InputFieldFull, .CalenderMonthDropDownList, .CalenderYearDropDownList
{
	float: left;
	font-family: Arial, Verdana;
	font-size: 12px;
	border: 2px solid #CCC;
	border-style: inset;
	padding: 2px;
	margin: 0 0 0 0;
	background: #FFF;
}
.InputFieldShort
{
	width: 100px;
}
.InputFieldMedium
{
	width: 200px;
}
.InputFieldLong
{
	width: 300px;
}
.InputFieldFull
{
	width: 95%;
}
input[disabled]
{
}

.InputFieldHeader1, .InputFieldHeader2
{
	width: 99%;
	border: 1px solid #999;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 1px 1px;
}

/********************* Error Message (!Error)*****************/
.ErrorMessageArea
{
	padding: 5px;
}
.ErrorMessage
{
	color: Red;
	font-size: 10px;
	font-weight: bold;
	clear: both;
	width: 100%;
	float: none;
}
.ErrorMessageContainer
{
	height: 20px;
}

/********************* Buttons (!Button)********************/

.ButtonAdmin, .ButtonWizardNavigation, .ButtonAdmin-Image, .ButtonAdmin-Image-MoveUp
{
	font-family: Verdana, Arial;
	font-size: 11px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #D4D0C8;
	margin: 0;
	padding: 3px 5px 3px 5px;
	width: auto;
	text-decoration: none;
	color: #000;
	cursor: default;
}
.ButtonAdmin-Image
{
	float:right;
	padding-right:16px;
	background-image:url("/Images/cross.png");
	background-image:url("/Images/Delete_Image.jpg");
	background-repeat:no-repeat;
	background-position:right center;
	width:28px;
	border:none;
	background-color:#EEEEEE;
	height:10px;
	cursor:pointer;
}
.ButtonAdmin-Image-MoveUp
{
	float:right;
	padding-right:16px;
	background-image:url("/Images/arrow_up.png");
	background-image:url("/Images/MoveUp-Image.jpg");
	background-repeat:no-repeat;
	background-position:right center;
	width:35px;
	border:none;
	background-color:#EEEEEE;
	height:10px;
	cursor:pointer;
}
.ButtonWizardNavigation
{
	width: 70px;
}

/*******************************  Login Page (!Login)*******************************/

#LoginForm
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	background-color: #eeeeee;
	border-top: outset 2px #eeeeee;
	border-left: outset 2px #eeeeee;
	border-right: outset 2px #eeeeee;
	border-bottom: outset 2px #eeeeee;
	width: 390px;
}
#LoginBannerImage
{
	width: 390px;
}
#LoginFormLink
{
	border: 1 solid #ffffff;
	float: right;
	margin: 0 5px 0 0;
}
#LoginTable
{
	width: 100%;
}
.LabelHint
{
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
.Label
{
	margin-left: 20px;
	width: 100px;
}
.Button
{
	border-top: outset 1px #eeeeee;
	border-left: outset 1px #eeeeee;
	border-right: outset 1px #eeeeee;
	border-bottom: outset 1px #eeeeee;
	background: #CCC;
	float: left;
	margin: 0px 3px 0px 3px;
	padding: 2px 12px 2px 12px;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
.Button a:link, .Button a:visited
{
	color: #333;
}

/****************************** Staff Body (!StBody)********************************/


#StaffBody, #StaffBody td
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
#StaffBody a, #StaffTopRow a
{
	color: #333;
}


/************* Staff TopRow (!TopRow)*****************/

#StaffTopRow
{
	height: 26px;
	background: #eeeeee;
	border-bottom: solid 3px #999999;
	font-size: 11px;
}

/************ Login Info (!LogInfo)*******************/

#StaffLoginInfo
{
	font-family: Arial, Verdana;
	font-size: 11px;
	float: left;
	padding: 5px 0 0 10px;
}

/************* Staff Menu (!StMenu)******************/

#StaffMainMenu
{
	float: right;
	font-size: 11px;
	font-family: Verdana, Arial;
	height: 19px;
	margin: 5px 5px 0 0;
}

#StaffMainMenu a
{
	text-decoration: none;
	color: #FFF;
}
.StaffMenuActive
{
	background: #999999;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #555;
	border-bottom: 1px solid #999999;
}
.StaffMenuInactive
{
	background: #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.StaffMenuActive, .StaffMenuInactive
{
	width: 95px;
	float: left;
	padding: 2px;
	height: 15px;
	margin: 0 2px 0 0;
	text-decoration: none;
	text-align: center;
}

/*********** Staff Banner and Breadcrumb (!B&B)************/

#StaffBannerAndBreadcrumbArea
{
	height: 80px;
}
#StaffBanner
{
	position: absolute;
	top: 30px;
	width: auto;
	height: 72px;
	padding: 2px 0 0 0;
	z-index: 1;
}
#StaffLogo
{
	float: left;
	border: 0;
}
#StaffBreadcrumbsBorder
{
	position: absolute;
	top: 57px;
	height: 18px;
	border-bottom: 18px solid #ccc;
	width: 100%;
}
#StaffBreadcrumbs
{
	position: absolute;
	top: 57px;
	height: 18px;
	border-bottom: 18px solid #ccc;
	text-align: left;
	padding-left: 192px;
}
/****************************** Staff Main Content (!StCt)********************************/

#StaffMainContent
{
	float: left;
	clear: right;
	width: 98%;
	padding-left: 10px;
	padding-right: 8px;
}

/*********** Staff Help Text Top (!StHT)***************/

#StaffHelpTextTop
{
	position: relative;
	width: 98%;
	background-color: #EAEAEA;
	border: 1px dashed #333;
	padding: 10px 10px 10px 10px;
	display: block;
	margin-bottom: 20px;
}

/***************** Staff Submenu (!StSub)***************/

.StaffSubMenuCollection
{
	margin-left: 2px;
	position: absolute;
	float: left;
	top: 126px;
	z-index: 1;
}
.StaffSubMenuActive
{
	background: #FFF;
}
.StaffSubMenuInactive
{
	background: #999;
}
.StaffSubMenuActive, .StaffSubMenuInactive
{
	width: 100px;
	float: left;
	padding: 2px;
	height: 15px;
	text-align: center;
	margin-left: 1px;
	text-decoration: none;
	border-right: 1px solid #999;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
.StaffSubMenuActive a, .StaffSubMenuInactive a
{
	color: #000;
}



/* -------------------------------------------------------------------------- */
/* Staff tab styles:      (!StTab)                                                    */
/* -----------------                                                          */
/*                                                                            */
/* The following classes are used to style ComponentArt's Tab and MultiPage   */
/* controls.                                                                  */
/*                                                                            */
/* The Design Concept:                                                        */
/* -------------------                                                        */
/*                                                                            */
/* There are two levels of depths available. The first level has prefix       */
/* "Staff" (e.g. StaffTabHeaderGroup), and the second level has prefix        */
/* "StaffSub" (e.g. StaffSubTabHeaderGroup). For each level of depth, tab     */
/* headers are contained within group "StaffTabHeaderGroup" or                */
/* "StaffTabSubHeaderGroup". Each tab header is assigned                      */
/* "Staff(Sub)TabHeader[STATUS]", where STATUS is either "Active", "Inactive",*/
/* or "Disabled". Similarly, tab bodies are contained within group            */
/* "Staff(Sub)TabBodyGroup"; and each body is assigned "Staff(Sub)TabBody" or */
/* "Staff(Sub)TabBodyTransparent for transparent effect. Inside the body,     */
/* there is "Staff(Sub)TabBodyContent".                                       */
/*                                                                            */
/* + ...                                                                      */
/*   + StaffTabHeaderGroup                                                    */
/*     + StaffTabHeaderActive/StaffTabHeaderInactive                          */
/*   + StaffTabBodyGroup                                                      */
/*     + StaffTabBody/StaffTabBodyTransparent                                 */
/*       + StaffTabBodyContent/StaffTabBodyContentTransparent                 */
/*         + StaffSubTabHeaderGroup                                           */
/*           + StaffSubTabHeaderActive/StaffSubTabHeaderInactive              */
/*         + StaffSubTabBodyGroup                                             */
/*           + StaffSubTabBody/StaffSubTabBodyTransparent                     */
/*             + StaffSubTabBodyContent/StaffSubTabCodyContentTransparent     */
/* -------------------------------------------------------------------------- */

.StaffTabHeaderGroup, .StaffTabHeaderGroup td
{
	margin: 18px 0 0 3px;
	padding: 0;
}
.StaffTabHeaderGroup
{
}
.StaffTabHeaderGroup td
{

	z-index: 99;
	width: 100%;
}
.StaffTabBodyGroup, .StaffTabBodyGroup td
{
	margin: 0;
	padding: 0;
}
.StaffTabBodyGroup
{
	width: 100%;
}
.StaffTabBody, .StaffTabBodyTransparent
{
	top: -1px;
	position: relative;
}
.StaffTabBody
{
	background: #FFF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 0;
	width: 100%;
}
.StaffTabBodyTransparent
{
	background: none;
	border: 0;
	border-top: 1px solid #CCC;
}
.StaffTabBodyContentTransparent
{
	padding: 10px 0 0 0;
	margin: 0;
	width: 100%;
}
.StaffTabBodyContent
{
	padding: 1%;
	width: 98%;
}
.StaffInnerHelpArea
{
	color: #333;
	font-size: 12px;
	margin: 10px 0;
}
.StaffTabHeaderDisabled, .StaffTabHeaderInactive, .StaffTabHeaderActive
{
	width: 100px;
	margin: 0 0 0 1px;
}
.StaffTabHeaderActive td, .StaffTabHeaderInactive td, .StaffTabHeaderDisabled td
{
	margin: 0 0 0 0;
	padding: 2px 5px 2px 5px;
	color: #000;
	cursor: pointer;
	font-family: Verdana;
	font-size: 11px;
}
.StaffTabHeaderDisabled td
{
	background: #CCC;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #666;
	color: #999;
}
.StaffTabHeaderActive td
{
	background: #FFF;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 0;
}
.StaffTabHeaderInactive td
{
	background: #999;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #666;
	color: #000;
}
.SiteConfigButtonArea
{
	float: right;
}
.StaffTabBodyContent td
{
	border-bottom: 1px solid #DDD;
	vertical-align: middle;
	height: 27px;
	padding: 0 5px;
}
.StaffTabBodyContent td img
{
	border: 1px solid #000;
	padding: 0px 2px;
	position: relative;
}
.StaffTabBodyContent, .StaffTabBodyContent td, .StaffTabBodyContent p
{
}

.SiteConfigurationTable
{
	margin: 10px 0;
}
.SiteConfigurationTable th, .SiteConfigurationTableRow, .SiteConfigurationTableRowAlternate
{
	padding: 5px 10px;
	color: #333;
}
.SiteConfigurationTable th
{
	font-weight: bold;
	color: #FFF;
	background-color: #878787;
	text-align: left;
	border-right: 1px solid #AAA;
	border-top: 1px solid #666;
	border-left: 1px solid #999;
	background-image: url(/images/rocksolid-gradient-dark-grey.jpg);
	background-repeat: repeat-x;
}
.SiteConfigurationTableRow, .SiteConfigurationTableRowAlternate
{
	border-top: 0;
	vertical-align: top;
}
.SiteConfigurationTableRowAlternate
{
	background: #EEE;
}

/**************************** TableForm Container (!Table)**********************************/

.TableFormContainer
{
	position: relative;
}
.TableForm
{
	margin-top: 21px;
	background-color: #FFF;
	border-top: #CCC solid 1px;
	border-bottom: #999 solid 1px;
	border-left: #CCC solid 1px;
	border-right: #999 solid 1px;
	padding: 0 10px 0 0;
	width: 100%;
}
.TableHeader
{
	color: #000;
	background-color: #EFEFEF;
	font-weight: bold;
	padding: 5px 0 7px 5px;
	margin: 0;
	border-top: #DEDEDE solid 1px;
	border-bottom: #CCC solid 1px;
}


/*********************** TableRow ******************/
.TableRowHeader
{
	font-size: 12px;
	text-align: left;
	font-weight: 700;
	color: #000;
	background-color: #F7F7F7;
	padding: 4px 0 3px 5px;
	border-top: #DDD solid 1px;
	border-bottom: #BBB solid 1px;
}
.TableRowHeaderDate
{
	font-size: 12px;
	text-align: left;
	font-weight: 700;
	color: #000;
	background-color: #F7F7F7;
	padding: 0px 0 7px 5px;
	border-top: #DEDEDE solid 1px;
	border-bottom: #DEDEDE solid 1px;
	width: 80px;
}
/*********************** Table Image *******************/

.TableDataManageImagesStatic
{
	border-bottom: solid 1px #dddddd;
	padding: 5px;
	width: 260px;
}

/*************** Table Data ***************/

.TableData
{
	border-bottom: solid 1px #dddddd;
	padding: 5px;
}

/*********** Staff Button Container *****************/

.StaffButtonContainer
{
	color: #000;
	background-color: #EFEFEF;
	padding: 5px 0 7px 5px;
	border-top: #DEDEDE solid 1px;
	border-bottom: #DEDEDE solid 1px;
	height: 30px;
}

/********** Staff Help Text Right (!StHR)*****************/

#StaffHelpTextRight
{
	background-color: #EAEAEA;
	border: 1px dashed #333;
	padding: 10px 10px 10px 10px;
	height: 350px;
	width: 50%;
}
 /****************** Table Footer *****************/
 
 .TableFooter
{
	background-color: #EFEFEF;
	height: 20px;
}

/****************************** Staff Site Browse (!Browse)**************************************/

/************** Staff Menu Group (!Action)************/
.CategoryContextSensitiveMenu
{
	float: right;
}
.StaffMenuGroup
{
	background-color: #EEE;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	cursor: default;
	padding: 1px;
	position: relative;
	float: left;
	right: 20px;
	bottom: 20px;
}
.StaffMenuItem img, .StaffMenuItemHover img, .StaffMenuItemSelected img, .StaffMenuItemSelectedHover img, .StaffMenuItemDisabled img, .StaffMenuItemDisabledHover img
{
	margin: 1px 6px 1px 1px;
	padding: 1px;
	display: block;
	visibility: visible;
	border: 1px solid #EEE;
}
.StaffMenuItemHover img, .StaffMenuItemDisabledHover img
{
	border: 1px solid #CCC;
}
.StaffMenuItemSelected img, .StaffMenuItemSelectedHover img
{
	border: 1px solid #333;
}
.StaffMenuItem, .StaffMenuItemHover, .StaffMenuItemSelected, .StaffMenuItemSelectedHover, .StaffMenuItemDisabled, .StaffMenuItemDisabledHover
{
	cursor: default;
	padding: 0px 3px 0px 3px;
	background: #EEE;
	height: 18px;
}
.StaffMenuItem
{
	color: #333;
}
.StaffMenuItemHover, .StaffMenuItemSelectedHover, .StaffMenuItemDisabledHover
{
	color: #000;
	background-color: #CCC;
}
.StaffMenuItemDisabled td, .StaffMenuItemDisabledHover td
{
	color: #AAA;
}
.StaffMenuBreak
{
	border-top: 1px solid #999;
	height: 1px;
}
.StaffMenuItemText, .StaffMenuItemKeyboardShortcut
{
	font-size: 11px;
	font-family: Verdana;
}
.StaffMenuItemText
{
}
.StaffMenuItemKeyboardShortcut
{
	color: #999;
	text-align: right;
	padding: 0 0 0 5px;
}
/**************** Staff Area Transparent (!StArea)**************/

.StaffArea
{
	background: #CCC;
	padding: 5px;
	margin: 3px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border: 1px solid #999;
	text-align: right;
	font-family: Verdana, Arial;
	font-size: 11px;
}
.StaffArea img, .StaffAreaTransparent img
{
	border: 0;
	text-align: right;
	margin: 0;
	padding: 2px;
	vertical-align: middle;
}
.StaffArea a, .StaffArea a:visited
{
	text-decoration: none;
	color: #000;
	margin: 0 2px 0 2px;
	padding: 0;
}
.StaffAreaTransparent
{
	float: right;
	margin: 1px;
	padding: 5px 0 5px 5px;
	font-family: Verdana, Arial;
	font-size: 11px;
}
.StaffAreaTransparent a, .StaffAreaTransparent a:hover
{
	text-decoration: none;
	margin: 1px;
	padding: 1px;
}
.StaffAreaTransparent a
{
	color: #999;
	border: 1px solid #EEE;
}
.StaffAreaTransparent a:hover
{
	color: #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border: 1px solid #CCC;
	background: #EEE;
}



/****************************** Editing mode ***************************************/

/******** Staff Left Content (!LeftCt)*********/

#StaffLeftContent
{
	float: left;
	clear: right;
}

/********************** Public Main Content (!MainCt)******************************

/**** Wizard Tab Header (!WizHead)****/

.WizardTabHeaderGroup
{
}
.WizardTabHeaderGroup, .WizardTabHeaderGroup td
{
	margin: 10px 0 0 3px;
	padding: 0;
}
.WizardTabHeaderGroup td
{
	z-index: 99;
	width: 100%;
}

/** Active, Inactive, Disabled Status **/

.WizardTabHeaderActive td
{
	background: #EEE;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 0;
}
.WizardTabHeaderInactive td
{
	background: #CCC;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #666;
	color: #333;
}
.WizardTabHeaderDisabled td
{
	background: #CCC;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-right: 1px solid #666;
	color: #999;
}
.WizardTabHeaderDisabled, .WizardTabHeaderInactive, .WizardTabHeaderActive
{
	width: 65px;
	margin: 0 0 0 0;
}
.WizardTabHeaderActive td, .WizardTabHeaderInactive td, .WizardTabHeaderDisabled td
{
	margin: 0 0 0 0;
	padding: 2px 1px 2px 1px;
	color: #000;
	cursor: pointer;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
}

/********************* Wizard Tab Body Group (!WizBody) *********************/

.WizardTabBodyGroup
{
	width: 100%;
}
.WizardTabBodyGroup, .WizardTabBodyGroup td
{
	margin: 0;
	padding: 0;
}
/***** Wizard Tab Body ********/

.WizardTabBody
{
	background: #EEE;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 0;
}
.WizardTabBody, .WizardTabBodyTransparent
{
	top: -1px;
	position: relative;
}
.WizardTabBody hr
{
	width: 100%;
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
	margin: 0;
}
.WizardTabBodyTransparent
{
	background: none;
	border: 0;
	border-top: 1px solid #CCC;
}
/******* Wizard Tab Body Content (!WBCt)************/

.WizardTabBodyContent
{
	padding: 2%;
	width: 96%; /* Tailor to meet CustomerSpecific requirements = WizardTabBodyContentTransparent.width - 10 (padding) - 2px (left & right border)  */
}
.WizardTabBodyContentTransparent
{
	padding: 10px 0 0 0;
	margin: 0;
	width: 100%; /* Tailor to meet CustomerSpecific requirements */
}
.WizardTabBodyContent, .WizardTabBodyContent td, .WizardTabBodyContent p
{
	font-family: Verdana;
	font-size: 11px;
}

/******** InnerHelp Area (!Inner)*********/

.InnerHelpArea, .InnerHelpArea p
{
	font-size: 11px;
	font-family: Verdana;
}
.InnerHelpArea
{
	margin: 2px 0 2px 0;
}
.InnerHelpArea p
{
	margin: 5px 0 15px 0;
}
.MetadataTable td
{
}

/******************** WYSIWYG (!WYS)***********************/
.WYSIWYGEditor
{
	clear: both;
	display: inline;
	padding: 0;
	margin: 0 0 5px 0;
}
/************* Wizard Sub Tab Header ****************/
.WizardSubTabHeaderGroup, .WizardSubTabHeaderGroup td
{
	margin: 0 0 0 3px;
	padding: 0;
}
.WizardSubTabHeaderGroup td
{
	z-index: 99;
	width: 100%;
}
.WizardSubTabHeaderActive td
{
	background: #FFF;
	top: 1px;
}
.WizardSubTabHeaderInactive td
{
	background: #999;
}
.WizardSubTabHeaderActive td, .WizardSubTabHeaderInactive td, .WizardSubTabHeader td
{
	margin: 0;
	padding: 5px 8px 2px 8px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-left: 1px solid #CCC;
	background: #999;
	margin: 0 0px 0 3px;
	color: #000;
	cursor: pointer;
	font-weight: bold;
}

.WizardSubTabHeaderActive, .WizardSubTabHeaderInactive, .WizardSubTabHeader
{
	margin: 0 0 0 0;
}

/*************** Wizard Sub Tab Body (!WizSub)******************/

.WizardSubTabBody
{
	background: #FFF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin: 0;
	padding: 0;
	position: relative;
	top: -1px;
}
.WizardSubTabBody td
{
	padding: 0;
}
.WizardSubTabBodyGroup, .WizardSubTabBodyGroup td
{
	margin: 0;
	padding: 0;
}
.WizardSubTabBodyGroup
{
	width: 100%;
}
.WizardSubTabBodyContent
{
	padding: 2%;
	width: 96%; /* Tailor to meet CustomerSpecific requirements */
}

/************** Related content styles (!Related)***************/

.TableRelatedContent td
{
	border-top: 1px solid #EEE;
	padding: 5px 0 10px 0;
}
.SearchRelatedContentResultItemLeftColumn
{
	float: left;
}
.SearchRelatedContentResultItemRightColumn
{
	float: left;
}
.SearchRelatedContentResultItemTitle
{
	margin: 5px 0 5px 0;
	font-weight: bold;
}
.SearchRelatedContentResultItemSubtitle
{
	text-transform: uppercase;
}
.SearchRelatedContentResultItem
{
	border-top: 1px solid #EEE;
	padding: 10px 0 15px 0;
}

/************ Image Dimension Setting (!Image)****************/
.ImageDimensions td
{
	vertical-align: middle;
	padding: 2px 0;
	margin: 0;
}
.InputImageDimensions
{
	font-size: 11px;
	padding: 2px;
	width: 33px;
	border: 1px solid #CCC;
}

/******************* Image and Document List (!IDList)****************/

.ImageList, .DocumentList
{
	float: left;
	width: 98%;
	border-top: 1px solid #cccccc;
	clear: both;
	padding: 5px;
	margin: 0;
}
.DocumentList img
{
	margin: 0 2px -3px 0;
}
.DocumentList a
{
	font-weight: bold;
	text-decoration: none;
}
.ImageList
{
}
.DocumentList .ButtonAdmin
{
	float: right;
}
.ImageListImageArea, .DocumentListDocumentArea
{
	float: left;
	margin: 5px;
	padding: 0;
}
.ImageListImageArea
{
	width: 100px;
	height: 100px;
}
.DocumentListDocumentArea
{
	width: 20px;
	height: 35px;
}
.ImageList img
{
	float: left;
	padding: 0;
	margin: 0;
}
.ImageListLabel, .DocumentListLabel
{
	margin: 8px 0 2px 0;
	display: block;
	clear: right;
}
.DocumentListLabel a
{
	font-weight: bold;
	text-decoration: none;
	margin: 3px 10px 3px 0;
	display: block;
	float: left;
}

/* ---------------------------- */
/* .NET Calendar related styles * (!Calendar)
/* ---------------------------- */

.CalendarArea
{
	margin: 15px 0 5px 0;
}
.Calendar
{
	background: #FFF;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 1px sodid #999;
	border-bottom: 1px solid #999;
	margin: 5px 0 5px 0;
	float: none;
	clear: both;
}
.Calendar td
{
	padding: 1px;
	border-bottom: 0;
}
.CalendarDayHeader
{
	background: #333;
	color: #FFF;
	padding: 2px;
	font-weight: bold;
	border-bottom: 2px solid #BBB;
}
.Calendar a
{
	text-decoration: none;
}
.CalendarDay
{
	padding: 1px;
}
.CalendarSelectedDay
{
	border: 1px solid red;
	background: #000;
	color: #FFF;
}
.CalendarToday
{
	font-weight: bold;
	border: 1px dotted #666;
}
.CalendarTitle
{
	background: #BBB;
}
.CalendarNextPrev
{
	font-weight: bold;
}
.CalendarWeekend
{
	background: #EEE;
}
.CalenderMonthDropDownList, .CalenderYearDropDownList
{
	font-size: 11px;
}
.CalenderMonthDropDownList
{
	width: 107px;
}
.CalenderYearDropDownList
{
	width: 65px;
}

/********* Staff Right Content (!RightCt)**********/

#StaffRightContent
{
	float: left;
}
/***************** Image Optimizing Controls **********/

.OriginalImage
{
	float:left;
	position:relative;
	background-color:#CCC;
	width:400px;
	height:400px;
	overflow:scroll;
	
}
.ModifiedImage
{
	float:right;
	position:relative;
	background-color:#999;
	width:200px;
	height:200px;
}
.ResizeControls
{
	position:relative;
	float:left;
	clear:both;
	width:400px;
	margin-bottom:6px;
}
.ButtonAdmin_upImage, .ButtonAdmin_StartAgain
{
	font-family: Verdana, Arial;
	font-size: 11px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #D4D0C8;
	margin: 0;
	padding: 3px 5px 3px 5px;
	width: auto;
	text-decoration: none;
	color: #000;
	cursor: default;
	clear:both;
	position:relative;
	float:left;
}
.ButtonAdmin_StartAgain
{
	clear:none;
	margin-left:10px;
	width:80px;
	height: 16px;
	cursor:pointer;
	background-image:url("/Images/arrow_refresh.png");
	background-image:url("/Images/start_again_image_upload.jpg");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:16px;
	border:none;
	background-color:#EEEEEE;
	
}
.ButtonAdmin_upImage
{
	width:77px;
	/*height:28px;
	font-size:12px;*/
}
.ResizeControlsTextBox
{
	position:relative;
	float:left;
	
	
}
.ResizeControlText
{
	position:relative;
	float:left;
	padding:2px 4px 2px 3px;
}
.ResizeControlsRadioBtnList
{
	position:relative;
	float:left;
	padding-right:20px;
}
.ResizeControlsBtn
{
	position:relative;
	float:left;
	margin-left:10px;
	
	font-family: Verdana, Arial;
	font-size: 11px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background: #D4D0C8;
	 
	padding: 3px 5px 3px 5px;
	width: auto;
	text-decoration: none;
	color: #000;
	cursor: default;
}
.ResizeContolsButtonGroup
{
	padding:0px 0 3px 2px;
	position:relative;
	float:left;
}
.LabelResizeMode
{
	padding-top:8px;
	float:left;
}
.ErrorMessageImageWidth
{
	color: Red;
	font-size: 10px;
	font-weight: bold;
	clear: both;
	width:200px;
	float: left;
	padding-left:52px;
}
.ErrorMessageCropImageButton
{
	color: Red;
	font-size: 10px;
	font-weight: bold;
	clear: both;
	padding-top:3px;
	float: left;
	width:100%;
}
.CropControlText
{
}



--------------------------------------------
/*.ResizeControlsTextBox1
{
	position:relative;
	float:left;
	
	
}
.ResizeControlsTextBox1
{
	float:left;
	margin-left:18px;
	position:relative;
}
.ResizeContolsButtonGroup1
{
	position:relative;
	float:left;
	clear:left;
	padding:3px 0 3px 47px;
	margin-bottom:9px;
}
.ResizeControlScaleBy
{
	width:170px;
	float:left;
	position:relative;
	
}
.ResizeControls1
{
	position:relative;
	float:left;
	margin-left:5px;
	width:223px;
	margin-bottom:6px;
}
.ErrorMessageImageWidth1
{
	color: Red;
	font-size: 10px;
	font-weight: bold;
	clear: both;
	width:145px;
	float: left;
	padding-left:0px;
}*/