/* Start of CMSMS style sheet 'Fora' */
/**
 * yellow - #ffc425
 * blue - #006892
 */

/* Some common styles */
html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li,
form, table, td, tr, img, p, blockquote {
	margin:0; padding:0; border:0; }

body#tinymce {
	background:white; text-align:left; padding:0 12px; }
	
h1, h2, h3, h4, h5, h6 {
	font-weight:normal; }
	
body {
	background:black url(images/fora/bg.jpg) no-repeat top center; font:70%/1.6em Verdana, sans-serif;
	text-align:center; color:black; }
	
html, body { height:100%; }


html > body #main { min-height:100%; background:url(images/fora/grid.png) repeat top center; }
	
/* header */
#head {
	height:71px; background:#105774 url(images/fora/head_bg.jpg) repeat-x; border-bottom:6px solid black; }
	
	#head .container {
		height:71px; background:#105774 url(images/fora/head_bg_full.jpg) repeat-x top center; }
		
		#head .content {
			width:944px; margin:0 auto; text-align:left; }
		
			h1 {
				width:309px; height:71px; float:left; }
				
				h1 a {
					margin:0; display:block; height:71px; width:309px; }
			
					h1 a img {
						display:block; }
						
					* html h1 a {
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fora/logo.png',sizingMethod='scale');
						cursor:hand; }
						
					* html h1 a img {
						display:none; }
					
					* html h1 > a {
						filter:none; cursor:pointer; }
						
					h1 > a img {
						display:block !Important; }
					
			#head ul {
				float:right; height:71px; list-style-type:none; display:block; padding-right:80px;
				overflow:hidden; width:550px; }
				
				#head li {
					float:right; height:44px; margin-top:27px; margin-left:20px; padding: 0 10px 0 0;
					 }
					
				html > body #head li {
					width:auto; }
					
				#head li.selected {
					background:url(images/fora/tab_x.gif) no-repeat top right; }
					
				html > body #head li.selected { background-image:url(images/fora/tab_x.png); } /* for decent browsers */
					
					#head li a {
						color:white; font-size:1.35em; text-decoration:none;
						line-height:50px; white-space:nowrap;
						height:44px; padding:0 16px; }

					* html #head li a {
						display:inline-block; }
					
					#head li span {
						height:44px; padding-left:10px; float:left; }
						
					#head li.selected span {
						background:url(images/fora/tab.gif) no-repeat top left; }
						
					html > body #head li.selected span {
						background-image:url(images/fora/tab.png); } /* for decent browsers */
					
					#head li a:hover {
						text-decoration:underline; }
					
					#head li.selected a:hover {
						text-decoration:none; }

/* left menu */
#panel {
	float:left; width:260px; text-align:left; }
	
	#menu {
		width:200px; border:1px solid #c8c8c8;
		margin:75px 0 20px 35px; padding:1px; padding-bottom:0; display:block;
		list-style-type:none;
		box-shadow:0 0 5px #ccc;
		-webkit-box-shadow:0 0 5px #ccc;
		-moz-box-shadow:0 0 5px #ccc;
		-o-box-shadow:0 0 5px #ccc; }
		
	#menu ul, #menu li {
		list-style-type:none; display:inline; }
		
			#menu li a {
				display:block; background-color:#ffc425;
				line-height:1.6em; color:black; font-weight:bold; margin-bottom:1px;
				text-decoration:none; padding:3px 9px;
				background-repeat: repeat-x; background-position: center center;
				background-image:url(images/fora/button_ffc425.gif);
				border:1px solid #ffc425; }
				
			html > body #menu li a {
				background-image:url(images/fora/button_highlight.png) !important; }
				
			#menu li a:hover {
				text-decoration:underline; }
				
			#menu li.selected a {
				font-weight:bold; text-decoration:underline; }

			#menu li.selected li a {
				font-weight:normal; text-decoration:none; }
					
				#menu li a span {
					float:right; width:10px; height:1.6em;
					cursor:pointer; }
					
				#menu li a:hover span, #menu li.selected a span {
					background:url(images/fora/bullet.gif) no-repeat right center; }

				#menu li.selected li a span {
					background-image:none; }
					
				body #menu li > a:hover span, body #menu li.selected > a span {
					background-image:url(images/fora/bullet.png) !important; }
					
					#menu li li a {
						font-weight:normal; background-color:#d4d4d4; border:0;
						background-repeat: repeat-y; background-position: center center;
						background-image:url(images/fora/button_d4.gif);
						padding:3px 10px 3px 20px; }
						
					#menu li li a:hover {
						background-color:#aaa; background-image:url(images/fora/button_aa.gif); }
						
					html > body #menu li li a {
						background-image:url(images/fora/button_gradient.png) !important; }
						
						#menu li li li a {
							background-color:#e6e6e6; background-image:url(images/fora/button_e6.gif); padding-left:30px; }
							
						#menu li li li a:hover {
							background-color:#c3c3c3; background-image:url(images/fora/button_c3.gif); }

	#perception_logo {
		width:212px; height:72px; margin:0 0 30px 29px; display:block; }

	#ecomcert_logo {
		width:212px; height:125px; margin:0 0 30px 29px; display:block; }

	.menuSpacer {
		height:30px; }

/* content */
.full_hr {
	height:2px; margin:0 auto; width:859px; background:#ffc425; overflow:hidden; }
	
#content {
	width:873px; margin:0 auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fora/content_bg.png',sizingMethod='scale'); }
	
html > body #content {
	background:url(images/fora/content_bg.png) repeat-y top left; overflow:visible; } /* for decent browsers */
	
.content_bg {
	margin:0 4px; }
	
#content .content_bg {
	 padding-top:3px; background:white url(images/fora/white_bg.gif) repeat-x bottom left; }

	#content .end {
		clear:both; height:1px; overflow:hidden; }
		
	#content .container {
		float:right; width:590px; text-align:left; }

	#content .container_fullsize {
		text-align:left; margin-left:40px; }
		
		#content .content {
			margin:27px 40px 30px 0; }
			
			#content h2 {
				color:#006892; font-size:2.2em; border-bottom:2px solid #006892;
				line-height:1.5em;
				font-family:Tahoma, verdana, sans-serif; letter-spacing:0.05em; }
			
			#content h2 span {
				display:block; background-position:98% 100%; background-repeat:no-repeat }

			#content h2 .streaming_services {
				background-image:url(images/fora/services_streaming.gif); }

			#content h2 .recording_services {
				background-image:url(images/fora/services_recording.gif); }

			#content h2 .encoding_services {
				background-image:url(images/fora/services_encoding.gif); }

			#content h2 .information_services {
				background-image:url(images/fora/services_info.gif); }

			#content h2 .external_services {
				background-image:url(images/fora/services_linked.gif); }

			#content .content > h2 .streaming_services {
				background-image:url(images/fora/services_streaming.png); }

			#content .content > h2 .recording_services {
				background-image:url(images/fora/services_recording.png); }

			#content .content > h2 .encoding_services {
				background-image:url(images/fora/services_encoding.png); }

			#content .content > h2 .information_services {
				background-image:url(images/fora/services_info.png); }

			#content .content > h2 .external_services {
				background-image:url(images/fora/services_linked.png); }

			#content h3 {
				margin-top:1.6em; font-size:1.2em; font-weight:bold; }

			#content .subtitle {
				padding-top:0em; font-style:italic; }

			#content img {
				border:none; }

			#content .imgLink {
				text-decoration:none; }

			#content .main_img {
				 border-bottom:2px solid #006892; padding:10px 0; }
				 
				 #content .main_img img {
				 	display:block; }
				 		
			#content p, #tinymce p {
				padding-top:1.6em; text-align:justify; }
				
			#content a, #tinymce a {
				color:#006892; }
				
			#content a:hover, #tinymce a:hover {
				text-decoration:none; }
				
			#content blockquote, #tinymce blockquote {
				font-style:italic; font-family:Georgia, Times, serif; font-size:1.1em;
				letter-spacing:0.05em; line-height:1.7em;
				padding-left:40px; padding-right:40px; }

			html > body #content blockquote, #tinymce blockquote {
				background-image:url(images/fora/quote.png); background-position:10px 17px;
				background-repeat:no-repeat; }
				
			* html #content blockquote {
				/* TODO: For IE */ }
			
			#content .important, #tinymce .important {
				padding:10px; margin-top:1.6em;
				background:white; border:1px solid #ffc425; }

			#content .content ul, #tinymce ul {
				padding-top:0.8em; list-style-position:outside; list-style-type:square;
				margin:0 40px; }
				
				#content .content li, #tinymce li {
					line-height:1.6em; padding-bottom:4px; }

			#content .content dl.personal_info {
				list-style-type:none; margin-top:0.8em; margin-bottom:1.6em; }

				#content .content dl.personal_info dt {
					float:left; clear:left; width:5em; color:#666; }

				#content .content dl.personal_info dd,
				#content .content dl.personal_info dt {
					 margin:0; padding:0; padding-top:2px; }

				#content .content dl.personal_info dd {
					margin-left:5.3em; }

			* html #content .pngImage {
				display: inline-block; }

			*:first-child+html .pngImage {
				display: inline; filter:none !important; }

				* html #content .pngImage img {
					filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

				*:first-child+html #content .pngImage img {
					filter:none; }

			#content .imgGrid {
				margin-top:1.6em; border:1px solid #bbb; padding:10px 0 4px 10px;
				background:#f3f3f3; padding-bottom:3.3em; }

			#content .imgGrid h3 {
				font-size:1em; color:#666; border-bottom:1px solid #bbb; text-align:center;
				line-height:1.8em; margin:0 10px 1.5em 0; margin-top:-4px; }

				#content .imgGrid a {
					float:left; border:2px solid #cecece; margin:0 6px 6px 0; }

				#content .imgGrid a:hover {
					border-color:#006892; }

					#content .imgGrid a img {
						display:block; }

			#content .mobileImages {
				margin:1.6em -1px 0 -1px; }

				#content .mobileImages img {
					border:1px solid #cecece; margin:0 13px; float:left; }

			#content .clear {
				clear:both; }

/* footer */
#foot {
	width:873px; margin:0 auto; height:50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fora/content_bottom.png',sizingMethod='crop'); }
	
html > body #foot {
	background:url(images/fora/content_bottom.png) no-repeat top left; } /* for decent browsers */
	
#foot .content_bg {
	 padding-top:1px; background:white url(images/fora/gray_bg.gif) repeat top left; }
		
	#foot span {
		float:right; margin-top:4px; color:#aaa; padding-right:35px; display:block; font-size:0.95em;
		line-height:1.8em; }
		
		#foot a {
			color:#aaa; text-decoration:underline; }
			
		#foot a:hover {
			color:#ffc425; border-bottom-color:#ffc425; }
		
/* End of 'Fora' */