/*
Main style for support folder pages
*/

body { font-family:Arial; 	background-color:#ede5cf; margin: 0px; width: 100%; vertical-align: top; background-image: url('../site_images/bg_gradient.jpg'); background-repeat: repeat-x }
#bg2{ width:100%; background:transparent url('../site_images/bg_global.jpg') no-repeat top center; background-position: fixed; }

	/* Main Table Formatting */
	table.main{ padding:0px; background-color: #FFFFFF; width: 960px; margin:0px auto; border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-spacing:0px; border-collapse:collapse;}
		td {padding:0px;}
		tr.menubar{ height: 24px; width: 100%; background-color: #C3BC8C; background-image: url('../site_images/menutop_light.gif'); background-repeat: repeat; }
		td.left{ background-color: #FFFFFF;	vertical-align: top; width:190px; padding:10px; }
			td.left a, td.left a:link, td.left a:visited{ font-weight:bold; font-size: 11px; font-family: Tahoma, Arial, verdana; color:#000066; text-decoration:none; }
			td.left a:hover{ font-weight:bold; font-size: 11px;font-family: Tahoma, Arial, verdana;color:#000066;text-decoration:none; }
		td.right{ background-color: #FFFFFF;  vertical-align: top; padding: 20px 20px 20px 0px; }
			#content-body{ width:100%; padding:0px 0px 10px 0px; margin:0px; }
				#content-body a{ text-decoration:none; color: #006699; border-bottom: 1px dotted #b2c9d0; }
				#content-body a:hover{ border-bottom: 1px dotted #006699; }
				#content-body a.image{ text-decoration:none; color: #006699; border-bottom: 0px dotted #b2c9d0; }
				#content-body a.image:hover{ border-bottom: 0px dotted #006699; }

	/* breadcrumbs */
	div#breadcrumbs { width:100%; height:23px; margin-bottom:15px; }
		div#breadcrumbs-left { float:left; width:10px; height:23px; background-image:url(/img/breadcrumbs-left.png); }
		div#breadcrumbs-right { float:left; width:10px; height:23px; background-image:url(/img/breadcrumbs-right.png); }
		div#breadcrumbs-center { float:left; width:700px; height:15px; padding:4px; background-color:#eeeeee; font-size:11px;}

	/* Footer Formatting */
	td.footertop_inactive{ background-image: url('../site_images/menubottom_light.gif'); border-left:1px solid #828FB2;	border-right:1px solid #828FB2;	height:20px; width:80px; text-align:center; vertical-align:middle }
	td.footertop_active{ background-image: url('../site_images/menubottom_dark.gif'); border-left:1px solid #1D2946; border-right:1px solid #1D2946; height:20px; width:80px; text-align:center; }

	td.footertop{ background-color:#A5B0CB;	border:0px solid; height:32px; }
		a.footertop:hover{ color: #FFFFFF; font-size: 10px;	font-weight: bold; font-family: arial;	text-decoration: none; }
		a.footertop:link, a.footertop:visited{ color: #96A1BC; font-size: 10px; font-family: arial; font-weight: bold; text-decoration: none; }

	td.footer{ color: #44516B; background-color: #DFE6F4; width: 760px; height: 80px; font-size: 9px; font-family: Arial, verdana; }
		a.footer:hover{	color: #7777cc;	font-size: 9px;	font-family: Arial, verdana; text-decoration: none; }
		a.footer:link{ color: #000099; font-size: 9px; font-family: Arial, verdana;	text-decoration: none; }
		a.footer:visited{ color: #990099; font-size: 9px; font-family: Arial, verdana; text-decoration: none; }
	
	/* Left Navigation Formatting */
	
	/* defaults */
	a{ text-decoration:none; color: #006699; }
	h1{ margin: 0px 0px 5px 0px; padding: 0px; font-family: Arial, Tahoma, verdana; font-size: 20px; color: rgb(53, 85, 119); }
	h2{	color:#666666; font-size:16px; font-weight:bold; margin:0px 0px 10px 0px; padding:0px; }
	h3{ color:#666666; font-size:15px; font-weight:bold; margin:15px 0px 0px 0px; padding:0px; }
	h4{ color:#336699; font-size:15px; font-weight:bold; margin:15px 0px 0px 0px; padding:0px; }
	
	p{ font-size:13px; color:#333333; line-height:20px; width:90%; }
	table{ font-size:14px; color: #333333; }
	img{ border:0px solid white; }
	
	/* General Styles To Use Everywhere */
	a.white:hover{ color: #FFFFFF; font-size: 10px; font-family: Arial; font-weight: bold; text-decoration: none; }
	a.white:link, a.white:visited { color: #FFFFFF; font-size: 10px; font-family: Arial; font-weight: bold; text-decoration: none; }
	
	p.auto { width:auto; }

	#content-body a.grey{ text-decoration:none; color: #777777; border-bottom: 1px dotted #aaaaaa; }
	#content-body a.grey:hover{ text-decoration:none; color: #555555; border-bottom: 1px dotted #777777;  }
	
	#content-footer { margin:20px 0px; width:95%; background-color:#5578a2; border:1px solid #27394e; }
		#content-footer div.title { padding:5px 0px; height:20px; background-color:#395476; color:#ffffff; font-weight:bold; }
		#content-footer ul { float:left; list-style-type:none; padding:13px 3%; margin:0px; width:27%;}
		#content-footer ul li { margin-bottom:5px; }
		#content-footer a { font-size:12px; color:#ffffff; border-bottom:1px dotted #ffffff; }
		#content-footer a:hover { border-bottom:1px dotted #999999; }

	.red { color:#aa0000; }
	.blue { color: rgb(53, 85, 119); }
	.lighter { color: #666666; }
	div.toc { border-top:3px solid #3377aa; border-bottom:3px solid #4488bb; background-color:#dbeeff; margin-bottom:50px; }
	div.grey-container { margin:0px; padding:0px; background-color:#F0F0F0; border-color:#BBBBBB #BBBBBB #BBBBBB #888888; border-style:solid; border-width:1px 1px 1px 4px; }
	div.light-grey { background-color:#f2f2f2; margin-bottom:25px; clear:both; }
		div.light-grey p.light-grey { padding:10px; margin:0px; }
	h2.bold { font-size:19px; font-weight:bold; border-bottom:4px dotted #aaaaaa; margin-top:25px; }
	h3.underline { padding-bottom:4px; border-bottom:1px solid #999999; }
	h4.underline { padding-bottom:4px; border-bottom:1px solid #6699cc; }
	
	.heading-blue { height: 20px; font-size: 16px; font-weight: bold;  padding: 5px 20px; background-color: #536a94; color: #ffffff; }
	
	.vertical-space { margin-top:20px; margin-bottom:5px; }
	.horizontal-space { margin: 0px 10px; } 
	.horizontal-space-extra { margin: 0px 30px; } 
	
	.pad-cell-bottoms td { padding-bottom: 10px; }
	.pad-10 { padding:10px; }
	.float-left { float:left; }
	.float-right { float:right; }
	.clearer { width:100%; clear:both; }
	.pad-bottom { padding-bottom:5px; }
	.nowrap{ white-space:nowrap; }
	.no-padding { padding:0px; margin:0px; }
	.center { margin:auto; }
	
	.content-auto { width:auto; }
	.content-100 { width:100%; }
	.content-99 { width:99%; }
	.content-97 { width:97%; }
	.content-95 { width:95%; }
	.content-93 { width:93%; }
	.content-90 { width:90%; }
	.content-85 { width:85%; }
	.content-80 { width:80%; }
	.content-70 { width:70%; }
	.content-65 { width:65%; }
	.content-60 { width:60%; }
	.content-50 { width:50%; }
	.content-45 { width:45%; }
	.content-40 { width:40%; }
	.content-33 { width:33%; }
	.content-30 { width:30%; }	
	.content-25 { width:25%; }
	.content-20 { width:20%; }
	
	
	.align-right { text-align:right; }
	.align-center { text-align:center; }
	.align-left { text-align:left; }
	
	.font-small { font-size:11px; }
	.font-smaller { font-size:13px; }
	.font-medium { font-size:14px; }
	.font-large { font-size:16px; }
	
	.highlight { color:#990000; }

	#error-message { font-weight: bold; color: #990000; }
	
	.bluebox { padding:0px; margin:0px 10px 10px 10px; }
		.bluebox .bluetop { margin: 0px; padding: 0px 5px; height: 9px; width: 250px; background-image: url(../images/bluebox_top.png); }
		.bluebox .bluemiddle { font-size:13px; margin: 0px; padding: 5px 15px; width: 230px; background-color: rgb(223, 232, 243); }
		.bluebox .bluebottom { margin: 0px; padding: 0px 5px; height: 9px; width: 250px; background-image: url(../images/bluebox_bottom.png); }
		.bluebox ul.two-column { padding:0px 0px 0px 0px; margin:5px 40px 5px 0px; list-style-type:none; display:block; float:left; width: 60px; }
		.bluebox ul.two-column li { background: transparent url('../img/block-arrow.png') no-repeat; margin:3px 0px; padding-left:18px; }

	ul.arrow-bullet { padding:0px; margin:0px; line-height:20px; font-size:13px; font-family:Arial; color:#333333; list-style-type:none; margin-right:10px; }
	ul.arrow-bullet li { padding:0px 0px 5px 15px; background-image:url(../img/small-arrow.png); background-repeat:no-repeat; background-position: 0px 3px; }
	ul.grey-list { background-color:#f2f2f2; padding:10px 0px; margin:0px; line-height:16px; font-size:11px; font-weight:normal; color:#333333; list-style-type:none; margin-right:10px; }
	ul.grey-list li { padding:0px 0px 10px 15px; font-family:Verdana; background-image:url(../img/bullet-square.png); background-repeat:no-repeat; background-position: 3px 4px; }
		p.grey-paragraph { line-height:16px; font-size:11px; font-weight:normal; font-family:Verdana; color:#333333; margin:0px; padding:7px 5px; }
		p.inlist { padding: 0px 0px 5px 0px; margin:0px; font-size:11px; font-family:Verdana, Arial; }
	
	ul.horizontal { clear:both; list-style-type:none; padding:5px; margin:0px; }
	ul.horizontal li { float:left; padding:5px; }
	ul.horizontal li img { float:left; padding:0px 2px; }
	
	/* Breadcrumbs */
	#breadcrumbs { width:100%; clear:both; font-size:12px; margin-top:-10px; margin-bottom:15px; }
		#breadcrumbs a { color: #666666; border-bottom:0px; padding-bottom:0px;}
		#breadcrumbs a:hover { color: #aaaaaa; border-bottom:0px; padding-bottom:0px;}
		
	/* Related Pages */
	.related { width:100%; clear:both; height:35px; }
	.related-left { font-size:11px;color:#666666; font-weight:bold;float:left;padding:8px 5px; height:19px; width:108px; background-image: url('/img/related-left.png'); background-repeat:no-repeat; }
	.related-arrow-center { float:left;height:35px; width:10px; background-image: url('/img/related-center.png'); background-repeat:no-repeat; }
	.related-arrow-right { float:left;height:35px; width:10px; background-image: url('/img/related-right.png'); background-repeat:no-repeat; }
	.related-middle { font-size:12px; float:left;height:19px; padding:8px 10px; background-image: url('/img/related-background.png'); background-repeat:repeat-x; }
	
		
	/* Screenshots */
	.screenshot-thumb-150 { text-align:center;width:170px; padding:10px; margin:10px 15px; background-color:#ffffff; border:2px solid #cccccc; float:left; }
	.screenshot-thumb-150:hover { border:2px solid #aaaaaa; }
		.screenshot-thumb-150 img { border:0px solid white; height:100px; } 
		#content-body .screenshot-thumb-150 a { border:0px solid white; } 
	.screenshot-caption { font-size:12px; font-weight:bold; }
		
	/* Form Styles */
	.form-section{ padding-right:20px; float:left; }
	.field-block{ margin-top:5px; margin-bottom:10px; padding:0px; clear:both; }
	.field-block label{font-size:13px; font-weight:bold; color:#888888; display:block; float:left; width:110px; padding-top:3px; padding-bottom:3px; padding-right:10px; border-right:1px dotted #aaaaaa;}
	.field-block input.textbox{ border:1px solid #888888; font-size:14px; color:#555555; margin-left:10px; width:150px; background-color:#fafafa; }
	.field-block input.selected{ background-color:#EEEEEE; }

	/* Testimontials */
	div.testimonial { width:100%; margin-top:35px; margin-right:10px; }
	div.testimonialtext { background-color:#FFFFFF; border-top:2px solid #d6d6d6; font-size:12px; line-height:20px; font-family:arial; color:#5f5f5f; width:90%; padding:15px 6px 6px 6px; }
	div.testimonialsig { font-size:11px; text-align:right; color:#777777; width:90%; padding:0px 6px; }
	
	/* What's New */
	#recent-news { padding-top:10px; }
	#recent-news div { margin: 0px 0px 6px 0px; padding:0px 0px 6px 0px; }
	#recent-news div a { font-size:12px; border-bottom:0px solid white; }
	#recent-news div strong { font-size:12px; font-weight:bold; color:#666666; }
	#recent-news div span { font-size:12px; font-weight:normal; color:#888888; }

	#recent-tweets { padding-top:10px; }
	#recent-tweets div { margin: 0px 0px 6px 0px; padding:0px 0px 6px 0px; font-size:12px; color:#555555; }
	#recent-tweets div a { font-size:12px; border-bottom:0px solid white; }
	#recent-tweets div strong { font-size:12px; font-weight:bold; color:#666666; }
	#recent-tweets div span { font-size:12px; font-weight:normal; color:#888888; }
	
	/* calendar stuff */
	.calendar-div ul { font-size:12px; padding:0px 0px 0px 10px; margin:0px ;list-style-type:none; }
	.calendar-div ul li { padding-bottom:4px; background-repeat:no-repeat; padding-left: 25px; font-size:13px; }
	.calendar-div ul li#google { background-image:url('http://www.rediker.com/img/icon-google.png'); }
	.calendar-div ul li#yahoo { background-image:url('http://www.rediker.com/img/icon-yahoo.png'); }
	.calendar-div ul li#outlook { background-image:url('http://www.rediker.com/img/icon-outlook.png'); }
	.calendar-div ul li#ical { background-image:url('http://www.rediker.com/img/icon-ical.png'); }