@charset "iso-8859-1";

a { color: "006699"; text-decoration: none; }

a:link { color:"006699";text-decoration: none;}
a:visited { color:"006699";text-decoration: none;}
a:hover { color:"990000";text-decoration: underline;}

/*
body {font-family:verdana,arial; font-size:12pt;}*/
td {vertical-align: top;}
/*table {border: 0px;}
input {border: 1px solid #006699;}
textarea {border: 1px solid #006699;}*/

.drop_shadow {
    box-shadow: 4px 4px 3px #B0B0B0;
    -moz-box-shadow: 4px 4px 3px #B0B0B0;
    -webkit-box-shadow: 4px 4px 3px #B0B0B0;
}

.heading1 {font-family: georgia, Serif, helvetica; font-size: 14pt; color: #990000; font-weight: bold; margin-bottom: 10px;}
.heading2 {font-family: verdana, Geneva, sans-serif; font-size: 12pt; color: #016531; font-weight:bold; text-decoration: none; margin-bottom: 10px;}
.heading3 {font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 12pt; color: #006699; font-weight:bold; margin-bottom: 10px;}
.heading4 {font-family: Tahoma, Geneva, sans-serif; font-size: 12pt; color: #6E8B3D; font-weight:bold; text-decoration: none; margin-bottom: 10px;}
.caption {font-family: arial, verdana; font-size: 12pt; color: #FFFFFF; font-weight:bold; text-decoration: none; background-color: #94bd5e; /*#016531*/
          padding-top: 2px;
          padding-right: 5px;
          padding-bottom: 2px;
          padding-left: 5px;}

.download_link {font-family: verdana, arial; font-size: 10pt; color: #6E8B3D; font-weight:bold; text-decoration: none;}

.footer {background-color: #006699; font-family: arial; font-size: 10pt; color: white}
.footer-seo { color: white; }

.notebox {border: 1px solid #666666;background-color: #FFFFCC; color: #990000; font-family: arial; font-size: 12pt; padding:4px;}

.spec          {border-right: 1px solid #000000; border-bottom: 1px solid #000000; font-size: 10pt;}
.spec-right    {border-right: 0px solid #000000; border-bottom: 1px solid #000000; font-size: 10pt;}
.notes         {font-size: 10pt; font-family: simsun, arial;}

.read_more { padding-top: 5px; font-size: 10pt;}

.section_g {border-left:3px solid #016531; padding-left: 5px; font-size: 12pt; margin-bottom: 10px;}
.section_head_g {font-family: georgia, helvetica, verdana; font-size: 14pt; color: #016531; font-weight: bold;}
.section_y {border-left:3px solid #CC9900; padding-left: 5px; font-size: 12pt; margin-bottom: 10px;}
.section_head_y {font-family: georgia, helvetica, verdana; font-size: 14pt; color: #CC9900; font-weight: bold;}
.section_b {border-left:3px solid #006699; padding-left: 5px; font-size: 12pt; margin-bottom: 10px;}
.section_head_b {font-family: georgia, helvetica, verdana; font-size: 14pt; color: #006699; font-weight: bold;}
.section_r {border-left:3px solid #990000; padding-left: 5px; font-size: 12pt; margin-bottom: 10px;}
.section_head_r {font-family: georgia, helvetica, verdana; font-size: 14pt; color: #990000; font-weight: bold;}
/*
.side_section { border:1px solid #AEB3BA; padding-left: 5px; background-color: #E2E2E2; font-family: helvetica, verdana; font-size: 10pt;}
.side_section_head_r {font-family: helvetica, verdana; font-size: 12pt; color: #990000; font-weight: bold;}
.side_section_head_g {font-family: helvetica, verdana; font-size: 12pt; color: #016531; font-weight: bold;}
.side_section_head_b {font-family: helvetica, verdana; font-size: 12pt; color: #006699; font-weight: bold;}
.side_section_head_y {font-family: helvetica, verdana; font-size: 12pt; color: #CC9900; font-weight: bold;}*/

.corp_color {color: #006699;}
.green_color {color: #016531;}

.mbox  { background-color: #ffffcc; border: 1px solid #cc9900; padding: 5px; text-align: center; margin-top: 15px }
.mbox:hover  { background-color: #ffffcc; border: 1px solid #ffC000; text-decoration: none;}
.notice:hover { text-decoration: none;}

#tableDetails
{
	font-family: tahoma, arial;
	font-size: 10pt;
}

#tableDetails:hover
{
	font-family: tahoma, arial;
	font-size: 10pt;
	color: #000000;
	background-color: #B4C86E;
}

#tableDetails-colored
{
	font-family: tahoma, arial;
	font-size: 10pt;
	background-color: #EBF5FA;
}

#tableDetails-colored:hover
{
	font-family: tahoma, arial;
	font-size: 10pt;
	color: #000000;
	background-color: #B4C86E;
}

/* ============================================================================================================================
== BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

.example-right {
	position:relative;
	padding:15px 20px;
	margin:0;
	color:#fff;
	background:#5a8f00; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));
	background:-moz-linear-gradient(#b8db29, #5a8f00);
	background:-o-linear-gradient(#b8db29, #5a8f00);
	background:linear-gradient(#b8db29, #5a8f00);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.example-right:after {
	content:"";
	position:absolute;
	bottom:-50px;
	left:50px;
	border-width:0 20px 50px 0px;
	border-style:solid;
	border-color:transparent #5a8f00;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* ============================================================================================================================
== BUBBLE WITH AN OBTUSE TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-obtuse {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#fff;
	background:#c81e2b;
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(#2e88c4, #075698);
	background:-o-linear-gradient(#2e88c4, #075698);
	background:linear-gradient(#2e88c4, #075698);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.triangle-obtuse a { color: #ffffff; text-decoration: underline;}

.triangle-obtuse a:link { color: #ffffff; text-decoration: underline;}
.triangle-obtuse a:visited { color: #dddddd; text-decoration: none;}
.triangle-obtuse a:hover { color: #aabbff; text-decoration: underline;}


/* Variant : for top positioned triangle
------------------------------------------ */

.triangle-obtuse.top {
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#075698), to(#2e88c4));
	background:-moz-linear-gradient(#075698, #2e88c4);
	background:-o-linear-gradient(#075698, #2e88c4);
	background:linear-gradient(#075698, #2e88c4);
}

/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-obtuse.left {
	margin-left:50px;
	background:#075698;
}

/* Variant : for right positioned triangle
------------------------------------------ */

.triangle-obtuse.right {
	margin-right:50px;
	background:#075698;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:60px; /* controls horizontal position */
	border:0;
	border-right-width:30px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
	border-style:solid;
	border-color:transparent #075698;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
	border:0;
	border-right-width:10px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
	border-style:solid;
	border-color:transparent #fff;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* Variant : top
------------------------------------------ */

.triangle-obtuse.top:before {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:60px; /* controls horizontal position */
	border:0;
	border-left-width:30px; /* vary this value to change the width of the triangle */
	border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
	border-color:transparent #075698;
}

.triangle-obtuse.top:after {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:80px; /* value = (:before's right) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
	border-width:0;
	border-left-width:10px; /* vary this value to change the width of the triangle */
	border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
	border-color:transparent #fff;
}

/* Variant : left
------------------------------------------ */

.triangle-obtuse.left:before {
	top:15px; /* controls vertical position */
	bottom:auto;
	left:-50px; /* value = - border-left-width - border-right-width */
	border:0;
	border-bottom-width:30px; /* vary this value to change the height of the triangle */
	border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */
	border-color:#075698 transparent;
}

.triangle-obtuse.left:after {
	top:35px; /* value = (:before's top) + (:before's border-top/bottom-width)  - (:after's border-top/bottom-width) */
	bottom:auto;
	left:-50px; /* value = - border-left-width - border-right-width */
	border:0;
	border-bottom-width:10px; /* vary this value to change the height of the triangle */
	border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */
	border-color:#fff transparent;
}

/* Variant : right
------------------------------------------ */

.triangle-obtuse.right:before {
	top:15px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-50px; /* value = - border-left-width - border-right-width */
	border:0;
	border-bottom-width:30px; /* vary this value to change the height of the triangle */
	border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */
	border-color:#075698 transparent;
}

.triangle-obtuse.right:after {
	top:35px; /* value = (:before's top) + (:before's border-top/bottom-width)  - (:after's border-top/bottom-width) */
	bottom:auto;
	right:-50px; /* value = - border-left-width - border-right-width */
    left:auto;
	border:0;
	border-bottom-width:10px; /* vary this value to change the height of the triangle */
	border-right-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */
	border-color:#fff transparent;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.triangle-obtuse + p {margin:-25px 0 2em 55px; font-style:italic;text-align: right; }

/* Vendron feature icon view */
.feature_icon_container
{
	float: left; 
	width: 920px; 
	margin-bottom: 50px;
}

.feature_icon_item
{
    display: inline-block;
    width: 450px;
    margin-bottom: 30px;
    vertical-align: top;
}

.feature_icon_icon
{
	float: left; 
	width: 128px; 
	margin-right: 10px;
}

.feature_icon_details
{
	float: left; 
	width: 312px;
}

.feature_icon_details table
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.feature_icon_details .avail
{
	font-size: 8pt;
}

.feature_icon_details .avail .avail_icon
{
	vertical-align: middle;
	width: 10px;
	padding: 0px;
}