/* *******************************************  Verdatum - 2009  ******************************************* */  


@import url('/_common/css/meyer_reset.css');

/* Separate base html elements into another file so that it can be used w/in tinymce
to provide a consistent experience editing & viewing */
@import url('/_common/css/html_elements.css');


/* HTML content entered via cms 
@import url('/_common/css/cms_html.css'); */

#wrapper { 
	margin: 0 auto;
}
#container { 
	margin: 0 auto;
	width: 966px;
}


/* *******************************************  General   ******************************************* */ 

.clr { clear:both; }
.pagebreak {
	margin: 5px 0; padding: 0;
	width: 100%;
	height: 25px;
	background: url('/_common/img/pagebreak.gif') no-repeat 0 9px;
}
.bullet { padding: 5px 0 5px 15px; background: url('/_common/img/icon-bullet.gif') no-repeat 0 8px; }
.red { color: #CC0000; }


/* *******************************************  Header   ******************************************* */ 

#header { 
	margin: 0 auto; 
	width: 950px;
	background: url("/_common/img/bg-nav.jpg") no-repeat 0 0;
}
#main {
	position: relative;
	left: -1px;
}


/* *******************************************  Main Navigation  ******************************************* */  

#header #main-nav { 
	position: relative;
	left: -1px; top: -3px;
	width: 950px; 
	height: 32px;
	float: right;
}

body>html #header #main-nav{
	top: 0;
	left: 1px;
}

#header #main-nav ul { margin: 0; padding: 0; }
#header #main-nav ul li { 
	display: inline;
	float: left;
        margin: 0;
       padding: 0;
}
#header #main-nav ul li a  {
	height: 32px; 
	display: block;
	text-indent: -9999px;
	background-position: top center;
	background-repeat: no-repeat;
}
#header #main-nav ul li a:hover, #header #main-nav ul li a.on { 
	background-position: bottom center; 
}
#header a#about {
	width: 134px;
	background-image: url("/_common/img/nav/about.gif");
}
#header a#products {
	width: 160px;
	background-image: url("/_common/img/nav/products.gif");
}
#header a#faq {
	width: 104px;
	background-image: url("/_common/img/nav/faq.gif");
}
#header a#partners {
	width: 156px;
	background-image: url("/_common/img/nav/partners.gif");
}
#header a#news {
	width: 116px;
	background-image: url("/_common/img/nav/news.gif");
}
#header a#contact {
	width: 146px;
	background-image: url("/_common/img/nav/contact_us.gif");
}
#header a#support {
	width: 134px;
	background-image: url("/_common/img/nav/support.gif");
}


/* *******************************************  Sidebar   ******************************************* */ 

#logo {
	margin: 0 0 34px 0; 
	float: left;
	background: url("/_common/img/logo.gif") no-repeat 0 0;
}
#logo h1 { margin: 0; padding: 0; }
#logo a {
	width: 240px;
	height: 69px;
	display: block;
	text-indent: -9999px;
}

/* ---------- primary ---------- */

#sidebar {
    position: relative;
	margin: 45px 15px 25px 22px;
	padding: 0 0 30px 0px;
	width: 240px;
	float: left;
}

html>body #sidebar {
	margin: 45px 15px 25px 45px;
}

#sidenav {
	margin: 0 0 25px 0;
	width: 240px;
}
#sidenav ul { list-style-type: none; }
#sidenav ul li { font-size: 12px; }
#sidenav ul li a { display: block; padding: 8px 0 4px 0; }
#sidenav ul li a.on { text-decoration: underline; }

#sidenav ul #saved-features, #sidenav ul #saved-features li {
	margin-left: 0;
}

/* ---------- rotator ---------- */

#rotator { 
	overflow: hidden;
	width: 240px;
	height: 220px;
	padding-bottom: 25px;
}


/* *******************************************  Homepage  ******************************************* */

#flash {
	margin: 0; padding: 0;
	position: relative;
	left: -1px;
	width: 950px;
	height: 360px;
}
#tech-award a {
	position: relative;
	margin: 30px 0 0 40px;
	width: 111px;
	height: 160px;
	display: block;
	text-indent: -9999px;
	background: url("/_common/img/tech-award-08.jpg") no-repeat 0 0;
}


/* *******************************************  Content  ******************************************* */  

#content-wrapper { 
	margin: 0 auto; padding: 0;
	width: 950px;
}
#content {
	margin: 45px 0 0 30px; padding: 0 0 50px 0;
	width: 572px;	
	float: left;
	color: #333333;
}
#content p { color: #333333; }

#content em,#content i { font-style: italic; }
#content strong,#content b { font-weight: bold; }

/* *******************************************  Contact Form  ******************************************* */  

.contact-form .form-row { margin: 7px 0; }
.contact-form .form-text {
	width: 150px;
	float: left; 
}
.contact-form .form-input { float: left; }
.contact-form .form-input input { width: 227px; font-size:12px; }
.contact-form .form-and-or { float: left; margin: 12px 0;}
.contact-form .form-and-or input { font-size:12px; }
.contact-form .desc-align { margin: 5px 0 25px 0; }

.contact-form .desc-align .radio-desc {
	position: relative;
	left: 0; top: -3px;
}
.contact-form .form-submit {
	position: relative;
	left: 150px; top: 15px;
	width: 200px;
}


/* *******************************************  Footer  ******************************************* */  

#footer { 
	margin: 0 auto; 
	padding: 50px 0 30px 0;
	left: 339px;
	width: 950px;
	font-size: 11px;
	text-align: center;
}
#footer ul { padding: 0 0 25px 0; float:center; }
#footer ul li { display: inline; }
#footer ul li a { padding: 0 7px 0 0; font-size: 10px; }

#footer p#copyright { 
	margin: 0; padding: 0 0 20px 0;
	font-size: 11px;
	color: #333333;
}
#footer p#credit { 
	margin: 0; padding: 0 0 20px 0;
	font-size: 10px;
}

/* *******************************************  Legacy Support Section  ******************************************* */  


.supportMenu{ color:#CC0000; }
.supportMenu, .supportMenu:visited, .supportMenu:active{ display:block; font-size:12px; color:#CC0000; margin:0; padding:0 5px; text-decoration:none; font-weight:bold;  }
.supportMenu:hover{ font-size:12px; color:#CC0000; text-decoration:underline; }
.subMenu{ padding:5px; margin-left:15px; }

.supportMenuSub, .supportMenuSub:visited, .supportMenuSub:active{ font-size:10px; color:#CC0000; padding:3px; text-decoration:none; font-weight:bold;  }
.supportMenuSub:hover{ font-size:10px; color:#CC0000; text-decoration:underline; }



/* *******************************************  Forms  ******************************************* */  

.formField { 
	font-size: 11px; 
	border: 1px solid #ccc; 
}
.formButton { 
	padding: 0 5px 2px 4px;
	background-color: #CC0101; 
	font-weight: normal; 
	color: #fff; 
	text-decoration: none; 
	font-size: 11px;  
	border: 0; 
	cursor: pointer; 
}
.formText { 
	font-size: 12px; 
	font-family: verdana;
	color: #333; 
	background: #fff; 
	border: 1px solid #ccc; 
	font-weight: normal; 
}
textarea.formText {
	font-size: 12px;
}

/********
=callouts
*********/
.callout {
    width: 100%;
    margin: 25px 0;
    padding: 0;
	overflow:hidden;
}
.callout h2 {
    margin: 0;
	padding:0;
    font-size: 1.3em;
    color: #CC0000;
	border-bottom:1px solid #ccc;
}
.callout .cms_html {
	margin: 0;
    padding: 0;
	color:#333333;
}
.callout .calloutLink {
	font-size:10px;
	font-weight:bold;
	padding:0;
	margin:0;
}
.callout img {
	display:block;
	margin-top:1em;
	max-width:240px;
	border:none;
}

/********
=testimonials
*********/
.testimonial {
    width: 95%;
    margin: 25px auto;
    padding: 0;
}
.testimonial p {
	font-size:11px;
	color:#c00;
	line-height:1.2em;
}
.testimonial span.attribution, .testimonial span.attribution p {
    color:#000;
	font-size:10px;
}


/************************************
=rotator for testimonials
*************************************/
#sidebar #content-rotator-inner .testimonial { 
    display: none; 
}

/*
#sidebar #content-rotator-inner .testimonial:first-child {
    display: block;
}
*/



/**************
=feature matrix
***************/
.account .welcome { font-weight: bold; }

.hide { display: none; }
input.error { border: 1px solid red; }

.sales-info { 
	padding: 10px;
	float: right; margin: 46px 0 10px 20px; 
	background-color: #E3E3E3;
}
.sales-info h3 { margin: 0 0 5px 0; padding: 0; font-size: 16px; font-weight: 300; color: #000; }

#content .sales-info ul { margin: 0; padding: 0; list-style: none; }
#content .sales-info ul li { margin: 0; padding: 2px 5px 2px 0; background: none; }

#content.matrix { position: relative; width: 580px; }
#content.matrix h2 { clear: both; }

#feature-matrix-container { position: relative; float: left; clear: both; height: 230px; width: 580px; margin: 15px 0 0 0; }
#feature-matrix-container .prev { position: absolute; top: 23px; left: 0; height: 200px; width: 20px; z-index: 100; text-indent: -9999px; background: #eaeaea url(/_common/img/matrix-carousel-nav.gif) no-repeat 6px 50%; border-top: 2px solid #666; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; }
#feature-matrix-container .next { position: absolute; top: 23px; right: 0; height: 200px; width: 20px; z-index: 100; text-indent: -9999px; background: #eaeaea url(/_common/img/matrix-carousel-nav.gif) no-repeat -46px 50%; border-top: 2px solid #666; border-left: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; }
#feature-matrix-container .prev:hover,
#feature-matrix-container .next:hover { background-color: #e3e3e3; }

#feature-matrix-wrapper { position: absolute; top: 23px; left: 0; border-top: 2px solid #666; border-bottom: 3px solid #CC0000; overflow: auto; }

#feature-matrix { position: relative; clear: both; margin: 0 20px; height: 200px; width: 540px; overflow: auto; }

#feature-matrix .inner { width: 1260px; }

#feature-matrix fieldset { float: left; overflow: hidden; width: 264px; background: #fff; }
/*#feature-matrix fieldset.odd { background: #eaeaea; }*/
#feature-matrix fieldset.current { background: #e3e3e3; }
#feature-matrix fieldset label span { display: block; width: 100%; cursor: pointer; background: #fff; z-index: 1000; }

#feature-matrix label { display: block; clear: both; width: 100%; }
#feature-matrix label label { padding-right: 20px; }

#feature-matrix label span { display: block; height: 23px; width: 100%; padding: 0 5px; 0; font-size: 1.1em; background: #fff; color: #cc0000; border-bottom: 2px solid #999; }
#feature-matrix label select { float: left; clear: left; }

#matrix-results,
#matrix-results-inner { clear: both; min-height: 300px; }

#feature-matrix-container #slide-nav { margin: 0; padding: 0; font-size: 11px; list-style: none; }
#feature-matrix-container #slide-nav li { float: left; margin: 0 4px 0; padding: 0; background: none; }
#feature-matrix-container #slide-nav li a { position: relative; padding: 0 10px 0 0; color: #333; }
#feature-matrix-container #slide-nav li a span.num { margin-right: 5px; padding: 1px 4px; background: #333; color: #fff; }

#feature-matrix-container #slide-nav li a span.hover-quote {
	position: absolute;
    bottom: 30px;
	left: -7px;
	width: 120px;
	padding: 10px 10px 25px;
	z-index: 1000;
	display: none;
	color: #fff;
	text-indent: 0;
	font-size: 11px;
	background: #333 url(/_common/img/hover-bottom.png) no-repeat 0 100%;
}


#feature-matrix-container #slide-nav li.selected a { color: #CC0000; }
#feature-matrix-container #slide-nav li.selected a span.num { background: #cc0000; }

#content #matrix-menu { display: block; float: right; width: 400px; margin: 0; padding: 0; list-style: none; line-height: 1; }
#content #matrix-menu li { position: relative; display: block; float: right; width: 140px; margin: 4px 0 0 0; padding: 0 10px 0 0; list-style: none; background: none; border-right: 1px solid #cc0000; }
#content #matrix-menu li.last { border: none; }
#content #matrix-menu li a { padding: 0 0 0 10px; }

#saved-features li { display: block; }
#saved-features li ul { display: none; position: absolute; background: #fff; width: 200px; border: 3px solid #ccc; z-index: 100; }
#saved-features li:hover ul, #matrix-menu li.sfhover ul { display: block; }
#saved-features li ul li { float: left; width: 175px; padding: 0 0 3px 12px; }
#saved-features li ul li a { float: left; width: 150px; }
#saved-features li ul li a.delete-url { display: block; float: right; height: 15px; width: 15px; text-indent: -9999px; background: url(/_common/img/matrix_del.gif) no-repeat 0 50%; }

#saved-features li.my-features { margin-left: 15px; }
#saved-features li.my-features .sub-menu a { color: #333; }

#content #matrix-menu .email-url { display: block; float: right; height: 15px; padding-right: 20px; background: url(/_common/img/matrix_email.gif) no-repeat 100% 1px; }

#content hr {
	color: #ccc;
	border: 0;
	background-color: #ccc;
	height: 1px;
	margin-bottom: 32px;
}

.article-date {
	color: #333;
	display: block;
}

.blockMsg { height: 100px; background-image: url(/_common/img/loader.gif); background-repeat: no-repeat; }
.blockMsg span { display: block; float: right; width: 120px; margin-top: 6px; font-size: 13px; font-weight: bold; text-align: left; color: #000; }

.blockMsg h1, .blockMsg h2 { padding: 20px 0 0 45px; font-size: 1.5em; text-align: left; }

.blockMsg fieldset { float: left; clear: both; width: 75%; margin: 0 50px 10px; text-align: left; }
.blockMsg fieldset label { clear: both; margin: 0 auto; }
.blockMsg fieldset label span { display: block; float: left; width: 100%; font-size: 1em; font-weight: normal; }
.blockMsg fieldset label input { float: left; clear: both; }

.blockMsg input,
.blockMsg textarea { width: 300px; border: 1px solid #ccc; }
.blockMsg textarea { font-family: verdana, arial; font-size: 11px; }
.blockMsg input.button { width: auto; border: 1px solid #ccc; background: #CC0101; color: #fff; }

#new-matrix-form { display: none; }

.multiSelect {
	width: 70px;
	border: solid 1px #BBB;
	background: #FFF url(/_common/img/dropdown.gif) right center no-repeat;
	padding: 2px 4px;
	padding-right: 20px;
	display: none;
}
.multiSelect.hover {
	background: url(/_common/img/dropdown_hover.gif) right center no-repeat;
}
.multiSelect.active, 
.multiSelect.focus {
	border: inset 1px #000;
}
.multiSelect.active {
	background: url(/_common/img/dropdown_active.gif) right center no-repeat;
}
.multiSelectOptions {
	min-height: 200px;
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
/*    border-right: solid 1px #B2B2B2; */
    font-size: 11px;
}
.multiSelectOptions label {
	padding: 1px 5px;
	display: block;
    width: auto;
}
.multiSelectOptions LABEL.checked {
	background: #e3e3e3;
}
.multiSelectOptions LABEL.selectAll {
	border-bottom: dotted 1px #CCC;
}
.multiSelectOptions LABEL.hover {
	background: #CFCFCF;
}

/************
=article-list
*************/
#article-list h4 {
    margin-bottom: 20px;
    line-height: 16px;
}
h2.article-title {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    color: #CC0000;
}