body,td,th {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
}
body {
	background:#ccc url(../images/template_components/main_background.jpg) repeat-y center;
	margin:0;
	text-align:center;
}
a:link {text-decoration: underline;color: #333}
a:visited {text-decoration: underline;color: #000;}
a:hover {text-decoration: none;}
a:active {text-decoration: underline;}

a img {
	border:none;
}

h1{
	font-size:20px;
	font-weight:normal;
	color:#FF0000;
	padding: 0px 0px 5px 0px;
	margin:0px 10px 10px 10px;
	display:block;
/*	background:#EDEDED;*/
}
h1.imageheader{
	color:#fff;
	display:block;
	margin:0px 10px;
	padding:10px 0 85px 10px;
	background-color:#85878C;
}
h2{
	font-size:16px;
	font-weight:normal;
	color:#FF0000;
	padding: 5px 10px 2px 10px;
	margin: 0;
}

h3{
	font-size:14px;
	font-weight:normal;
	color:#FF0000;
	padding: 0px 10px 2px 10px;
	margin: 0;
}
h4{
	font-size:12px;
	font-weight:normal;
	color:#444444;
	padding: 0px 10px 2px 10px;
	margin:0;
	line-height:16px;
}

.blackheader{
	color:#000;
}
p{
	margin:2px 10px 10px 10px;
	line-height:18px;
}
form{
	margin:0;
	padding:0;
}

img.photo{
	padding:10px;
	border:1px solid #A7A6AA;
}
img.photoright{
	float:right;
	padding:10px;
	margin:5px 0 5px 10px;
	border:1px solid #A7A6AA;
}
img.photoleft{
	float:left;
	padding:10px;
	margin:5px 0 5px 10px;
	border:1px solid #A7A6AA;
}

/* ----- =tables ----*/

table {
	border-collapse:collapse;
	margin:0 10px 0 10px;
	width:350px;
	/*border: 1px dotted #666;*/
	}
th, td{
	padding: 7px 7px;
	border: 1px solid #efefef;
	border-collapse:collapse;
}
thead{
	background:#82A3E0;
	border-bottom:1px solid #fff;
}
col{
	/*border-right: 1px dotted #666;*/
}
th {
	background:#82A3E0;
	font-weight:bold;
	text-align:left;
	color:#fff;
}

	tbody tr.even td{
		background: #E6EDF9;
	}
	tbody tr.highlight td{
		background: #B3E1B3;
	}
	tbody tr.ruled td{
		color: #000;
		background-color: #C1D1F0; 
	}
	
	/* Opera fix */
	head:first-child+body tr.ruled td{
		background-color: #C1D1F0; 
	}

/* ----- =forms ----*/

form {
	margin:10px;
}

/* fieldset styling */
fieldset {
	margin: 5px 0; /*  space out the fieldsets a little*/
	padding: 10px;
	border:0;
	border : 1px solid #ccc;
	background-color:#F7F7F7
}

fieldset div{
	float:left;
	width:160px;
}

/* legend styling */
legend {
	font-weight: bold;
}

form p {
  position: relative;
  overflow:hidden;
}

/* style for  labels */
label {
/*	float: left;
	width: 75px;*/
	display:block
}
label.short{
	width:50px;
}

/* style for required labels */
label .required {
	font-size: 9px;
	color:#888;
}

input {
  width: 200px;
}

input[type="text"], textarea {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

input.radio, input.checkbox, input.submit, input.button, input.select {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #E6EDF9;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
	width: 230px;
	height: 100px;
}

/* ----- container divs ----- */
#outerwrapper{
	width:760px;
	margin:10px auto;
	text-align:left
	}
#innerwrapper{
	padding:10px;
	background:#FFFFFF
}
#header{width:740px;}

#search{
	margin:0;
	padding:0;
	float:right;
	width:200px
}
#search form{
	margin:0;
	padding:0;
}
#searchbox{
	background-color:#E6EDF9;
	border:1px solid #A7A6AA;
	font-size:11px;
	color:#333333;
	width: auto;
	margin: 5px 10px 4px 0px
}
#searchbtn{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#82A3E0;
	border:1px solid #666666;
	margin:5px 0px 4px 0px;
	padding:1px;
	width:auto;
}
#content{
	float:left;
	background:#fff url(../images/template_components/columns.gif) repeat-y center;
	margin-top:10px
	}
#content_onebar{
	float:left;
	background:#fff url(../images/template_components/column_1.gif) repeat-y center;
	margin-top:10px
	}
div.contentcol{
	float: left;
	min-height: 100px;
}
#leftcol{width: 170px;}
#centercol{width: 370px;}
#rightcol{width: 200px; clear:right}
#footer{clear:both; width: 740px}
#careercol{ margin-top:10px}
#centerright_colspan{width:570px; margin-top:10px; background-color:#FFFFFF;}

#centercol ul{
	padding-bottom:15px;
}
#centercol ul ul, #centercol ul ul ul{
	padding-bottom:0px;
}

#centercol ul li{
	padding: 0px 10px 5px 17px;
    background:url(../images/template_components/bullet1.gif) no-repeat 8px 6px;
	line-height:16px;
	}
#centercol li ul li{
    background:url(../images/template_components/bullet2.gif) no-repeat 8px 6px
	}
#centercol li ul li ul li{
	background:url(../images/template_components/bullet3.gif) no-repeat 8px 6px
}
#centercol img.left {
	padding:10px;
	border:1px solid #A7A6AA;
	float:left;
	margin: 5px 10px 5px 10px;
}
#centercol img.right{
	padding:10px;
	border:1px solid #A7A6AA;
	float:right;
	margin: 5px 10px 5px 10px;
}
.bio {
	height: 200px;
	}
.bio img{
	float:left;
	padding:10px;
	border:1px solid #A7A6AA;
	margin: 5px 10px 5px 10px;
}
.bio #bioname{
	font-size:16px;
	font-weight:normal;
	color:#FF0000;
	padding: 0px 10px 5px 0px;
	margin: 0;
}
.bio #biotitle{
	font-size:12px;
	font-weight:normal;
	color:#444;
	padding: 0px 10px 5px 0px;
	margin: 0;
	
}
.bio h2{
}
/* ---- background ../images/template_components for section headers ---- */
#aboutus{background-image:url(../images/template_components/headerbg_sabrepeople1.jpg)}
#careers{background-image:url(../images/template_components/headerbg_coupleincar.jpg)}
#contactus{background-image:url(../images/template_components/headerbg_businessmanwoman.jpg)}
#investor{background-image:url(../images/template_components/headerbg_investor.jpg)}
#newsroom{background-image:url(../images/template_components/headerbg_newsroom.jpg)}

/* ---- tools for clearing floats ---- */
.clearboth {
	clear:both;
/*	border:0px;
	padding:0;
	margin:0;
	height:0;
	width:0;*/
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* ---- content boxes ----- */

.sidebox{
	color:#333333;
	padding-bottom:5px;
	border-bottom:10px solid #ffffff
}
.sidebox h3{
	display:block;
	font-size:12px;
	padding:7px 10px 8px 10px;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
	margin:0
}
.sidebox h3 a, .sidebox h3 a:visited{color:#FFFFFF}
.sidebox ul, #centercol ul{
	margin: 5px 0px 0px 10px;
	padding-left: 0;
	list-style: none
}
.sidebox li{
	padding: 0px 0px 5px 10px;
    background:url(../images/template_components/bullet1.gif) no-repeat 0px 4px
}

.bluebox{background:#C1D1F0}
.bluebox h3{background:#82A3E0}

.greenbox{background:#B3E1B3}
.greenbox h3{background:#66C266}

.greenbox2{background:#E1F3E1;}
.greenbox2 h3{background:#B3E1B3;color:#4D4D4D}

.tealbox{background:#B3D3D1}
.tealbox h3{background:#66A7A3}

.purplebox{background:#D4C3D5}
.purplebox h3{background:#A986AA}

.graybox{background:#EDEDED}
.graybox h3{background:#C2C2C2;color:#4D4D4D}

.alertbox{background:#fdf6e5 url(../images/template_components/alert_icon.gif) no-repeat 10px 10px;margin-left:10px;}
.alertbox h2{color:#333;font-size:20px; padding:13px 0px 0px 55px;}
.alertbox p{font-size:14px; line-height:24px; padding:10px 0;}

/* ---- news box ---- */
#news{
	color:#333333;
	margin:0 10px;
	padding:0;
}
#homenews{
	background-color:#C1D1F0;
}
#news h2{
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:6px 10px 7px 10px;
	color:#FFFFFF;
	background:#85878C;
	margin: 0;
	border-bottom:1px solid #fff
}
#news ul{
	padding:0px;
	margin:0px;
	list-style: none
}
#news ul li{
	line-height:14px;
	background-image:none;
	padding:0
}
#news ul li a{
	display:block;
	padding:10px 5px 10px 10px;
	text-decoration:none;
	border-bottom:1px dotted #C6C5C9;
	_height:1px
}
#news ul li a:hover{
	text-decoration:none;
	background:#EDEDED
}
.newsdate{
	font-weight:bold
}

.hotnews{
	font-weight:bold;
}

/* ----- top navigation ----- */

div#topnav {
	margin:0;
	padding:0;
	background-color:#EDEDED;
	font-size:12px;
	width:530px;
	height:30px
}
div#topnav ul {
	margin:0;
	padding:0 0 0 5px;
	white-space:nowrap;
}

div#topnav li {
	display: inline;
	list-style-type: none
}

div#topnav a { position:relative; float:left; display:block; padding:8px 6px 7px 6px }

div#topnav a:link, div#topnav a:visited {
	color:#666;
	background-color:#EDEDED;
	text-decoration: none
}

div#topnav a:hover {
	color: #F00;
	background-color:#EDEDED;
	text-decoration: none
}
#topnav #topcurrent a {
	color:#FF0000;
}

/* ----- secondary navigation ----- */

#subnavcontainer{
	width: 170px;
	padding: 0px;
	font-size:12px;
	background:#EDEDED;
	border-bottom:10px solid #fff;
	color:#333;
	float:left
}

#subnavcontainer ul{
	list-style: none;
	margin:0;
	padding:0
}

#subnavcontainer li{
	border-bottom:1px solid #fff;
	margin:0;
	padding:0
}

#subnavcontainer li a{
	display: block;
	padding: 7px 0px 8px 10px;
	border-left:10px solid #82A3E0;
	background:#85878C;
	color:#fff;
	text-decoration:none;
	width:150px
}

#subnavcontainer li a:hover{
	background: #666666;
	color: #fff;
}
#subnavcontainer li li{
	border-top:1px solid #fff;
	border-bottom: 0;
	margin:0;
}

#subnavcontainer li li a{
	border-left-color:#C1D1F0;
	background:#EDEDED;
	color:#666666;
	width:150px
}

#subnavcontainer li li a:hover
{
background:#D0CFD4;
color:#666666;
}

/* Misc Styles */

#stockprice{
	font-size:12px;
}
.newsfeature{
	margin:0px 10px 10px 10px;
	padding:10px 10px 10px 20px;
	background:url(../images/template_components/newsfeaturebg.gif) repeat-y 0 0;
}
.newsfeature h2{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0 0 8px 0;
	line-height:20px;
	color:#4D4D4D
}
.newsfeature p{
	margin:0;
	padding:0;
}
.newsfeature a:link, .newsfeature a:visited{color: #333; text-decoration:none; border-bottom:1px dotted #A7A6AA;}
.newsfeature a:hover, .newsfeature a:active{color: #333; text-decoration:none; border-bottom:1px solid #A7A6AA;}
.featurebutton{
	text-align:right
}
.featurebutton img{
	padding-right:5px
}
.featurebutton a:link, .featurebutton a:visited{
	color:#0051BA;
	text-decoration:none;
	margin-left:5px;
	border:none;
}
.featurebutton a:hover, .featurebutton a:active{
	color:#009900;
}
.learnmore{
	text-align:right;
	padding:0px 10px;
}
.txtbtn{
	float:left
}
.txtbtn a:link, .txtbtn a:visited{
	display: block;
	margin:0px 0px 10px 10px;
	padding: 7px 0px 8px 10px;
	border-left:10px solid #C1D1F0;
	background:#EDEDED;
	color:#666666;
	text-decoration:none;
	font-size:12px
}

.txtbtn a:hover{
	background:#D0CFD4;
	color:#666666
}

.smtxtbtn a{
	width:75px;
}

.mdtxtbtn a{
	width:150px;
}

.lgtxtbtn a{
	width:250px;
}
.btn_blue{
	float:left;
}
.btn_blue a:link, .btn_blue a:visited{
	display: block;
	margin:0px 0px 10px 10px;
	padding: 8px 0px 8px 20px;
	background:#82a3e0 url(../images/template_components/btn_blue.gif) top left no-repeat;
	color:#666666;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	width:150px;
}
.btn_blue a:hover{
	background-position:0px -40px;
}
.search_icon{
	padding-right:20px;
	background:url(../images/template_components/search_icon.gif) top right no-repeat;
}	

#rightcol .txtbtn a:link, #rightcol .txtbtn a:visited{
	border-left:10px solid #82A3E0;
	background:#85878C;
	color:#fff;
	width:180px;
	margin-left:0px;
	}
#rightcol .txtbtn a:hover{
	background:#666;
	color:#fff;
}
#printicon{
	float:right;
	padding-right:10px;
}

a#begin_survey:hover {
	background-position:left bottom !important;
}

#survey {
	height:264px;
	width:391px;
	position:absolute;
	top:200px;
	left:-345px;
	background:url(../images/tab.png) no-repeat left top;
}

#close_tab {
	position:absolute; top:0px; right:75px; width:30px; height:30px;
}

#tab {
	position:absolute; top:17px; right:0px; height:125px; width:50px;
}

#survey h2 {
	position:absolute;
	display:block;
	top:25px;
	left:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:22px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#survey p {
	position:absolute; top:85px; left:22px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; width:270px; line-height:20px; display:block; text-align:left; margin:0px; padding:0px;
}

#begin_survey {
	height:37px; position:absolute; top:215px; width:94px; left:22px; background:url(../images/tab_button.gif) no-repeat left top;
}
