/*==== Canvas ================================================================*/
body { background: #3c6787 url(Canvas/Main-Bg.jpg) top repeat-x; }
#canvas { width: 960px; margin: 0 auto; background: #fff; }
.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 li { font-size: 110%; margin: 0 0 3px; }
.error 
{
	font-weight:bold;
	color:Red;
}

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

/*==== Header ================================================================*/
#header { background: url(Canvas/Header-Bg.gif) top left no-repeat; padding-top: 112px; position: relative; z-index: 400; }
#headerLogo { position: absolute; top: 0; left: 0; }
#headerLogo a { 
    display: block;
    width: 377px;
    height: 112px;
    background: url(Canvas/Logo.jpg) top left no-repeat;
    overflow: hidden;
}

/*==== 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 { background: #500 url(Canvas/Main-Nav-Bg.gif) top left no-repeat; padding: 7px 10px 7px 200px; }
ul#mainNav li { white-space: nowrap; position: relative; float: left; padding-left: 10px; margin-left: 10px; border-left: 1px solid #fff; }
ul#mainNav li.first { border-left: 0; }
ul#mainNav li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 13px; }
ul#mainNav ul {
    border: 1px solid #500;
    background: #dde4e8;
    display: none;
    position: absolute;
    width: 136px;
    padding: 0 7px;
    top: 20px; left: 0;
}
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;
}
ul#mainNav ul li.first { border-top: 0; }
ul#mainNav ul li a { color: #004161; text-transform: none; padding: 0 13px 0 0; font-size: 11px; display: block; }
ul#mainNav ul li a:hover { color: #407189; }
ul#mainNav ul li.hasChildren { background: url(Menu/Has-Children.gif) right 7px no-repeat; }
ul#mainNav ul ul { left: 140px; top: 0; }
ul#mainNav ul ul.offsetFromRight {
    right: 140px;
    left: auto;
}

/*==== 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 { background: url(Canvas/Body-Bg.jpg) top left no-repeat; }
#mainContent { padding: 10px 0; width: 775px; float: right; }
#mainContent, #mainContent p, #mainContent pre, #mainContent td { line-height: 1.3em; }

/*==== Footer ================================================================*/
#footer { text-align: center; background: #a9bcca url(Canvas/Footer-Bg.gif) top left no-repeat; padding: 6px 15px 5px 15px; }
#footer ul.links, #footer ul.links li { margin: 0; padding: 0; list-style-type: none; }
#footer ul.links { text-align: center; }
#footer ul.links li { display: inline; padding-left: 6px; margin-left: 6px; background: url(Canvas/Footer-Divider.gif) 0 4px no-repeat;  }
#footer ul.links li.first { padding-left: 0; margin-left: 0; border-left: 0; background: none; }
#footer ul.links li a { color: #666; font-size: 10px; }
#footer ul.links li a:hover { color: #999; }
#footer .copyright { clear: both; text-align: right; color: #fff; font-size: 10px; margin: 0; }

/*==== Banner Image ==========================================================*/
#pageBanner { margin: 0 0 10px; }
#pageBanner .bannerImage { width: 550px; float: left; }
.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: 140%;
	font-weight: bold;
	line-height: 100%;
	padding-bottom:7px;
}

/* 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); }

/*==== 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: #004161; }
#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.gif) 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.gif) top left no-repeat; padding: 10px 0 0; }
#canvas.NewsSection .relatedInformation { background: none; }
#sideContent .externalResources { background: url(Content/Divider.gif) top left no-repeat; padding: 10px 0 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;
}