/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #7F7772 url(images/img01.gif) repeat-x;
	font: .75em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #000000;
}

h1, h2, h3 {margin-top: 0; font-weight: bold; color: #2a6996;}
h1 {font-size: 127%;}
h2 {font-size: 116%;}
h3 {font-size: 100%; font-weight: bold;}
p, ol {margin: 10px 0 0 0; margin-bottom: 1.1em; line-height: 150%;}
ul {margin: 5px 0 0 0; line-height: 150%; padding-left: 20px;}
li {}
ol {}
ul#service {
	list-style: none;
	padding: 0 0 0 5px; 
}
ul#service li {
	margin: 0;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
}
ul#service li:hover {
	color: #000;
	background-color: #ddd; 
}

a {color: #2a6996;}
h1 a{color: #2a6996;}
a:hover {text-decoration: none;}
img.no-border {border: none;}
img.left {float: left; margin: 10px 15px 0 0;}
img.right {float: right; margin: 0 0 0 15px;}
blockquote {
margin: 0;
	text-align: left;
	text-indent: 25px;
	background: url(images/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}
blockquote p {
	margin: 0;
	display: inline;
	padding-right: 24px;
	background: url(images/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
/* form elements */
form {margin:5px; padding: 0;}
label {display:block; font-weight:bold; margin:3px 0;}
input {
	padding: 2px;
	border:1px solid #2a6996;
	font: normal 1em Verdana, sans-serif;
	color:#000000;
}

textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #2a6996;
	height:100px;
	display:block;
	color:#000000;
}
select { 
	margin: 0; 
	border: 1px solid #2a6996;
	background: #FFF; 
	padding: 2px 3px; 
	color: #000000;	
}
input.button { 
	margin: 0; 
	font: bold 12px Arial, Sans-serif; 
	border: 1px solid #2a6996;
	background: #FFF; 
	padding: 1px 1px; 
	color: #4284B0;	
}
/* Page and Wraps*/
#wrap {
	width: 960px; height: 100%;
	margin: 0 auto;	
	text-align: left;
}
#page {
	clear: both;
	position: absolute;
	top: 0px;
	width: 960px;
	margin: 0 auto 0px auto;
	padding: 0;
	height: 225px;
	background: #7F7772 url(images/search.gif) no-repeat;
}

#home a {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 135px;
}
#home a h1 {display: none;}

/* Search */
#search {
	position: absolute;
	top: 0px;
	float: left;
    display: inline;
	margin: 0px 0px 0px 500px;
	width: 40%;
	padding: 0px;	
}
#searchbox{ 
    float: left;
	margin: 4px 0px 0px 0px;
	font: bold 18px Verdana, sans-serif;
}
#searchbutton{ 
    float: left;
    margin: 7px 0px 0px 0px;
}
/* Navigation */
#nav {
	position: absolute;
	top: 49px;
	float: left;
    display: inline;
	margin: 0px 0px 0px 520px;
	width: 40%;
	padding: 0px;	
	font: bold 12px Verdana, sans-serif;
}
#nav p {margin: 0;}
#nav a {color: #000000;	text-decoration: none;}
#nav a:hover {color: #e48838;}

/* Content */
#content-wrap {
	position: absolute;
	top: 125px;
	float: left;
    display: inline;
	margin: 0px 0px 0px 31px;
	width: 901px;
	padding: 0px;	
	background: #FFFFFF;
}
#content {
	float: left;
	width: 56%;
	margin: 0px 0px 0px 7px;
}
/* Rightbar */
#rightbar {
	float: right;
	width: 39%;
	margin: 0px 10px 0 0;
}
/* Footer */
#footer {
	clear: both;
	position: relative;
	width: 901px;
	height: 50px;
	padding-top: 10px;
	background: #FFFFFF url(images/footer.gif) no-repeat right bottom;
}
#footer p {
	margin: 0;
	text-align: center;
	font-size: 87%;
}
#footer a {
	color: #000000;
}
#website a {
	color: #000000;
	text-decoration: none;
}
.title {
	padding-bottom: 2px;
}
.list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.list li {
	padding-left: 10px;
	background: url(images/img10.gif) no-repeat left center;
}
/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #99cc44; }
.red  {	color: #FF0000; }
.gray  {	color: #BFBFBF; }

/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	}

.loading {
	height: 30px;
	background: url(images/working.gif) 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 18px;
	position: relative;
	background: url(images/starrating.gif) top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:18px;
	height: 18px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 18;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url(images/starrating.gif) left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:18px;}
.unit-rating a.r2-unit{left:18px;}
.unit-rating a.r2-unit:hover{width: 36px;}
.unit-rating a.r3-unit{left: 36px;}
.unit-rating a.r3-unit:hover{width: 54px;}
.unit-rating a.r4-unit{left: 54px;}	
.unit-rating a.r4-unit:hover{width: 72px;}
.unit-rating a.r5-unit{left: 72px;}
.unit-rating a.r5-unit:hover{width: 90px;}

.unit-rating li.current-rating {
	background: url(images/starrating.gif) left bottom;
	position: absolute;
	height: 18px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		

/*------------------THICKBOX SETTINGS------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif; color: #333333;}

#TB_secondLine {font: 10px Arial, Helvetica, sans-serif; color:#666666;}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay {position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000; filter:alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {display:block;	margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;	border-top: 1px solid #666;	border-left: 1px solid #666;}

#TB_caption{height:25px; padding:7px 30px 10px 25px; float:left;}

#TB_closeWindow{height:25px; padding:11px 25px 10px 0; float:right;}

#TB_closeAjaxWindow{padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}

#TB_ajaxWindowTitle{float:left; padding:7px 0 5px 10px; margin-bottom:1px;}

#TB_title{background-color:#e8e8e8; height:27px;}

#TB_ajaxContent{clear:both;	padding:2px 15px 15px 15px;	overflow:auto; text-align:left;	line-height:1.4em;}

#TB_ajaxContent.TB_modal{padding:15px;}

#TB_ajaxContent p{padding:5px 0px 5px 0px;}

#TB_load{position: fixed; display:none;	height:13px; width:208px; z-index:103; top: 50%; left: 50%;	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{clear:both; border:none; margin-bottom:-1px; margin-top:1px; margin-bottom:1px;}

  /* Differences

================================================*/
#differences {
	margin:0.5em 0 1.5em 0;
	padding:0;
	list-style:none;
	width:100%;
	float:left;
	}

#differences li {
	margin:0 10px 10px 0;
	padding:0;
	float:left;
	background:url(/images/diff-tabs-top-wide.gif) no-repeat 0 0;
	}

#differences li#diff-6 {
	margin-right:0;
	}

#differences div {
	font-size:0.94em;
	padding:6px;
	background:url(/images/diff-tabs-bottom-wide.gif) no-repeat 0 100%;

	}

#differences li:hover {
	background-position:-156px 0;
	}

#differences li:hover div {
	background-position:-156px 100%;
	}

#differences p {
	margin:0;
	width:144px;
	min-height:8em;
	padding:0 0 27px 0;
	background-repeat:no-repeat;
	background-position:50% 100%;
	}

#differences #diff-4 p {
	/*padding:0 0 14px 0;*/
	}

#differences h3 {
	font-weight:bold;
	font-size:1em;
	line-height:1.1em;
	margin:0 0 0 8px;
	width:137px;
	}

#differences h3 a:link,

#differences h3 a:visited {
	color:#5d85ac;
	border:none;
	}	

#differences h3 a:hover {
	color:#e6290e;
	}		

#differences h3 em {
	font-style:normal;
	font-size:1.2em;
	line-height:20px;
	margin:0 0 0 6px;
	width:110px;
	}	

#differences li:hover h3 {
	color:#e6290e;
	}
	
.formError {
position:absolute;
top:300px; left:300px;
padding-bottom:13px;
display:block;
z-index:5000;
}
.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
	width:100%; 
	background:#ee0101;
	color:#fff;
	width:150px;
	font-family:tahoma;
	font-size:11px;
	border:2px solid #ddd;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;

	z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}

	.formError .formErrorArrow div{
		border-left:2px solid #ddd;
		border-right:2px solid #ddd;
		box-shadow: 0px 2px 3px #444;
		-moz-box-shadow: 0px 2px 3px #444;
		-webkit-box-shadow: 0px 2px 3px #444;
		font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
	}
		.formError .formErrorArrowBottom div{
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		}
		
	.greenPopup .formErrorArrow div{background:#33be40;}
	.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

	.formError .formErrorArrow .line10{width:15px;border:none;} 
	.formError .formErrorArrow .line9{width:13px;border:none;} 
	.formError .formErrorArrow .line8{width:11px;} 
	.formError .formErrorArrow .line7{width:9px;} 
	.formError .formErrorArrow .line6{width:7px;} 
	.formError .formErrorArrow .line5{width:5px;} 
	.formError .formErrorArrow .line4{width:3px;} 
	.formError .formErrorArrow .line3{width:1px;
		border-left:2px solid #ddd;
		border-right:2px solid #ddd;
		border-bottom:0px solid #ddd;} 
	.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
	.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}