/* ---------------------------------------- */
/* sitepoint */
.bl {background: url(/shared/images/corner_brown_bl.gif) 0 100% no-repeat #e68200; width: 20em}
.br {background: url(/shared/images/corner_brown_br.gif) 100% 100% no-repeat}
.tl {background: url(/shared/images/corner_brown_tl.gif) 0 0 no-repeat}
.tr {background: url(/shared/images/corner_brown_tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px; display:block; clear:both;}


/* Copanion Specific */
#dropshadow {
	background: url(/shared/images/dropshadow.png) top left repeat-y;
	margin:0 auto 0 auto;	
	width:980px;
	padding-left:10px;
}

.print_only {
	display: none;
	visibility:hidden;
}

.screen_only {
	/* see printer_design.css for comparable style */
}


#wrapper {
	width: 960px;
	background-color:#f4f4f4;
}
	
#header {
	position:relative;
	margin:0px;
	padding:0px;
	height:96px;
	background-color:#fff;
}
#header_left {
	margin:0px;
	padding:0px;
}
#logo {
	display:block;
	float:left;
	margin: 0px 0 0px 20px;
}

html>body #logo { margin-left:0px; padding: 0 0 0 10px;}
/* ^^^^ hack to fix IE6 left margin problem on logo. IE ignores this line */

#header_tabs {
	background: url(/shared/images/tab_back.jpg) top left repeat-x #fff;
	width:950px;
	clear: both;
	margin: -6px 15px -6px 16px;
	padding: 6px 0px 0px 10px;
	float: left;
	color: #FFFFFF;
	overflow: hidden;
	position:relative;
}
html>body #header_tabs { margin-left:0px; }
/* ^^^^ hack to fix IE6 left margin problem on header tabs. IE ignores this line */

#header_tabs * {
	font: 100% Arial, Helvetica, sans-serif;
	font-weight: bolder;
	height:36px;
}
#header_tabs ul {
	margin:0;
	padding:0;
	list-style:none;
}
#header_tabs li {float:left;}

#header_tabs a {
	color:#fff;
	float:left;
	padding: 8px 5px 0px 13px;
}
#header_tabs .unselect {
	background: url(/shared/images/tab_unselect.gif) no-repeat;
}
#header_tabs .unselectgreen {
	background: url(/shared/images/tab_unselectgreen.gif) no-repeat;
}
#header_tabs .select {
	background: url(/shared/images/tab_select.gif) no-repeat;
	color:#006600;
}
#header_tabs .select a{
	color:#248E00;
}

#header_tabs .rightselect {
	background:url(../images/tab_rightselect.gif) top right  no-repeat;
	font-size:1px;
	padding: 5px 1px 0px 1px;
	margin-bottom:-1px;
	width:9px;
}
#header_tabs .rightunselect {
	background:url(../images/tab_rightunselect.gif) top right  no-repeat;
	padding: 5px 1px 0px 0px;
	width:9px;
}
#header_tabs .rightunselectgreen {
	background:url(../images/tab_rightunselectgreen.gif) top right  no-repeat;
	padding: 5px 1px 0px 0px;
	width:9px;
}
#login {
	border:#000000;
	float:right;
	height:40px;
	margin:10px 32px 0 0;
	color:#FFFFFF;	
	text-align:left;
	padding:0;
	width:300px;
	overflow:hidden;
}
#login a {
	color:#ffffff;
}


/* -------------- ------------- --------- */


#content_wrapper {
	clear: both;
	display: block;
	float: left;
	position: relative;
	padding-right: 0px;
	font-size: 1em;
	margin-top: 3px;
}

#content_wrap_left {
	display:block;
	float:left;
	padding-left:0px;
	padding-bottom:0px;
	margin-bottom:-2px;
	margin-right:0px;
}


#content_left {
	border-top:#d6d6d6 solid 1px;
	padding:0 0 0 0px;
	margin:0px;
	float:left;
	width:210px;
	display: inline;
}
html>body #content_left { margin: 0px auto;}
/* ^^^^ hack to fix IE6 left margin problem on left column. IE ignores this line */

#left_menu {
	color:#315b7b;
	background-color:#E9ECEE;
	margin:0 0 0 0px;
	padding: 5px 0 0 0px;
	width:210px;
	font-size: 1em;
	text-align:left;
	overflow:hidden;

}
html>body #left_menu { margin: 0px 0px 0px 0px;}
/* ^^^^ hack to fix IE6 left margin problem on left column. IE ignores this line */
/* NEW NEW */

/*
#left_menu a{
	color:#315b7b;
}
#left_menu a:hover {
	color:#315b7b;
	text-decoration:underline;
}
#left_menu h2 {
	color:#315b7b;
	margin:0 -5px;  */ /* NEW NEW - was margin: 0 -5 */
/*}

#left_menu h3 {
	font-size:1em;	
	background-color: #315b7b;  	
	color: #fff;
	padding:5px 5px 5px 10px;
	margin:0 -5px;
}
*/
#left_menu .select {
	display: block;
	background-color: #FFFFFF;
	color: #248E00;
	font-weight:bolder;
/*	margin:-2px;
	padding: 2px 0 0 2px;*/
}
/*
#left_menu ul {
	list-style:none ;
	list-style-image: none;
	padding: 0 0 0 15px;*/ /* NEW NEW */
	
/*}

html>body #left_menu ul { padding: 0 0 0 5px;}*/
/* ^^^^ hack to fix IE6 left margin problem on left column. IE ignores this line */

#left_menu li {
	list-style: none;
	list-style-image: none;
	border-bottom: #fff solid 1px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 2em;
	}
#left_menu ul ul li {
	padding-left:10px;
}	
#left_menu .left_menu_2line {
	line-height:1.4em;
	padding:6px 0 6px 0;
}
#left_alts {
	padding-left:10px;
}
/*
#left_alts {
	font-weight:normal;
	padding-left:30px;*/ 
	/* NEW NEW added */
/*
}

#left_ads, #left_ads a {
	font-weight:normal;
	padding-left:30px;*/ /* NEW NEW added */
/*	}
*/

/* ------------- -------------- ------------ */

#content_center { 
		background: #fff;
		padding:0;
		float:left;
		position:relative;
		margin-left:1px; 
		width:539px;
		display: inline;
		}

#content_center_2col {
		background:#fff;
		float:left;
		width:680px;
		padding:5px 20px 5px 20px;
		position:relative;
		margin:0 0px 13px 1px; 
		display:inline; 
		font:Arial, Helvetica, sans-serif normal;
		color:#000000;
	border-left: #d6d6d6 solid 1px;
	border-right: #d6d6d6 solid 1px;
	}
#content_center_bottom_2col {
	width:722px;
	height:10px;
	background: url(/shared/images/content_center_bottom_2col.gif) top left no-repeat #f4f4f4;
	position:relative;
	left:-21px;
	bottom:-15px;
}
#footer_spacer_2col {
	height:15px;
	}
#content_center_1col {

	background: #fff;
	padding:5px 15px;
	position:relative;
	margin:2px 0px 3px 44px; 
	width:840px;
	display:block; 
	font:Arial, Helvetica, sans-serif normal;
	color:#000000;
	border-left: #d6d6d6 solid 1px;
	border-right: #d6d6d6 solid 1px;
	}
#content_center_bottom_1col {
	width:872px;
	height:10px;
	background: url(/shared/images/content_center_bottom_1col.gif) top left no-repeat #f4f4f4;
	position:relative;
	left:-16px;
	bottom:-15px;
}
#content_cap_1col {
	height:1px;
	width:100%;
	border-bottom:1px solid #d6d6d6;
	margin:4px 0 -4px 0;
}
#article_body {
	font:Arial, Helvetica, sans-serif normal;
	padding:3px 20px;
	color:#000000;
	background-color: #fff;
	margin: 0;
	border-left: #d6d6d6 solid 1px;
	border-right: #d6d6d6 solid 1px;	
}
#article_body_bottom {
	width:539px;
	height:10px;
	background: url(/shared/images/content_center_bottom.gif) top left no-repeat #f4f4f4;
}
.angle_box {
	border-top: solid 1px #6b9189;
	padding:2px 1px 1px 5px;
	margin: 2px -3px;
}

.hide-this {
	display: none;
/*	visibility:hidden;*/
	overflow:hidden;
}

/* used for sliding panels */
.show-hide a {
	color: #666;
	text-size: 10px;
	line-height: 1em;
}

/* center call-out boxes. Short top, long bottom contains content */
#box_call_left {
	background: url(/shared/images/box_call_top.gif) top left no-repeat #f3f3f3;
	padding:0 0px 0px 0px;
	margin:0px;
	height:24px;
}
#box_call_left_2col {
	background: url(/shared/images/box_call_top_2col.gif) top left no-repeat #f3f3f3;
	padding:0 0px 0px 0px;
	margin:0px;
	height:24px;
}
#box_call_center {
	border-left: #d6d6d6 solid 1px;
	border-right: #d6d6d6 solid 1px;
	color:#315b7b;
	background-color:#f3f3f3;	
	padding: 0 15px 5px 10px;
	margin: -23px 0 0 0; /* NEW NEW from -23*/
}

#box_call_bottom {
	background: url(/shared/images/box_call_bottom.gif) bottom left no-repeat;
	margin:-23px 0 5px 0; /* NEW NEW mod from -23 to -5...and back again CMH*/
}
#box_call_bottom_2col {
	background: url(/shared/images/box_call_bottom_2col.gif) bottom left no-repeat;
	margin:-23px 0 5px 0; /* NEW NEW mod from -23 to -5...and back again CMH*/
}
#box_call_center h4 {
	margin:15px 0 -10px 0;
}

/* bottom edge of article body */

#box_bottomleft {
	background: url(/shared/images/box_white_bl.gif) top left no-repeat;
	float:left;
	padding: 0;
	margin:0px -8px;
	height:30px;
	overflow:hidden;
	width:493px;
}
html>body #box_bottomleft { margin:0px -16px; }
/* ^^^^ hack to fix IE6 left margin problem on header tabs. IE ignores this line */

#box_bottomright{
	background: url(/shared/images/box_white_br.gif) top right no-repeat;
	float:right;
	padding: 0;
	margin: 0;
	height:30px;
}


/*for most white boxes w blue borders */
#box_center {
	border-left: #c2d8e9 solid 1px;
	border-right: #c2d8e9 solid 1px;
	color:#315b7b;
	background-color:#fff;	
}


#box_smallbottomleft {
	background: url(/shared/images/box_white_bl.gif) top left no-repeat;
	float:left;
	padding: 0;
	margin: 0px;
	height:30px;
	overflow:hidden;
	width:100%;	
}
#box_smallbottomright{
	background: url(/shared/images/box_white_br.gif) top right no-repeat;
	float:right;
	padding: 0;
	margin: 0;
	height:30px;
}

#box_smalltopleft {
	background: url(/shared/images/box_white_tl.gif) top left no-repeat;
	float:left;
	padding: 0;
	margin:0;
	height:30px;
	overflow:hidden;
	width:100%;
}

#box_smalltopright {	
	background: url(/shared/images/box_white_tr.gif) top right no-repeat;
	float:right;
	padding: 0;
	margin: 0;
	height:30px;
}

/* ------------- -------------- ------------ */

#content_right {
	/*display:block;*/
	display:inline;
	float:left;
	width:200px;
	margin: 0;
	padding-right:0px;
	padding-left:10px;	
	position:relative;
	overflow:hidden;
	color:#000;
	border-top:#d6d6d6 solid 1px;
}
#content_right_2col {
	/*display:block;*/
	display:inline;
	float:left;
	width:17px;
	margin: 0;
	padding-right:0px;
	padding-left:10px;	
	position:relative;
	overflow:hidden;
	color:#000;
	background-color:#f4f4f4;
	border-top:#d6d6d6 solid 1px;
}
#content_right h2 {
	color:#315b7b;
	background-color:#f9f9f9;
	margin:0 0px;
	padding:5px 5px 0px 10px;
	font-size: 1.2em;
	line-height:1.5em;
}

#content_right h3 {
	font-size:1em;	
	background-color: #fafafa;  	
	color: #315b7b ;
	padding:5px;
	margin:0;
	border-bottom:#315b7b solid 1px;
}
#content_right p {
	padding:5px;
	margin-top:0px;
}
#content_right a {
	font-weight:bold;
	color:#25455d;
}
#content_left a {
	font-size:12px;
	font-weight:bold;
	color:#315b7b;
}
#content_left li a.submenulink {
	font-weight:normal;
	margin-left: 10px;
	line-height:2.2em;
}
#content_left li * {
	display:block;
	padding-left:10px;
}
#content_left li em {
	display:inline;
	padding-left:0px;
}
#sidebar_right {
	font-size:90%;
	line-height:1.2em;
	padding: 6px;
	margin:0;
}
#options_right {
	color:#fff;
	background-color:#fff;
	padding: 2px 5px 2px 25px;
	margin:0 -10px 15px -3px;
	font-size:90%;
	height:auto;
	width:auto;

}
#options_right a {
	font-weight: lighter;
	color:#666;
}



#right_alts {

}

#right_ads {

}

#sidebar_extras {
	font-size:90%;
	line-height:1.2em;
	background-color:#f3f3f3;
	padding: 5px;
	margin:0;
}

/* ------------- -------------- ------------ */

/* Footer */

#footer_wrapper {
	clear:both;
	height:200px;
	text-align:center;
}
#footer {
	height:68px;
}
#footer_left {
	height:68px;
	padding:10px 10px 0 15px;
	font-size:.85em;
}

/* html>body #footer_left { padding-top:5px; } */
/* ^^^^ hack to fix IE6 bottom margin problem on footer */

	/* text formatting */
#footer span {
	font-size:85%;
	padding:0px 9px 0 9px;
	line-height:2.5em;
	border-right:1px solid #999999;
	color:#315b7b;
}
#footer span.last {
	border-right:none;
	color:#315b7b;
} 
#footer a {
	color:#315b7b;
	font-weight:bold;
}
#footer a.selected {
	color:#73D200;
}
#footer a:hover {
	color:#FFB600;
}


/* end Footer */

/* ------------- -------------- ------------ */


/* Generic Tags*/
body {	
	background: #ebebeb url(/shared/images/body_back.jpg) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;	
	margin: 0;
	}
a {	
	color: #315b7b;	
	text-decoration: none;
	font-weight:bold;
}
a:hover {	
	text-decoration: underline;
	}
h1,h2 {
	font-size:24px;
	vertical-align:bottom;
	color: #303030;
	padding:5px 5px 15px 0px;
	display:block;
	border-bottom:#375d80 solid 1px;
	height:26px;
	margin:0 0 0 0;
	}
h3 {
	font-size:1em;	  	
	color: #315b7b;
	padding:2px 5px 5px 5px;
	margin: 0 -5px;
	}
h3 a {
	color: #315b7b;
	text-decoration:underline;
}
h4 {
	color: #000000;
	}
	
p {
	color: #000000;
	font-size:80%;
	line-height:1.6em;
}

#article_body ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#article_body ul li {
	background-image:url(/shared/images/bullet-greencheckonwhite.jpg);
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:25px;
	line-height:1.5em;	
}
hr {
	height: 1px;
	background-color: #d6d6d6;
	color: #d6d6d6; /* for IE */
	border: none;
	margin:20px 0 0 0;
}
hr + h4 {
	margin-top:15px;
}
#content_left ul {list-style-image:none;}

#content_left ul {
	margin:0 0 0 0px;
	padding-left:0px;
	}

li {
	padding:0 0 5px 0;
	font-size:75%;
	line-height:1.2em;
}
img { border:0px; }
	
.small {
	font-size: 85%;
}
.bump_down {
	padding-top: 10px;
}
.pdf {
	font-size: 11px;
	color:#999999;
}
.table_x {
	height:60px;
	background-position:center;
	background-image:url(../images/check.gif);
	background-repeat:no-repeat;
	}
#box_certifications {
	margin-left:7px;
	margin-top:-10px;
}
#box_cpa2biz {
	float:left;
	margin:14px 138px 0 24px;
	padding-right:20px;
	border-right:1px solid #999999;
}
#box_mcafee {
	float:left;
	margin:26px 0 0 0;	
}
#box_verisign {
	float:left;
	margin:9px 10px 0 10px;
	text-align:center;
}
#box_truste {
	float:left;
	margin:26px 0 0 0;
}
.small_grey_body_text {
	font-size:.8em;
	color:#999999;
}
#PII_support_info {
	margin-right:30px;
	font-size:11px;
}
#left_quotes {
	background:#fff;
	margin:10px 0 0 0px;
	border:solid #d6d6d6 1px; 
	padding:0 8px 5px 10px; 
	height:auto; 
	width:172px; 
	overflow:hidden;
}
#right_quotes {
	background:#fff;
	margin:10px 0 0 0px;
	border:solid #d6d6d6 1px; 
	padding:0 8px 5px 0px; 
	height:auto; 
	width:172px; 
	overflow:hidden;
}
li hr {
	margin-bottom:10px; /*this is for the support pages*/
	}
li p {
	font-size:90%;
	}
table, td
{
    border-color: #aaa;
    border-style: solid;
}

table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

td
{
    margin: 0;
    border-width: 1px 1px 0 0;
}
.social_net_badge {
	margin: 0 0 3px 8px;
	border:0;
	}
#doc_confirm_link {
	background-image:url(../images/icon-pdf-17x.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	margin:0 0 50px 40px;
}
h4.doc_confirm {
	color:#248E00;
	margin-top:10px;
}
#doc_confirm_title {
	font-weight:bold;
	margin:0 0 0 0;
}
table.noborder, table.noborder td {border:none;}
.required_star {color:#FF0000;}
#pic_purchase {
float:right;
height:240px;
width:300px;
margin:30px 0 0 0;
}