/* ViVOconcepts default style sheet */

/*
Layout Features

Grid : 12 x 67px columns with 16px gutters
Type : 12px/18px
Colors :    Black      #000000
			Blue       #03366
			------------------
POD's :		Blue   #CECEFF
			Yellow     #FFFFA4
			Green      #CCFFCC
			------------------

Text color: #000000
headline: #C60000
Link color: #003366

Structure :
	* Container
		- Header
			` supnav
			` nav
		- Main
			` grid[2-12]
		- Footer
			` footernav
			` copyright
			

Standard Sizes
Fonts:  12/18 - Body
		11/14 - Small

		buttons #6A0000
*/



/* @group RESET */

/* CSS Reset
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	
	margin: 0;
	padding: 0;
	border: 0px none;
	font-size: 100%;
	font-weight: inherit;
	font-style:  inherit;
	line-height: inherit;
	font-family: inherit
}




a img, :link img, :visited img {border: 0px none;}
table {	border-collapse: collapse;	border-spacing: 0;}
/*ol,*/ ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {}

h1, h2, h3, h4, h5, h6, p {
  position: relative;
} 

/* @end */

/* @group LAYOUT */

/* IE PNG Fix
http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ 

NOTE: Make sure to add .htc to Apache's mime types or won't work:
in .htaccess add the following line:

AddType text/x-component .htc

*/ 
/* disanbled as file cannot be retrieved to check code 
img, input { behavior: url(/css/iepngfix.htc);}
*/
/* Content Alignment */
.left {float: left; margin: 2px 16px 16px 0;}
.right { float: right; margin: 2px 0 18px 18px;}
.righttight {float: right; margin-left: 16px; }
.across {margin: 0 0 18px;}
.abs_bottomright {position: absolute;bottom: 0;right: 0;}

/* Text Alignment */
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter {text-align: center;}

/* Vertical Spacing */
.snug {margin-top: -18px !important;}
.snugloose {margin-top: -9px !important;}
.pad {margin-top: 18px !important;}
.padtight {margin-top: 9px !important;}
.padsuper { margin-top: 36px !important;}

/* Horizontal Spacing */
.flushleft {margin-left: 0px !important;}

/* Float Clearers */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* Bug Finders */
.bugborder {border: 1px solid red;}
/* @end */




/* @group Typography */

body {
	font: 12px Arial, Verdana, sans-serif;
	background-color: #fff;
	color: #000000;
	line-height: 18px;
	margin: 0px 0px 0px 10px;
}

a {
	color: #003366;
	text-decoration: none;
}

a:link {
	
}

a:visited {
	
}

a:hover {
	
}

a:active {
	
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

sup {
	padding-left: 1px;
	font-size: 10px !important;
	font-weight: normal !important;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
	color: #76797c;
	_position: static !important;
}

ul{
	list-style-position: outside;
	margin-bottom: 18px;
}

ul li {
	background: url('/images/arrow_right_bl.gif') no-repeat left 5px;
	padding-left: 15px;
	margin-left: 16px;
}


ol{
	list-style-position: outside;
	margin-bottom: 18px;
}

li {
	padding-left: 8px;
	margin-left: 16px;
}

ol {
	padding-left: 8px;
	margin-left: 16px;
}



p {

	margin-bottom: 18px;
}

p.intro {
	/*font-size: 14px;
	line-height: 20px;*/
	font-size: 12px;
	line-height: 18px;
}

h1 {
	color: #999999;
	font-size: 26px;
	margin-bottom: 8px;
	margin-top: 2px;
	line-height: 26px;
	font-weight: normal;
	
}

h2 {
	color: #000000;
	font-size: 24px;
	margin-bottom: 8px;
	margin-top: 2px;
	line-height: 24px;
	font-weight: normal;
}

h3 {
	color: #C60000;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	margin-top: 2px;
	margin-bottom: 8px;
}

h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 2px;
}

h5 {
	font-weight: bold;
	
	margin-bottom: 2px;
}
.regular {
	font-weight: normal;
	font-size: 12px;

}
h3.arrow {
	background: url('/images/arrow_right_bl.gif') no-repeat left 3px;
	padding-left: 10px
}
h3.number{
		padding-left: 22px;
}
h3.number + p {
		padding-left: 22px;
}

h3.number.one {
	background: url('/images/h3_one.gif') no-repeat;
}
h3.number.two {
	background: url('/images/h3_two.gif') no-repeat;
}
h3.number.three {
	background: url('/images/h3_three.gif') no-repeat;
}
h3.number.four {
	background: url('/images/h3_four.gif') no-repeat;
}
h3.number.five {
	background: url('/images/h3_five.gif') no-repeat;
}
h3.number.six {
	background: url('/images/h3_six.gif') no-repeat;
}

.fineprint {
	font-size: 10px;
	color: #666666;
	line-height: 13px;
}

.small {
	font-size: 11px;
	line-height: 14px;
}
.tiny {
	font-size: 10px;
	line-height: 12px;
}

.caption {
	font-size: 10px;
	line-height: 13px;
	padding-top: 10px;
	padding-bottom: 15px;
	
}

/* @end */


/* @group Backwards Compatibility */

p.subhead, span.subhead, td.subhead {
	/* should be equal to h3 */
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
}

h2 strong {
	font-weight: normal;
	font-style: normal;
}
.blurbheadline{
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}

.headline {
	font-weight: normal;
	font-size: 20px;
	line-height: 18px;
}

.subheadlight {
	color: #999;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}

.bodycopybold {
	font-weight: bold;
}

table.vivo_table {
	width: 100%;
	border: 1px solid #ccc;
}
table.vivo_table table.vivo_table {
	width: auto;
	border: none;
}

table.vivo_table .vivo_title{
	font-color:#000000;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	padding: 7px 0px 7px 7px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.vivo_table .number_title{
font-size:11px;
font-weight:bold;
}

table.vivo_table .number{
font-size:11px;
}

table.vivo_table .title1{
/* text-transform:uppercase; */
font-size:11px;
font-weight:bold;
padding-left:7px;
/* letter-spacing:2px; */
 background-color: #eaeaea;
 border-bottom: 1px solid #ccc;
}

table.vivo_table .title2{
/* text-transform:uppercase; */
font-size:11px;
font-weight:bold;

}

table.vivo_table .vivo_table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	}

table.vivo_table .vivo_table p{
padding:7px 7px 7px 0px;
margin:0px;
}

table.vivo_table .desc{
padding:7px 0px 7px 7px;
	font-size: 12px;
	line-height: 16px;
}



table.vivo_table .courses_table{
	font-size: 12px;
	line-height: 16px;
	}
	

table.vivo_table .courses_table td{
padding: 5px;
border-bottom:1px solid #ffffff;
}

table.vivo_table .courses_subtable{
	font-size: 12px;

	
	}
	
table.vivo_table .courses_subtable td{
padding: 5px;
border-bottom:none;
}


tr.psuedolist td {
		border-top: 1px dotted #ccc;
	padding-bottom: 9px;
	padding-top: 9px;
}

/* QA pages */

tr.qaQ td {
	border-top: 1px dotted #ccc;
	padding-top: 18px;
}
tr.qaA td {
	padding-bottom: 18px;
	padding-top: 9px;
}

table.courses_table {
	margin-bottom: 36px;
}

table.courses_table tr.psuedolist td {
	border-top:  none;
			border-bottom: 1px dotted #ccc;
	padding-bottom: 9px;
	padding-top: 9px;
}
div.courses_header{
	background: #4791d5 url('../listheader_background.jpg') repeat-x;
	color: #fff;
	overflow: hidden;
	padding: 6px
}
/*
td.bodycopy p {
	margin-top: 18px;
}
*/
/* @end */


/* @group Boxes & Groups */



/* @group Content Header Groups */

/*
Intro Quotes
Used to showcase a Quotation at the top of a page
*/

div.introquote, div.csquote {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 18px;
	padding-top: 6px;
}
div.introquote p, div.csquote p {
	margin-bottom: 6px;
	color: #666;
	font-size: 12px;
}
div.introquote .attribution, div.csquote .attribution csquoteattribution {
	font-size: 11px;
	font-weight: bold;
}

/*
Title Groups
 titlegroups are used to group the main headlines and subhead into a unit. All main headers should be enclosed in title groups
*/

.titlegroup {
	margin-bottom: 24px;
}
.titlegroup h3 {
	color: #C60000;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #666;
	line-height: 18px;
}
/*
Case Study Groups
csgroup is for Case Studies
Where the corporation and the categories are displayed at top of page
use <h3> and <p>
*/
.csgroup {
	color: #999;
}
.csgroup p {
	font-size: 11px;
}

/* @end */

/* @group Content Callout Area */

/* IN CONTENT POD's  - right sidebar stuff within main column user defined */
div.contentcallout {
	width: 215px;
	float: right;
	overflow: hidden;
	padding: 9px 9px 0px 9px;
	margin: 0px 0px 0px 15px;
	border-top: 1px dotted #999999; 
	border-right: 1px dotted #999999; 
	border-bottom: 1px dotted #999999;
	border-left: 1px dotted #999999;
	background-image: url('none');
	background-color: #CCFFCC; 
	position: relative;
	z-index: 1
	
}

/* SYSTEM SPECIFIC IN CONTENT POD's  - place for product images, course images, event images at top next to name */
div.contentcallout2 {
	/* width: 200px; */
	float: right;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 15px 15px;
	border-top: none;
	border-right: none;
	border-bottom: 1px dotted #cccccc;
	border-left: none;
	background-image: url('none');
	/* background-color: #ffffff; */
	position: relative;
	z-index: 1
	
}



/* SYSTEM SPECIFIC IN CONTENT POD's  - place for  system defined text such as class lists in product view, course view, event view 
it is important to configure after contentcallout2 is set as it is below and may impact page // same rules as contentcallout */
div.contentcallout3 {
	/* width: 200px; */
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-image: url('none');
	/* background-color: #ffffff; */
	
}
/* SYSTEM SPECIFIC IN CONTENT POD's  - place for add-to-cart feature ...system defined content only */
div.contentcallout4 {
	/* width: 200px; */
	clear: left;
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 0px 0px;
	border-top: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	border-left: 1px dotted #cccccc;
	/* background-image: url('none'); */
	background-color: #eaeaea;
	z-index: 1
	
}

/* SYSTEM SPECIFIC IN CONTENT POD's  - place for highlightes content */
div.contentcallout5 {
	clear: all;
	width: 200px;
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 0px 0px;
	border-top: 1px dotted #6A0000;
	border-right: 1px dotted #6A0000;
	border-bottom: 1px dotted #6A0000;
	border-left: 1px dotted #6A0000;
	/* background-image: url('none'); */
	background-color: #eaeaea;
	
}

/* AFFILIATE PORTAL POD's  - right sidebar with logo */
div.contentcallout6 {
	width: 215px;
	float: right;
	overflow: hidden;
	padding: 9px 9px 0px 9px;
	margin: 0px 0px 0px 15px;
	border-top: 1px dotted #999999; 
	border-right: 1px dotted #999999; 
	border-bottom: 1px dotted #999999;
	border-left: 1px dotted #999999;
	background-image: url('none');
	/* background-color: #CCFFCC; */
	position: relative;
	z-index: 1
	
}

div.contentcallout h3 {
	font-size: 12px;
	line-height: 15px;
}

div.contentcallout img {
	margin-bottom: 6px;
	
}

div.contentcallout p {
	font-size: 11px;
	line-height: 14px;
}
div.contentcallout a {
	font-weight: bold;
}




div.contentcallout ul {
	padding-left: 0;
	margin-left: 0;
}

div.contentcallout ul ul {
	/* list-style-position: outside; */
	margin-bottom: 14px;
}



div.contentcallout ul li {
	background: none;
	font-size: 11px;
	line-height: 14px;
	padding-left: 0;
	margin-left: 0;
}

div.contentcallout ul li li {
	/*
	background: url('/images/arrow_right_bl.gif') no-repeat left 5px;
	padding-left: 15px;
	margin-left: 5px;
	*/
	
	padding-top: 2px;
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 2px;
	
}


div.contentcallout ul a {
	font-weight: bold;
}
div.contentcallout ul li li {
	border-top: none; 
	width:195px;
	
}
div.contentcallout ul li.nodivider {
	padding-top: 0px;
	border-top: none;
}
div.contentcallout ul li h3 {
	font-size: 13px;
	line-height: 18px;
}


/* @end */

/* @group Homepage Promo box */

.hppromobox {
	background: #000 url('../hp_promobox_background.jpg') repeat-x;
	color: #d1e3f5;
	font-size: 11px;
	line-height: 14px;
	padding: 9px 9px 0px 9px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #6A0000;
	border-right: 1px solid #6A0000;
	border-bottom: 1px solid #6A0000;
	border-left: 1px solid #6A0000;
}

.hppromobox a{
	font-weight: bold;
	color: #fff;
}
.hppromobox p{
	margin: 0;
}
.hppromobox .promoitem {
	
	margin-top: 9px;
	padding-top:9px;
	border-top: 1px solid #555;
}

.hppromobox .first {
	margin-top: 0;
	padding-top: 0;
	border-top-style: none;
}
.hppromobox div.image {
	width: 75px;
	height: 75px;
	float: left;
}

.hppromobox .promoitem:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hppromobox .promoitem {*zoom: 1;}

/* @end */

/* @group Notes Box */

/*
Notesbox
This is a box that recedes into the background by being white, stroked and small. Ideal for System Requirements etc.
*/

.notesbox {
	font-size: 11px;
	line-height: 14px;
	background: #fff;
	color: #333;
	position: relative;
	padding: 9px;
	border: 1px solid #ddd;
	margin-bottom: 18px;
	position: relative;
	z-index: 1;
}






.notesbox ul {
	margin-bottom: 0;
}
.notesbox h3 {
	font-size: 12px;
}

/* @end */

/* @group Feature Boxes (square) 

used for class display 
*/


.featurebox {
	font-size: 11px;
	line-height: 12px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #999999; 
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left: 1px dotted #999999;
	background: #eaeaea /* url('/images/sidebarbox_secondarybg.gif') repeat-x */;
	color: #333;
	position: relative;
}
.featurebox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.featurebox {*zoom: 1;}

.featurebox h3 {
	font-size: 12px;
	margin-bottom: 4px;
	font-weight: normal;
	/* background-image: url('/images/featurebox_header.jpg'); */
	color: #000000;
}

.featurebox div.primary {
	padding: 12px;
}
.featurebox a {font-weight: normal;
}

.featurebox p {margin-bottom: 9px;}

.featurebox .imagebox {
	background-color: #fff;
}

.featurebox li {
	margin-bottom: 2px;
	margin-right: 18px;
	background-image: none; 
	padding-left: 5px;
	margin-left: 10px;
	/* background-image: url('/images/arrow_blue.gif'); */
}




/* @end */

/* @group Sidebar Box */
/* LEFT box for section navigation ... drop down to select classes within pages for easy browsing, i.e. events homepage  */
.sidebarbox {
	font-size: 11px;
	line-height: 14px;
	padding: 9px 9px 9px 9px;
	margin: 0px 0px 0px 0px;
	border-top: 1px dotted #999999; 
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left: 1px dotted #999999;
	background: #eaeaea;
}
.sidebarbox h3 {
	font-size: 12px;
	color: #666666;
	padding-left: 0px;
	overflow: hidden;
	line-height: 14px;
	padding-bottom: 2px;
	padding-top: 6px;
}


.sidebarbox div.primary {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	padding: 6px;
	background: #a3c8ec url('/images/sidebarbox_mainbg.gif') repeat-x;

}

.sidebarbox div.secondary {
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	padding: 6px;
	background: #d1e3f5 url('../sidebarbox_secondarybg.gif') repeat-x;

}

.sidebarbox .formlabel {
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	margin-top: 6px;
	color: #000000;
}
.sidebarbox .formelement {
	width: 130px;
}

.sidebarbox select {
	font-size: 9px;
	margin: 6px 0px 6px 0px;
}

.sidebarbox .formbutton {
	text-align: right;
	margin: 6px 0px 6px 0px;
}

.sidebarbox a {
	color: #3c7ab5;
	font-weight: bold;
}

.sidebarbox a:hover {
	color: #003362;

}

.sidebarbox ul {
	margin: 0;
}

.sidebarbox li {
	margin-left: 0;
	padding-left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url('/images/sidebar_divider.png') repeat-x 0 top;
	behavior: url('/css/iepngfix.htc')

}
.sidebarbox  li.first {
	background: none repeat-x 0 top;
}



/* Alt Sidebar
Note: must add class="alt" to the h3's to work
 */

.sidebarbox h3.alt {
	/* YELLOW */
	background-image: url('/images/sidebarbox_altheader.gif');
	border-top: 1px solid #ffecc0;
	border-bottom: 1px solid #ffae06;
	color: #514836;
	background-color: #ffbf38
}

.sidebarbox div.alt {
	border-bottom: 1px solid #f7cb59;
	border-top: 1px solid #fff9ec;
	padding: 6px;
	background: #ffd975 url('/images/sidebarbox_altbg.gif') repeat-x;
	color: #514836
}
.sidebarbox div.alt a{
	color: #a97200;
}
.sidebarbox div.alt a:hover{
	color: #422c00;
}




/* Alt2 Sidebar
Note: must add class="alt2" to the h3's to work
 */

.sidebarbox h3.alt2 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c2c2c4;
	color: #535355;
	background-image: url('/images/sidebarbox_grayheader.gif');
	background-color: #c2c2c4
}

.sidebarbox div.alt2 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c2c2c4;
	padding: 6px;
	background: #e3e3e4 url('/images/sidebarbox_graybg.gif') repeat-x;
	color: #535355
}
.sidebarbox div.alt2 a{
	color: #4075c8;
}




/* misc sidebarbox parts */
.sidebarbox div.review {
	font-weight: bold;
}
.sidebarbox div.review span.attribution {
	font-size: 9px;
	font-weight: normal;
}


.sidebarbox div.tightlist {
	font-weight: bold;
}
.sidebarbox div.tightlist li {
	padding-top: 1px;
	padding-bottom: 1px;
}
.sidebarbox div.textlist li {
	padding-top: 9px;
	padding-bottom: 9px;
}

.sidebarbox .button a {
	/* fix button rollover color */
	color: #fff;
}

/* CR product Reviews */
.alt li#rev_read {
	background: url('/images/alt_magnify.gif') no-repeat left center;
	padding-left: 24px
}
.alt li#rev_write {
	background: url('/images/alt_pencil.gif') no-repeat 2px 2px;
	padding-left: 24px
}

/* Resources sidebar */

.sidebarbox div.resources {
	border-bottom: 1px solid #bdccdc;
	border-top: 1px solid #e6f0fa;
	padding: 6px;
	background: #d1e3f5 url('/images/sidebarbox_secondarybg.gif') repeat-x;}
	
.sidebarbox .resources img {
	vertical-align: middle;
	margin-right: 5px;
}


.sidebarbox div.primary li.first,
.sidebarbox div.secondary li.first,
.sidebarbox div.alt li.first,
.sidebarbox div.alt2 li.first,
.sidebarbox div.resources li.first {
	padding-top: 0;
	border-top: none;
}

.sidebarbox div.primary li.last,
.sidebarbox div.secondary li.last,
.sidebarbox div.alt li.last,
.sidebarbox div.alt2 li.last,
.sidebarbox div.resources li.last {
	border-bottom: none;
	padding-bottom: 0;
}


.resources li.text {
	padding-left: 0;
}


div.crlogo_bg {
	background: url('/images/vivologo.gif') no-repeat;
	width: 138px;
	height: 85px;
	text-align: center;
	margin-bottom: 6px
}


/* @end */



/* @end */

/* @group Lists */

/* @group P-based Lists */

/* plist
	This is a simple list in the following format:
	<div class="plist">
		<p><a href="#">Title Link</a><br />Text Here</p>
	</div>
*/
div.plist {
	margin-bottom: 18px;
}

div.plist p {
	margin-top: 9px;
	padding-top: 9px;
	border-top: 1px dotted #ccc;
	margin-bottom: 9px;
	font-size: 11px;
	line-height: 14px;
	*zoom:1; /* border is not applied without this ie6-7 */
}

div.plist p.first {
	margin-top: 0px;
	padding-top: 0px;
	border-top: none;
	
}



div.plist p a {
	font-weight: bold;
	/* font-size: 12px; */
	/* line-height: 18px; */
}

div.plist h3 a {
	font-weight: bold;
	font-size: 12px; 
}

/* listing headline in list page */
div.plist .listing {
	font-weight: bold;
	font-size: 12px; 
}

div.plist .listing a {
	font-weight: bold;
	font-size: 12px; 
}

div.plist p.intro {
	font-size: 11px;
	line-height: 14px;
	margin-top: 0px;
	padding-top: 0px;
	border-top: none;
}

div.plist img {
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	
}

div.plist listimage {
	float: left;
	border: 0px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	
}
/* @end */

/* @group Div-based Lists */



/*
<div class="list">
used to encapsulate a group of <div class="listitem">'s
*/
.list {
	margin-bottom: 36px;
}
/*
<div class="listitem">
used to create a divided list of items
*/


.listitem, .listitemhot {
	
	margin-top: 9px;
	border-top: 1px dotted #bbb;
	padding-top: 9px;
	color: #555;
	font-size: 11px;
	line-height: 14px;
}

.listitemhot {
	background: #ffd975 url('/images/sidebarbox_altbg.gif') repeat-x;
	padding: 9px;
		border-top: medium none;

}

.listitem h3, .listitemhot h3 {
	
	font-size: 12px;
	line-height: 15px;
	/*background: url(../arrow_divlist.gif) no-repeat left 1px;
	padding-left: 9px;*/
}

.listitem p, .listitemhot p {
	margin-bottom: 0;
}


.listitem a, .listitemhot a {
	font-weight: bold;
	
}

.list .first {
	border-style: none;
	margin-top: 6px;

}

.listheader {
	margin-bottom: 6px;
	background: #4791d5 url('/images/listheader_background.jpg') repeat-x;
	color: #fff;
	overflow: hidden;
	padding: 6px
}

.listheader .description {
	border-bottom: 1px solid #92b4d4;
	border-top: 1px solid #e6f0fa;
	padding: 9px;
	background: #a3c8ec url('/images/sidebarbox_mainbg.gif') repeat-x;
	color:  #333; 
	margin-left:-6px; 
	margin-right:-6px; 
	margin-top:6px; 
	margin-bottom:-6px
}

.listheaderplain {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	background: #fff;
}

.listheader h3 {
	
}

.listheader p {
	margin-bottom: 0;
}

.listheader a {
	
}


/* @end */

/* @group Homepage Lists */

/* homepagelist */

.homepagelist a{
	font-weight: normal;
	font-style: normal;
	color: #333;
}

.homepagelist h3 a{
	font-weight: bold;
	background: url('/images/arrow_divlist.gif') no-repeat left center;
	padding-left: 8px
}

.homepagelist .ctalink{
	font-weight: bold;
	color: #0047b6;
}

/* @end */

/* @group UL-based Lists */


/* Related List RIGHT COLUMN POD's
   This is a right-sidebar list that has links/info pertinent to the particular page. Make sure all links are nested.
*/
ul.relatedlist {
	padding-left: 0;
	margin-left: 0;
}

ul.relatedlist ul {
	margin-bottom: 14px;
}

ul.relatedlist li {
	background: none;
	padding-top: 4px;
	margin-top: 4px;
	font-size: 11px;
	line-height: 14px;
	padding-left: 0;
	margin-left: 0;
}

ul.relatedlist li.standalone {
	
	margin-bottom: 18px;
	margin-top: 18px;
	padding: 0;
}

ul.relatedlist a {
	font-weight: bold;
}
ul.relatedlist li li {
	border-top: 1px dotted #ccc;
	/*width:215px;*/
}
ul.relatedlist li.nodivider {
	padding-top: 0px;
	border-top: none;
}
ul.relatedlist li h3 {
	font-size: 13px;
	line-height: 18px;
}

/* Faked but Prettier/Compatible Ordered Lists
   These make pretty lists but the code is messy
   <ul class="ordered">
   	<li><div class="ol_marker">1.</div><div class="ol_content">Content</div></li>
*/
ul.relatedlist ul.ordered div.ol_marker {
	display: block;
	float: left;
	font-weight: bold;
}
ul.relatedlist ul.ordered div.ol_content {
	display: block;
	margin-left: 1.5em;
}

/* @end */



/* @end */

/* @group Links and Buttons */

.more {	margin-top: 14px;}
.more a, a .more {
	font-size: 11px;
	font-weight: bold;
	background: url('/images/icons/more1.gif') no-repeat right center;
	padding: 4px 18px 4px 0px;
	margin: 0px 0px 0px 0px;	
}

.download a, a .download {
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	background: url('/images/icons/document2.gif') no-repeat left top;
	}
	


a.learnmore {
	font-weight: bold;
}



/* Buttons
Call with <a href="#" class="button bluebtn"><span>Link</span></a>
*/

/*
a.button {
	
	font-size:0;
    line-height:0;
	display: -moz-inline-box;
	display: inline-block;
	height: 16px;
	margin: 3px 3px 3px 0;
	vertical-align: middle;
}


a.button span {
	
	font-size: 11px;
	line-height: 14px; 
	*line-height: 11px;
	color: #fff;
	font-weight: bold;
	display: -moz-inline-box;
	display:inline-block;
	height: 16px;
	padding: 1px 6px 0;
	cursor: pointer;
	margin: 0 20px 0 0;
}

*/

/* complete button */
a.button {
	font: Arial, Verdana, sans-serif;
	font-size: 11px;
    line-height:16px;
    height: 16px;
    font-weight: bold;
	color: #fff;
	display: -moz-inline-box;
	display: inline-block;
	xvertical-align: 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* text portion of button only */
a.button span {
	display: block;
	padding: 0 6px; /* width of button */
	margin: 0 20px 0 0; /* gap between text and bluebtn (right part */
	/* ie6 fixes */
	_display: inline-block;
	_cursor: pointer;
}

a.bluebtn {
	background: url('/images/btn/button_right.gif') no-repeat right top;
	_background: url(/images/btn/button_right.gif) no-repeat right top
	

}
a.bluebtn span {
	background: url('/images/btn/button_left.gif') no-repeat left top;
	_background: url(/images/btn/button_left.gif) no-repeat left top
}

a.backbtn {
	background: url('/images/btn/button_right_back.gif') no-repeat right top;

}
a.backbtn span {
	background: url('/images/btn/button_left.gif') no-repeat left top;
}


.featurebox a.bluebtn {
	background: url('/images/btn/button_right_featurebox.gif') no-repeat right top;

}
.featurebox a.bluebtn span {
	background: url('/images/btn/button_left_featurebox.gif') no-repeat left top;
}



/* DIV Button
<div class="button bluebtn"><div></div><a href="#link">Button Text</a></div>
Note: the empty div is important, as that is the hook for the right side of the "sliding door."
Use a <div> to provide a full width button, the size of the enclosed space
*/
div.button_box {
	clear: left;
	margin: 10px 0px 0px 0px;
	padding: 0xp 0px 0px 0px ;
}
.button_box input  {
	padding-left: 0px;
	margin-top: 0px;
	
}
div.button {
	height: 17px;
	padding-left: 6px;
	padding-top: 3px;
}

div.button a {
	color: #fff;
	font-weight: bold;
	display: block;
}
div.button a:hover {
	color: #fff;
}


div.toolboxbtn {
	background: url('/images/btn/flyout_btn.gif') no-repeat right top;
	height: 20px;
	padding-top:2px;
	*padding-top:1px
}





.rssbug {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	float:  right;
}

.boldlinks a {
	font-weight: bold;
}

.product_bottomlinks{
	
	font-weight: bold;
	margin-top: 18px;
}
.product_bottomlinks a{
	margin-right: 9px;
	margin-left: 9px;
}

.cr_bottomlinks {
	margin-left: -9px;
	margin-right: -9px;
	
	clear:both;
}
.cr_bottomlinks a{
	margin-left: 9px;
	margin-right: 9px;
}





/* @end */

/* @group Accordion */

ul.accordion {
	margin-bottom: 18px;
}
ul.accordion li {
	background: none;
	margin-left: 0;
	padding-left: 12px;
	margin-bottom: 0;
}
ul.accordion li.accordionnav {	background: #0047b6 url('/images/accordionhead_right.gif') 0 top;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 1px
}
ul.accordion li.accordionnav a.accordionhead {
	
	padding-top: 3px;
	display: block;
	height: 17px;
}

ul.accordion li.accordionnav a.selected {
	background: url('/images/accordionhead_down.gif') no-repeat right;
}

ul.accordion ul {
	background-color: #4791d9;
	padding-left: 12px;
	margin: 0 0 0 -12px;
}
ul.accordion li a {
	color: #fff;
	font-weight: bold;
}

ul.accordion ul li {
	font-size: 11px;
	line-height: 14px;
	border: none;
	border-top: 1px dotted #a3c8ec;
	background: none;
	margin: 0 12px 0 0;
	padding: 2px;
}
ul.accordion ul li:hover{background-color: #75ade3;}
ul.accordion ul li.first {border: none;}

/* @end */

/* @group Structure */
body {
  background-color: #ffffff;
} 
#container {
	width: 980px;
	margin: 0 auto;
	position: relative;
	/* border: 0px #000000; */
	background-color: #ffffff;
}

#header {
	position: relative;
	height: 100px;
	z-index:999999;
	/* background: url('/images/header_3.jpg') no-repeat top left ; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	/*  border-bottom: 2px #000000; */
	/*  background-color: #cccccc; */

}

#logo {
	background: url('/images/vivo_logo_header_v3.jpg') no-repeat top left ;
	height: 60px;
	width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

#logo a {
	display: block;
	height: 60px;
	width: 240px;
	text-indent: -9999px;
}

#main {
	width: 100%;
	xposition: relative;
	/* border-top:  1px dotted #ccc;
	border-right:  1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	border-left:  1px dotted #ccc; */
	padding: 0x 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footer {
	height: 1px;
	padding-top: 7px;
	border-top: 1px dotted #999;
	margin: 18px 0 50px;
}

#copyright {
	font-size: 9px;
	color: #666;
	float: right;
}

#globalsearch {
	position: absolute;
	bottom: 3px;
	right: 5px;
	z-index: 999998;

}
#globalsearch #qt {
	float: left;
	width: 118px;
	height: 11px;
	font-size: 11px;
	line-height: 14px;
	padding: 2px;
}
#globalsearch #GoSearch {
	float: left;
	margin-top: 2px;
	margin-left: 3px;
}



/* @end */

/* @group Navigation */

/* @group Section Sidebar Nav LEFT COLUMN */

#sectionnav {

	font-weight: bold;
	padding: 9px 9px 0px 9px;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-right: 0px solid #6A0000;
	border-bottom: 0px solid #6A0000;
	border-left: 0px solid #6A0000;
}
#sectionnav li.nav_top_level {
	font-size: 13px;
}
#sectionnav ul ul {
	margin-bottom: 0;
	font-weight: bold;

}

#sectionnav ul ul a {
	font-weight: normal;
	font-style: normal;
}


#sectionnav .collapse {
	background: url('/images/sn_collapse_arrow.gif') no-repeat 0 8px;
}
#sectionnav .expand {
	background: url('/images/sn_expand_arrow.gif') no-repeat 0 9px;
}
#sectionnav .highlight {
	background-color: #ddd;
}
#sectionnav li {
	background:none;
	padding-top: 6px;
	padding-left: 0px;
	margin-left: 0;
}

#sectionnav li li {
	font-size: 11px;
	line-height: 10px;
	padding-left: 10px;
	
}
#sectionnav a:hover {
	text-decoration: underline;
}

#sectionnav li.product_selector {
	background-position: 0 11px;
}

#sectionnav li.product_selector select{
	font-size: 11px;
	padding: 1px;
}

#sectionnav .gray_nav{
color:#666666;
}


/* @end */

/* @group Super Nav TOP OF PAGE */



#supnavglobal {height: 15px;
	position:relative;
	
}

#supnavmenu {
	
	position: absolute;
	right: 2px;
	top: 15px;
	margin: 0;
	
}

#supnavmenu li {
	display: inline;
	background: none;
	margin:0;
	padding: 0;
}

#supnavmenu a {
	text-decoration: none;
	font-weight: bold;
	color: #636a73;
	padding-left: 16px;
	font-size: 11px;
}

#supnavmenu a:link {}
#supnavmenu a:visited {}
#supnavmenu a:hover {color: #919ca9;}
#supnavmenu a:active {}


#supnavmenu .hover_color a:hover {color: #fff;}

/*
#supnav #unav_login a {
	color: #70a426;
	margin-left: 12px;
	background: url(../icon_lock.gif) no-repeat left center;
	padding-left: 12px;
	
	padding-top: 2px;
}

#supnav #unav_logout a {
	color: #70a426;
	margin-left: 12px;
	background: url(../icon_lock.gif) no-repeat left center;
	padding-left: 12px;
	padding-top: 2px;
}
*/


/* @end */

/* @group Nav */
/* 
main horizontal navigation 
see quickmenu.js for complete set up
defined in header files as js call
*/
#nav {
	height: 18px;
	/* background: url('/images/header_navbar.gif') no-repeat; */
	background-color:transparent;
	/* border-right:  none;
	border-bottom: none;
	border-left:  none; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

#nav ul {margin: 0;}

#nav li {
	display: inline;
	background:none;
	padding:0;
	margin:0;

}

#nav a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding-left: 16px;
	font-size: 12px;
	padding-right: 8px;
}

#nav a:link {
}
#nav a:visited {}
#nav a:hover {
	color: #dddddd;
	
}
#nav a:active {}

/*mini site nav*/

#nav_ms {
	height: 22px;
	background: url('/images/ms_altheader_navbar.gif') no-repeat;
	padding-top:4px
	
	
}

#nav_ms img{

float:left;


}

#nav_ms ul {margin: 0;}

#nav_ms li {
	display: inline;
	background:none;
	padding:0;
	margin:0;

}

#nav_ms a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	
	font-size: 12px;
	
}

#nav_ms a:link {}
#nav_ms a:visited {}
#nav_ms a:hover {color: #d7e6ff;}
#nav_ms a:active {}









/* @end */



/* @group Footer Nav */

#footernav {float: left;}
#footernav ul {margin: 0;}

#footernav li {
	background: none;
	margin:0;
	padding: 0;
	display: inline;
}

#footernav a {
	text-decoration: none;
	font-weight: bold;
	padding-right: 16px;
	font-size: 10px;
}

#footernav a:link {}
#footernav a:visited {}
#footernav a:hover {color: #919ca9;}
#footernav a:active {}

/* @end */

/* @group Breadcrumbs */

#breadcrumbs {
	font-size: 11px;
	margin-left: 0;
	color: #666;
	padding-bottom: 0px;
	padding-top: 16px;
}

#breadcrumbs a {}
#breadcrumbs span {
	color: #999;
	margin-left: 8px;
	margin-right: 8px;
}


/* @end */



/* @end */

/* @group Grid */

/* Grid Instructions

   <div class="grid2 firstcolumn">
   
   12 column grid
   
   grid2 {}
       ^ number of columns wide the unit is
   string the columns together to form a whole
   
   firstcolumn {}
     ^ removes the margin so that it is flush left

   A horizontal "group" of twelve columns should be enclosed in a
   <div class=".section"> so that we avoid float issues.

*/


/* column widths useful for form elements etc... */
.width1  {width:  67px;}
.width2  {width: 150px;}
.width3  {width: 233px;}
.width4  {width: 316px;}
.width5  {width: 399px;}
.width6  {width: 482px;}
.width7  {width: 565px;}
.width8  {width: 648px;}
.width9  {width: 731px;}
.width10 {width: 814px;}
.width11 {width: 897px;}
.width12 {width: 980px;}
.widthFull {width: 100%;}

.section {margin-top: 16px;}

/* Grid columns */
.grid2 {
	/* grid2 = 6 columns */
	width: 149px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;
}

.grid3 {
	/* grid3 = 4 columns */
	width: 233px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;
}

.grid4 {
	/* grid4 = 3 columns */
	width: 316px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;


}

.grid5 {
	width: 399px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;

}

.grid6 {
	/* grid6 = 2 columns */
	width: 482px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;

}

.grid7 {
	width: 565px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;

}

.grid7 a {
	font-weight: bold;
}


.grid7-2cols {
	/* subdivides the 7 column space into 2 columns */
	width: 274px;
	margin-left: 16px;
	float:  left;
	display: inline;
	overflow: hidden;

}
.grid7-3cols {
	/* subdivides the 7 column space into 3 columns */
	width: 175px;
	margin-left: 16px;
	float:  left;
	display: inline;
	overflow: hidden;

}
.featurebox .grid7-3cols {
	/* subdivides the 7 column space into 3 columns inside a 12px padded box */
	width: 169px;
}

.grid8 {
	width: 648px;
	margin-left: 16px;
	/* padding: 0px 10px 10px 10px; */
	float: left;
	display: inline;
	overflow: hidden;
	/* border: 1px dotted red; */
}

.grid8-3cols {
	/* subdivides the 8 column space into 3 columns */
	width: 205px;
	margin-left: 16px;
	float:  left;
	display: inline;
	overflow: hidden;

}

.grid9 {
	width: 731px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;

}
.grid9-3cols {
	/* subdivides the 9 column space into 3 columns */
	width: 233px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;

}


.grid10 {
	width: 814px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;

}

.grid12 {
/* Full width */
	width: 980px;
	overflow: hidden;

}

.gridhalf {
	/* subdivides a section into two *almost* equal parts */
	width: 49%;
	float: left;
	display: inline;
	overflow: hidden;

}

.firstcolumn {margin-left: 0;}

.sidebar {
	font-size: 11px;
	line-height: 14px;
}


.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.section {*zoom: 1;}





/* @end */

/* @group Misc */

/* field error messages form validation // see /js/ajax_validation.cfm */
#fbform label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color: red
}
input.error { border: 1px dotted red; }


.hero {padding-bottom: 18px;}

.divider {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 12px;
	padding-bottom: 6px;
}

.billboard {
	margin-top: 1px;
	margin-bottom: 18px;
}

.billboard:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.billboard {*zoom: 1;}

.hp_promo_image_large, .hp_promo_image_medium, .hp_promo_image_small {
	float: left;
}

.hp_promo_image_medium{
	margin-left: 1px;

}
.hp_promo_image_small {
	margin-left: 1px;
	margin-top: 1px;
}

/* @end */

/* @group Form Elements */

.findmenu {
	width: 300px;
	margin-bottom: 6px;
}

select {

}

select, input, textarea, input.formlabel, textarea.formlabel {
	font-size: 11px;

}


.formlabel{
	font-size: 12px;
}



.valuelabel {
	font-size: 11px;
}

.formerror {
	background-color: #ffd975;
	padding: 10px;
	margin-bottom: 18px;
}

.fielderror{
	background-color: #ffecbf;
}

/* @end */

/* @group TOP BAR */
#siteheader_os{
	height: 35px;
	line-height:35px;
	text-align:right;
	/* text-transform:uppercase; */
	font-size:16px;
	letter-spacing:3px;
}

/* site search box */
#site_search {
	/* height: 35px; */
	border-top:  1px dotted #ccc;
	border-right:  1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	border-left:  1px dotted #ccc;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font-size:11px;
	background:#eaeaea;	
}

#site_search h1 {
	color: #999999;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;	
}

/* site login box */
#site_login {
	border-top:  1px dotted #ccc;
	border-right:  1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	border-left:  1px dotted #ccc;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font-size:11px;
	background:#eaeaea;	
}

#site_login h1 {
	color: #999999;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;	
}

/* product cart box */
#product_cart {
	/* height: 35px; */
	border-top:  1px dotted #ccc;
	border-right:  1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	border-left:  1px dotted #ccc;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font-size:11px;
	background:#eaeaea;	
}

#product_cart h1 {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;	
}

#product_cart table formlabel  {
	font-size:10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;	
}


#supnav {height: 15px;

}

#supnav ul {
	position: absolute;
	right: 2px;
	/* bottom: 90px; */
	margin: 0;
}

#supnav li {
	display: inline;
	background: none;
	margin:0;
	padding: 0;
}

#supnav a {
	text-decoration: none;
	font-weight: bold;
	color: #636a73;
	padding-left: 16px;
	font-size: 11px;
}

#supnav a:link {}
#supnav a:visited {}
#supnav a:hover {color: #919ca9;}
#supnav a:active {}

#supnav #unav_login a {
	color: #70a426;
	margin-left: 12px;
	background: url('/images/icon_lock.gif') no-repeat left center;
	padding-left: 12px;
	
	padding-top: 2px
}

#supnav #unav_logout a {
	color: #70a426;
	margin-left: 12px;
	background: url('/images/icon_lock.gif') no-repeat left center;
	padding-left: 12px;
	padding-top: 2px
}







#nav_alt_header_os{


}


#nav_alt_header_os {
	height: 18px;
	background: url('/images/altheader_navbar.gif') no-repeat;
	padding-top: 4px;
	padding-bottom: 4px
}

#nav_alt_header_os ul {margin: 0;}

#nav_alt_header_os li {
	display: inline;
	background:none;
	padding:0;
	margin:0;

}

#nav_alt_header_os a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	padding-left: 16px;
	font-size: 12px;
	padding-right: 8px;
}

#nav_alt_header_os a:link {}
#nav_alt_header_os a:visited {}
#nav_alt_header_os a:hover {color: #d7e6ff;}
#nav_alt_header_os a:active {}


/*table styles*/

.vivo_table table{
	color:#333;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.vivo_table td{
	padding:5px 7px 5px 7px;
	
}

.header_row{
	color:#fff;
	font-size:12px;
	background:#0047b6;
	font-weight:bold;
}

.subhead_row{
	color:#fff;
	font-size:12px;
	background:#80a3da;
	font-weight:bold;
}

.subhead_row a:link, .subhead_row a:active, .subhead_row a:visited, .header_row a:link, .header_row a:active, .header_row a:visited{
	color:#fff;
	text-decoration:none;
}

.subhead_row a:hover, .header_row a:hover{
	color:#fff;
	text-decoration:underline;
}

.light_row{
	background:#d9e1ec;
	font-size:9px;
	text-align:center;
}

.darker_row{
	background:#d0d8e3;
	font-size:9px;
	text-align:center;
}

.light_gray{
	background:#f2f2f2;
	font-size:11px;
	text-align:left;
}

.dark_gray{
	background:#e8e8e8;
	font-size:11px;
	text-align:left;
}

.table_indent{
	margin-left:20px;
}




/* @end */

@media print {

	body, #main, #content {
		background: #fff !important;
		color: #000 !important;
	}
	
	a, a:link, a:visited {
		color: #000 !important;
		text-decoration: none;
	}
}


/* Extranet Menu */

p.ExtranetWelcome {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0px;
    font-weight: bold;
    }
p.ExtranetLoggedIn {
    padding: 5px 5px 5px 20px;
	margin: 0px 0px 0px 0px;
    font-size: 12px;
	font-weight: bold;
    }
p.ExtranetMenu {
	/* width: 200px; */
	font-weight: bold;
	color: #000000;
	padding: 5px 5px 5px 20px;
	margin: 15px 0px 0px 0px;
	border-top: 1px dotted #6A0000;
	border-right: 1px dotted #6A0000;
	border-bottom: 1px dotted #6A0000;
	border-left: 1px dotted #6A0000;
	/* background-image: url('none'); */
	background-color: #eaeaea;
	z-index: 1;
    }
p.ExtranetMenuPD {
    color: #000000;
    margin: 2px;
    padding: 2px;
    font-weight: bold;
    font-size: 16px;
    }
a.ExtranetMenuPD, a.ExtranetMenuPD:visited  {
     color: #6A0000;
     }
	 
	 
#container_nohdr {
	width: 100%;
	width: "100%"; /* IE Hack  */
	margin: 0 auto;
	position: relative;
}

/* thumbnail images and values as horizontal list as used in class checkmarks in extranet */
.vivo_box_1 {
	margin: 0px 0px 10px 0px;
	padding: 0xp 0px 10px 0px;
	clear: left;
	}

ul.vivo_thumbnails {
    list-style-type: none;
	list-style-position: none;
    margin: 0px 0px 0px 10px;
}

li.vivo_thumbnails {
    float: left;
    width: 190px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    margin-left: "0px"; /* IE Hack - Absolute width */
	background: none;
}

ul.vivo_imagelist {
    list-style-type: none;
	list-style-position: none;
	margin: 2px 0px 0px 20px;
	padding: 2px 0px 0px 0px;
	padding-top: "0px"; /* IE Hack - Absolute width */
    padding-left: "2px"; /* IE Hack - Absolute width */
    }

li.vivo_imagelist {
    height: 55px;
    height: "50px"; /* IE Hack - Absolute width */
    padding: 2px 0px 0px 2px;
    margin-bottom: 5px;
	overflow: hidden;
	border-bottom: 1px dotted #6A0000;
	}

	
/* @group page_view_image
potential files used in : 
profile_view.cfm
product_view.cfm
event_view.cfm
course_view.cfm
pod_view.cfm
image set up  

*/

.page_view_image {
	/* width: 233px; */
	font-size: 11px;
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	color: #666;
	border-bottom: 1px dotted #6A0000;
}