@import url(Colorbox.css);

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

ul.links, ul.links li { margin: 0; padding: 0; list-style-type: none; }

/*==== Canvas ================================================================*/
body { background: #dae0e5 url(Canvas/Main-Grad.png) top repeat-x; }
#canvas { width: 960px; margin: 0 auto; }
.hr {
	background: url(Content/Hr.gif) top left repeat-y;
	border: 0;
	height: 3px;
	margin: 5px 0;
}
.links a.moreInfo {
    background-color: #ccc;
    font-weight: bold;
    font-family: Georgia, Times New Roman;
    text-decoration: none;
    font-size: 11px;
    padding-left: 9px;
}
.links a.moreInfo, .links a.moreInfo span {
    background-image: url(Content/More-Button-Bg.gif);
    background-position: top left;
    background-repeat: no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    cursor: pointer;
    color: #fff;
}
.links a.moreInfo span {
    padding: 1px 7px 0 0;
    background-position: top right;
}
.links a.moreInfo:hover { text-decoration: none; }
ul#pageLinks, ul#pageLinks li { margin: 0; padding: 0; list-style-type: none; }
ul#pageLinks { margin: 0 0 .6em; }
ul#pageLinks li { font-size: 110%; margin: 0 3px 3px 0; float: left; }
ul#pageLinks li a { display: block; float: left; }
ul#pageLinks li.print a { background: url(Icons/Print.png) top left no-repeat; display: block; width: 14px; height: 12px; overflow: hidden; text-indent: -999em; }
ul#pageLinks li.email a { background: url(Icons/Email.png) top left no-repeat; display: block; width: 14px; height: 12px; overflow: hidden; text-indent: -999em; }
.error 
{
	font-weight:bold;
	color:Red;
}

#eventScroller ul li.eventItem div.content
{
	line-height:13px;
	font-size:12px;
	margin-bottom:0px;
}

/*==== Header ================================================================*/
#header { position: relative; z-index: 400; padding: 30px 0 3px; border-bottom: 2px solid #002e4e; }
#headerLogo { float: left; }
#header .search { float: right; clear: right; }
#header .search input { float: left; }
#header .search .text { border: 1px solid #002e4e; padding: 1px 6px; margin: 0; height: 20px; line-height: 20px; margin: 0 3px 0 0; }
#header ul.links { float: right; margin: 0 0 1em; }
#header ul.links li { float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; background: url(Canvas/Links-Divider.png) center left no-repeat; }
#header ul.links li:first-child { background: none; }
#header ul.links li a { color: #002e4e; }

/*==== Top Navigation ========================================================*/
ul#topNav, ul#topNav li, ul#topNav ul { padding: 0; margin: 0; list-style-type: none; }
ul#topNav li a { color: #fff; text-transform: uppercase; font-size: 11px; }
ul#topNav li { display: inline; padding-left: 20px; }
ul#topNav { position: absolute; top: 10px; right: 30px; }

/*==== Main Navigation =======================================================*/
ul#mainNav, ul#mainNav li, ul#mainNav ul { margin: 0; padding: 0; list-style-type: none; }
ul#mainNav { float: right; clear: right; white-space: nowrap; }
ul#mainNav li { white-space: nowrap; position: relative; padding-left: 8px; margin-left: 8px; display: inline-block; zoom: 1; *display: inline; }
ul#mainNav li a { text-decoration: none; font-size: 14px; line-height: 1.2em; color: #002e4e; letter-spacing: 0.5px; display: block; }
ul#mainNav ul {
    /*border: 1px solid #500;*/
    background: url(Menu/DropDown_Background.png) top right;
    display: none;
    position: absolute;
    width: 118px;
    padding: 0 7px;
    top: 20px; left: 0;
    -webkit-box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.25); 
    -moz-box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.25); 
    box-shadow: -4px 4px 6px rgba(0, 0, 0, 0.25); 
}
ul#mainNav ul.offsetFromRight {
    right: 0;
    left: auto;
}
ul#mainNav ul li { 
    border: 0;
    margin: 0;
    float: none; 
    /*border-top: 1px solid #fff;*/
    padding: 5px 0;
    white-space: normal;
    display: block;
}
ul#mainNav ul li.first { border-top: 0; }
ul#mainNav ul li a {
	color: #FFF;
	text-transform: none;
	padding: 0 13px 0 0;
	font-size: 11px;
	display: block;
}
ul#mainNav ul li a:hover { color: #DDD; }
ul#mainNav ul li.hasChildren { background: url(Menu/DropDown_WhiteArrow.png) right 7px no-repeat; }
ul#mainNav ul ul { left: 120px; top: 0; }
ul#mainNav ul ul.offsetFromRight {
    right: 120px;
    left: auto;
}
.expandRight{left: -138px !important;}

/*==== Left Tool =============================================================*/
#leftTool { width: 140px; padding: 0 10px 25px; float: left; font-size: 12px; line-height: 16px; color: #666666; }
#leftTool .content { padding: 0 10px 0 0; font-family: Arial; }
#leftTool a { color: #500; }
#leftTool a:hover { color: #900; }
#leftTool .highlight { display: block; text-align: center; color: #500; font-size: 13px; }
#leftTool h3 { color: #004161; text-transform: uppercase; font-size: 11px; }
#leftTool fieldset { margin: 0 0 30px 0; }
#leftTool fieldset .text { border: 0; background: #fff; padding: 3px; margin: 0; width: 134px; }
#leftTool fieldset .command { text-align: right; padding: 2px 0; }

/*==== Content Area ==========================================================*/
#content { }
#mainContent { padding: 5px 0 10px 0; }
#mainContent, #mainContent p, #mainContent pre, #mainContent td { line-height: 1.3em; }
.contentBody { float: left; width: 680px; background: #fff url(Canvas/Content-Body-Grad.png) top repeat-x; padding: 0 10px 10px; }

/*==== Breadcrumbs ===========================================================*/
#breadcrumbs { margin: 0 0 2em 0; }
#breadcrumbs, #breadcrumbs a { font-size: 11px; color: #666; }

/*==== Footer ================================================================*/
#footer {  padding: 6px 0 5px; border-top: 2px solid #002e4e; color: #002E4E; }
#footer ul.links { margin: 0 0 .5em; }
#footer ul.links li { display: inline; padding-left: 6px; margin-left: 6px;   }
#footer ul.links li:first-child { padding-left: 0; margin-left: 0; border-left: 0; background: none; }
#footer .misc-links li { font-weight: bold; font-size: 1.2em; }
#footer .info-links li { background: url(Canvas/Footer-Divider.gif) 0 4px no-repeat; }
#footer address { text-align: right; font-size: 11px; margin: 0; font-style: normal; letter-spacing: 1px; line-height: 1.6em; }
#footer .footer-links { float: left; margin: 0 3em 0 0; }
#footer .social { float: left; padding: 20px 0 0; }
#footer .social img { width: 16px; }

/*==== Banner Image ==========================================================*/
#pageBanner { margin: 0 0 10px; }
#pageBanner .bannerImage { }
.testimonial { width: 195px; float: right; font-size: 10px; padding: 0 15px 0 0; }
.testimonial blockquote { font-style: italic; font-size: 11px; padding: 0; margin: 0 0 3px 0; }
.testimonial blockquote p { line-height:1.4em;}
#sideContent .testimonial { float: none; }

/*==== Callout container =====================================================*/
.calloutContainer { height: 1%; border: 2px solid #801428; margin: 0 0 7px 0; position: relative; }
.calloutContainer a { color: #004161; }
.calloutContainer a:hover { color: #007191; }
.calloutContainer h2 { 
    padding: 5px 10px 0 10px; 
    line-height: 28px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    font-size: 26px;
    color: #fff;
    position: relative;
}
.calloutContainer h2 .icon { position: absolute; top: 5px; right: 5px; }
.calloutContainer h2.header1 { background: url(Canvas/DarkLeft-BG.png) left no-repeat; color: #fff; }
.calloutContainer h2.header2 { background: url(Canvas/DarkRight-BG.png) right no-repeat; color: #004161; }
.calloutContainer h2.header3 { background: url(Canvas/Content-Header.gif) left no-repeat; color: #fff; }
.calloutContainer .content { padding: 5px 8px; }
.calloutContainer .tl, .calloutContainer .tr,
.calloutContainer .bl, .calloutContainer .br 
{ 
    width: 8px; 
    height: 8px; 
    position: absolute; 
    background-image: url(Callout/Callout-Corners.gif); 
    background-repeat: no-repeat; 
    overflow: hidden;
}
.calloutContainer .tl { top: -2px; left: -2px;}
.calloutContainer .tr { top: -2px; right: -2px; background-position: -8px 0;}
.calloutContainer .bl { bottom: -2px; left: -2px; background-position: 0 -8px;}
.calloutContainer .br { bottom: -2px; right: -2px; background-position: -8px -8px;}

/*==== Link Icons ============================================================*/
a.pdf .icon {
    width: 11px;
    height: 11px;
    background: #ccc;
    display: -moz-inline-box;
    display: inline-block;
    margin: 0 0 0 3px;
    background: url(Icons/pdf.gif) top left no-repeat;
}
.rssIcon {
    background: url(Icons/RSS.gif) top left no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    width: 17px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin: 0 2px 0 0;
}
.audioIcon {
    background: url(Icons/Audio.gif) top left no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    width: 17px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin: 0 2px 0 0;
}
.videoIcon {
    background: url(Icons/Video.gif) top left no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    width: 17px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin: 0 2px 0 0;
}

/*==== Tables with Forms =====================================================*/
table.formTable { border-collapse: collapse; border-spacing: 0; }
table.formTable th, table.formTable td { padding-bottom: 4px; vertical-align: top; padding-right: 5px; }
table.formTable th { text-align: right; padding-right: 8px; }
table.formTable th label,
table.formTable th span { display: -moz-inline-box; display: inline-block; padding-top: 4px; font-weight: bold; }
table.formTable th label.required,
table.formTable th span.required { padding-left: 12px; background: url(Content/Required.gif) 0 6px no-repeat; }
table.formTable .commandPane { padding: 5px; }
.commandPane input.buttonSmall,
.commandPane input.buttonMed,
.commandPane input.buttonLarge {
    background: #fff;
    padding: 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-family: Georgia, Times New Roman;
    font-size: 11px;    
    line-height: 12px;
    height: 16px;
    border: 0;
    background-position: top center;
    background-repeat: no-repeat;
}
.commandPane input.buttonSmall { background-image: url(Content/Button-Small.gif); width: 71px; }
.commandPane input.buttonMed { background-image: url(Content/Button-Med.gif); width: 115px; }
.commandPane input.buttonLarge { background-image: url(Content/Button-Large.gif); width: 150px; }

/* Partners */
#partner .item { margin: 0 0 15px; }
#partner .meta { color: #999; margin: 0 0 5px; font-style: italic; }
#partner .meta strong { font-style: normal; }
#partner .title {
	font-size: 125%;
	font-weight: bold;
	line-height: 100%;
	letter-spacing: 2px;
	margin: 0 0 5px;
}
#partner .title a { color: #004161; }
#partner h2 { color: #004161; padding-top: 10px; }

#partner .tech {
	color: #999;
}

#partner .logo {
	position: relative;
}

#partner .website {
	bottom: 0;
	position: absolute;
	right: 5em;
	color: #000;
	letter-spacing: 1px;
}

/* Technology */

#technology .title {
	font-size: 110%;
	font-weight: bold;
	line-height: 100%;
	padding-bottom: 7px;
	float: left;
	width: 50%;
}

/* Product */

#product .title {
	font-size: 140%;
	font-weight: bold;
	line-height: 100%;
}

/* Office Locations */
#OfficeLocation .region { clear: both; }
#OfficeLocation .region h2 { background: url(Content/Hr.gif) bottom left no-repeat; padding: 10px 0 10px; margin: 0 0 8px;  }
#OfficeLocation .item {
	float: left;
	height: 150px;
	overflow: hidden;
	margin: 0 10px 15px 0;
	width: 150px;
}
#OfficeLocation .item .address { margin: 0 0 10px; }
#OfficeLocation .item img { vertical-align: bottom; }
#OfficeLocation .item .icon { zoom: 1; margin: 0; background-repeat: no-repeat; background-position: 0 1px; padding: 0 0 3px 18px; font-size: 90%; }
#OfficeLocation .item .email { background-image: url(Icons/email.gif); }
#OfficeLocation .item .phone { background-image: url(Icons/phone.gif); }
#OfficeLocation .item .fax { background-image: url(Icons/fax.gif); }
#OfficeLocation .item .map { background-image: url(Icons/map.gif); }
#OfficeLocation .contactInfo {border: none; background: none; }

/*==== Careers ===============================================================*/
.jobDetailContainer tr { vertical-align: bottom; }
.jobDetails {margin: 0;}
.jobDetails tr { vertical-align: top; }
.jobDetails th { text-align: right; color: #666; width: 125px; font-weight: normal; }
.jobDetails th, .jobDetails td { padding: 3px 10px 3px 0; }
table.jobDetailContainer, table.jobDetails {  width: 100%;  }
table.jobDetailContainer .apply { text-align: right; }
table.jobDetailContainer .apply a { color: #811427; font-size: 15px; font-weight: bold; }
#careers h2 { font-style: italic; }

div.contentTab { display: none; }
div.imagePane { float: right; margin: 0 0 5px 5px; text-align: center; font-size: 0.8em; color: #999; }
div.imagePane img { margin: 0 0 3px 0; }
div.imagePane span { display: -moz-inline-box; display: inline-block; vertical-align: top; padding: 3px 0 0 0; }

.description { font-size: 0.8em; color: #666; }

/*==== Side Content ==========================================================*/
#sideContent a { color: #500; }
#sideContent h3 { text-transform: uppercase; color: #002E4E; font-size: 12px; letter-spacing: 0.5px; }
#sideContent ul.nav, #sideContent ul.nav li { margin: 0; list-style-type: none; padding: 0; }
#sideContent ul.nav { margin: 0 0 20px 0; }
#sideContent ul.nav li { padding: 0 0 6px 25px; }
#sideContent ul.nav li a { color: #666; text-decoration: none; }
#sideContent ul.nav li a:hover { color: #3c6786; }
#sideContent ul.nav li .toggle {
    display: inline-block;
    width: 9px;
    height: 10px;
    position: relative;
    top: 2px;
    background: url(Content/Toggle.png) top left no-repeat;
    margin: 0 0 0 5px;
    cursor: pointer;
}
#sideContent ul.nav li .active { background-position: 0 -16px; }
#sideContent ul.nav ul { margin: 0 0 4px 0; padding: 5px 0 0 0; }
#sideContent ul.nav ul li { font-size: 10px; line-height: 11px; padding: 3px 0 3px 20px; }
#sideContent ul.nav ul li a { color: #333; }
#sideContent ul.nav ul li.selected { background-color: #ccc; color: #134151; }
#sideContent ul.nav ul li.selected a { color: #134151; }
#sideContent .relatedInformation { background: url(Content/Divider.png) top left no-repeat; padding: 10px 0 0; }
#canvas.NewsSection .relatedInformation { background: none; }
#sideContent .externalResources { background: url(Content/Divider.png) top left no-repeat; padding: 10px 0 0; }
.divider { width: 230px; height: 3px; background: url(Content/Divider.png) no-repeat; margin: 10px 0; }


/*==== Toggle Lists ==========================================================*/
a.toggle-list {
    background: url(Content/Toggle.gif) right 4px no-repeat;
    display: -moz-inline-box;
    display: inline-block;
    padding: 0 14px 0 0;
}
a.toggle-list-active {
    background-position: right -13px;
}
.RelatedContent 
{
	padding-left:25px;
}

table.blogTable, table.techLabTable { width: 100%; }
table.blogTable td.right, table.techLabTable td.right { padding-left: 5px; }
table.blogTable td.left, table.techLabTable td.left { width: 150px; text-align: center; vertical-align: middle; }
.blogDivider { border: 1px solid #430000; height: 0px; margin: 10px 5px; }
table.blogTable h2, table.techLabTable h2, div.techLabItem h3 { color: #430000; }

table.presentationTable { width: 100%; }
div.presentationTitle { color: #430000; font-size: 1.1em; font-weight: bold; }
div.presentorImage { float: left; margin: 0 5px 5px 0; }
table.presentationTable td { vertical-align: top; }
table.presentationTable td.right { width: 200px; padding: 0 0 0 5px; }
table.presentationTable div.contactInfo { margin-left: 5px; }

div.contactInfo { background-color: #D7E2E7; border: 1px solid #ccc; padding: 4px; }
table td div.contactInfo { background: none; border: none; padding: 4px; }

a.videoLink { display: block; width: 175px; height: 115px; background: url(/App_/Root/PageFrame/StandardPartial/Content/VideoLink.png) no-repeat top left; margin-left: 5px; }

.italic { font-style: italic; }

div.techLabItem div.image { float: left; margin: 0 10px 10px 0; }
div.contactHeading { color: #430000; font-weight: bold; font-size: 1.1em; }

div.blackHeading { color: #000; font-weight: bold; font-size: 1.2em; margin: 0 0 10px 0; }

div.techLabItem div.rightImage { float: right; margin: 0 0 10px 10px; }

.blueText { color: #004161; }
.bold { font-weight: bold; }

div.caseStudyItem { padding: 15px 0 0 0; clear: both; }
div.caseStudyItem h3 { color: #3f0006; margin: 0px; font-size: 1.1em; line-height: 1.2em; }
div.caseStudyItem span.sourceInfo { font-style: italic; font-size: 0.9em; }
div.caseStudyItem div.actionPane { margin: 10px 0 0 0; }

div.whitePaperItem { margin-bottom: 45px; }
div.whitePaperItem div.title { color: #666; font-size: 1.2em; font-weight: bold; }
div.whitePaperItem div.date { color: #000; float: left; width: 125px; }
div.whitePaperItem div.author { color: #000; font-style: italic; float: left; }
div.whitePaperItem a.readMore { float: left; margin-right: 15px; }
div.whitePaperItem a.download { float: left; background: url(/App_/ROOT/PageFrame/StandardPartial/Icons/pdf_16.jpg) center left no-repeat; padding: 0 0 0 19px; }
div.whitePaperItem div.actionPane { padding: 2px 0 0 0; }
a.downloadPdf { float: left; background: url(/App_/ROOT/PageFrame/StandardPartial/Icons/pdf_16.jpg) center left no-repeat; padding: 0 0 0 19px; color: #550000; }

div.relatedInfo, div.relatedInfo a { color: #aaa; }

a.blogIcon { background: url(/App_/ROOT/PageFrame/StandardPartial/Icons/blog.jpg) center left no-repeat; display: block; padding-left: 28px; padding-top: 9px; height: 26px; float:left; }

.smallList { font-size: 0.8em; width: 110px; }