/* ------------------------------------------
  VIVOconcepts DEFAULT Style Sheet_
  

------------------------------------------ */
/* Content Alignment */
.left {float: left;}
.right { float: right;}
.righttight {float: right;  }
.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;}

/* HTML Elements
-----------------------------------------------------*/

/* custom tags for pop up windows and other pages that are not regulated by standard tags */

#container_nohdr {
	width: 100%;
	width: "100%"; /* IE Hack  */
	margin: 0 auto;
	position: relative;
}

.gridfull {
	padding: 0px 0px 0px 0px;
	margin: 10px 20px 10px 20px;
	float: left;
	display: inline;
	overflow: hidden;
}

.grid_683 {
	width: 683px;
	width: "683px"; /* IE Hack  */
	padding: 0px 0px 0px 0px;
	margin: 10px 20px 10px 20px;
	float: left;
	display: inline;
	overflow: hidden;
}
.vivoBody   {
	font-family :Verdana;
	font-size :9pt; 
	color :#ffffff; 
	background:transparent;	
	text-decoration : none;
}
.vivobodyA   {
	font-family :Verdana;
	font-size :9pt; 
	font-weight: normal;
	color:#ffffff; 
	background:#ffffff;	
	text-decoration : none;
	border-bottom: 1px solid #cccccc; 
}
.vivobodyA h4  {
	font-family :Verdana;
	font-size :9pt; 
	font-weight: bold;
	color:#666666; 
}

.vivobody_green{    
	color: #70A426;
	font-weight: bold;
}

div.plist_vivo1 {
	margin-bottom: 2px;
}

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

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


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

li.vivo_thumbnails {
    float: left;
    width: 190px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    margin-left: "0px"; 
	background:transparent;	
}
*/
/*
#plist .p .h3  {
    border-top: none;
}
*/
.blurb2 {
	font-weight: normal;
	}

.vivo_box_1 {
	margin: 0px 0px 10px 5px;
	padding: 0xp 0px 10px 5px;
	clear: left;
	}
	
/*  general settings for SEARCH BOX    */

.search_content_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	/* border: 1px dotted #cccccc;   */
	min-height: 25px; 
	height: "35px";
    }

.search_content_left {
	float: left;
	border: 1px solid none;
	}
	
.search_content_right {
	float: right;
	border: 1px solid none;
	}
	
.search_content form   {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #333333;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	}

/*  bottom settings mainly for bottom image   */
.search_content_bottom {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: none;
	}

	
/*  BOX headline i.e. 'SEARCH' as set in layout manager    */
.search_content h2 {
	font-size: 14px;
	line-height: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
	
.search_content form p {
	font-size: 10px;
	line-height: 14px;
	color: #000000;
	font-weight: bold;
	margin: 4px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	/* background: url('/uploadfiles/1/system/mann3_16.gif') no-repeat top left; */
	/* border-top: 1px solid #cc3333; */
	}
	


/* Extranet Menu */
p.ExtranetWelcome {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0px;
    font-weight: bold;
    }
p.ExtranetLoggedIn {
    margin-top: 0px;
    font-size: 12px;
	font-weight: bold;
    }
p.ExtranetMenu {
    margin: 2px;
    padding: 2px;
    font-weight: bold;
    color: #000000;
	background: #eaeaea;
	border-top: 1px solid #cc3333;
    }
p.ExtranetMenuPD {
    color: #000000;
    margin: 2px;
    padding: 2px;
    font-weight: bold;
    font-size: 16px;
    }
a.ExtranetMenuPD, a.ExtranetMenuPD:visited  {
     color: #cc3333;
     }
	

/* Special table for tabs as ued in course_view.cfm  */	
table.tab {
    color: #000000;
    font-weight: bold;
    font-size: 10px;
    }
	
a {
	color: #0047b6;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
}	
	
table.tab tr{
	height: 31px;
	vertical-align: middle;
}
table.tab td.left{
	height: 31px;
	width: 10px;
	text-align: center;
	background: #none url('/images/tab-wht-left.jpg') no-repeat left;
}
table.tab td.center{
	height: 31px;
	width: 120px;
	text-align: center;
	background: #none url('/images/tab-wht-mdl.jpg') no-repeat left;
}
table.tab td.right{
	height: 31px;
	width: 15px;
	text-align: center;
	background: #none url('/images/tab-wht-rt.jpg') no-repeat left;
}


/* 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: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	font-size:11px;
	background:#ffffff;	
}

#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;	
}

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

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

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

*/
table.vivo_table {
	/*width: 100%; */
	/*width: "400px";*/ /* IE Hack */
	border: 1px solid #ccc;
}
table.box {
	/*width: 100%; */
	/*width: "400px";*/ /* IE Hack */
	border: 1px solid #ccc;
}
table.vivo_table table.vivo_table {
	width: auto;
	border: none;
}

table.vivo_table .vivo_title{
	font-color:#000000;
	font-size:12px;
	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;
}


/* 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 ;
	display: -moz-inline-box;
	display: inline-block;
	/* border: 1px solid #ccc; */
	
}
div.button_box input  {
	/* height: 16px; */
	/* border: 1px solid #ff0000; */
}

div.button_box a.button {
	font-size: 11px;
    line-height:16px;
    height: 16px;
    font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	/* border: 1px solid #000000; */
}


div.button_box a.button span {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/* ie6 fixes */
	_display: inline-block;
	_cursor: pointer;
	/* border: 1px solid #eeeeee; */
}

.highlight {
	color: #772432;
	font-weight: normal;
	text-decoration: none;
}


/* @group Section Sidebar Nav */

#partner_sectionnav {

	font-weight: normal;
	padding: 9px 9px 0px 9px;
	margin: 0px 0px 10px 0px;
	border-top: 1px dotted #666666;
	border-right: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	border-left: 1px dotted #666666;
	background-color: #eaeaea;
}

#partner_sectionnav h1 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	border-top: 1px dotted #666666;
	margin: 10px 0px 0px 0px;
}

#partner_sectionnav li.nav_top_level {
	font-size: 13px;
}
#partner_sectionnav ul ul {
	margin-bottom: 0;
	font-weight: bold;

}

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


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

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

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

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

#partner_sectionnav .gray_nav{
color:#666666;
}


/* @end */