body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, helvetica, sans-serif;
}

/*****************************************************************************************/
/*********** TEXT STYLES *****************************************************************/
/*****************************************************************************************/

.cmsh1, .cmsh1Red, .cmsh1Lite {font-size: 18px;}
.cmsh2 {font-size: 14px;}
.cmsh3 {font-size: 12px;}

.cmsh1, .cmsh1Red, .cmsh1Lite, .cmsh2, .cmsh3 {
	font-family:Arial, helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 13px;
	line-height:110%
}

.cmsh1Lite {font-weight: normal;}

span.websitePermissionsMakeFontLookOk { /* Temp to make fonts OK in website permissions (users) */
	font-family:Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:120%;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.cmsPara, p.cmsred, p.cmsPara span,
.cmstreerowcells p, .cmstreerowcells p.cmsred { /* Used in site manager */
	font-family:Arial, helvetica, sans-serif;
	font-size: 11px;
	line-height:120%;
	margin-top: 0px;
	margin-bottom: 13px;
}

p.cmsPara, p.cmsred,
.cmstreerowcells p, .cmstreerowcells p.cmsred { /* Used in site manager */
	color: #000000;
}

.cmstreerowcells p, .cmstreerowcells p.cmsred {
	margin-bottom: 10px;
}

/* Makes the modals look a bit smaller / better */
div.modalContent p.cmsPara, div.modalContent p.cmsred {
	margin-bottom: 8px;
}

/* Used for warning messages in modal */
div.modalContent .cmsh2 {
	color: #ED1A2D;
	margin-bottom: 8px;
}

.cmsUnorderedList,
.cmstreerowcells ul { /* Used in site manager */
	margin-left: 2em;
   	padding-left: 0em;
   	list-style-type: square;
	font-family:Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:120%;
	margin-top: 0px;
	margin-bottom: 13px;
}

.cmstreerowcells ul {
	margin-bottom: 0px;
}

.cmsred, p.cmsred, .cmsh1Red {color: #ED1A2D;}
.cmsLimeGreen {color: #E3F217;}
.cmsnomargin {margin-bottom: 0px;}

/* Main link styles */
a:link.cmslink, a:visited.cmslink, a:active.cmslink, a:hover.cmslink {font-size: 11px; color: blue;}
a:link.cmslink, a:visited.cmslink {text-decoration: underline;}
a:active.cmslink, a:hover.cmslink {text-decoration: none; }

/* White links on grey buttons, etc */
a:link.cmslinkwhite, a:visited.cmslinkwhite, a:active.cmslinkwhite, a:hover.cmslinkwhite {font-size: 11px; color: white;}
a:link.cmslinkwhite, a:visited.cmslinkwhite {text-decoration: underline;}
a:active.cmslinkwhite, a:hover.cmslinkwhite {text-decoration: none;}

/*****************************************************************************************/
/*********** GENERAL STYLES **************************************************************/
/*****************************************************************************************/

/* some websites add a block style to images */
.cmsImg {
	display: inline;
	padding: 0px;
	margin: 0px;
}

/*****************************************************************************************/
/*********** TOOLBAR *********************************************************************/
/*****************************************************************************************/

/* These styles are used by the toolbar that appears at the top of the page when */
/* When users are logged in to the CMS */

table.cmstoolbarbackground { /* Used on the top row of the main table to get the grey strip across full browser width */
	background-color: #666666;   
	border-bottom: 2px solid #E3F217;
}

.cmstoolbarcellleft, .cmstoolbarcellright {
	font-family:Arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #666666;
	color: #ffffff;
	font-size: 11px;
    line-height:normal;
    color: #ffffff;
	height: 38px;
}

.cmstoolbarcellleft {padding: 0px 7px 0px 15px;}
.cmstoolbarcellright {padding: 0px 15px 0px 7px;}

.cmstoolbarcellright {background: url(./images/up2date.gif) no-repeat right top;}

.cmstoolbarcellleft a:link, .cmstoolbarcellleft a:visited, .cmstoolbarcellleft a:active
{COLOR: #ffffff; text-decoration: underline; }

.cmstoolbarcellleft a:hover
{COLOR: #E3F217; text-decoration: underline;}

/*****************************************************************************************/
/*********** LAYOUT AND COLUMN STYLES ****************************************************/
/*****************************************************************************************/

/* This is the tabel cell that contains the main content on every page. */
/* The cell is under the  main header. */

td.mainContent { 	
	padding: 15px;
}

div.cmsLeftColumnAdminApp { /* table cell is 200px so there is a 15px border on the right  */
	margin: 0px;
	padding: 0px;
	width: 185px;
}

div.cmsmoduleitemcentrecolumnDIV { /* table cell is 440px so there is a 15px border on the right  */
	width: 425px;
	margin: 0px;
	padding: 0px;
	overflow:hidden; /* see p.cmscontentwindowheader below */
}

div.cmsmoduleitemrightcolumnDIV {
	width: 230px;
	overflow:hidden; /* see p.cmscontentwindowheader below */
}

/*****************************************************************************************/
/*********** SITE MANAGER ****************************************************************/
/*****************************************************************************************/

.cmstreehomepagerowcells, 		/* Used on home page row in site tree */
.cmstreerowcells,				/* Used in most ceels on the site tree */
.cmstreerowcellsDISABLED,		/* Used instead of 'cmstreerowcells' if the node is disabled */
.cmstreerowcellsL1,				/* Used in the cell that displays the page name for level 1 nodes */
.cmstreerowcellsL1DISABLED,		/* Used instead of 'cmstreerowcellsL1' if the node is disabled */
.cmstreerowcellsL2,				/* Used in the cell that displays the page name for level 2 nodes */
.cmstreerowcellsL2DISABLED,		/* Used instead of 'cmstreerowcellsL2' if the node is disabled */
.cmstreerowcellsL3,				/* Used in the cell that displays the page name for level 3 nodes */
.cmstreerowcellsL3DISABLED, 	/* Used instead of 'cmstreerowcellsL3' if the node is disabled */
.cmstreepropsheader				/* Used on the 'header' cell when editing a node */	
{
	font-size: 11px;
	color: #000000;
	border-bottom: 1px solid #666666;
	padding: 5px;
}

.cmstreecell /* IS THIS USED? */
{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	padding-right: 15px;
}

.cmstreehomepagerowcells {
	border-top: 1px solid #666666;
	background-color: #e3e3e3;
}

/* Give cells used on a disabled node a grey background */
.cmstreerowcellsDISABLED, .cmstreerowcellsL1DISABLED,
.cmstreerowcellsL2DISABLED, .cmstreerowcellsL3DISABLED {
	background-color: #eeeeee;
}

/* Indent cell containing node name so site structure easy to read */
.cmstreerowcellsL1, .cmstreerowcellsL1DISABLED {padding-left: 25px;}
.cmstreerowcellsL2, .cmstreerowcellsL2DISABLED {padding-left: 50px;}
.cmstreerowcellsL3, .cmstreerowcellsL3DISABLED {padding-left: 75px;}
 
.cmstreepropsheader {
	border-top: 2px solid #666666;
	background: url(Images/spacers_etc/gradient.gif) repeat-x left bottom;
}

.cmstreepropscontent { /* Used for cell that contains the fields when editing a node */
	border-bottom: 2px solid #666666;
}

/*****************************************************************************************/
/*********** REVIEW DATES AND STANDALONE PAGES PANEL *************************************/
/*****************************************************************************************/

div.reviewDatesContainer, div.otherPagesContainer {
	width: 670px;
	background: url(Images/light_grey_bg_shape/light_grey_bg_shape_670_bg.gif) repeat-y left top;
	margin-bottom: 15px;
	margin-top: 20px;
}

/* div inside div */
div.reviewDates, div.otherPagesContainerInner
{padding: 0px 20px 1px 20px;}

.otherPagesTable { /* used to give top line of other pages table  border */
	border-top: 1px solid #666666;
}

/*****************************************************************************************/
/*********** STYLES USED FOR MODULE TYPE TABLES ******************************************/
/*****************************************************************************************/

/* Used to make 'no records' message look like a table (such as on events) */
div.noRecordsTable {
    border-top: #888888 1px solid;
    width: 100%;
}

th.cmscell, td.cmscell,
table.cmsModuleView th,
table.cmsModuleView td,
div.noRecordsTable {
    font-family: Arial, helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    padding: 3px 3px 3px 3px;
    border-bottom: #888888 1px solid;
}

th.cmscell {
    border-top: #888888 1px solid;
    height: 20px;
    background-color: #dddddd;
    text-align: left;
}

div.cmscellindent {
	background: url(./images/bullet.gif) no-repeat left top;
	padding-left: 15px;
}

th.cmscell a:link {COLOR: #000000; text-decoration: underline; font-weight: bold;}
th.cmscell a:visited {COLOR: #000000; text-decoration: underline; font-weight: bold;}
th.cmscell a:active {COLOR: #000000; text-decoration: none; font-weight: bold;}
th.cmscell a:hover {COLOR: #000000; text-decoration: none; font-weight: bold;}

table.cmsModuleView { /* Used on events view screen, etc */
	border-top: #888888 1px solid;
	margin-bottom:13px;
	width: 100%;
	clear: both;
}

div.tableHeaderTabs {
    border-left: 1px solid #888888;
    border-right: 1px solid #888888;
    border-top: 1px solid #888888;
    padding: 5px 10px 5px 10px;
    margin: 0px 20px 0px 20px;
    font-size: 11px;
}

/*****************************************************************************************/
/*********** STYLES FOR FORM PARAGRAPHS **************************************************/
/*****************************************************************************************/

p.cmscontentwindowheader, p.cmscontentwindowheaderWarning /* used to give border to bar at top of text editor windows and some form fields */
{
	width: 100%;
	font-size: 11px;
	padding: 3px 6px 3px 6px ;  /* this fails in IE as width of 100% has the left and right */
								/* padding added to it, <div> that contains this paragraph has */
								/* overflow set to hidden to make this work but this is a temporary */
								/* fix and should be amended (see div.cmsmoduleitemcentrecolumnDIV */
								/* and div.cmsmoduleitemrightcolumnDIV above) */
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

p.cmscontentwindowheader {background-color: #666666;}
p.cmscontentwindowheaderWarning {background-color: #ED1A2D;}

p.margintopzero /* Needed on all paragraphs under p.cmscontentwindowheader or border applied to top */
{
	margin-top: 0px;
	margin-bottom: 13px;
	color: #000000;
	font-size: 11px;
}

/* Used to put the correct sized margin under the rich text editir in the admin application */
div.textEditorContainer {margin-bottom: 13px;}

/*****************************************************************************************/
/*********** STYLES FOR BUTTONS IN LEFT COLUMN *******************************************/
/*****************************************************************************************/

div.cmsLeftColumnButton
{
	width: 185px;
	background: url(Images/left_column_button_bg.gif) no-repeat left bottom;
	margin-bottom: 10px;
	font-size: 12px;
}

div.cmsLeftColumnButton div
{
	padding: 0px 10px 7px 10px;
}

div.cmsLeftColumnButton div a:link {COLOR: #FFFFFF; text-decoration: none; font-weight: bold;}
div.cmsLeftColumnButton div a:visited {COLOR: #FFFFFF; text-decoration: none; font-weight: bold;}
div.cmsLeftColumnButton div a:active {COLOR: #FFFFFF; text-decoration: underline; font-weight: bold;}
div.cmsLeftColumnButton div a:hover {COLOR: #FFFFFF; text-decoration: underline; font-weight: bold;}

div.cmsLeftColumnLimeGreen
{
	width: 185px;
	background: url(Images/left_column_lime_green/left_column_button_bg.gif) no-repeat left bottom;
	margin-bottom: 10px;
}

div.cmsLeftColumnLightGrey
{
	width: 185px;
	background: url(Images/left_column_light_grey/left_column_button_bg.gif) no-repeat left bottom;
	margin-bottom: 10px;
}

div.cmsLeftColumnLimeGreen div, div.cmsLeftColumnLightGrey div
{
	padding: 0px 10px 1px 10px; /* Bottom padding of 1px stops error in Firefox */
}

/*****************************************************************************************/
/*********** FORM STYLES *****************************************************************/
/*****************************************************************************************/

form {margin-bottom: 0px;} 

/******************************/
/* SET CORE FORM FIELD STYLES */
/******************************/

/* Used in toolbar header */
input.cmstoolbarform, textarea.cmstoolbarform, select.cmstoolbarform,

/* Used for centre column on three column layout such as modules */
input.cmshalfwidthform, textarea.cmshalfwidthform, select.cmshalfwidthform,

/* Used for centre column on three column layout such as modules when inside centreColumnHiliteContainerInside */
input.cmshalfwidthforminbox, textarea.cmshalfwidthforminbox, select.cmshalfwidthforminbox,

/* Used for right column on three column layout such as modules */
input.cmsrightcolumnwidthform, textarea.cmsrightcolumnwidthform, select.cmsrightcolumnwidthform,

/* Used in right column with add button */
select.cmsrightcolumnwidthformAddButton,

/* Used in right column with add button */
select.cmsrightcolumnwidthformStandardButton,

/* Used for left column on both two and three column layouts */
input.cmsleftcolumnwidthform, textarea.cmsleftcolumnwidthform, select.cmsleftcolumnwidthform,

/* Used for tree */
input.cmstreeform, textarea.cmstreeform, select.cmstreeform,

/* Used in standard sized modal pop-ups */
input.cmsmodalformfullwidth, textarea.cmsmodalformfullwidth, select.cmsmodalformfullwidth,
input.cmsmodalformhalfwidth, textarea.cmsmodalformhalfwidth, select.cmsmodalformhalfwidth,

/* Used for events / booking module */
select.cmsrightcolumntimeform,

/* Used for for dates in modal */
input.cmsmodalformhalfwidthWithDatePicker, 

/* Input buttons used in modal */
input.cmsinputbuttonmain, input.cmsinputbuttonsecondary {
	background: #ffffff;
	color: #000000;
	font-family:Arial, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #444444;
    padding: 1px;
}

/***********************************************************/
/* SET FORM FIELD WIDTHS AND OTHER NON-STANDARD PROPERTIES */
/***********************************************************/

input.cmshalfwidthform, textarea.cmshalfwidthform, select.cmshalfwidthform {
	width: 421px; /* smaller than column to allow for border and padding */
}

input.cmshalfwidthforminbox, textarea.cmshalfwidthforminbox, select.cmshalfwidthforminbox {
	width: 401px; /* smaller than column to allow for border and padding */
}

input.cmsrightcolumnwidthform, textarea.cmsrightcolumnwidthform, select.cmsrightcolumnwidthform {
	width: 206px; /* smaller than column to allow for border and padding */
}

select.cmsrightcolumnwidthformAddButton {
	width: 165px; 
}

select.cmsrightcolumnwidthformStandardButton {
	width: 147px; 
}

input.cmsleftcolumnwidthform, textarea.cmsleftcolumnwidthform, select.cmsleftcolumnwidthform {
	width: 181px; /* smaller than column to allow for border and padding */
}

input.cmstreeform, textarea.cmstreeform, select.cmstreeform {
	width: 321px; /* smaller than column to allow for border and padding */
}

/* Slightly smaller as the grid is contained within a div with left/right padding  */
div.otherPagesContainer input.cmstreeform,
div.otherPagesContainer textarea.cmstreeform,
div.otherPagesContainer select.cmstreeform {
	width: 301px; /* smaller than column to allow for border and padding */
}

input.cmsmodalformfullwidth, textarea.cmsmodalformfullwidth, select.cmsmodalformfullwidth {
	width: 501px; /* smaller than column to allow for border and padding */
}

input.cmsmodalformhalfwidth, textarea.cmsmodalformhalfwidth, select.cmsmodalformhalfwidth {
	width: 241px; /* smaller than column to allow for border and padding */
}

select.cmsrightcolumntimeform {
	width: 100px;
}

input.cmsmodalformhalfwidthWithDatePicker {
    width: 214px; /* 241px - 20px (date picker width) - 7px (space) */
}

input.cmsinputbuttonmain {
	background-color: #D3EE9D;
	font-weight: bold;
}

input.cmsinputbuttonsecondary {
	font-weight: bold;
}

span.noborder input {
    border: 0px;
    background-color: transparent;
}

.alignDatePicker {vertical-align: -3px;}

.alignCheckboxToText {vertical-align: -3px;}

span.gifButtonAlign { /* used to correctly align gif buttons used next to form fields */
	vertical-align: -3px;
}

/*****************************************************************************************/
/*********** STYLES FOR RIGHT HAND COLUMN OF MODULES SCREEN (used if grey bg required) ***/
/*****************************************************************************************/

div.rightColumnContainer {
	width: 230px;
	background: url(Images/right_column_container/light_grey_bg_shape_230_bg.gif) repeat-y left top;
	margin-bottom: 15px;
}

/* div inside div */
div.rightColumnInside
{padding: 0px 10px 1px 10px;}

/*****************************************************************************************/
/*********** STYLES FOR WHITE BOX USED IN CENTRE COLUMN OF MODULES SCREEN ****************/
/*****************************************************************************************/

div.centreColumnHiliteContainer {
	width: 425px;
	background: url(Images/centre_column_container/white_bg_shape_425_bg.gif) repeat-y left top;
	margin-bottom: 15px;
}

/* div inside div */
div.centreColumnHiliteContainerInside
{padding: 0px 10px 1px 10px;}


/*****************************************************************************************/
/*********** TOOLTIPS ********************************************************************/
/*****************************************************************************************/

.tooltip_link {
    cursor: pointer;
    text-decoration: underline;
}

.tooltipBody, .tooltipBodyFixedWidth {
	font-family: Arial, helvetica, sans-serif;
    border: #7f7f7f 1px solid;
    background-color: #e3e3e3;
    padding: 10px;
    font-size: 11px;
    color: #000000;
} 

.tooltipBodyFixedWidth {width: 250px;}

/*****************************************************************************************/
/*********** MODAL POP-UP ****************************************************************/
/*****************************************************************************************/

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=35);
    opacity: 0.35;
}

div.layerModalStandard {
	width: 535px;
	background: url(./Images/modal/modalBg535.gif) repeat-y top;
	background-color: #ffffff;
	margin: 0px;
}

div.modalContent {
    padding: 12px 15px 0px 15px;
    margin: 0px;
}

div.modalContent div.modalScrolling{
    height: 320px;
    overflow: auto;
    border-bottom: 1px solid #444444;
    margin-bottom: 10px;
}

div.modalContent table {
    margin-top: 1px;
}

td.modalTableHeaderCell {
	padding: 6px 15px 0px 15px;
	font-family:Arial, helvetica, sans-serif; font-size: 11px;
}

p.modaltitle {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
}

.modalTableHeaderStandard {
	height: 35px;
	background: url(./Images/modal/modalBarTopBg535.gif) no-repeat;
}

/* Cancel button, etc */

td.modalTableHeaderLink {
	background: url(./Images/modal/modalBarTopRightLinkBg.gif) repeat-x left;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

td.modalTableHeaderLink a:link {COLOR: #000000; text-decoration: none; font-family:Arial, helvetica, sans-serif; font-size: 11px;}
td.modalTableHeaderLink a:visited {COLOR: #000000; text-decoration: none; font-family:Arial, helvetica, sans-serif; font-size: 11px;}
td.modalTableHeaderLink a:active {COLOR: #000000; text-decoration: underline; font-family:Arial, helvetica, sans-serif; font-size: 11px;}
td.modalTableHeaderLink a:hover {COLOR: #000000; text-decoration: underline; font-family:Arial, helvetica, sans-serif; font-size: 11px;}

p.modalBottomPanel {
	margin-top: 8px;
	margin-bottom: 5px;
}

.modalHeadingWarning {
	margin-top: 0px;
	margin-bottom: 13px;
	color: #EA2227;
	font-size: 14px;
	font-weight: bold;
}

/* Used so that if page back has loads of pages then a scroll bar will appear */
/* If this was not done then is would be possible for close button to be hidden as */
/* if could be off the screen */
div.modalScrollerForPageBank {
	height: 150px;
	z-index: 0;
	overflow: auto;
	width: 100%;
	margin-bottom: 8px;
}

.editContentButton {
	/* filter: alpha(opacity=75); */
    /* opacity: 0.75; */
	z-index: 2;
	margin-bottom: 5px;
}

/*****************************************************************************************/
/*********** Generic styles inside modal scrolling for BSSPD resend order email **********/
/*****************************************************************************************/

div.modalScrollingInside p,
div.modalScrollingInside ul,
div.modalScrollingInside h1,
div.modalScrollingInside h2 {
	font-family:Arial, helvetica, sans-serif;
	color: #000000;
	margin-top: 0px;
}

div.modalScrollingInside p,
div.modalScrollingInside ul {
	margin-bottom: 13px;
	font-size: 11px;
}

div.modalScrollingInside ul {
	margin-left: 2em;
	padding-left: 0em;
	list-style-type: square;
}

div.modalScrollingInside h1 {font-size: 18px; margin-bottom: 10px;}
div.modalScrollingInside h2 {font-size: 14px; margin-bottom: 10px;}

/*****************************************************************************************/
/*********** Image gallery grid picker ***************************************************/
/*****************************************************************************************/

td.available, td.unavailable {
	margin: 0px;
	padding: 5px;
	border-bottom: #888888 1px solid;
}

td.unavailable { /* cells with unavailble positions */
	background-color: #dddddd;
}

table.gridPositions {
	border-top: #888888 1px solid;
}

/*****************************************************************************************/
/*********** Snippet container ***********************************************************/
/*****************************************************************************************/

/* ************* */
/* These styles also hardcoded in SnippetWrapepr.cs as can't load stylesheet */
/* ************* */

div.snippetName {
	float: left; /* So not full width, not used on editor as inserts border */
	margin: 0px;
	padding: 2px 15px 2px 10px;
	background-color: #888888;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

div.snippetName a:link {COLOR: #ffffff; text-decoration: underline}
div.snippetName a:visited {COLOR: #ffffff; text-decoration: underline}
div.snippetName a:active {COLOR: #ffffff; text-decoration: none}
div.snippetName a:hover {COLOR: #ffffff; text-decoration: none}

/* Overridden in some sites to make lines white */
div.snippetContainerContentCms,
div.snippetContainerMovieCms {
	width: 100%;
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
	clear: both;
}

div.snippetContainerContentCms {
	margin: 0px 0px 13px 0px;
	padding: 7px 0px 0px 0px;
}

div.snippetContainerMovieCms { /* Also used for audio snippets */
	margin: 0px ;
	padding: 0px;
}
































/*******************************************************************************************************************************************************/
/************** Booking styles *************************************************************************************************************************/
/*******************************************************************************************************************************************************/

td .booked, .unbooked
{
    border-width: 1px;
    border-style: solid;
    border-color: White;
}

td.unbooked
{
    background-color: silver;
}

td.booked
{
    background-color: #e6e6e6;
}


/*******************************************************************************************************************************************************/
/************** calendar ************************************************************************************************************************/
/*******************************************************************************************************************************************************/

.calTitle /* table that shows month and links to next & prev months */
{
	background-color: silver;
	font-size: 20px;
	font-weight: bold;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

.calNextPrev /* cells containing links to next & prev months */
{
	font-size: 12px;
	font-weight: bold;
}

td.calNextPrev a:link {COLOR: #4269A7; text-decoration: underline}
td.calNextPrev a:visited {COLOR: #4269A7; text-decoration: underline}
td.calNextPrev a:active {COLOR: #4269A7; text-decoration: none}
td.calNextPrev a:hover {COLOR: #4269A7; text-decoration: none}

.calDayHeader /* cells in row listing days under the month */
{
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	color: #4269A7;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #d3d3d3;
}

.calTodayDay, .calDay, .calWeekendDay, .calOtherMonthDay
{
	font-size: 11px;
	height:50px;
	border-top: 1px solid #ffffff;
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	border-bottom: 1px solid #d3d3d3;
	padding: 2px 2px 2px 2px;
}

td.calDay a:link, td.calWeekendDay a:link, td.calOtherMonthDay a:link {COLOR: #4269A7; text-decoration: none}
td.calDay a:visited, td.calWeekendDay a:visited, td.calOtherMonthDay a:visited {COLOR: #4269A7; text-decoration: none}
td.calDay a:active, td.calWeekendDay a:active, td.calOtherMonthDay a:active {COLOR: #4269A7; text-decoration: underline}
td.calDay a:hover, td.calWeekendDay a:hover, td.calOtherMonthDay a:hover {COLOR: #4269A7; text-decoration: underline}

td.calTodayDay a:link {COLOR: #ffffff; text-decoration: none}
td.calTodayDay a:visited {COLOR: #ffffff; text-decoration: none}
td.calTodayDay a:active {COLOR: #ffffff; text-decoration: underline}
td.calTodayDay a:hover {COLOR: #ffffff; text-decoration: underline}

.calTodayDay /* cells showing today's date */
{
	background-color: #4269A7;
	color: #ffffff;
}

.calDay /* cells with week dates */
{
	background-color: #f8f8f8;}

.calWeekendDay
{
	background-color: #f0f0f0;
}

.calOtherMonthDay /* cells with dates that are not in the selected month */
{
	background-color: #e6e6e6;
}























/*******************************************************************************************************************************************************/
/************** CAN PROBABLY BE DELETED ****************************************************************************************************************/
/*******************************************************************************************************************************************************/

#sliderPageBankContainer {
	z-index: 99;
    height:0;
    visibility:hidden;
    position:absolute;
    overflow:hidden;
    padding:0px;
}

#pagePropsContainer {
	z-index: 99;
	height:0;
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	padding:0px;
}

.cmstoolbarcontentleft, .cmstoolbarcontentright
{
	background-color: #666666;
	/*padding-top: 7px; MAKES HEADER TOO BIG */
	/*padding-bottom: 7px; MAKES HEADER TOO BIG */
	color: #ffffff;
	font-family:Arial, helvetica, sans-serif;
	font-size: 11px;
    line-height:normal;
}

.cmstoolbarcontentleft {padding: 0px 15px 0px 7px;}
.cmstoolbarcontentright { padding: 0px 7px 0px 15px;}


.cmstoolbarcontentleft a:link, .cmstoolbarcontentleft a:visited, .cmstoolbarcontentleft a:active
{COLOR: #ffffff; text-decoration: underline; }

.cmstoolbarcontentleft a:hover
{COLOR: #E3F217; text-decoration: underline;}

p.cmstoolbar, ul.cmstoolbar, h2.cmstoolbar, h3.cmstoolbar, p.cmstoolbartitle
{
    color: #ffffff;
   	font-size: 11px;
}

.cmsh3toolbar {font-size: 12px; color: #ffffff; font-weight: bold; margin-top: 0px; margin-bottom: 7px; line-height:110%}

p.cmstoolbartitle {margin-bottom: 0px;}

p.cmstoolbar a:link, ul.cmstoolbar a:link,
p.cmstoolbar a:visited, ul.cmstoolbar a:visited,
p.cmstoolbar a:active, ul.cmstoolbar a:active {
	COLOR: #ffffff;
	text-decoration: underline;
}

p.cmstoolbar a:hover, ul.cmstoolbar a:hover {
	COLOR: #E3F217;
	text-decoration: underline;
}

div.InstancesScrollingDiv {
	width:100%;
	overflow: auto;
	height: 100px;
	border-top: 1px solid #888888;
	border-bottom: 1px solid #888888;
}

.cmsinput
{
   	background: #ffffff;
    color: #000000;
    border: 1px solid #A7A7A7;
    font-family: Arial, helvetica, sans-serif;
    font-size: 11px; 
}

.cmsinputlong
{
	background: #ffffff;
    color: #000000;
    border: 1px solid #A7A7A7;
    font-family: Arial, helvetica, sans-serif;
    font-size: 11px;
    width: 500px;
}

.cmshalfwidthcolumnright, .cmshalfwidthcolumnleft
{
	background-color: #ffffff;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #ffffff;
}

 .cmshalfwidthcolumnleft
{
    padding-left: 15px;
    padding-right: 7px;
}

.cmshalfwidthcolumnright 
{
	padding-left: 7px;
	padding-right: 15px;
}

.cmsbigger {font-size: 12px;} 

.cmsmedium, .cmsmedium *
{
	font-family:Arial, helvetica, sans-serif;
	font-size: 11px;
}

span.gifSaveButtonAlign /* used to correctly align save button in header */
{ 
	vertical-align: -4px;
}

.updateProgressBackground { /* clear */
    background-color: red;
    filter: alpha(opacity=0);
    opacity: 0.0; 
}

table.checkboxTable td {
    font-family:Arial, helvetica, sans-serif;
	font-size: 11px;
}

table.checkboxTable {
	margin-top: 0px;
	margin-bottom: 13px;
}