/**
 * ActiveSite4 Default Theme Application Styles 
 *
 */

/** Installation Header **/
h1 span							{ display: none; }

#page_header					{ background: url('images/page_header.jpg') no-repeat; height: 80px; border-bottom: 1px solid #007392; }

#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_navigation									{ color: #b0b0b0; }

#page_navigation ul,
#page_footer ul                                     { list-style: none;  }

#page_footer ul li                                  { float: left; }

#page_navigation ul li em,              
#page_footer ul li em                               { font-weight: normal; padding: 0.25em 0em; font-style: normal;}

#page_footer ul li span                             { padding: 0.25em 1em; }

#page_navigation ul li strong span,
#page_footer ul li strong span                      { display: block }

#page_navigation ul li a,
#page_navigation ul li a:link,
#page_navigation ul li a:visited,

#page_footer ul li a,
#page_footer ul li a:link,
#page_footer ul li a:visited                        { display: block; padding: 0em 1em; color: #404040; margin-right: 0.25em; }

#page_footer ul li a:link,
#page_footer ul li a:visited                              {}
#page_footer ul li a:hover                                { color: #ffffff; }

#page_navigation ul li a:hover,
#page_footer ul li a:hover                          { }

#page_navigation ul li a:link.button,
#page_navigation ul li a:visited.button,
#page_footer ul li a:link.button,
#page_footer ul li a:visited.button									{ color: #000000; }

#page_navigation ul li a:hover.button,
#page_footer ul li a:hover.button                   { color: #e0e0e0;}

/** Breadcrumbs **/
#breadcrumbs,																				{ font-size: 0.85em; margin-bottom: 1.5em; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.75em; }
.breadcrumbs																				{ font-size: 0.85em; margin-bottom: 1.5em; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.75em; }

/** Site Map **/

	.site_map ul 																			{ margin-left: 1.5em; }
	.site_map li																			{ list-style-type: disc; margin-left: 1.5em; }
	.site_map ul ul li																{ list-style-type: circle; margin-left: 1.5em; }

/** Interface Defaults **/

	.guide																						{ border: 1px solid #ceceff; background: #f0f0ff; text-align: center; padding: 0.5em }

	.guide p																					{ margin: 0.5em 0em; }

/** Squeeze image resources **/

	img.squeeze																				{ width: 100%; zoom: 1; }

/** Inline resource editing **/

	.edit_resource_controls														{ font-size: 0.85em;
                                                      background: #fefec9; 
                                                      border-bottom: 2px solid #f0f0c0; 
                                                      padding: 10px; 
                                                      margin: 0em auto;
                                                      overflow: hidden; }

	.edit_resource_controls .meta											{ }

	.edit_resource_controls .button										{ font-weight: bold; }

/** Notice Messages **/

  .notice                                           { background: #fefefc; 
                                                      border: 1px solid #f9f9e0;
                                                      padding: 5px 7.5px 5px 7.5px;
                                                      text-align: center;
                                                      color: #a0a080;
                                                      font-size: 0.9em; }

                                                      
                                                      
/** Panel Options Tabs **/
.panel .content .tab_container 
{
	height: 24px; 
	margin-bottom: 25px; 
	background: url('images/buttons/grey_background.gif') repeat-x transparent; 
	border:none; 
}

/* for IE6 only */
* html .panel .content .tab_container 
{
	width:105% !important;
}


/* Widget Options Tabs */
.panel .content .tab_container .button 
{
	float:left; 
	height: 24px; 
	background: url('images/buttons/grey_background.gif') repeat-x transparent; 
	padding: 4px 10px 0px; 
	margin: 0px;
	color:#000;
	overflow: hidden;
	border:none; 
}

.panel .content .tab_container .active_options_tab,
.panel .content .tab_container .button:hover 
{
	float:left; 
	height: 24px; 
	background: url('images/buttons/grey_background_hover.png') repeat-x; 
	padding: 4px 10px 0px; 
	margin: 0px;
	color:#000;
	overflow: hidden;
	border:none;
}

.panel .content .tab_container .disabled_button 
{
	float:left; 
	height: 28px; 
	background: url('images/buttons/grey_background.gif') repeat-x transparent; 
	padding: 4px 10px 0px; 
	color:#AAAAAA; 
	border:none; 
	margin: 0px;
	cursor: pointer;
}     















/**
 ****************************************************************
 * CSS Theme for the form widget
 ****************************************************************
 */

.position_left
{
float:left;
width:183px;
}
.position_left .form_form_element
	{
	float:left;
	width:163px !important; 
	}
		.position_left .form_form_element #captcha_image
		{
		float:left;
		width:160px !important; 
		}
.position_centre
{
float:left;
width:565px;
margin-left:50%;
position:relative;
right:282px;
}
.position_centre .form_form_widget
{
float:left;
width:545px;
}
.position_right
{
float:left;
width:230px;
}

.position_right .form_form_element
{
float:left;

}
		.position_right .form_form_element #captcha_image
		{
		float:left;
		width:160px !important; 
		}
		
.form_widget .form_form_element
{
text-align:left;
margin-bottom:2px;
}
	.form_widget .form_form_element label
	{
	color:#555555;
	font-weight:bold;
	float:left;
	width:25%;
	margin-right:10px;
	position:static;
	}
		.form_widget .form_form_element label.pos_inside
		{
		display:none;
		}
	.form_widget .form_form_element a:link,
	.form_widget .form_form_element a:visited,
	.form_widget .form_form_element a:active
	{
	float:left;
	vertical-align:bottom;
	margin-left:5px;
	}
	
	.form_widget .form_form_element input,
	.form_widget .form_form_element textarea,
	.form_widget .form_form_element select
	{
	color:#555555;
	float:left;
	width:64%;
	}
	
	.form_widget .form_form_element label.pos_top,
	.form_widget .form_form_element input.pos_top,
	.form_widget .form_form_element select.pos_top,
	.form_widget .form_form_element textarea.pos_top,
	.form_widget .form_form_element input.pos_inside,
	.form_widget .form_form_element select.pos_inside,
	.form_widget .form_form_element textarea.pos_inside
	{
	width:96%;
	}
	
	.form_widget .form_introduction
	{
	
	}
		.form_widget .form_introduction h3.form_intro_title
		{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-weight:bold;
		}
		.form_widget .form_introduction p.form_intro_text
		{
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		}
		.form_widget .form_introduction .form_intro_webpage
		{
		
		}
	
		.form_widget .form_content
		{
		padding:0px;
		}
	
	.form_widget .form_creation_date
	{
	font-weight:bold;
	width:98%;
	float:left;
	text-align:center;
	}
		
	.form_widget .form_search
	{
	border:1px solid #cecece;
	width:98%;
	padding:2px 2px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	}
		.form_widget .form_search h3
		{
		margin-bottom:5px;
		}
		.form_widget .form_search #search_fields,
		.form_widget .form_search #search_filter
		{
		float:left;
		width:200px;
		margin-bottom:5px;
		}
		.form_widget .form_search span
		{
		float:left;
		width:150px;
		margin-bottom:5px;
		}
		
	.form_widget .form_records_linear
	{
	overflow:scroll;
	}	
		.form_widget .form_records_linear table
		{
		border-right:1px solid #C0C0C0;
		border-bottom:1px solid #C0C0C0;
		}
		.form_widget .form_records_linear table thead
		{
		background:#AFAFAF;
		color:#555555;
		}
			.form_widget .form_records_linear table th,
			.form_widget .form_records_linear table td
			{
			border-left:1px solid #C0C0C0;
			border-top:1px solid #C0C0C0;
			padding:2px;
			width:200px;
			}
			.form_widget .form_records_linear table td span,
			.form_widget .form_records_linear table th span
			{
			width:auto;
			float:left;
			width:200px;
			}
			
	.form_widget .form_records_grid
	{
	float:left;
	width:98%;
	margin:0px 0px 15px 0px;
	}		
		.form_widget .form_records_grid .form_record
		{
		float:left;
		width:100%;
		border:1px solid #AFAFAF;
		margin:0px 0px 5px 0px;
		padding:5px;
		background:#A8C8FF;
		
		}	
		.form_widget .form_records_grid .form_record h4
		{
		float:left;
		width:100%;
		margin:0px 0px 15px 0px;
		}
		.form_widget .form_records_grid .form_record strong
		{
		float:left;
		width:39%;
		margin:0px 1% 3px 0px;
		padding:2px 0px;
		color:#555555;
		}
		.form_widget .form_records_grid .form_record span
		{
		float:left;
		width:59%;
		margin:0px;
		background:#FFFFFF;
		margin:0px 0px 3px 0px;
		padding:2px 0px;
		}
		
		
/** form widget option style**/

ul.widget_options_tabs
{
width:98%;
margin:10px 0px 0px 0px;
padding:0px;
height:30px;
list-style:none;

}
	ul.widget_options_tabs li
	{
	display:inline;
	width:auto;
	padding:5px 10px;
	margin:0px 2px 0px 0px;
	line-height:30px;
	background:#555555;
	color:#CFCFCF;
	cursor:pointer;
	}
		ul.widget_options_tabs li.selected
		{
		background:#FFFFFF;
		color:#555555;
		font-weight:bold;
		cursor:arrow;
		border:1px solid #CFCFCF;
		border-bottom:none;
		}
		ul.widget_options_tabs li.disabled
		{
		}

.options_tab_content
{
display:none;
}		
		
.form_introduction_options,
.form_email_options,
.form_submission_options,
.form_record_layout_options,
.form_date_options,
.form_record_count_options
{
border:1px solid #7F9DB9;
background:#cecece;
float:left;
width:98%;
margin-top:10px;
margin-bottom:20px;
padding:5px;
}
	.form_introduction_options span,
	.form_email_options span,
	.form_submission_options span,
	.form_record_layout_options span,
	.form_date_options span,
	.form_record_count_options span
	{
	float:left;
	width:20%;
	margin-bottom:10px;
	}
	.form_introduction_options input,
	.form_introduction_options textarea,
	.form_email_options input,
	.form_email_options textarea,
	.form_submission_options input,
	.form_submission_options textarea,
	.form_record_layout_options input,
	.form_record_layout_options textarea,
	.form_date_options input,
	.form_date_options textarea,
	.form_record_count_options input,
	.form_record_count_options textarea
	{
	float:left;
	width:75%;
	margin-bottom:10px;
	}
	
.submitted_form_message
{
float:left;
width:100%;
}







/**
extended all resources widget default themes
**/

.all_resources_item
{
height:auto;
width:100%;
float:left;
border:1px solid #C0C0C0;
border-bottom:none;
}

/*
by default the i icon should not be seen
*/

/*
.i-icon
{
display:none;
}

#language_tabs
{

}

	#language_tabs #remove_section 
	{
	
	width:100%;
	margin:10px 0px 10px 0px;
	}
*/


.i-icon
{
display:block !important;
border-top:5px solid #58B8E8;
background:#F7F7F7;
font-size:12px;
padding-bottom:5px;

}
	.i-icon.hiddenicon
	{
	border-top:none;
	background:transparent;
	font-size:10px;
	padding-bottom:5px;
	height:0px;
	}
		.primary .i-icon .image_summary_text,
		.tertiary .i-icon .image_summary_text
		{
		height:65px;
		overflow-x:hidden;
		overflow-y:auto;
		}
		
		.secondary .i-icon .image_summary_text
		{
		height:34px;
		overflow-x:hidden;
		overflow-y:auto;
		}
		
		.secondary .i-icon img
		{
		position:relative;
		top:60px;
		}	
		                                                    		
		.secondary .i-icon img                              		
		{                                                   		
		position:relative;                                  		
		top:35px;                                           		
		}	                                                		
		.tertiary .i-icon img,                              		
		.primary .i-icon img                                		
		{                                                   		
		position:relative;                                  		
		top:65px;                                           		
		}                                                   		
		.secondary .i-icon.hiddenicon img                   		
		{                                                   		
		position:relative;                                  		
		top:40px;                                           		
		}	                                                		
		.tertiary .i-icon.hiddenicon img,                   		
		.primary .i-icon.hiddenicon img                     		
		{                                                   		
		position:relative;                                  		
		top:70px;                                           		
		}	                                                		
			                                                		
			                                                		
			                                                		
			                                                		
			                                                		
		.i-icon .image_summary_text                         		
		{                                                   		
		visibility:visible;                                 		
		margin-bottom:0px;                                  		
		padding:0px 10px 10px 10px;                         		
		overflow:hidden;                                    		
		line-height:15px;                                   		
		}                                                   		
		.i-icon.hiddenicon .image_summary_text              		
		{                                                   		
		visibility:hidden;                                  		
		}      

		.i-icon-button
		{
		position:relative;
		bottom:25px;
		right:10px;
		z-index:12;
		margin-bottom:-20px;
		
	    }  
	 

/**
form date picker styles
**/

input.hasDatepicker:hover
{
cursor:pointer;
}

.ui-datepicker
{
background:#FFFFFF;
width:175px;
height:200px;
border:2px solid #555555;
padding:5px;
display:none;
}
	.ui-datepicker .ui-datepicker-header
	{
	height:50px;
	}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-prev
	{
	width:49%;
	float:left;
	text-align:left;
	height:25px;
	line-height:25px;
	}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-next
	{
	width:49%;
	float:left;
	text-align:right;
	height:25px;
	line-height:25px;
	}
		.ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
		.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span
		{
		color:#555555 !important;
		font-weight:bold !important;
		cursor:pointer;
		}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-title	
	{
	width:100%;
	float:left;
	text-align:center;
	color:#555555 !important;
	font-weight:bold !important;
	}
	
	.ui-datepicker .ui-datepicker-calendar
	{
	text-align:center;
	}
	.ui-datepicker .ui-datepicker-calendar *
	{
	padding: 0;
	border-spacing: 0; 
	}
		.ui-datepicker .ui-datepicker-calendar tr
		{
		height:25px;
		line-height:25px;
		}
		.ui-datepicker .ui-datepicker-calendar th,
		.ui-datepicker .ui-datepicker-calendar td
		{
		width:25px;
		text-align:center;
		
		}
		.ui-datepicker .ui-datepicker-calendar th
		{
		background:#555555;
		color:#FFFFFF;
		font-weight:bold;
		}
		
.primary .form_captcha_field,
.tertiary .form_captcha_field
{

float:left;

}
	.primary .form_captcha_field
	{
	width:163px;
	}
		.primary .form_captcha_field .captcha_refresh
		{
		width:16px !important;
		
		}
		.primary .form_captcha_field .captcha_image
		{
		width:130px !important;
		float:left !important;
		}
		.primary .form_captcha_field .captcha_intro
		{
		width:100% !important;
		float:left !important;
		margin:0px;
		}
	
	.tertiary .form_captcha_field
	{
	width:190px;
	}
		.tertiary .form_captcha_field .captcha_refresh
		{
		width:16px !important;
		}
		.tertiary .form_captcha_field .captcha_image
		{
		width:170px !important;
		}.tertiary .form_captcha_field .captcha_intro
		{
		width:100% !important;
		margin:0px;
		}
		
	
	.form_form_element label.wide
	{
	width:72%;
	}
	.form_form_element input.full,
	.form_form_element textarea.full,
	.form_form_element select.full
	{
	width:100%;
	}
	
		
