@charset "utf-8";
/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.center		{margin:0 auto; display:block;}
.clearThis 	{clear:both;}
.small		{font-size:80%;}
.large		{font-size:135%;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px !important;}
p.leftAlign	{text-align:left;}

.box-right		{margin:0px 0px 5px 5px !important; padding:0px 0px 5px 5px !important; float:right;}
.box-left		{margin:0px 5px 5px 0px !important; padding:0px 5px 5px 0px !important; float:left;}

/* Clearfloat and Clearfix
Use clearfloat on line breaks for divs containing multiple "rows" of floats
Use clearfix on all other floated elements
----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}
* html .clearfix {height: 1%;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.red 		{color:#DD0524;}
.gray		{color:#9E968E;}

/* General Formatting
----------------------------------------*/
h1, h2, h3 		{font-size:inherit; /*font-weight:inherit;*/}
.headline-main	{font-size:220%; text-align:left; font-weight:normal; color:#DD0524; margin:0px 0px 10px 0px !important;}
.headline-intro	{font-size:195%; text-align:left; font-weight:normal; color:#000000; margin:0px 0px 10px 0px !important;}
.headline-sub	{font-size:130%; text-align:left; font-weight:bold; color:#000000; margin:0px 0px 10px 0px; padding:0px; display:block}
.headline-module{font-size:130%; text-align:left; font-weight:bold; margin:5px 0px; padding:0px; display:block;
				 float:none !important; width:100% !important;}
					 
a:link, a:visited{}
a:hover, a:active{}

.keepReading a:link, .module-threeCol .keepReading a:visited{color:#DD0524;}
.keepReading a:hover, .module-threeCol .keepReading a:active{color:#000000;}
					 
p{margin:0px 0px 15px 0px;}

strong{}
em{}

code{font:"Courier New", Courier, monospace; font-size:inherit; color:#5d5d5d;}


/* Structure
----------------------------------------*/
.columns-two		{}
					 
.module-oneCol		{}
.module-twoCol		{}


.module-threeCol				{width:30%; margin:5px; padding:5px; float:left; text-align:left;}
.module-threeCol .section-one	{width:80px; margin:0px 10px 0px 0px;}
.module-threeCol .section-two	{width:114px;}
.module-threeCol .keepReading 	{float:right;}

/* Forms
----------------------------------------*/
.forms{margin:10px 0px;}
.forms label{
	display:block;
	float:left;
	margin:0px 0px 10px 0px;
	padding:5px 20px 0px 0px;
	width:120px;
	font-weight:bold;
	text-align:right;
}
.forms input, .forms textarea{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
.forms span{margin:1px 1px 10px 1px;}
.forms .comments {margin:0px 0px 10px 0px;}
.forms .comments span {clear:both;}
.forms .comments label{width:100%; text-align:left;}
.forms .comments textarea{margin:0px 0px 10px 0px; width:100%}
.forms .comments input{margin:0px 5px 0px 0px;}

#techSupp label{text-align:left; padding-right:126px;}

/* CSS Reset
----------------------------------------
	Insert reset here
----------------------------------------*/

/* Transitional CSS (Formatting)
----------------------------------------*/
p, ul, ol{font-family:Geneva, Arial, Helvetica, sans-serif;} /* Keep consistent for old layout */

dl, dt, dd, ol, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ul, li {list-style: none;}

.inlineList li{
	display:inline;
	list-style:circle;
	margin:0px 0px 0px 20px;
	padding:0px;
}
.inlineFirst{margin-left:0px !important; padding-left:0px !important;}

.bulleted li, ol li{
	list-style:square;
	margin:15px 0px 15px 35px !important;
}
ol{margin:15px 0px;}
ol li{list-style:decimal;}
ol ol li{
	margin:5px 0px 15px 25px;
	list-style-type: upper-alpha;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.note{font-style:italic; color:#5d5d5d; /*margin:inherit 0px !important;*/ }

/*---------------------------------------
End Transitional CSS */

.box {padding:10px; margin: 0px 0px 10px 0px;}


.headline{ /*Replace with .headline-main */
	font-size:170%;
	font-weight:bold;
	margin:0px 0px 15px 0px;
}
.subHeadline{ /*Replace with .headline-sub */
	font-size:130%;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	padding:0px;
	display:block;
}
.smallCol div{
	display:inline;
	margin:10px 0px 10px 0px;
	float:left;
	padding:5px 15px 5px 15px;
	border-right: 1px dashed #666;
	text-align:center;
}
.smallCol .end{border:none;}
.smallCol div p{font-size:95%;}
.tabRightCol .smallCol{background-color:white;} 

/* Tabs
----------------------------------------*/
.overview h1{ /*Replace with .headline-main */
	font-size:220%;
	font-weight:normal;
	color:#DD0524;
	margin:0px 0px 10px 0px;

}
.overview p{margin-right:180px;}

/* Main Tab
----------------------------------------*/
.tabLeftCol{float:left; width:46%;} /* Layout default is 50/50 2 columns */
.tabRightCol{float:right; width:46%;}

.tabMain{margin:5px; padding:5px;}
.tabMain ul{text-align:left;}
.tabMain li{margin:10px 0px 10px 0px;}
.tabMain .tabImage{margin:10px auto;}

/* Tabs Vertical Menu
----------------------------------------*/
.tabVerticalMenu,
.tabRightCol
{
	padding:10px;
	text-align:left;
}
.tabVerticalMenu ul, .tabVerticalMenu li,
.compatibility ul, .compatibility li,
.tabRightCol ul, .tabRightCol li,
.featurePage ul, .featurePage li
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}
.tabRightCol strong {
	font-size:120%;
	display:block;
	margin:10px 0px 10px 0px;
}
.tabRightCol li, .tabVerticalMenu li{margin:5px 0px 5px 0px;}
.tabRightCol li strong{margin:10px 0px; display:block;}
.tabRightCol .interops ul, .tabRightCol .interops li{margin:0px; padding:0px;}
.tabRightCol .interops li{
	float:left;
	display:block;
	margin:2px;
	padding:0px;
	text-align:center;
}
.tabRightCol .interops .listTitle li,
.tabRightCol .interops .listTitle strong{
	margin:4px 0px 20px 0px;
	padding:0px;
}
.tabRightCol .interops img{display:block;}

.tabRightCol-additional{width:35%; padding:10px;}

/* Feature and Event Pages
----------------------------------------*/
.featurePage .tabRightCol{width:46%;}
.featurePage .tabLeftCol{width:46%;}

.featurePage blockquote{
	color:#5d5d5d;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 10px 0px;
	margin:0;
}
.featurePage blockquote strong{
	color:#DD0524;
	display:inline !important;
	font-size:inherit !important;
}
.featurePage blockquote img{
	display:block;
	margin-top:5px;
}
.featurePage .tabRightCol ul{
	padding:0px 10px 10px 10px;
	border:#5d5d5d 1px dashed;
	background-color:#EDEDED;
}
.featurePage .videoThumbs li{
	display:inline;
	margin:0px 8px 0px 0px;
}
.featurePage .videoThumbs li img,
.featurePage .videoThumbs li div{margin-bottom:8px;}

/* Solutions
----------------------------------------*/
.solutions .tabRightCol{background-color:#EDEDED;}
.solutions .tabLeftCol{width:58%;}
.solutions .tabRightCol{width:35%;}

.solutions blockquote{
	color:#3D7B94;
	margin:10px 0px 20px 0px;
	padding:10px 10px;
	border:dashed #9E968E 2px;
	font-size:180%;
	text-align:center;
}
.solutions blockquote span{
	font-size:55%;
	color:#000;
	display:block;
	margin:5px 0px 10px 0px;
}

/* Solutions Compatibility Table
----------------------------------------*/
.compatibility{margin:10px 0px 10px 0px;}

.compatibility,
.compatibility tr,
.compatibility th,
.compatibility td
{ 
	border:1px #000 solid;
	text-align:center;
}
.compatibility .firstRow{text-align:left;}
.compatibility .firstColumn{width:110px;}
.compatibility .altRow{background-color:#EDEDED;}
.compatibility tr{}
.compatibility th{
	background-color:#3D7B94;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	padding:10px;
}
.compatibility td{padding:5px;}
.compatibility ul,
.compatibility li{
	text-align:center;
}

/* Unique Table IDs */
#emcTable{position:relative; left:-7px;}

/* Spry
----------------------------------------*/

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Tabs
----------------------------------------*/

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* Error States */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{display: inline; color: #CC3333;}
 
/* Valid State */
.textfieldValidState input, input.textfieldValidState {border: 1px solid #000;}

/* Invalid State */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	 border: 1px solid #CC3333;
}

/* Focus */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #ffffff;
	 border: 1px solid #000;
}

/* Hints */
.textfieldFlashText input, input.textfieldFlashText {/*color: red !important;*/}
.textfieldHintState input, input.textfieldHintState {/*color: red !important;*/}

/* Media Center
----------------------------------------*/
.mediaCenter{text-align:left;}

.mcIntro{
	margin:10px 0px 25px 0px;
	font-size:135%;
}
.mcOverview{
	width:240px;
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.mcOverview h1,
.mcVideoTitle{
	color:#3D7B94;
	font-size:150%;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
.mcVideoDesc{
	font-size: 110%;
	color: #666;
	padding:0px 0px 5px 0px;
}
.mcVideoList{
	width:540px;
	margin:5px 0px 10px 0px;
	padding:10px 0px 20px 0px;
	border-bottom:1px solid #666;
}

/* Corrects line up issues with left menu */
#mc2ndVid{margin-top:0px; padding-top:0px}

/*.mediaCenter hr{ */
.mcLineRule{
	margin:10px 0px 15px 0px;
	border:none;
	border-bottom:1px solid #666;
	display:block;
	width:100%;
}
.mcVideo{margin:0px 10px 10px 0px;}

#mcVideoMain{
	width:432px;
	display:block;	
}

.mcLeftMenu{
	width:140px;
	margin:0px;
}
.mcLeftMenu strong, .mcSubheadline{
	font-size:130%;
	display:block;
	padding:0px 0px 10px 0px;
}

.mcLeftMenu li a{
	display:block;
	height:20px;
	background-image:url(../corporate/media-center/images/lft-menu-btn.jpg);
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
	background-repeat: no-repeat;
}
.mcLeftMenu li a:link, .mcLeftMenu li a:visited{
	background-position: 0px -30px;
}
.mcLeftMenu li a:hover, .mcLeftMenu li a:active{
	background-position: 0px 0px;
	color:#FFFFFF;
	text-decoration:none;
}
.mcAddThis{
	margin:10px 0px 10px 0px;
}

/* Media Center - Video Gallery
----------------------------------------*/
.video					{width:540px; margin:0px 0px 0px 10px;}
.video-thumbnails		{margin:10px 0px; padding:0px 0px 15px 0px; border-bottom:1px #000 solid;}
.last-thumnailRow		{border-bottom:none !important; padding-bottom:0px !important;}
.video-thumbnails div	{width:110px; float:left; margin:0px 0px 0px 20px;}
.video-thumbnails p		{margin:5px 0px;}


