/*
	RCDOB
	Screen Stylesheet
*/
	* { margin: 0; padding: 0; font: normal 12px "Trebuchet MS", Verdana, sans-serif;  }
	body {
		font-size: 100%; 
		background: url(../images/layout/figures.jpg) repeat-x;
		
	
}
a { color:#0000ff; }
	a img { border: none; }
	#content a:link, #content a:visited { color: #336799; }
	#content a:hover, #content a:focus, #content a:active { color: #000; }

	
/*	Layout */
	* .content {
		width: 980px;
		margin: 0 auto;
		}

/*	Common Classes */
	.clear { clear: both; }
	.left { float: left; }
		.aleft { text-align: left; }
	.right { float: right; }
		.aright { text-align: right; }
	.smaller { font-size: 1.2em !important; }
	.date { font-size: 1.1em !important; color: #999 !important; margin-bottom: 0 !important; }
	.divider { height: 1px; overflow: hidden; border: none; color: #000; background: #000; margin: 20px 0;}
	p { margin-bottom:10px; }

/*	Header */
.header-main {
	background-color: #FFFFFF;
	font-size: 18px;
	color: #6B0A12;
	background-image: url(../images/layout/header.gif);
}
.catchline { border:0px none; }
#header {  }
		#header .content {
			overflow: hidden;background-image:url(../images/tabletop/logo.jpg); background-repeat:no-repeat; background-position:0px; margin-top:-10px; margin-bottom:-10px;
		}
		#header h1 {
			float: left; padding: -10px 10px 10px 0;
			}
		#header #calculate {
			float: left;
			width: 85px;
			height: 85px;
			background: url(../../images/cta/calculate.gif) 0 0 no-repeat;
			text-indent: -9999em;
			margin: 5px 0 0;
			}
			#header #calculate a {
				display: block;
				height: 85px;
				width: 85px;
				}
		#header #login_button {
			width: 107px;
			height: 23px;
			background: url(../../images/button/user-log-in.gif) 0 0 no-repeat;
			overflow: hidden;
			text-indent: -999em;
			float: right;;
			}
		/* Livechat form */
		#header #livechat {
			float: right;
			width: 457px;
			margin-top: 10px; clear:right; position:relative;
			}
			#header #livechat fieldset {
				border: none;
				}
			#header #livechat legend,
			#header #livechat label {
				display: none;
				}
			#header #livechat input {
				width: 311px;
				height: 32px;
				background: url(../../images/template/bg_chat.gif) 0 0 no-repeat;
				border: none;
				float: left;
				margin-right: 10px;
				padding: 0 10px;
				font: bold 15px "Trebuchet MS", sans-serif;
				line-height: 32px;
				color: #959ca1;
				}
			#header #livechat button {
				height: 32px;
				width: 116px;
				background: url(../../images/button/start-talking.gif) 0 0 no-repeat;
				border: none;
				text-indent: -999em;
				overflow: hidden;
				float: left;
				}
				

/* Tabs and top navigation layout */
.tab-top-active, .tab-top-inactive {
	font-size: 12px;
	padding-right: 9px;
	border-right: 1px solid #999999;
}

.tab-top-active { color: #FFFFFF; background-image: url(../images/tabs/tab-active-back.jpg); }
.tab-top-inactive { color: #FFFFFF; background-image: url(../images/tabs/tab-inactive-back.jpg); }

.tab-top-back { background-image: url(../images/tabs/tab_top.gif);}
.tab-sub-back { background-image: url(../images/tabs/sub_top.gif);}

.tab-top-admin, .tab-sub-active, .tab-sub-inactive, .tab-sub-admin {
	font-size: 11px;
	padding-right: 9px;
	border-right: 1px solid #333333;
}

.tab-top-admin {background-image: url(../images/tabs/tab-admin-back.jpg); color: #FFFFFF; }
.tab-sub-active { background-image: url(../images/tabs/sub-active-back.jpg); color: #333333; }
.tab-sub-inactive { background-image: url(../images/tabs/sub-inactive-back.jpg); color: #333333; }
.tab-sub-admin {background-image: url(../images/tabs/sub-admin-back.gif); color: #FFFFFF; }

#tabtop {
	background-color: #c6daec;
	padding-top: -20px;
	padding-right: 1px;
	padding-left: 0px;
	height:38px
}
.tab-top-active, .tab-top-inactive {
	border-right: 1px solid #000;
}

#tabtop2 {
	background-color: #5D5C5C;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 1px;
	height:20px;
	border-top:1px solid #000; margin-top:0px;
}
#tabtop3 {
	background-color: #000;
	padding-top: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
}

.tab-top-inactive a, .tab-top-inactive a:hover { color: #FFFFFF; font-size:12px; }
.tab-top-active a, .tab-top-admin a, .tab-top-active a:hover, .tab-top-admin a:hover { color: #FFFFFF; font-size:12px; font-weight: bold; }
.tab-sub-inactive a:hover, .tab-sub-inactive a, .tab-sub-admin a, a.tab-sub-admin-inactive, a.tab-sub-admin-inactive:hover { color: #444444; font-size:11px; }
.tab-sub-active a, .tab-sub-active a:hover { color: #e03f26; font-size:11px; font-weight: bold; }
a.tab-sub-admin-active, a.tab-sub-admin-active:hover { color: #999999; font-size:12px; }

.topbar a {
	color: #FFFFFF;
}
#tabtop ul, #tabtop2 ul {
	padding:0px; float: left; margin: 0px; list-style-type:none; position: relative; background-color:#c0c0c0;
}
#tabtop li, #tabtop2 li {
	padding-right:6px; padding-left:8px; float: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; position: relative; height:28px; line-height:20px
}
#tabtop2 li {
	PADDING-TOP: 2px; position: relative; height:18px; line-height:17px
}
#tabtop li.navspacer, #tabtop2 li.navspacer { padding-right:0px;padding-left:0px; }


#bodytext {
	padding: 3px;
	overflow: visible;
	height:380px;
	min-height:380px;
	border:1px solid #AFAFAF;
	border-top-style: none;
	background-color: #FFFFFF;
	text-align:left;
}


/*	Content */
#mainbody { 	background-image: url(../images/layout/header.jpg); background-repeat: repeat-x; background-color:#FFFFFF;
}
	#content {
		margin: 20px 0 0;
		}
		#content .content {
			overflow: hidden;
			}
		#content p,
		#content ul,
		#content ol,
		#content dl {
			font-size: 1.4em;
			line-height: 1.29em;
			margin-bottom: 1.2em;
			color: #555555;
			}
			#content ul ul, #content ul ol, #content ul dl,
			#content ol ol, #content ol ul, #content ol dl,
			#content dl dl, #content dl ol, #content dl ul {
				font-size: 1em;
				margin-left: 1.2em;
				}
			#content th,
			#content td {
				font-size: 1.4em;
				line-height: 1.29em;
				color: #555555;
				padding: 0 0.5em 0.5em 0;
				text-align: left;
				}
				#content th {
					color: #000;
					font-weight: bold;
					}
			#content li {
				list-style-position: inside;
				line-height: 1.5em;
				}
			#content ul li {
				list-style: outside none;
				background: url(../../images/template/bullet.gif) left center no-repeat;
				padding-left: 15px;
				display: block;
				}
			#content .intro {
				color: #e03f26;
				font-size: 1.8em;
				}
		#content h1 {
			font-size: 2.6em;
			border-bottom: 4px solid #e03f26;
			color: #7f7f7f;
			line-height: 1.5em;
			margin: 0 0 10px;
			}
		#content h2 {
	font-size: 1.9em;
	color: #555555;
	line-height: 1.5em;
			}
		#content h3 {
			font-size: 1.6em;
			color: #E03F26;
			line-height: 1.3em;
			margin: 0 0 10px;
			}
			#content h3 a {
				color: #E03F26;
				text-decoration: none;
				}
		#content .box h2 {
			background: #e03f26;
			color: #FFF;
			font-size: 1.8em;
			line-height: 30px;
			text-indent: 5px;
			margin: 0;
			}
	#content form {
		}		
		#content form fieldset {
			border: none;
			}
			#content form ol {
				margin: 0;
				}
			#content form li {
				list-style:  none outside;
				display: block;
				margin: 0.5em 0;
				width: 100%;
				overflow: hidden;
				}
				#content form li label {
					float: left;
					width: 10em;
					padding: 6px 0;
					}
				#content form li input,
				#content form li textarea,
				#content form li select {
					float: right;
					padding: 6px;
					color: #999;
										}
				#content form li.check input {
					float: none;
					padding: 6px;
					}
				#content form li.check label {
					float: none;
					}
				#content form li.check br {
					height: 0;
					overflow: hidden;
					visibility: hidden;
					clear: both;
					}
			#content form button {
				background-color: #E03f26;
				border-color: #E03f26;
				color: #FFF;
				}
				
			#search label {
				display: none;
				}
		
		.grey { color: #555555 !important; }
		.red { color: #e03f26 !important; }
		.black { color: #000000 !important; }
			
/*	Testimonial */
	#content .testimonial {
		width: 590px;
		background: url(../../images/template/bg_testimonial-bottom.gif) right bottom no-repeat;
		overflow: hidden;
		position: relative;
		}
		#content .testimonial img {
			position: absolute;
			left: 0;
			top: 20px;
			}
		#content .testimonial blockquote {
			background: url(../../images/template/bg_testimonial-top.gif) right top no-repeat;
			padding: 25px 15px 35px 65px;
			width: 378px;
			float: right;
			}
			#content .testimonial blockquote p {
				font-size: 1.5em;
				color: #FFF;
				}
				#content .testimonial blockquote p cite {
					font-size: 0.95em;
					}
/* 	Screenshots */
	.screenshots img {
		display: block;
		margin: 5px auto;
		border: 1px solid #CCC !important;
		padding: 4px;
		}
		
/*	Resources */
	#content ul.resource li {
		background: none;
		padding: 0;
		}
		#content ul.resource li span {
			color: #E03F26;
			border-bottom: 1px dotted #333;
			}
			#content ul.resource li span.hover {
				color: #333;
				cursor: pointer;
				}
			#content ul.resource li ul li {
				list-style: outside none;
				background: url(../../images/template/bullet.gif) left center no-repeat;
				padding-left: 15px;
				display: block;
				}
				#content ul.resource li ul li a {
					border: none;
					text-decoration: underline;
					color: #E03F26;
					}
					#content ul.resource li ul li a:hover {
						color: #000;
						}
		
/*	Footer */
	#footer {
		background: #AFAFAF;
		border-top: 10px solid #FFFFFF;
		height:15px;color:#FFFFFF;
		}
	#footer a { color:#FFFFFF; }
	
	.LV_validation_message{
	     font-weight:bold;
	     margin:0 0 0 5px;
	}	.LV_valid {
	     color:#00CC00;
	}
   
	.LV_invalid {
	font-weight: 900;
	color:#E03F26;
	font-size:0.8em;
		}
   
	.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active,
	textarea.LV_valid_field:hover, textarea.LV_valid_field:active {
	     border:;
	}
   
	.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,
	textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active {
	     border: 2px solid #E03F26;
	}
	
#flex-table-top-highlight, .flex-table-top-highlight {
	background-image:none;
	height: 20px;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 5px;
	background-color:#000066;
	line-height: 25px; position:relative;
}

.flex-table-top {
	background-image:none;
	height: 20px;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 5px;
	border-right:1px solid #000066;
	background-color: #000066;
	background-color: #000066;
	color: #FFFFFF;
	line-height: 20px; position:relative;
}
.flex-table-top a { color:#FFFFFF; }


.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #000; margin-left:10px; margin-top:0px; text-decoration:bold; cursor: pointer; } 
.btn * { font-style: normal; font-weight:bold; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; } 
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; } 
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; } 
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; } 
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; } 

.btn.blue { background: #dadaba;; } 
.btn.green { background: #c6daec; } 
.btn.pink { background: #e07740; position: relative; padding: 2px; float: left; color: #000; margin-left:20px; margin-bottom:10px; margin-top:10px;text-decoration:none; cursor: default} 
.btn.pink:hover { background-color: #336799; color:#000; text-decoration:none}
.btn:hover { background-color: #000; color:#fff; text-decoration:none  } 
.btn:active { background-color:#444; } 
.btn[class] { background-image: url(../images/.png); background-position: bottom; } 

* html .btn { border: 3px double #aaa; } 
* html .btn.blue { border-color: #2ae; } 
* html .btn.green { border-color: #9d4; } 
* html .btn.pink { border-color: #336799; } 
* html .btn:hover { border-color: #a00; }