/**
 * Master CSS file for the ActiveSite4 Application
 * 
 * Declares styles used by the _master XSLT template, and any
 * global element selectors
 * 
 * @author Chris Blunt
 */

/** Element Selectors **/
body                                            { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.25em; }

h1                                              { font-size: 1.8em; line-height: 1.75em; font-family: 'Trebuchet MS' }

h2                                              { font-size: 1.5em; font-family: 'Trebuchet MS' }

h3                                              { font-size: 1.2em; margin-bottom: 1em; color: #666666; font-weight: 800; font-weight: normal; line-height: 1.5em;}
h3 strong                                       { color: #404040; }

h4                                              { font-size: 1.3em; margin-bottom: 0.5em; color: #999999; font-weight: normal; padding: 0em; }

h5                                              { font-size: 1em; margin-bottom: 0.5em; color: #000000; font-weight: bold; }
h6                                              { font-size: 0.85em; margin-bottom: 0.5em; color: #808080; font-weight: normal; }

p                                         		{ margin-bottom: 1.5em; }

strong																{ font-weight: bold }

a, a:link, a:visited							{ color: #0066cc; text-decoration: none; }
a:hover											{ color: #cc3300; }

div#flashUploader 								{overflow:hidden;width:240px;height:200px;background-image: url(/app/common/assets/images/flash_upload.png); }
div#flashUploaderForm							{overflow:hidden;width:600px;height:300px; }

textarea										{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; } 

/** Utility **/

.clear                                          { clear: both; }
.clear_left										{ clear: left; }

.left                                           { float: left; }

.right                                          { float: right; }

.small											{ font-size: 0.85em }

.full_width										{ width: 100% }

.centre,
.center                                         { text-align: center; }                     

.inline											{ display: inline; }

.break                                          { margin-bottom: 1.5em; }
.nobreak										{ margin-bottom: 0em; }

.hr                                             { border-bottom: 1px solid #c0c0c0; margin-bottom: 1.5em }
.split                                          { border-bottom: 1px solid #c0c0c0; margin-bottom: 1.5em; margin-top: 1.5em; }

.error                                          { background-color: #ffdede; border: 1px solid #cc0000; padding: 0.25em 0.5em; color: #cc0000 }
.error strong                                   { color: #000000 }

.warning										{ background-color: #ffcccc; border: 1px solid #cc6666; padding: 0.25em 0.5em; color: #993333; text-align: center; }
.warning strong									{ color: #000000; font-weight: bold; }

.warning_highlight					{ color: #993333; }

.noborder										{ border-left: none; border-right: none; border-top: none; border-bottom: none; border: none; } 

.hidden											{ display: none; }

/** Scrolling Divs - No Dirty iFrames Here **/
.scrollable										{ overflow: scroll; position:relative;}
.scrollableNonPositioned						{ overflow: scroll;}

/** Page Elements **/
#page_wrapper                                   { text-align: center; width: 100%; }

#page_container                                 { background-color: #ffffff; margin: 0em auto 0em auto; width: 990px; padding: 0em; text-align: left }

#page_header                                    { background-color: #ffffff; padding: 0em 1em; }

#page_header_strip                              { background: url('/app/common/assets/images/header_strip_background.png') repeat-x #404040; padding: 0.25em 0em; font-weight: bold; font-size: 0.85em; height: 24px;}

#page_header_strip strong                       { color: #ffffff; }

#page_navigation                                { }

#page_status                                    { float: left; width: 150px; }

#page_content                                   { padding: 1em 1em; min-height:400px; }

#page_footer                                    { background-color: #999999; padding: 0.5em 1em; font-weight: bold; font-size: 0.9em; }

/** Page Columns and Panels **/
.blank_column									{ height: 250px; }

.panel form										{ /*padding: 0.5em 1em; background-color: #f9f9f9; border: 1px solid #d0d0d0 */}
.panel form fieldset							{ margin-bottom: 0.5em; }
.panel form fieldset legend						{ font-size: 1.2em; border-bottom: 1px solid #c0c0c0; padding-bottom: 2px; color: #808080; margin-bottom: 0.5em; }

/** Pagination Blocks **/
.pagination										{ margin-bottom: 0.5em; text-align: center; }
.pagination ul									{ text-align: center; list-style-type: none; }
.pagination ul li 								{ float: left; margin-right: 2px; }
.pagination a,
.pagination a:link,
.pagination a:visited							{ padding: 0.25em; display: block; border: 1px dotted #c0c0c0; background-image: none; }
.pagination a:hover								{ background-color: #e0e0e0; }

.pagination a.numeric,
.pagination a:link.numeric,
.pagination a:visited.numeric					{ }

.pagination a.active							{ font-weight: bold; background-color: #d0e0f0; border-style: solid; }

.flashPlayer									{ padding-left:20px; }

/** Ajax **/
#master_ajax_indicator.ajax_status				{ width: 140px; height: 3em; position: fixed;  padding: 1.5em 0em 2em 0em; font-size: 0.85em; background-color: #000000; text-align: center; border: 1px solid #c0c0c0; font-weight: bold; color: #ffffff; }  
.ajax_placeholder								{ border: 1px dashed #c0c0c0; padding: 1em; color: #c0c0c0; } 
.ajax_panel_loading								{ height: 100px; background:url('/app/common/assets/images/ajax-loader.gif') center no-repeat; }

/** Errors & Fields **/
#form_errors									{ margin-bottom: 1.5em; padding: 0.5em 0.5em; color: #800; border: 1px solid #c00; background-color: #decccc; }

.form_value_error								{ margin-bottom: 1.5em; padding-left: 3.0em; color: #c00; font-size: 0.9em; }

.mandatory										{ color: black; }

.fatal											{ border: 1px solid #c00; }

.placeholder									{ color: #909090; }

/****************************************************************************************************************************************/
/* Template specific styles
/****************************************************************************************************************************************/
div.templateColumns								{width:100%;}
div.templateColumns div.primary_column,
div.templateColumns div.secondary_column,
div.templateColumns div.tertiary_column			{ width:200px;float:left;}

div.three_col div.templateColumns div.primary_column,
div.three_col div.secondary_column,
div.three_col div.tertiary_column			{ width:33%;float:left;}	

/****************************************************************************************************************************************/
/*Colour picker styles*/
/***************************************************************************************************************************************/
input.clicked_colour
{
font-size:10px;
}
table.color_chart
{
border:3px solid #FFFFFF;
}
	table.color_chart tr
	{
	}
		table.color_chart tr td
		{
		height:5px;
		width:5px;
		}
		table.color_chart tr td:hover
		{
		cursor:crosshair;
		}
.colour_display
{
width:30px;
height:30px;
margin:10px 10px 0px 0px;
float:left;
display:inline;
vertical-align:bottom;
border:3px solid #FFF;
}

.custom_error
{
border:5px solid #51317D;
background:#3F518F;
width:700px;


}

	.custom_error img
	{
	display:inline;
	margin:0px;
	}
	.custom_error h1
	{
	color:#F7941C;
	font-size:26px;
	text-align:center;
	}
	.custom_error h2
	{
	color:#F7941C;
	font-weight:bold;
	font-size:18px;
	
	}
	.custom_error hr
	{
	color:#F7941C;
	}
	.custom_error p
	{
	color:#FFFFFF;
	font-weight:bold;
	}
	.custom_error a:active,
	.custom_error a:link,
	.custom_error a:visited
	{
	color:#F7941C;
	}
	.custom_error a:hover
	{
	color:#CECECE;
	}
	.custom_error #email-link
	{
	display:block;
	width:100%;
	float:left;
	text-align:center;
	font-size:16px;
	margin:15px 0 20px 0;
	
	}
	
	.custom_error #error_details
	{
	width:100%;
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin-left:0px
	}