/* ViVOconcepts default style sheet */

/*
Layout Features

Grid : 12 x 67px columns with 16px gutters
Type : 12px/18px
Colors :    Black      #000000
			Blue       #00318C
			------------------
POD's :		Blue   #BFBFFF
			Yellow background    #FEF2CD
			Green  background    #ADC4CA
			------------------

Text color: #000000
headline 2: #A80000
headline 3: #333333
Link color: #024E5E

gradient:
Dark blue-green: #024E5E
Light blue-green: #ADC4CA


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,h7, 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, h7, 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;*/
	background: url('/images/bg_green_gradient_1.jpg') repeat-x;
	color: #000000;
	line-height: 18px;
	margin: 0px 0px 0px 10px;
}

a {
	color: #024E5E;
	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: #000000;
	font-size: 24px;
	margin-bottom: 8px;
	margin-top: 2px;
	line-height: 26px;
	font-weight: normal;
	
}

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

h3 {
	color: #333333;
	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;
}

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

h6.title {
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;	
	background-color: #00318C;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
} 

h6.slogan {
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;	
	background-color: #FF0000;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	letter-spacing: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;
}
.fineprint_border {
	font-size: 10px;
	color: #666666;
	line-height: 13px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;	
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;		
}
.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;
	
}

.home_fineprint  {
	/* width: 233px; */
	font-size: 9px;
	line-height: 12px;
	margin: 20px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	color: #666;
}	

.home_fineprint h1 {
	/* width: 233px; */
	font-size: 9px;
	line-height: 12px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #666;
}	

/* @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;
}



/* QA pages */

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


/* @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 h1 {
	color: #333333;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	line-height: 24px;
}

.titlegroup h2 {
	color: #A80000;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
}

.titlegroup h3 {
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	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 */

/*  boxes for Ajax driven inlcude tables */		
#box_1 {
	width: 215px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-left: 1px solid #B3B3FF;
	border-top: 1px solid #B3B3FF;
	border-right: 1px solid #B3B3FF;
	border-bottom: 1px solid #B3B3FF;
	border-radius: 0px;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	overflow: visible;
	}
	
.box_content {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid none;
	background: #ffffff;  /* enable to check whether parameters are correct on HTM page    */
	overflow: visible;
	}


		
/* IN CONTENT POD's  - right sidebar stuff within main column user defined */
div.contentcallout {
	width: 215px;
	float: right;
	overflow: hidden;
	padding: 10px 10px 10px 10px;
	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: #BFBFFF;  */
	background-color: #FEF2CD;
	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: #FEF2CD;
	z-index: 1
	
}

/* SYSTEM SPECIFIC IN CONTENT POD's  - place for highlightes content */
div.contentcallout5 {
	clear: all;
	width: 215px;
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 0px 15px;
	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: #FFFF00;
	
}

/* 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.contentcallout5 h3 {
	color: #FF0000;
	font-size: 20px;
	line-height: 20px;
}


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 Promo box */
/* extranet box for special logins etc */

#promo_box1 {
	border-top:  2px dotted #333333;
	border-right:  1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left:  2px dotted #333333;
	padding: 15px 15px 15px 15px;
	margin: 5px 0px 5px 0px;
	background-color:#ADC4CA;	
}

#promo_box2 {
	border-top:  1px dotted #999999;
	border-right:  1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left:  1px dotted #999999;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	font-size:11px;
	font-weight: bold;
	color: #000000;
	background:#FFFF33;	
}

#promo_box3 {
	border-top:  1px dotted #999999;
	border-right:  1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left:  1px dotted #999999;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	font-size:11px;
	font-weight: bold;
	color: #000000;
	background:#FFFF33;	
}

#promo_box4 {
	border-top:  1px dotted #999999;
	border-right:  1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left:  1px dotted #999999;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	font-size:11px;
	font-weight: bold;
	color: #000000;
	background:#FFFF33;	
}
/* @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;
	/* -moz-border-radius: 15px; /* this is for firefox */
	/* border-radius: 15px; /* Safari/Chrome, Opera and IE9 */
	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 h2 {
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: bold;
	/* background-image: url('/images/featurebox_header.jpg'); */
	color: #A80000;
}

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

.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 h2 {
	font-size: 14px;
	line-height: 18px;
	color: #000000;
	font-weight: bold;
}
ul.relatedlist li h3 {
	font-size: 12px;
	line-height: 18px;
}
ul.relatedlist li h4 {
	font-size: 12px;
	line-height: 18px;
}
ul.relatedlist li p {
	margin-bottom: 0px;
	margin-top: 0px;
}

/* 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 Structure */
/* 
body {
  background-color: #ffffff;
} 

*/
#container {
	width: 980px;
	margin: 0 auto;
	position: relative;
	/* border: 0px #000000; */
	/*  background-color: #ffffff; */ 
	/* padding: 0px 5px 5px 5px;*/
}

#header {
	position: relative;
	height: 85px;
	z-index:999999;
	background: url('/images/vivo_header_5.jpg') no-repeat bottom left ;   
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 
	border-bottom: 1px dotted #024E5E;

}

#logo {
	background: url('/images/vivo_logo_header_v4.gif') no-repeat center center;
	height: 60px;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 10px;
}

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

#logo_vanity_url {
	border-top:  0px dotted #999999;
	border-right:  0px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left:  0px dotted #999999;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	font-size:20px;
	font-weight: bold;
	color: #333333;
	background:#eaeaea;	
}

#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 0x 0px 0x;
	margin: 0px 0x 0px 0x;
	/* background: url('/images/headerline_green__1.jpg') no-repeat top left ; */
	background-color: #ffffff;
}

#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: 10px 10px 0px 10px;
	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;
	/* width: 500px; */
	position: absolute;
	left: 450px;
	top: 55px;
	/* background: url('/images/headerline_green__2.jpg') 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: 0px 0px 0px 0px;
	margin:0;

}

#nav a {
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	padding: 0px 20px 0px 0px;
	font-size: 14px;
}

#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: 10px 0px 0px 10px;
}

#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; */
	padding-top: 15px;
	
}

/* Grid columns */
.grid2 {
	/* grid2 = 6 columns */
	width: 149px;
	margin: 0px 10px 0px 6px;
	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;

}


.grid9_home {
	width: 797px;
	margin-left: 16px;
	float: left;
	display: inline;
	overflow: hidden;

}
.grid10 {
	width: 800px;
	margin-left: 16px;
	padding-left: 15px;
	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;
}


/* @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: 20px;
	padding: 5px 20px 5px 5px;
	margin: 0px 0px 0px 0px;	
	line-height:35px;
	text-align:right;
	/* text-transform:uppercase; */
	font-size:30px;

	border-bottom: 0px dotted #024E5E;	
}

/* site search box */
#site_search {
	/* height: 35px; */
	border-top:  1px dotted #999999;
	border-right:  1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left:  1px dotted #999999;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	font-size:11px;
	color: #999999;
	background:#ADC4CA;	
	/* disabled background:#BCCAE2;	
	old version background:#00318C; */
		
}

#site_search h1 {
	color: #FFFFFF;
	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 #999999;
	border-right:  1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left:  1px dotted #999999;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	font-size:11px;
	color: #333333;
	background:#D1DFE2;	
	/* disabled old version background:#00318C; */
}

#site_login h4 {
	color: #333333;
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;	
}
#site_login a {
	color: #FFFFFF;
}
/* 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: 20px;
	/* background:#FFFFFF;	*/
	border-bottom: 0px dotted #024E5E;
}

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

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

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

#supnav a:link {}
#supnav a:visited {}
#supnav a:hover {color: #999999;}
#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;
	
}

.vivo_table_2 table{
	color:#333;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;	
}


.vivo_table_2 {
	margin:0px 10px 0px 10px;
	padding:10px 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.vivo_table_2.nopadding td {
	padding:0px 0px 0px 0px;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}

.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 */


/* 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;
}