/** Main Styles **/

h2 {
	color: #E14B1D;
	font-size: large;
	font-style: normal;
	font-weight: bold;
}

h3 {
	font-size: large;
	font-style: normal;
	font-weight: bold;
}

p {
	font-size: medium;
}

td {
	font-size: medium;
}

li {
	font-size: medium;
}

/* Hard Styled Links turned off to enable alternate css links */
A:Link, A:Visited {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
A:Hover {
	color: #E14B1D;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
A:Active {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
/**/
BODY {
	border-left: 1px solid #333333 !important;
	border-right: 1px solid #333333 !important;
	color: #00274C;
	font-size: medium;
	margin: 0px auto !important;
}
BODY Table {
	background: #FFFFFF;
}
BODY Table Table {
	background: none;
}
H1.doctitle {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}


.base-text {
	color: #00274C;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
}
.base-text A, .base-text A:Visited {
	font-size: medium;
	text-decoration: underline;
}
.base-text A:Active {
	font-size: medium;
	text-decoration: underline;
}
.base-text A:Hover {
	font-size: medium;
	text-decoration: underline;
}
.body-text {
	color: #081C55;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
}
.body-text-bld {
	color: #084887;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	padding: 2px;
}
.body-text-bld-yellow {
	color: #E14B1D;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
}
.body-text-bld-yellow-h1 {
	color: #E14B1D;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
}
.bordered-table-cells {
	background-color: #445F70;
	border: 1px solid #9BABBA;
	padding: 4px;
}
.breadcrumb {
	font-size: medium;
	padding-left: 10px;
}
.breadcrumb A {
	font-size: medium;
	text-decoration: none;
}
.breadcrumb B {
	color: #E14B1D;
}
#copyright {
	background: #FFFFFF;
	margin-top: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #CFD2D7;
	border-top: 1px solid #CFD2D7;
	color: #999999;
	font-size: medium;
	width: 100%;
}
#copyright A {
	color: #999999;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}
#copyright A:Active, #copyright A:Hover {
	text-decoration: underline;
}
.front-links H1 {
	font-size: 20px;
	margin: 0px 0px 3px 0px;
	text-decoration: underline;
}
.front-links A, .front-links A:Visited {
	color: #084887;
	font-size: medium;
	text-decoration: underline;
}
.front-links A:Active, .front-links A:Hover {
	color: #E14B1D;
	font-size: medium;
	text-decoration: underline;
}
.front-products H1 {
	color: #E14B1D;
	font-size: x-large;
	margin-top:6px;
	text-decoration:none;
}
.front-products-1 {
	color: #0068CF;
	font-size: 20px;
	font-weight: bold;
	list-style: none;
	margin: 0px;
	padding: 4px 0px;
}
.front-products-2 {
	color: #666666;
	font-size: medium;
	font-weight: normal !important;
	list-style: none;
	margin: 0px 0px 0px 25px;
	padding: 2px 0px;
}
.greycell {
	background: #E9ECEE;
}
#header {
	background: #FFFFFF;
	height: 117px;
}
#headerTable {
	margin: 0px;
	padding: 0px;
	font-size: medium;
}
#headerLogo {
	background: #003466;
}
#headerNav {
	white-space: nowrap;
	color: #426489;
	font-size: medium;
	margin: 17px 9px 0px 9px;
	padding: 0px;
}
#headerNav A {
	color: #426489;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}
#headerNav A:Active, #headerNav A:Hover {
	text-decoration: underline;
}
#headerSearch {
	background: #CCCCCC url('/images/layout/headerFlare.gif') no-repeat;
	font-size: medium;
	height: 61px;
	padding: 12px 0px 0px 0px;
	text-align: right;
	width: 100%;
	margin: 0px;
}
#headerSearch #search {
	border-color: #013366;
	border-style: solid;
	border-width: 1px;
	font-size: medium;
	margin: 0px 0px 6px 0px;
	padding: 2px;
	vertical-align: middle;
	width: 155px;
}
#headerSearch #searchButton {
	margin: 0px 0px 6px 0px;
	height: 18px;
	vertical-align: middle;
}
.heading2 {
	color: #FFFFFF;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	padding: 2px;
}
.headinglrg, .headinglrg h1 {
	border: 0px;
	color: #2D5F9B;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin: 0px;
}
.index-bg {
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
}
#latestNews {
	background: #0066CB;
	border: 1px solid #0066CB;
	height: 152px;
	margin-top: 10px;
	padding: 12px 10px;
	width: 538px;
}
#latestNews A, latestNews A:Visited {
	color: #FFFFFF;
	font-size: medium;
	margin: 5px;
}
#latestNews H2 {
	color: #FFFFFF;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}
#latestNews H2 A {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#latestNews LI {
	color: #FFFFFF;
	font-size: medium;
	padding-bottom: 6px;
}
#latestNews UL {
	border-bottom: 1px solid #80B4E6;
	border-top: 1px solid #80B4E6;
	list-style: none;
	margin: 8px 0px 8px 0px;
	padding: 8px 0px 8px 0px;
}
#latestReleases H3 {
	color: #000000;
	font-size: medium;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
#latestReleases P {
	font-size: medium;
	margin: 0px;
	padding: 0px;
}
#latestReleasesTitle {
	background: #003466;
	width: 220px;
}
#learningServicesTitle {
	background: #999999;
	width: auto;
	margin-top: 10px;
}
.left-menu-cat {
	margin-left: -10px;
	margin-bottom: 21px;
	margin-top: 0px;
}
.left-menu-cat A {
	display: block;
	margin-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}
.left-menu-cat A:Hover {
	background: url('/images/layout/sideMenuRollover.gif') no-repeat 0px 7px;
}
.left-menu-cat A H1 {
	padding-left: 0px !important;
}
.left-menu-cat H1 {
	color: #003267;
	font-size: medium;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
	padding-left: 10px;
	text-decoration: none;
}
.left-menu-cat H2 {
	color: #666666;
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.left-menu-items {
	color: #666666;
	font-size: medium;
	margin-bottom: 2px;
	text-decoration: none;
}
.left-menu-items A, .left-menu-items A:Visited {
	color: #666666;
	font-size: 15px !important;
	margin-bottom: 3px;
	text-decoration: none;
}
.left-menu-items P {
	color: #B3B3B3;
	font-size: medium;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 0px;
	text-decoration: none;
}
.left-menu-items A:Hover, .left-menu-items A:Active {
	color: #B3B3B3;
	font-size: medium;
	margin-bottom: 3px;
}
#linkPortal {
	background: #FF9934;
	border: 1px solid #FF9934;
	height: 147px;
	margin-top: 10px;
	padding: 10px 8px;
	width: 544px;
}
.linksBox {
	float: left;
	width: 136px;
}
.linksBox A {
	color: #333333;
	font-size: medium;
	text-decoration: none;
}
.linksBox H3 {
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 20px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
.linksBox LI {
	color: #333333;
	font-size: medium;
	padding-bottom: 5px;
}
.linksBox UL {
	list-style: none;
	margin: 15px 0px 0px 5px;
	padding: 0px;
}
#mainContent {
	border: 1px solid #000000;
	border-top: 0px;
	height: 612px;
	width: 558px;
}
#mainContentBar {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	font-size: medium;
	font-weight: bold;
	margin-top: 10px;
}
#mainContentBar A {
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
}
#mainContentBarBuy {
	background: url('/images/layout/gradientOrangeBg.png');
	float: left;
	padding: 7px 0px 0px 11px;
	width: 55px;
}
#mainContentBarMore {
	background: url('/images/layout/gradientBlueBg.png');
	float: left;
	padding: 7px 0px 0px 11px;
	width: 68px;
}
#mainContentBarTitle {
	background: url('/images/layout/gradientGrayBg.png');
	float: left;
	padding: 7px 0px 0px 13px;
	width: 362px;
}
#mainContentBarTry {
	background: url('/images/layout/gradientRedBg.png');
	float: left;
	padding: 7px 0px 0px 11px;
	width: 27px;
}
#mainContentBottom {
	border-top: 1px solid #999999;
	height: 200px;
	margin-top: 15px;
	padding-top: 20px;
}
#mainContentBottom H3 {
	font-size: large;
	margin: 0px;
	padding: 0px;
}
#mainContentBottom IMG {
	padding: 15px 10px 0px 10px !important;
}
#mainContentBottom LI {
	color: #666666;
	font-size: medium;	
	padding-bottom: 2px;
}
#mainContentBottom UL {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainContentBottomLeft {
	border-right: 1px solid #999999;
	float: left;
	height: 180px;
	margin-left: 10px;
	width: 270px;
}
#mainContentBottomMoreInfo {
	border-top: 1px solid #999999;
	padding: 10px;
}
#mainContentBottomMoreInfo H2 {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}
#mainContentBottomMoreInfo P {
	color: #666666;
	font-size: medium;
}
#mainContentBottomRight {
	float: left;
	margin-left: 10px;
}
#mainContentImage {
}
#mainContentTop {
/*	background: url('/images/layout/mainContentBg.gif') repeat-x; */
	height: 191px;
}
#mainContentTop IMG {
	float: left;
	padding-left: 20px;
	padding-top: 0px;
}
#mainContentTopText {
	height: 165px;
	margin-left: 182px;
	padding-top: 24px;
	width: 358px;
}
#mainContentTopText H1 {
	font-size: x-large;
	margin: 0px;
	padding: 0px;
}
#mainContentTopText H2 {
	color: #333333;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}
#mainContentTopText P {
	color: #666666;
	font-size: medium;
}
.news-text {
	border-bottom: 1px solid #A7ABAC;
	font-size: medium;
	padding-bottom: 6px;
}
.news-text H1 {
	color: #E14B1D;
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 3px;
}
.news-text P {
	font-size: medium;
	margin: 0px;
	margin-bottom: 2px;
}
.news-text-more {
	color: #0051FF;
	font-size: medium;
}
.newRelease {
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.side- {
	margin: 10px 0px 0px 0px;
}
#sideLeft {
	padding-right: 0px;
	width: 200px;
	overflow: hidden;
	margin-top: 13px;
}
.sideMenu {
	background: #FFFFFF;
	border-bottom: 1px solid #CFD2D7;
	border-right: 1px solid #CFD2D7;
	width: 100%;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.sideMenu2 {
	background: #FFFFFF;
	border-bottom: 1px solid #CFD2D7;
	border-left: 1px solid #CFD2D7;
	color: #666666;
	font-size: medium;
	width: 209px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.sideMenu2 A, .sideMenu2 A:Hover, .sideMenu2 A:Visited, .sideMenu2 A:Active  {
	font-size: medium;
}
#sideRight {
	padding: 10px 0px 0px 10px;
	width: 215px;
}
.top-nav-links {
	color: #FFFFFF;
	font-size: 20px;
	padding-left: 5px;
	padding-right: 10px;
	text-align: left;
}
.top-nav-links:Link {
	color: #FFFFFF;
	text-decoration: underline;
}
.top-nav-links:Active {
	color: #FFFFFF;
	text-decoration: underline;
}
.top-nav-links:Visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.top-nav-links:Hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.titles {
	background: #0066CB;
	border: 0px;
	color: #FFFFFF;
	font-size: large;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}
.titles:Link {
	color: #00274C;
	font-size: large;
	font-weight: bold;
	text-decoration: none;
}
.titles:Visited {
	color: #00274C;
	font-size: large;
	font-weight: bold;
	text-decoration: none;
}
.titles:Hover {
	font-size: large;
	font-weight: bold;
	text-decoration: none;
}
.title-icon-pos {
	margin: 2px 5px;
}
.text-fields {
	background-color: #FFFFFF;
	border-color: #A7ABAC;
	border-style: solid;
	border-width: 1px;
	color: #00274C;
	font-size: 20px;
	height: 16px;
}
.yellowcell {
	background-color: #E14B1D;
	color: #FFFFFF;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	padding: 2px;
}

.fontGreySmaller {
	color: #666666;
	font-size: medium;
	line-height: 13px;
}
.fontGreySmall {
	color: #666666;
	font-size: 20px;
	line-height: 15px;
}
.fontGreyMedium {
	color: #666666;
	font-size: 20px;
}
.fontGreyLarge {
	color: #666666;
	font-size: 20px;
}
.fontGreySmaller {
	color: #081C55;
	font-size: medium;
	line-height: 13px;
}
.fontBlueSmall {
	color: #081C55;
	font-size: 20px;
	line-height: 13px;
}
.fontBlueMedium {
	color: #081C55;
	font-size: 20px;
}
.fontBlueLarge {
	color: #081C55;
	font-size: 20px;
}

/** Menu Styles **/


/* DEFAULT STYLES ---- NEEEDED START */
.clCMEvent {
	position: absolute;
	width: 99%;
	height: 99%;
/*	clip: rect(0,100%,100%,0);	*/
	left: 0;
	top: 0;
	visibility: visible
}
.clCMAbs {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
}
/* DEFAULT STYLES ---- NEEEDED END */
  
.clT, .clTover, .clS, .clSover, .clS2, .clS2over {
	position: absolute;
	width: 120px;
	cursor: pointer;
/*	cursor: hand;	*/
}
.clT, .clTover {
	padding: 4px;
	font-size: 20px;
	font-weight: bold;
}
.clS, .clSover {
	padding: 2px;
	font-size: medium; 
	font-weight: bold;
	text-align: center;
}
/*
.clT, .clS, .clS2 {
	color: #006699; 
	background-color: #CDDBEB; 
}
*/
.clTover {
	color:#FCCE55; 
	background-color:#336699; 
}
.clSover {
	color: white; 
	background-color: #084887; 
}
.clS2 {
	background-color:silver; 
	width:230px;
}
.clS2over {
	background-color:#00cccc; 
	width:230px;
	color:black
}
.clStest {
	position: absolute; 
	font-family: verdana; 
	font-size: medium; 
	color: red; 
	background-color: silver;
	cursor: pointer;
/*	cursor: hand;	*/
}
.clStestover {
	position: absolute; 
	color: #FFFF33; 
	font-weight: bold; 
	font-family: courier; 
	background-color: #00CCFF; 
	cursor: pointer;
/*	cursor: hand;	*/
}
.clB1 {
	position:absolute; 
	visibility:hidden
}
.clB2 {
	position:absolute; 
	background-color:#996600; 
	visibility:hidden
}
.clB3 {
	position:absolute; 
	background-color:red; 
	visibility:hidden
}
.clB {
	position:absolute; 
	background-color:#336699; 
	visibility:hidden
}
.clBar {
	position:absolute; 
	width: 10px; 
	height: 10px; 
	visibility:hidden; 
	background-color:#336699;
}
.clNoLink {
	position:absolute; 

}
.clNoLink2 {
	position:absolute;
	padding:2px;
	font-size: 20px;
	color:#006699;
	background-color:silver;

}
.clNoLink3 {
	position:absolute;
	background-color:#CDDBEB;

}


/* Index Page specific */

#frontStatement {
	color: #666666;
	font-style: italic;
	margin-bottom: 15px;
	padding-bottom: 10px;
	text-align: justify;
	line-height: 16px;
	min-height: 142px;
	height: 142px;
}
#frontStatement A {
	color: #666666;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}


/* Link Containers */
#solutionsContainer, #resourcesContainer, #developersContainer, #tutorialsContainer {
	background: #EEE;
	border: 1px solid #B2B2B2;
	height: 130px;
}
#solutionsContainer {
	margin: 0px 4px 0px 0px;
}
#resourcesContainer {
	margin: 0px 3px 0px 1px;
}
#developersContainer {
	margin: 0px 1px 0px 3px;
}
#tutorialsContainer {
	margin: 0px 0px 0px 4px;
}
#solutionsTitleBar, #resourcesTitleBar, #developersTitleBar, #tutorialsTitleBar {
	background: #D0D0D0;
	border-bottom: 1px solid #B2B2B2;
	height: 19px;
	padding: 5px 2px 0px 5px;
}
#solutionsTitleBar A, #resourcesTitleBar A, #developersTitleBar A, #tutorialsTitleBar A {
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
#solutionsItems, #resourcesItems, #developersItems, #tutorialsItems {
	margin: 5px;
}


/* Purchase Page Specific Items */
.productListing {
	border-bottom: 1px dashed #CCCCCC;
	cursor: default;
	padding-top: 10px;
}
.productListing H1 {
	color: #E14B1D;
	font-size: 20px;
	margin-bottom: 5px;
}
.productListing INPUT {
	float: right;
}
.productListingHover {
	background-color: #F2F2F2;
}
.productPriceList {
	background: #FFFFFF;
	border-bottom: 1px solid #00274C;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.productPriceList H2 {
	background: #A4C4E1;
	border-top: 1px solid #00274C;
	border-bottom: 1px solid #00274C;
	font-size: 20px;
	margin: 0px 0px 5px 0px;
	padding: 2px;
}
.productPriceList STRONG {
	color: #E14B1D;
}
.productPriceList A STRONG {
	background: #F2F2F2;
	border: 1px solid #999999;
	padding: 5px;
}
.productPricingInfo {
	cursor: pointer;
	color: #E14B1D;
	text-decoration: underline;
}


/* Press Events Page */
#pressEvents {}
#pressEvents .eventItem {
	border: 1px solid #000000;
	padding: 10px;
	margin-top: 10px;
}
#pressEvents .eventItem P.date {
	background: #0066CB;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 3px;
	text-align: center;
}


/* Round Corner Code from Mixd.net */
/* http://mixd.net/rounded_corners */

/* rounded box margins */
.round, .round2, .round3{
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 0px;
	width: 162px !important;
}

/* inner content padding */
.round .c, .round2 .c{
	padding: 0px 3px;
}
.round3 .c{
	padding: 0px 9px;
}


/* CSS below here probably shouldn't be messed with except for the image file name */
.round .t, .round .b, .round .b b, .round .t b, .round2 .t, .round2 .b, .round2 .b b, .round2 .t b, .round3 .t, .round3 .b, .round3 .b b, .round3 .t b{
	height: 10px;
}
.round .t, .round .b, .round .t b, .round .b b{
	display: block;
	overflow: hidden;
}
.round2 .t, .round2 .b, .round2 .t b, .round2 .b b{
	display: block;
	overflow: hidden;
}
.round3 .t, .round3 .b, .round3 .t b, .round3 .b b{
	display: block;
	overflow: hidden;
}
.round .c, .round2 .c, .round3 .c {
	background: #FFFFFF;
	border-right: 1px #CFD2D7 solid;
}
.round .t b, .round .b b, .round2 .t b, .round2 .b b{
	float: right;
	width: 90px;
}
.round3 .t b, .round3 .b b{
	float: right;
	width: 50%;
}
.round .t .r, .round2 .t .r, .round3 .t .r{
	background-position: top right;
}
.round .b .r, .round2 .b .r, .round3 .b .r{
	background-position: bottom right;
}
.round .b, .round2 .b, .round3 .b{
	background-position: bottom left;
}
.round .br, .round2 .br, .round3 .br{
	display: block;
	overflow: hidden;
	height: 0px;
}


.flex {
    border-style: none;
    max-width: 98% !important;
}

.container:after {
  clear: both;
  content: '';
  display: block;
}
.item {
  float: left;
  width: auto;
  margin-bottom: 3px;
  margin-right: 10px;
}

.wrapper {
  display: flex;
}
.wrapperSide {
	width: 200px;
	min-width: 200px;
}
.wrapperMain {
  flex: 1;
}

p.notify {
    padding: 5px !important;
    margin: 15px 0 !important;
    border-style: solid !important;
    background-color: #fdd;
}

.redLetter { color: #ff0000; }

div.mainContent { padding: 10px; margin-bottom: 10px; border: 1px solid #0066cb;margin: 13px; }

img.logo { margin-top:40px;padding-right:5px; }

#headerNav A.orangeLetter { color: #F8981C; }

div.imageblock {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

.nonborder {
	border-style: none;
}