/* GENERAL STYLES */

body {background-color:#FFFFFF; color: #000 !important; background-image: none !important; margin: auto; padding: auto; width: 100%; height: 100%}
.clear {clear:both; line-height:0px; font-size:1px; height:0}
img {border: 0;}
.hide {display: none; visibility: hidden}
.no-print {display: none}

/* SECONDARY PAGES */

#subpage {
	background-color: #FFFFFF;
	background-image: none !important;
	width: 100%;
	}
#subcontent {
	background-image: none !important;
	background-repeat:repeat-y;
	font: normal 12px serif;
	width: 100%;
	padding: 0;
	margin: 0;
	}
#subcontent p {margin: 8px;}

#subcontent a {color:#000 !important; text-decoration: none !important; border-bottom: none !important; }
#subcontent .borderless {border: 0 !important;}

#content {width: 100%}

.H1secondary {
	color: #000;
	text-align: center;
	background-color: #FFF;
	background-image: none !important;
	text-transform:uppercase;
	font: bold 20px serif;
	border-bottom: 1px solid #1A5A91;
    position:relative;
	width: 100% !important;
	height: 20px !important;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	}
.H1secondary span {
	display: none;
	position: inherit;
	background-image: none !important;
	}
div#owlgoesdeep {
	margin: 0; 
	padding: 0; 
	position: relative; 
	display: block; 
	height: 55px; 
	width: 280px; 
	margin-bottom: 10px;
	background-image: url(img/mst-logo.gif); 
	background-repeat: no-repeat
	}
#owlgoesdeep img {display: none;}
#owlgoesdeep a:hover {display: none}
#sublogos {
	display: none
	}


.contentUL {margin-right: 0; width: 90%; list-style:none;}
.contentUL li {font-size: 12px; margin-bottom: 0;}
.contentUL li em {font-weight: normal; color: #000; font-style:italic;}
.contentUL li a, .contentUL ul li a {text-decoration: none; color: #000 !important; border: none !important}
.contentUL li a strong {font-weight: bold; color: #000; font-style:italic; text-decoration:none}
.contentUL ul {list-style:square; color: #000; margin-top: 0}


.footnote {font-size: 10px; color: #666; display: block; margin-top: 10px}

#content h3 {margin-left: 15px; font: bold 15px serif; color: #000}
#content h4 {margin-left: 15px; font: bold 13px serif; color: #000}

a.buttonlike {color: #FFF}

a.buttonlike:after {
  content: " (" attr(href) ")";
}	

#sidedemo {display: none
	}
a.demobutton {display: none}

	
.screenshot {margin: auto; padding: 15px; display: block}

/* SUB-PAGE BREADCRUMBS */

#breadcrumb {
	display: none
	}


/* SUB-PAGE ORANGE TAG HEADINGS */

.subSectionH2 {
	color: #000;
	text-transform:uppercase;
	font: bold 14px serif;
	background-image: none !important;
    position:relative;
    margin-left: 0;
	padding:0px;
	width: 100% !important;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	clear:left;
	}
.subSectionH2 span {
	display:block;
	background-image: none !important;
	position:relative;
	top: auto;
	left: auto;
	height: auto;
	width: auto;
	z-index:1; /*for Opera  5 and 6*/
	}

/* SUB-PAGE GREEN CALLOUT */

#CalloutBox {
	font: bold 12px serif;
	width: 90%;
	color: #000;
	background-color: #FFF;
	background-image: none !important;
	background-position:bottom;
	background-repeat: no-repeat;
	padding: 2%;
	margin-left: 0;
	margin-top: 0;
	}
#CalloutBox p {
	padding: 0;
	margin:0;
	}
#CalloutBox a {padding: 0; margin: 0; text-decoration: none; border: none; color: #000; }

#CalloutBox H3.calloutH3 {
	text-transform:uppercase;
	font: bold 12px serif;
	background-image: none !important;
	text-align: justify;
    position:relative;
	margin:0px;
	padding:0px;
	margin-left: 0;
	margin-bottom: 5px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	}
.calloutH3 span {
	display:block;
    position:absolute;
    top:0px;
    left:0;
    z-index:1; /*for Opera  5 and 6*/
	}
#calloutheader, #calloutheader span {
    height: auto;
    width: 100%;
    background-image: none !important;
	background-repeat:no-repeat;
	} 
	
/* SUB-PAGE RIGHT BLUE BOX NAV */

.homenavHead {
	display: none;
	}
#subnav {
	display: none
}
.subnavHead {
	text-transform:uppercase;
	font: bold 12px serif;
	background-image: none !important;
    position:relative;
	margin:0px;
	padding:0px;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
	}
.subnavHead span {
	display:block;
    position:absolute;
    top:0px;
    left:0;
    z-index:1; /*for Opera  5 and 6*/
	}
#navH3 {display: none
	} 


/* SUB-PAGE BLUE TITLES */

.subnavTitle {display: none
	}

/* 'TOOLTIP' HOVERS */

.tooltip a {color:#000;}

.tooltip li a span {
	display: block !important;
	font-size: 10px;
	width: 90%;
	clear: both;
	color: #666;
  }
.tooltip a:active span {display: none;}

/* SUB-PAGE FOOTER */

#tagline {
	display: none
	}
#subfooter {
	display: none
	}
#printfooter {
	display: block;
	visibility: visible;
	width: 100%;
	text-align: center;
	font: normal 11px serif;
	color: #666;
	margin-top: 25px;
	padding: 5px;
	border-top: 1px solid #1A5A91;
	}

/* SPECIFIC DIVS and CONTENT ITEMS */

.partnerLogos {width: 475px; padding: 10px; padding-top:0;}
.partnerLogos img {margin-right: 5px; float: left; }
.partnerLogos p {font-size: 11px; padding: 10px; padding-top: 10px; border-top: 1px solid #BBB; }




/* VCARD MICROFORMAT */

.vcard {width: 350px; margin-left: 15px;}
.org {font-weight: bold}
.adr {margin-bottom: 10px}

/* FORM ELEMENTS */
#products_contact {width: 480px;}
form { display: none}