/* --------------------------------------------------
-----------------------------------------------------
	
	rs.chicodev.com
	Stylesheet: public/main.css
	Author: www.ChicoWebDesign.com -- Brent White
	Version: March 30 2009
	
-----------------------------------------------------
-------------------------------------------------- */

@import 'upcoming_events.css';
@import 'form_validation.css';

/* --------------------------------------------------
GLOBAL
-------------------------------------------------- */
* {
	outline: none;
	margin: 0;
	padding: 0;
	}
html {
	height: 100%;
	}
body {
	background: #bfbfbf url(/ui/images/public/layout/body-bg.gif) repeat-x 0 0;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	}
h1, h2, h3, h4 {
	color: #352e1b;
	}
h1 {
	font-size: 24px;
	color: #352e1b;
	font-weight: normal;
	}
p {
	font-size: 12px;
	color: #3b3525;
	margin: 9px 0 15px 0;
	padding: 0 10px 0 10px;
	}
fieldset {
	border: none;
	}

/* --------------------------------------------------
GENERAL
-------------------------------------------------- */
.clear {
	clear: both;
	clear: both;
	}
	br.clear {
		line-height: 0;
		height: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
		}
.fleft {
	float:left;
	}
.fright {
	float: right;
	}
.hidden {
	display: none;
	}
.anchore {
	display: block !important;
	overflow: hidden !important;
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	}
	
/* --------------------------------------------------
HEADER
-------------------------------------------------- */
#header {
	position: relative;
	background: url(/ui/images/public/layout/body.gif) no-repeat 0 -50px;
	width: 960px;
	height: 108px;
	margin: 0 auto;
	border-bottom: solid 5px #204173;
	}
	/* --------------------------------------------------
	HEADER -- LOGO
	-------------------------------------------------- */
	#header h1#logo {
		position: absolute;
		top: 15px;
		left: 16px;
		background: url(/ui/images/public/layout/logo-research-solutions.gif) no-repeat 0 0;
		width: 203px;
		height: 79px;
		overflow: hidden;
		}
		#header h1#logo a {
			display: block;
			line-height: 79px;
			text-indent: -999px;
			}
	/* --------------------------------------------------
	HEADER -- TAGLINE
	-------------------------------------------------- */
	#header h2#tagline {
		position: absolute;
		top: 27px;
		right: 21px;
		font-weight: normal;
		font-size: 22px;
		line-height: 18px;
		color: #fff;
		text-align: right;
		}
		#header h2#tagline strong {
			font-size: 18px;
			}
		#header h2#tagline em {
			font-style: normal;
			font-size: 14px;
			}
/* --------------------------------------------------
BANNER
-------------------------------------------------- */
#banner,
#banner-home {
	position: relative;
	background: #214070;
	width: 960px;
	margin: 0 auto;
	border-bottom: solid 5px #152c59;
	}
	#banner h2,
	#banner-home h2 {
		position: absolute;
		left: 0;
		bottom: 10px;
		background: url(/ui/images/public/layout/tagline-trans.png) repeat 0 0;
		padding: 5px 15px;
		font-size: 20px;
		font-weight: normal;
		line-height: 30px;
		color: #fff;
		}
	#banner-home {
		height: 235px;
		}
		#banner-home img {
			width: 960px;
			height: 235px;
			}
	#banner {
		height: 200px;
		}
		#banner img {
			width: 960px;
			height: 200px;
			}
		
/* --------------------------------------------------
NAVIGATION
-------------------------------------------------- */
ul#navigation {
	background: url(/ui/images/public/layout/body.gif) repeat-x 0 -158px;
	width: 940px;
	height: 50px;
	margin: 0 auto;
	padding: 0 10px;
	border-top: solid 1px #112047;
	}
	ul#navigation li {
		position: relative;
		float: left;
		list-style: none;
		cursor: pointer;
		z-index: 95;
		}
		ul#navigation li.last {
			position: relative;
			}
		ul#navigation li.active {
			background: url(/ui/images/public/layout/body.gif) no-repeat 0 -208px;
			}
		ul#navigation li a {
			background: url(/ui/images/public/layout/body.gif) no-repeat 100% -208px;
			float: left;
			display: block;
			font: normal 12px/50px Arial, Helvetica, sans-serif;
			color: #fff;
			text-decoration: none;
			padding: 0 17px 0 15px;
			}
			ul#navigation li.active a {
				font-weight: bold;
				}
		ul#navigation li ul {
			position: absolute;
			width: 175px;
			top: 50px;
			left: -9999px;
			background: url(/ui/images/public/layout/body.gif) no-repeat 0 -573px;
			padding: 5px 5px 0;
			z-index: 96;
			}
			ul#navigation li ul li {
				float: none;
				width: 175px;
				}
				ul#navigation li ul li.last a {
					line-height: 30px;
					padding-bottom: 5px;
					}
				ul#navigation li ul:after {
					content: "";
					background: url(/ui/images/public/layout/navigation-trans.png) no-repeat 0 0;
					height: 5px;
					display: block;
					}
				ul#navigation li ul li a {
					display: block;
					width: 145px;
					float: none;
					background: none;
					background-color: #101c43;
					line-height: 20px !important;
					padding: 6px 15px 6px;
					border-bottom: solid 1px #283356;
					overflow: hidden;
					font-weight: normal !important;
					}
					ul#navigation li ul li a:hover {
						background: #E28701 url(/ui/images/public/layout/body.gif) no-repeat 100% -547px;
						}
			ul#navigation li.hover ul {
				left: 0px !important;
				}
/* --------------------------------------------------
HOME
-------------------------------------------------- */
#home {
	background: #fff url(/ui/images/public/layout/home.gif) no-repeat 0 0;
	width: 960px;
	margin: 0 auto;
	}
	/* --------------------------------------------------
	HOME -- HEADING
	-------------------------------------------------- */
	#home .heading {
		height: 62px;
		margin: 0 0 5px 0;
		padding: 0 20px 0;
		}
	#home .heading h1 {
		float: left;
		font-weight: bold;
		font-size: 24px;
		line-height: 62px;
		color: #1c3c6f;
		}
	#home .heading h2 {
		float: right;
		font-weight: normal;
		font-size: 18px;
		line-height: 62px;
		color: #1c3c6f;
		}
	/* --------------------------------------------------
	HOME -- COLUMNS
	-------------------------------------------------- */
	#home .left-column,
	#home .right-column {
		float: left;
		overflow: hidden;
		}
		#home .left-column p,
		#home .right-column p {
			font-size: 14px;
			line-height: 20px;
			color: #1a417e;
			margin: 0 0 15px 0;
			padding: 0;
			}
		#home .left-column p.tag-line {
			color: #1a417e;
			font-size: 16px;
			font-weight: bold;
		}
		#home ul {
			font-size: 14px;
			line-height: 20px;
			color: #1a417e;
			margin: 0 0 15px 0;
			padding: 0 0 0 20px;
			}
		#home img { border: 0; }
		#home a { color: #ff9900; }
		


		/* --------------------------------------------------
		HOME -- LEFT COLUMN
		-------------------------------------------------- */
		#home .left-column {
			width: 900px;
			padding: 25px 30px 20px 35px;
			}
			#home .left-column strong {
				color: #ff9900;
				}
		/* --------------------------------------------------
		HOME -- RIGHT COLUMN
		-------------------------------------------------- */
		/*#home .right-column {
			width: 520px;
			padding: 25px 25px 0;
			}
			#home .right-column strong {
				font-style: italic;
				}*/
/* --------------------------------------------------
CONTENT
-------------------------------------------------- */
#content {
	background: url(/ui/images/public/layout/content.gif) repeat-y 0 0;
	width: 960px;
	margin: 10px auto 1px;
	}
	#content #left-column,
	#content #right-column {
		float: left;
		overflow: hidden;
		}
		/* --------------------------------------------------
		CONTENT -- LEFT COLUMN
		-------------------------------------------------- */
		#content #left-column {
			width: 250px;
			padding: 0 10px 0 0;
			}
			/* --------------------------------------------------
			CONTENT -- LEFT COLUMN -- HEADING
			-------------------------------------------------- */
			#content #left-column h1#heading {
				display: block;
				background: url(/ui/images/public/layout/body.gif) no-repeat -710px -5px;
				width: 235px;
				height: 40px;
				padding: 5px 0 0 15px;
				font-size: 16px;
				line-height: 40px;
				color: #fba82d;
				border-bottom: solid 1px #415f8a;
				}
			/* --------------------------------------------------
			CONTENT -- LEFT COLUMN -- SUB NAVIGATION
			-------------------------------------------------- */
			#content #left-column ul#sub-navigation {
				background: #17305f url(/ui/images/public/layout/body.gif) no-repeat -435px -528px;
				width: 250px;
				padding: 1px 0 0;
				border-bottom: solid 1px #415f8a;
				}
				#content #left-column ul#sub-navigation li {
					list-style: none;
					cursor: pointer !important;
					border-bottom: solid 1px #415F89;
					}
					#content #left-column ul#sub-navigation li.last {
						background: url(/ui/images/public/layout/body.gif) no-repeat 0 0;
						border: none;
						}
					#content #left-column ul#sub-navigation li a {
						display: block;
						font: normal 14px/40px 'Myriad Pro', Arial, Helvetica, sans-serif;
						color:#fff;
						text-decoration: none;
						padding: 0 30px 0 20px;
						list-style: none;
						overflow: hidden;
						height: 40px;
						}
					#content #left-column ul#sub-navigation li a:hover {
						/* text-decoration: underline; */
						}
					#content #left-column ul#sub-navigation li a.active,
					#content #left-column ul#sub-navigation li a:hover {
						background: url(/ui/images/public/layout/body.gif) no-repeat -250px 0;
						text-decoration: none;
						}
					#content #left-column ul#sub-navigation li a.active {
						cursor: default;
						}
			/* --------------------------------------------------
			CONTENT -- LEFT COLUMN -- TESTIMONIALS
			-------------------------------------------------- */
			#testimonials {
				background: url(/ui/images/public/layout/body.gif) no-repeat -185px -478px;
				min-height: 200px;
				height: auto !important;
				height: 200px;
				width: 250px;
				overflow: hidden;
				}
				#testimonials h3 {
					font-size: 18px;
					text-align: right;
					font-weight: normal;
					line-height: 40px;
					color: #fff;
					padding: 0 10px 0 0;
					}
				#testimonials a {
					text-decoration: none;
					color: #fff;
					}
					#testimonials a:hover {
						text-decoration: underline;
						}
				#testimonials blockquote {
					font-size: 12px;
					text-align: center;
					background: url(/ui/images/public/layout/testimonials.gif) no-repeat 95% 100%;
					line-height: 16px;
					font-style: italic;
					color: #fff;
					text-decoration: none;
					padding: 0 28px 20px;
					}
					#testimonials blockquote span {
						display: block;
						text-align: right;
						padding:  15px 0 0 0;
						}
						#testimonials blockquote span span.testimonial-company {
							color: #f69800;
							font-weight: bold;
							padding: 0 !important;
							}


			#test-list {
				padding: 10px 0 5px 15px !important;
				margin: 0 !important;
				}
				#test-list li {
					position: relative;
					list-style: none;
					background: #fff;
					color: #003399;
					font-size: 12px;
					margin: 0 0 10px 0;
					padding: 15px !important;
					border: solid 1px #dfdfdf;
					width: 638px;
					min-height: 32px;
					height: auto !important;
					height: 32px;
					}
					#test-list li span {
						display: block;
						padding:  15px 0 0 0;
						}
						#test-list li span span.testimonial-company {
							color: #f69800;
							font-weight: bold;
							padding: 0 !important;
							}


		/* --------------------------------------------------
		CONTENT -- RIGHT COLUMN
		-------------------------------------------------- */
		#content #right-column {
			background: url(/ui/images/public/layout/content.gif) no-repeat -960px 0;
			width: 700px;
			height: 100%;
			overflow: auto;
			padding: 20px 0 5px;
			}
			#content #right-column p a, #content #right-column>h2 a {
				color: #003399;
				text-decoration: underline;
				}
				#content #right-column p a:hover, #content #right-column>h2 a:hover {
					color: #5b8bd8;
					}
				#content #right-column p a img {
					border: none;
					}
			/* --------------------------------------------------
			CONTENT -- RIGHT COLUMN -- HEADINGS
			-------------------------------------------------- */
			#content #right-column h1 {
				font-size: 24px;
				color: #111f46;
				letter-spacing: -1px;
				padding: 0 0 0 15px;
				margin: 0 0 20px 0;
				}
			#content #right-column h2 {
				font-size: 18px;
				color: #111f46;
				letter-spacing: -1px;
				padding: 0 0 0 15px;
				font-weight: normal;
				}
			#content #right-column h3 {
				font-size: 14px;
				color: #111f46;
				padding: 0 0 0 15px;
				font-weight: normal;
				}
			#content #right-column h4 {
				font-size: 16px;
				color: #fba82d;
				padding: 10px 0 0 15px;
				font-weight: normal;
				}
			#content #right-column .blue {
				color: #111f46 !important;
				}
			/* --------------------------------------------------
			CONTENT -- RIGHT COLUMN -- UL
			-------------------------------------------------- */
			#content #right-column ul.main {
				list-style: none;
				padding: 0 0 20px 5px;
				}
				#content #right-column ul.main li {
					list-style: none;
					background: url(/ui/images/public/layout/list-image.gif) no-repeat 10px 0;
					padding: 0 10px 0 35px;
					font-size: 12px;
					color: #003399;
					line-height: 32px;
					}
				#content #right-column ul.main li a {
					font-size: 12px;
					color: #003399;
					line-height: 26px;
					}
					#content #right-column ul.main li a:hover {
						color: #5b8bd8;
						}
			.delivery, .bulk {
				line-height: 35px;
				padding: 0 !important;
				border-top: 1px solid #415F89;
				}
				.delivery li {
					position: relative;
					display: block;
					line-height: 30px;
					background-color: #101D43 !important;
					background-position: 10px 40% !important;
					padding: 15px 10px 10px 120px !important;
					height: 35px;
					border-bottom: 1px solid #415F89;
					}
					.bulk li {
						position: relative;
						display: block;
						line-height: 30px;
						background-color: #101D43 !important;
						background-position: 10px 40% !important;
						padding: 15px 10px 10px 35px !important;
						height: 35px;
						text-align: left;
						border-bottom: 1px solid #415F89;
						}
					.delivery li img {
						position: absolute;
						top: 10px;
						left: 30px;
						padding: 0 20px 0 10px;
						}
					.delivery li span, .bulk li span {
						display: block;
						position: absolute;
						top: 15px;
						color: #F7A100;
						right: 30px;
						font-size: 12px;
						width: 60%;
						font-weight: bold;
						text-align: right;
						line-height: 30px;
						}
					.delivery li.ups_fed span {
						line-height: 16px;
						}
			/* --------------------------------------------------
			CONTENT -- RIGHT COLUMN -- OL
			-------------------------------------------------- */
			#content #right-column ol {
				padding: 0 0 20px 0;
				}
				#content #right-column ol li {
					list-style-position: outside;
					font-size: 12px;
					margin: 0 15px 0 40px;
					line-height: 20px;
					}
				#content #right-column ol li a {
					font-size: 12px;
					font-weight: bold;
					color: #003399;
					line-height: 30px;
					}
					#content #right-column ol li a:hover {
						color: #5b8bd8;
						}
			/* --------------------------------------------------
			CONTENT -- RIGHT COLUMN -- P
			-------------------------------------------------- */
			#content #right-column p {
				padding: 0 20px;
				line-height: 16px;
				}
			/* --------------------------------------------------
			CONTENT -- RIGHT COLUMN -- BREADCRUMBS
			-------------------------------------------------- */
			ul#breadcrumbs {
				background: url(/ui/images/public/layout/breadcrumbs.gif) no-repeat -12px 0;
				height: 24px;
				border-bottom: solid 1px #dedede;
				padding: 0 7px 0;
				margin: -20px 0 0 0;
				}
				ul#breadcrumbs li {
					list-style: none;
					float: left;
					}
					ul#breadcrumbs li a {
						display: block;
						float: left;
						background: url(/ui/images/public/layout/breadcrumbs.gif) no-repeat 100% -24px;
						font-weight: bold;
						font-size: 10px;
						line-height: 24px;
						color: #666666;
						text-decoration: none;
						text-transform: uppercase;
						padding: 0 23px 0 11px;
						}
						ul#breadcrumbs li a:hover {
							color: #333;
							}
						ul#breadcrumbs li.last a,
						ul#breadcrumbs li.last a:hover {
							background-position: 100% 0;
							padding-right: 13px;
							color: #a9a9a9;
							}
/* --------------------------------------------------
CONTENT -- CREDIT CARD BUTTON
-------------------------------------------------- */
a.contact-order {
	display: block;
	text-decoration: none;
	margin: 10px auto;
	width: 658px;
	padding: 10px 0 10px 0;
	text-decoration: none;
	color: #fba82d;
	font-size: 18px;
	line-height: 30px;
	}
	a.contact-order strong {
		font-weight: normal;
		}
	a.contact-order img {
		display: block;
		border: none;
		padding: 1px;
		background: #ccc;
		}
	a.hover.contact-order strong {
		text-decoration: underline !important;
		}
/* --------------------------------------------------
CONTENT -- PRICE CALCULATORY & ORDER BUTTON
-------------------------------------------------- */
a.price-calculator,
a.order-button {
	display: block;
	float: left;
	width: 300px;
	height: 41px;
	padding: 20px 0 20px 30px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 30px 20px;
	}
a.price-calculator {
	background-image: url(/ui/images/public/icons/document-pricing-estimator.gif);
	}
a.order-button {
	background-image: url(/ui/images/public/icons/order-now-button.gif);
	}
/* --------------------------------------------------
CONTENT -- BOX
-------------------------------------------------- */
.box {
	background: #1B3E72;
	border: 1px solid #ccc;
	padding: 15px 0 20px;
	margin: 10px 0;
	}
	.box.narrow {
		width: 100%;
		overflow: hidden;
		float: left;
		color: #fff;
		text-align: center;
		}
	.box ul.main { padding-bottom: 0 !important; }
	.box h2 {
		clear: both;
		display: block;
		height: 38px;
		margin: 0 !important;
		padding: 2px 0 0 0;
		line-height: 40px;
		color: #fff !important;
		overflow: hidden;
		}
	.box h2.service {
		color: #F8B106 !important
		}
	.box h3 {
		clear: both;
		display: block;
		height: 30px;
		padding: 2px 0 0 0;
		line-height: 30px;
		color: #F8B106 !important;
		}
	.box li {
		color: #fff !important;
		}
	.box li strong {
		font-size: 16px;
		}
	.box p {
		color: #fff !important;
		font-size: 12px;
		}
	.box img {
		padding: 0 0 10px;
		}
	.box a {
		color: #F8B106 !important;
		}
	.box label { color: #fff; }
/* --------------------------------------------------
CONTENT -- FORMS AND RELATED ITEMS
-------------------------------------------------- */
fieldset {
	clear: both;
	border: none;
	padding: 0 20px;
	}
	fieldset h4 {
		clear: both;
		display: block;
		height: 40px;
		background: url(/ui/images/public/layout/order-form-heading.gif) no-repeat top left;
		font-size: 16px !important;
		line-height: 40px !important;
		color: #fff !important;
		margin: 20px 0 0 0 !important;
		padding: 0 0 0 20px !important;
		}
	fieldset legend {
		display: none;
		}
	fieldset div {
		clear: both;
		padding: 6px 0 6px 10px;
		}
		fieldset div label {
			display: block;
			float: left;
			width: 21%;
			font-size: 14px;
			padding: 4px 0;
			}
			fieldset div label.small {
				width: 8%;
				}
			fieldset div label.med {
				width: 40%;
				}
			fieldset div label.wide {
				width: 90%;
				}
			fieldset div label a {
				line-height: 14px;
				text-decoration: underline;
				color: #193768;
				}
			fieldset div label.remember-me { font-size:10pt; margin:2px; padding:2px; float: none; width: auto; display: inline; cursor: pointer; }
			fieldset div label.forgot {
				width: 55%;
				padding: 23px 0;
				}
				fieldset div label.forgot a, a:link, a:visited {
					text-decoration: none;
					color: #193768;
					}
					fieldset div label.forgot a:hover {
						text-decoration: underline;
						color: #5B8BD8;
						}
		fieldset div .input,
		fieldset div .text {
			float: left;
			border: 1px solid #ccc;
			font-size: 14px;
			line-height: 14px;
			font-family: arial;
			padding: 4px 5px;
			color: #666;
			}
			fieldset div .input {
				width: 40%;
				}
			fieldset div .text {
				width: 98%;
				margin: 10px 0 0 0;
				}
			fieldset div .input.medium {
				width: 15%;
				margin: 0 40px 0 0;
				}
			fieldset div .input.short {
				width: 8%;
				margin: 0 40px 0 0;
				}
			fieldset div .input.long {
				width: 30%;
				}
			fieldset div .input.text {
				width: 95%;
				}
		fieldset div .check,
		fieldset div .radio {
			float: left;
			width: 20px;
			display: block;
			margin: 4px 7px 0 0;
			}
		fieldset div .select {
			float: left;
			margin: 4px 11px 0 0;
			}
		.submit {
			background: #ffffff;
			color: #000000;
			font-weight: normal;
			border: 1px solid #ccc;
			margin: 20px 0;
			padding: 4px;
			cursor: pointer;
			}
		#copyright_specify {
			/*display: none now this is in the php code*/;
			float: left;
			clear: none;
			padding: 10px 0 0 10px;
			}
			label.example {
				width: 60px;
				padding: 8px 0 0 10px;
				font-size: 12px;
				line-height: 12px;
				color: #101C42;
				}
		fieldset div.first,
		fieldset div#citation-tpl {
			padding: 0 0 15px 0 !important;
			}
		#citations a, #pmids a, #dois a {
			display: block;
			display: inline-block; /* global ie hack */
			height: 40px;
			line-height: 40px;
			text-decoration: none;
			background: url(/ui/images/public/layout/add-citation.gif) no-repeat 0 0;
			width: 30%;
			text-align: center;
			clear: both;
			color: #fff;
			margin: 20px 0 0 0;
			}
		fieldset#pmids div, fieldset#dois div {padding-left: 0px;}
		#pmids div a, #dois div a { background-color:#1B3B6B; -moz-border-radius:4px; border-radius: 4px; -webkit-border-radius: 4px; 
			line-height: 14px; background-image: none; font-size:14px; height:auto; margin-top:5px; padding:7px 10px; width:auto; }
			#citations a:hover, #pmids a:hover, #dois a:hover {
				text-decoration: underline;
				}
			.addCite, .addPMID, .addDOI {
				cursor: pointer;
				}
			.addCite-btn {
				padding: 4px;
				
				}
	.form-end {
		clear: both;
		border: none;
		padding: 0 30px;
		}

/* --------------------------------------------------
BLOG AND RELATED
-------------------------------------------------- */
#searchform {
	padding: 5px 20px 0;
	}
	#searchform #s {
		display: block;
		width: 199px;
		border: 1px solid #ccc;
		font-size: 14px;
		line-height: 14px;
		font-family: arial;
		padding: 4px 5px;
		color: #666;
		}
		#searchsubmit {
			text-align: right;
			display: inline-block;
			background: #ffffff;
			color: #000000;
			font-weight: normal;
			border: 1px solid #ccc;
			margin: 4px 0 0 160px;
			padding: 4px;
			width: 51px;
			height: 27px;
			}
#left-column h1 {
	color: #fff;
	font-size: 16px;
	padding: 20px 0 0 20px;
	}
#left-column #blog-archives,
#left-column #blog-links {
	padding: 0 0 20px 0;
	overflow: hidden;
	}
	#left-column #blog-archives li,
	#left-column #blog-links li {
		display: block; /* FF2 HACK */
		display: inline-block;
		width: 100%;
		}
	#left-column #blog-archives li a,
	#left-column #blog-links li a {
		display: block; /* FF2 HACK */
		display: inline-block;
		width: 100%;
		padding: 0 0 0 20px;
		text-decoration: none;
		color: #FBA82C;
		font-size: 12px;
		}
		#left-column #blog-archives li a:hover,
		#left-column #blog-links li a:hover {
			text-decoration:underline;
			}
/* --------------------------------------------------
REQUIRED
-------------------------------------------------- */
.required-field {
	color: #ff0000;
	}
fieldset h4 span.required-field {color: #df0000;}
/* --------------------------------------------------
FORM STATUS
-------------------------------------------------- */
.form-status {
	text-align: center;
	padding: 20px 20px 0;
	}
	.form-status span {
		padding: 10px;
		display: block;
		background: #fff;
		border: 1px solid #e1e1e1;
		line-height: 20px !important;
		font-size: 12px;
		}
		.form-status span strong {
			display: block; /* firefox 2 hack */
			display: inline-block;
			color: #162E5C;
			font-size: 16px;
			padding: 0 0 10px 0;
			}
		.form-status.pass span strong {
			color: #162E5C;
			}
		.form-status.fail span strong {
			color: #B81311;
			}
		.form-status.fail span {
			font-weight: bold;
			}
/* --------------------------------------------------
FORM STATUS - CONFIRM
-------------------------------------------------- */
.form-status.pass#confirm table td {
	padding: 5px;
}
.form-status.pass#confirm strong {
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}
.form-status.pass#confirm span h2 {
	float: left;
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}
/* --------------------------------------------------
CONTENT -- FAQ
-------------------------------------------------- */
#faq {

	}
	#faq ul {
		padding: 10px 0 5px 15px !important;
		margin: 0 !important;
		}
		#faq ul li.faq {
			position: relative;
			list-style: none;
			background: #fff;
			color: #003399;
			font-size: 12px;
			margin: 0 0 10px 0;
			padding: 0 !important;
			border: solid 1px #dfdfdf;
			width: 668px;
			min-height: 32px;
			height: auto !important;
			height: 32px;
			}
			#faq ul li div {
				display: none;
				}
			#faq ul .ui-tabs-selected {
				min-height: 12px;
				height: auto !important;
				height: 12px;
				padding: 0 0 20px 0 !important;
				}
			#faq ul li a.faq-link {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: block;
				background: url(/ui/images/public/layout/list-image.gif) no-repeat 10px 0 !important;
				text-decoration: none;
				line-height: 32px !important;
				color: #003399 !important;
				padding: 0 0 0 40px;
				cursor: pointer;
				}
				#faq ul li a {
					}
				#faq ul li div a {
					visibility: visible;
					background: none !important;
					cursor: pointer;
					display: inline;
					padding: 0;
					}
				#faq ul li h1 {
					padding: 12px 40px 0 38px !important;
					background: url(/ui/images/public/layout/list-image.gif) no-repeat 10px 8px !important;
				cursor: pointer;
					}
				#faq ul li p {
					padding: 0 40px 0 38px !important;
					}
				#faq .ui-tabs-panel ul,
				#faq .ui-tabs-panel ol {
					padding: 0 !important;
					margin: 0 !important;
					}
					#faq .ui-tabs-nav li li {
						list-style: none;
						background: #fff url(/ui/images/public/layout/list-image.gif) no-repeat 0 0;
						color: #333 !important;
						font-size: 12px;
						margin: 0 0 20px 0;
						padding: 3px 0 0 35px !important;
						border: none;
						width: 500px;
						}
					#faq .ui-tabs-nav li li strong {
						color: #003399 !important;
						}
						
/* --------------------------------------------------
CONTENT -- TERMS
-------------------------------------------------- */
#terms-and-conditions {
	display: none;
	width: 500px;
	}
	#terms-and-conditions div {
		position: relative;
		width: 500px;
		margin: 100px auto;
		padding: 20px 0;
		background: #fff;
		border: solid #101C42;
		z-index: 99;
		}
		#terms-and-conditions div a {
			position: absolute;
			top: 0;
			right: 0;
			width: 30px;
			height: 30px;
			background: url(/ui/images/public/icons/close.gif) no-repeat 0 0;
			overflow: hidden;
			text-indent: -999px;
			}
	#terms-and-conditions span {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 98;
		width: 100%;
		height: 100%;
		background: #000;
		display: block;
		opacity: 0.65;
		filter: alpha(opacity = 65);
		}
/* --------------------------------------------------
FOOTER
-------------------------------------------------- */
#footer {
	position: relative;
	background: url(/ui/images/public/layout/body.gif) repeat-x 0 -353px;
	width: 960px;
	height: 125px;
	margin: 0 auto;
	z-index: 99;
	}
	#footer.home {
		background-position: 0 -308px;
		height: 170px;
		}
			/* --------------------------------------------------
			FOOTER -- ROLLOVERS
			-------------------------------------------------- */
			#footer ol#rollovers {
				width: 960px;
				height: 45px;
				}
				#footer ol#rollovers li {
					list-style: none;
					position: relative;
					z-index: 99;
					float: left;
					height: 45px;
					width: 240px;
					}
					#footer ol#rollovers li:hover ol {
						left: 0px;
						}
					#footer ol#rollovers li a {
						display: block;
						background-image: url(/ui/images/public/layout/footer-buttons-sans-cisti.gif);
						background-repeat: no-repeat;
						height: 45px;
						width: 239px;
						padding: 0 1px 0 0;
						overflow: hidden;
						text-indent: -999px;
						}
					#footer ol#rollovers li ol {
						position: absolute;
						bottom: 45px;
						left: -9999px;
						background-image: url(/ui/images/public/layout/footer-buttons-sans-cisti.gif);
						background-repeat: no-repeat;
						width: 239px;
						z-index: 99;
						padding-bottom: 1px;
						}
						#footer ol#rollovers li ol li {
							float: none;
							position: relative;
							top: 44px;
							background-repeat: no-repeat;
							color: #fff;
							border-top-style: solid;
							border-top-width: 1px;
							}
							#footer ol#rollovers li ol li.image {
								border: none;
								}
								#footer ol#rollovers li ol li.image img {
									position: absolute;
									top: -40px;
									left: 5px;
									}
				/* --------------------------------------------------
				FOOTER -- FEATURED BUTTONS -- BEST
				-------------------------------------------------- */
				#footer ol#rollovers li.best a {
					background-position: 0 -337px;
					}
					#footer ol#rollovers li.best a:hover {
						background-position: 0 -382px;
						}
						#footer ol#rollovers li.best ol {
							background-position: 0 0;
							height: 336px;
							}
							#footer ol#rollovers li.best ol li {
								font-size: 10px;
								line-height: 15px;
								border-top-color: #f4d4a5;
								padding: 0 0 0 18px;
								text-transform: uppercase;
								font-weight: bold;
								width: 221px;
								height: 15px;
								top:65px;
								}
				/* --------------------------------------------------
				FOOTER -- FEATURED BUTTONS -- CLIENTS
				-------------------------------------------------- */
				#footer ol#rollovers li.clients a {
					background-position: -240px -337px;
					}
					#footer ol#rollovers li.clients a:hover {
						background-position: -240px -382px;
						}
						#footer ol#rollovers li.clients ol {
							background-position: -240px 0;
							height: 336px;
							}
							#footer ol#rollovers li.clients ol li {
								font-size: 10px;
								line-height: 15px;
								border-top-color: #ababab;
								padding: 0 0 0 18px;
								text-transform: uppercase;
								font-weight: bold;
								width: 221px;
								height: 15px;
								}
				/* --------------------------------------------------
				FOOTER -- FEATURED BUTTONS -- DOCUMENTS
				-------------------------------------------------- */
				#footer ol#rollovers li.documents a {
					background-position: -480px -337px;
					}
					#footer ol#rollovers li.documents a:hover {
						background-position: -480px -382px;
						}
						#footer ol#rollovers li.documents ol {
							background-position: -480px -32px;
							height: 304px;
							}
							#footer ol#rollovers li.documents ol li {
								font-size: 10px;
								line-height: 15px;
								border-top-color: #f4d4a5;
								padding: 0 0 0 18px;
								text-transform: uppercase;
								font-weight: bold;
								width: 221px;
								height: 15px;
								}
				/* --------------------------------------------------
				FOOTER -- FEATURED BUTTONS -- PROCESS
				-------------------------------------------------- */
				#footer ol#rollovers li.process a {
					background-position: -720px -337px;
					}
					#footer ol#rollovers li.process a:hover {
						background-position: -720px -382px;
						}
						#footer ol#rollovers li.process ol {
							background-position: -720px -140px;
							height: 196px;
							}
							#footer ol#rollovers li.process ol li {
								top: 8px;
								font-size: 11px;
								line-height: 30px;
								color: #fff;
								border-top-color: #687a95;
								padding: 0 0 0 30px;
								width: 209px;
								height: 30px;
								}

	#footer h4#footer-logo {
		float: left;
		background: url(/ui/images/public/layout/footer-logo.gif) no-repeat 10px 6px;
		width: 46px;
		height: 64px;
		overflow: hidden;
		padding: 6px 0 0 10px;
		}
		#footer h4#footer-logo a {
			display: block;
			line-height: 64px;
			text-indent: -999px;
			}
	#footer p#copyright {
		float: left;
		margin: 0;
		padding: 26px 0 0 20px;
		color: #fff;
		line-height: 12px;
		}
		
	#footer ul#footer-navigation {
		float: right;
		height: 76px;
		padding: 0 20px 0 0;
		}
		#footer ul#footer-navigation li {
			float: left;
			list-style: none;
			}
			#footer ul#footer-navigation li a {
				display: block;
				float: left;
				background: url(/ui/images/public/layout/footer-navigation.gif) no-repeat 100% 50%;
				font: normal 12px/76px Arial, Helvetica, sans-serif;
				color: #fff;
				text-decoration: none;
				padding: 0 7px 0 5px;
				}
				#footer ul#footer-navigation li a:hover {
					text-decoration: underline;
					}
				#footer ul#footer-navigation li.last a {
					background: none;
					}
	#footer #site-by {
		position: absolute;
		right: 0;
		bottom: 10px;
		background: url(/ui/images/public/layout/chico-web-design-site-by.gif) no-repeat 0 0;
		width: 100px;
		height: 30px;
		overflow: hidden;
		margin: 0 auto;
		}
		#footer #site-by a {
			display: block;
			line-height: 30px;
			text-indent: -999px;
			}
			
			

			

/* --------------------------------------------------
CONTENT DATA RATES TABLE
-------------------------------------------------- */
table.rates {
	margin: 0 auto;
	}
	table.rates tr {
		}
		table.rates td {
			font: 12px Arial, Helvetica, sans-serif;
			color: #3b3525;
			border: 0;
			padding: 4px;
			margin: 0;
			}
			
/* --------------------------------------------------
OUR PEOPLE
-------------------------------------------------- */
	.photo {
		position: relative;
		float: left;
		padding: 0 15px;
		}
		.photo .top {
			position: absolute;
			top: 0;
			left: 15px;
			}
	.info {
		/*width: 450px;*/
		float: left;
		}
	/* --------------------------------------------------
	FUN FACTS POP UP
	-------------------------------------------------- */
	.fun-facts {
		margin: 0 0 20px 0;
		padding: 0 0 20px 15px;
		/* border-bottom: #ccc 2px solid; */
		}
		.fun-facts li {
			list-style: none;
			background: url(/ui/images/public/layout/list-image.gif) no-repeat 5px 0;
			padding: 0 0 0 10px;
			font-size: 12px;
			color: #003399;
			line-height: 32px;
			}
			.fun-facts li a {
				padding: 0 0 0 25px;
				cursor: pointer;
				}
			.fun-facts li div {
				background: #fff;
				display: none;
				border: 1px solid #ccc;
				width: 650px;
				}
				
	/*-----------------------------------------------------
	Profile Width Change
	Thomas Brooks
	------------------------------------------------------*/
	.our-team-profile {
		width: 300px;
		margin: 10px;
		float: left;
		clear: none;
	}
	
	.our-team-fun-facts {
		border-bottom: #ccc 2px solid;
		width: 50%;
		margin: 0px;
		float: left;
		clear: none;
	}


.credit_card_row {
	/*display: none; now also in the php file */
	}
#process {
	padding: 0 0 0 23px;
	}
/* --------------------------------------------------
A ORDER FORM
-------------------------------------------------- */
.order-now {
	display: inline-block;
	height: 20px;
	background: #0D1737 url(/ui/images/public/layout/body.gif) no-repeat -700px 95%;
	text-align: center;
	line-height: 20px;
	margin: 0 0 0 10px;
	padding: 0 10px;
	text-decoration: none !important;
	color: #fff !important;
	}
	
.right-box {
	position: relative;
	float: right;
	width: 200px;
	background: #0D1737 url(/ui/images/public/layout/body.gif) no-repeat -700px 98%;
	color: #f8b106;
	padding: 10px 0;
	font: 14px/18px Arial, Helvetica, sans-serif bold;		
	margin: 0 15px 0 0;
	border: 2px solid #ccc;
	}
	.right-box p {
		margin: 0 !important;
		padding: 0 0 7px 0 !important;
		color: #fff;
		font: 12px/18px Arial, Helvetica, sans-serif bold;
		text-align: center;
		}
	.right-box a {
		display: block;
		overflow: hidden;
		width: 200px;
		height: 46px;
		line-height: 46px;
		text-indent: -999px;
		margin: 0;
		padding: 0;
		}
		.right-box a.twitter {
			padding: 0 0 10px 0;
			background: url(/ui/images/public/layout/twitter.gif) no-repeat 0 0;
			}
			.right-box a.twitter:hover {
				background-position:  -200px 0;
				}
		.right-box a.facebook {
			background: url(/ui/images/public/layout/facebook.gif) no-repeat 0 0;
			}
			.right-box a.facebook:hover {
				background-position:  -200px 0;
				}
	.right-box h4 strong {
		margin: 0 !important;
		padding: 0 0 10px 0 !important;
		color: #fff;
		}
	.right-box ol {
		margin: 0 !important;
		padding: 10px 10px 20px 33px !important;
		}
		.right-box ol li {
			margin: 0 !important;
			padding: 0 !important;
			color: #EC9513;
			list-style-position: inside;
			}
			.right-box ol li span {
				color: #fff;
				}
				
.table
{ 
	background: #dedede; 
	margin: 30px;
	padding: 5px 0; 
}