@import url("/SiteElements/Styles/210-cgcontent.css");

body {
color:#30343b;
background:#fff url("/SiteElements/Images/Control-Gallery/large-bg.jpg") 100% 0 no-repeat;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
margin:0;
padding:0 0 100px 0;}

img {border:0 none;}

.sys_clear {clear:both;overflow:hidden;width:100%;height:0;line-height:0;}
.floatLeft {float:left;margin:0 10px 10px 0;}
.floatRight {float:right;margin:0 0 10px 10px;}
/* Sites nav */
.sys_sites-nav {width:100%;height:8px;margin-bottom:32px;background:#30343b;}
.sys_sites-nav div {width:937px;margin:0 auto;position:relative;}
.sys_sites-nav ul {float:right;position:absolute;top:8px;right:0;}

.sys_sites-nav ul, .sys_sites-nav li {display:block;margin:0;padding:0;list-style-type:none;}
.sys_sites-nav ul {}
	.sys_sites-nav li {float:left;background:#fff;color:#000; font-weight:400; margin:1px 1px 0 0;}
		.sys_sites-nav li a {display:block;color:#2b4f7e;padding:.5em 18px .6em 18px; font-weight:400; text-decoration:none; border:1px solid #ccc; border-top-color:#f2f2f2; border-left-color:#f2f2f2;}
		.sys_sites-nav li a:hover {color:#000;border-right-color:#8d8d8d;border-bottom-color:#787878;}
	.sys_sites-nav li.sys_active-site {font-weight:700;background:#30343b url("/SiteElements/Images/Control-Gallery/sites-tab-selected-bg.png") 0 100% repeat-x; color:#fff; border:1px solid #626467; border-top:0 none; margin-top:-1px;}
		.sys_sites-nav li.sys_active-site span {display:block;padding:.7em 15px;cursor:default;}
		
		
.sys_sitewrap {
width:937px;
margin:0 auto;
text-align:left;}
.sys_sitewrap a {color:#2b4f7e;text-decoration:none;}
.sys_sitewrap a:hover {color:#000;text-decoration:underline;}

	/* Header */
	#siteheader {width:100%;clear:both;margin-top:-10px;}
		#siteheader .sys_siteheader-inner {padding:0 0 10px 0; }
	#sitelogo {width:380px;}
	#sitelogo img {display:block;}
	
	ul#siteoptions {float:right;width:430px;margin:-25px 0 0 0;padding:0;list-style-type:none;}
		ul#siteoptions li {float:left;margin:0;padding:0 15px;font-weight:700;border-right:1px solid #d0d1d2;}
		ul#siteoptions li#siteoptionslink1 {}
		ul#siteoptions li#siteoptionslink2 {}
		ul#siteoptions li#siteoptionslink3 {padding-right:0;border-right:0 none;}
		ul#siteoptions li a {color:#000;}
		
	/* Body area*/
	#sitebody {width:937px;background:#fff url("/SiteElements/Images/Control-Gallery/body-bg.png") 0 0 repeat-y; padding:0;}
	#sitebody:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}
	#sitebody #innersitebody {width:100%;background:url("/SiteElements/Images/Control-Gallery/banner.jpg") 0 0 no-repeat;}
	
	.sys_content-area {float:right;width:685px;margin-top:151px;padding:0 2px 0 0;}
	
	.sys_page-title {color:#fff;background:#000;margin:0 1px 30px -30px;padding:12px 30px;height:36px;width:655px;overflow:hidden;}
		.sys_page-title h1 {font-size:2em;font-weight:700;margin:0;padding:4px 0 0 0;}
		.sys_page-title h1 span {color:#669933;}
		.sys_page-description {color:#30343b;font-weight:700;line-height:1.5em;padding:0 80px 0 0;}
		.sys_page-description p {font-size:1.1em;margin:0;padding:0 0 1em 0;}
	
	.sys_col-left {float:left;width:219px;margin-top:212px;padding:0 0 0 1px;}
	
	/* left menu */
	.sys_col-left .sys_simpleListMenu {font-size:1.2em;font-weight:700;margin:0 0 10px 0;padding:0;list-style-type:none;width:219px;float:right;border-top:1px solid #cccccc;}
		.sys_col-left .sys_simpleListMenu li {margin:1px 0 0 0;padding:0;border:1px solid #fff;border-right-color:#cccccc;list-style-type:none; }
		.sys_col-left .sys_simpleListMenu li a {display:block; outline:none; color:#2b4f7e; text-decoration:none; padding:11px 15px 12px; background:url("/SiteElements/Images/Control-Gallery/menu-lev1-bg.png") 100% 100% no-repeat;}
		.sys_col-left .sys_simpleListMenu li a:hover {color:#000;text-decoration:none;}
		.sys_col-left .sys_simpleListMenu li div.sys_selected a {color:#000;}
		.sys_col-left .sys_simpleListMenu li ul {font-size:.9em;font-weight:400;margin:0;padding:0 0 10px 25px;}
			.sys_col-left .sys_simpleListMenu li ul li {margin:0;padding:0;border:0 none;}
			.sys_col-left .sys_simpleListMenu li ul li a {padding:.2em 0;background:none;}
				
	/* Tabbed Area Control */
			.sys_tabbedarea-control {
			height:1%;
			position:relative;
			margin:0;
			padding:0; 
			zoom: 1;
			clear:both;}
				.sys_tabbedarea-control ul.sys_tabs {
				list-style-type:none;
				margin:0;
				padding:0 0 1px 0;
				font-size:1.2em;
				float:left;
				width:100%;
				background:url("/SiteElements/Images/Control-Gallery/tabs-bg.png") 0 100% repeat-x;}
					.sys_tabbedarea-control ul.sys_tabs li {
					float:left;
					margin:0 3px -1px 0;
					padding:0;
					outline:none;
					white-space:nowrap;
					line-height:1.4em;
					position:relative;
					z-index:2;}
						.sys_tabbedarea-control ul.sys_tabs li a {
						display:block;
						padding:8px 15px;
						color:#333;
						outline:none;
						font-weight:400;
						text-decoration:none;}
							.sys_tabbedarea-control ul.sys_tabs li a:hover {
							text-decoration:none;}
						.sys_tabbedarea-control .sys_tabbedarea-content {
						width:100%;
						clear:both; 
						display: block; 
						margin:0 0 10px 0;
						padding:10px 0;
						
						background:#fff;}
						.sys_tabbedarea-control .sys_tabbedarea-content:after {
						content: "."; 
						display: block; 
						height: 0; 
						clear: both; 
						visibility: hidden;}
						
						.sys_tabbedarea-control .sys_tabbedarea-content h2 {
						
						margin:0;
						padding:0 0 7px 0;}
						
/* CSS Document Specific for Jquery UI Elements */
/* Tabbed Area Control */
.sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected {background:#fff url("/SiteElements/Images/Control-Gallery/tab-bg1.png") 0 0 no-repeat; margin-bottom:-1px;}
.sys_tabbedarea-control .ui-tabs-nav li.ui-tabs-selected a {background:url("/SiteElements/Images/Control-Gallery/tab-bg2.png") 100% 0 no-repeat;padding:8px 15px 9px 15px;color:#000;}
.sys_tabbedarea-control .ui-tabs-nav li a, 
.sys_tabbedarea-control .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.sys_tabbedarea-control .ui-tabs-hide {position: absolute; left: -10000px; display:none; }
.sys_tabbedarea-control .ui-tabs-nav li span.sys_tab-demoarea a {color:#c2272d;}
/* Help Text Area */
#helptext {float:left;width:100%;padding:50px 0 40px 0;background:url("/SiteElements/Images/Control-Gallery/help-text-bg.png") 50% 0 no-repeat;}
	#helptext div {float:left;width:238px;height:115px;margin:0 32px 0 0;padding:0 30px 0 0;border-right:1px solid #cecece;}
	#helptext div.sys_helptext-1 {padding-left:50px;}
	#helptext div.sys_helptext-3 {margin-right:0;padding-right:0;border-right:0 none;}
	#helptext h2 {font-size:1.2em;margin:0;padding:0 0 15px 0;}
	#helptext p {margin:0;padding:0;}
/* Footer */
#sitefooter {height:115px;color:#fff;background:#000;}
	#sitefooter ul {margin:0;padding:45px 0 0 65px;list-style-type:none;}
	#sitefooter ul li {float:left;margin:0;padding:0 0 0 32px;width:235px;font-size:1.8em;font-weight:700;background:url("/SiteElements/Images/Control-Gallery/green-arrow.png") 0 0 no-repeat;}
#sitefooter2 {color:#fff;background:#545b60 url("/SiteElements/Images/Control-Gallery/footer-bg.png") 0 100% no-repeat;padding:10px;height:18px;}	
	#sitefooter2 #sitecopyright {float:left;width:40%;}
	#sitefooter2 #sitepoweredby {float:right;width:40%;text-align:right;}
	#sitefooter a, #sitefooter2 a {color:#fff;}

	.sys_addthis_button {display:block; position:fixed; top:100px;right:-5px;width:34px; height:116px; overflow:hidden; background:url("/SiteElements/Images/Control-Gallery/share-this.png") 0 0 no-repeat;}
	.sys_addthis_button:hover {background:url("/SiteElements/Images/Control-Gallery/share-this.png") -34px 0 no-repeat;}
		.sys_addthis_button img {position:absolute;top:-999px;left:-999px;}
		
/* Other Web Control Gallery CSS */
		/* Header Title */
		#siteheader .sys_siteheader-inner {
		/*background:url("/siteelements/images/web-control-gallery.png") 100% 50% no-repeat;*/}
		
		#siteheader .sys_header-title {display:block;float:right;text-align:right;width:350px;margin-top:25px;font-size:2.5em;font-weight:700;}
		
		/* Themed Controls used as examples */
		.sys_content-area .sys_feature-item div.sys_text .sys_themed {
		border-top:3px dotted #ccc;
		border-bottom:3px dotted #ccc;
		padding:10px 0;
		margin:15px 0;}
				
		/* Expanding Panels */
		
		.sys_expanding-panel {
		width:100%;
		position:relative;
		clear:both;}
				.sys_expanding-panel .sys_expandingpanel-header {
				float:left;
				width:100%;
				display:block;
				color:#333;
				font-weight:700;
				background:url("/SiteElements/Images/Panels/PanelHeaderBg.png") 0 50% repeat-x;
				background:#efefef;}
					.sys_expanding-panel .sys_expandingpanel-header div {
					display:block;
					float:left;
					padding:5px 10px 5px 28px;
					background:url("/SiteElements/Images/Panels/PanelOpen.png") 5px 50% no-repeat;}
				
				.sys_expanding-panel .sys_expandingpanel-header.sys_closed {}
					.sys_expanding-panel .sys_expandingpanel-header.sys_closed div {
					background:url("/SiteElements/Images/Panels/PanelClosed.png") 5px 50% no-repeat;}
				
				.sys_expanding-panel .sys_expandingpanel-content.sys_closed, 
				.sys_expanding-panel .sys_expandingpanel-content.sys_closed * {
				display:none !important;}
				
				.sys_expanding-panel .sys_expandingpanel-content {
				height:100%;
				margin:0 0 10px 0;
				padding:10px;
				border-top:0 none;
				color:#333;
				background:#f4f4f4;}
					.sys_expanding-panel .sys_expandingpanel-content:after {
					content: "."; 
					display: block; 
					height: 0; 
					clear: both; 
					visibility: hidden;}
					
					.sys_expanding-panel .sys_expandingpanel-content {
					word-break:break-all;}
	
	/* Example Control DIV */
	#ControlsDiv {
	width:675px;
	float:left;
	clear:both;
	margin:15px 0;}
		#ControlsDiv .sys_themed {}
		
	#ControlsExtras {width:675px;}
	
		#ControlsDiv h1 {font-size:2em;}
		#ControlsDiv h2 {font-size:1.2em;}
		#ControlsDiv h3 {font-size:1.1em;}
		#ControlsDiv h4 {font-size:1.1em;}
		#ControlsDiv h5 {font-size:1em;}
		#ControlsDiv h6 {font-size:1em;}
		
		/* Fixes to be applied at theme level */
		#ControlsDiv .sys_theme-simple .sys_search-control {width:100%;clear:both;}
		#ControlsDiv .sys_searchresults-themed {margin-top:20px;}
		#ControlsDiv .sys_theme-simple .sys_search-term-text {margin:0;padding:0;min-height:auto;} 
		#ControlsDiv .sys_searchresults-themed .sys_noresults p {margin:0;padding:0;}
		#ControlsDiv .sys_searchresults-themed .sys_noresults ul {margin:0;padding:0 25px;}
		#ControlsDiv .sys_searchresults-themed .sys_noresults ul li {list-style-type:disc;margin:.3em 0;padding:0;border:0 none;}
		#ControlsDiv .sys_theme-simple .sys_thumbnail {margin-bottom:12px;}
		#ControlsDiv .sys_theme-simple .sys_record-control dd ul {width:100% !important;}
		
		#ControlsDiv .sys_theme-simple .sys_record-control dl dt {width:29% !important;}
		
	/* View Source Control */
		.sys_htmlsourceviewer-panel, 
		.sys_customcssviewer-panel  {clear:both;width:675px;margin:0 0 15px 0;
		}
			
				.sys_htmlsourceviewer-panel .sys_htmlsource-content pre,
				.sys_customcssviewer-panel .sys_customcss-content pre {
				display:block;
				width:100%;
				font-size:1em;
				height:350px;
				overflow:scroll;
				color:#669933;
				background:#fff;
				border:1px solid #ccc;
				font-family:"Lucida Console", "Courier New", Courier, monospace;}

			
	/* Example Web Control Styles - Local View Menu */
	.localviewmenu-control {}
	.localviewmenu-control .home-folder {}
	.localviewmenu-control .parent-folder {}
	.localviewmenu-control .current-folder {}
	
	#ContactForm11 .sys_form-hdr
	{
		display: none;
	}