﻿/* Global Declarations */

@import url("home-promos-l.css");


body { margin: 0; padding: 0; }
img { border: 0; }

form { margin: 0; }
.clearer { clear: both; }
.clearermore { clear: both; height: 10px; }
.ltalign { text-align: left; }
.rtalign { text-align: right; }
.cnalign { text-align: center; }
.vertalign { vertical-align: middle; }

a:link { color: #0261a3; text-decoration: none; }
a:visited { color: #0261a3; text-decoration: none; }
a:active { color: #0261a3; text-decoration: none;  outline: none; }
a:hover { color: #E87605; text-decoration: none; }
a:focus { -moz-outline-style: none; }


/* Contains body structure to float in middle*/
#wrapper { margin: auto; width: 820px; padding: 0; }
/*Logo and Super nav*/
#topper { margin: 25px 0 0 0; font-family: Arial, Helvetica, sans-serif; border: 1px solid #FFF; }
* html #topper { border/**/: 1px solid #FFF; }
.logo { float: left; }
.toprtmenucontainer { float: right; width: 53%; padding: 14px 0 0 0; margin: 0; }
#supernavcontainer { float: right; margin-right: 10px; }
* html #supernavcontainer { margin-right/**/: 5px;}
.supernav { font-size: 10px; color: #666; font-weight: normal; margin: 0; }

.tagline { font-family: Arial, Helvetica, sans-serif; font-size: 10.5px; color: #333; font-weight: normal; padding: 0 0 0 22px; margin: 0; }
.tagline h1 { font-family: Arial, Helvetica, sans-serif; font-size: 10.5px; color: #333; font-weight: normal; padding: 0; margin: 0; }
.tagbl { color: #0261A3; }

/*Top Navigation*/
#mainnavcontainer { margin: 0; padding-top: 20px; border: 1px solid #FFF; }
#mainnavcontainer { border: 1px solid #FFF; }
* html #mainnavcontainer { border/**/: 0; }
.mainnavleft { float: left; }
.mainnavrt { float: right; clear: right; }
.mmleft { float: left; width: 100%; background: url("../images/topnav-bg.gif") left repeat-x; height: 48px; }
.mmleft p { padding: 0; margin: 0; }
.mmrt { float: right; color: #000000; width: 5%; font-size:10px; text-align:left; }
.mmcont { height: 5px; float: left; width: 90%; }
#nav-products { display: block; width: 98px; height: 33px; background: url("../images/nav-products.gif") no-repeat 0 0; }
#nav-service { display: block; width: 98px; height: 33px; background: url("../images/nav-service.gif") no-repeat 0 0; }
#nav-news { display: block; width: 98px; height: 33px; background: url("../images/nav-clients.gif") no-repeat 0 0; }
#nav-customers { display: block; width: 124px; height: 33px; background: url("../images/nav-announcements.gif") no-repeat 0 0; }
#nav-partners { display: block; width: 98px; height: 33px; background: url("../images/nav-companyinfo.gif") no-repeat 0 0; }
#nav-community { display: block; width: 98px; height: 33px; background: url("../images/nav-contact.gif") no-repeat 0 0; }
#nav-products:hover, #nav-service:hover, #nav-news:hover, #nav-customers:hover, #nav-partners:hover, #nav-community:hover, #nav-store:hover { background-position: 0 -33px; }
#nav-products span, #nav-service span, #nav-news span, #nav-customers span, #nav-partners span, #nav-community span, #nav-store span { display: none; }



/*Flash and pebble placements*/
#flashholder { text-align: left; margin: 0; padding: 0; }
.fla-col1 { float: left; width: 800px; }
.hmpeb-hd { margin: 0; }
.hmpeb-cont1 { background: url("../images/for_business_bg.gif") no-repeat top right; margin-bottom: 6px; padding: 5px 12px 15px 15px; height: 90px; }
.hmpeb-cont2 { background: url("../images/for_developers_bg.gif") no-repeat top right;  padding: 10px 12px 15px 15px; height: 90px; }
.peb-cont { font-family: Calibri, Arial, Helvetica, sans-serif; line-height: 14px; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align:left; }
#hmpeb-btn1 { display: block; width: 299px; height: 32px; background: url("../images/clientquote.gif") no-repeat 0 0; }
#hmpeb-btn2 { display: block; width: 299px; height: 32px; background: url("../images/faq.gif") no-repeat 0 0; }
#hmpeb-btn1:hover { background-position: 0 -36px; }
#hmpeb-btn2:hover { background-position: 0 -36px; }
#hmpeb-btn1 span, #hmpeb-btn2 span { display: none; }

* html .hmpeb-cont1 { padding/**/: 15px 10px 25px 15px;}
* html .hmpeb-cont2 { padding/**/: 15px 10px 25px 15px;}

.fla-col2 { float: right; width: 299px; text-align:left; margin-right:2px; }




/*Latest News & Spotlight*/
#NSF-holder, #NSF-btn, #jsprhldr { margin: 0; padding: 0; }
.homenews-holder { float: left; width: 240px; }
.homenews-hd { margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #0261a3; }
.homenews { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; font-weight: normal; color: #333333; }
.homenews p { margin: 0; padding: 6px 6px 6px 5px; }

.hm-sl-holder { float: left; margin: 0 0 0 20px; width: 240px; }
.hm-sl-hd { margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #0261a3; }
.hm-sl { margin: 0; padding: 6px 6px 6px 0px; }
.hm-sl p {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 14px;
}

.hm-fps-hlder { float: right; width: 290px; margin-right:5px; }
* html .hm-fps-hlder { margin-right/**/:0px; }
.hm-fps-hd {  margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #0261a3; }
.hm-fps { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; color: #333333; }
.hm-fps img { padding-left: 5px; padding-top: 0px; }
.hm-fps p { margin: 0; padding: 5px; }

.nsfbot1 { float: left; width: 240px; padding: 0; }
.slbot2 { float: left; margin: 0px 0px 18px; width: 240px; }
.slbot1 { float: left; margin: 0 0 0 20px; width: 240px; }
.fpsbot1 { float: right; width: 290px; margin-right:3px; }
#ns-btn { display: block; width: 84px; height: 15px; background: url("../images/more-news.gif") no-repeat 0 0; }
#sl-btn { display: block; width: 87px; height: 15px; background: url("../images/learn-more.gif") no-repeat 0 0; }
#sg-btn { display: block; width: 87px; height: 15px; background: url("../images/more-signmeup.gif") no-repeat 0 0; }
#fp-btn { display: block; width: 146px; height: 15px; background: url("../images/more-solutions.gif") no-repeat 0 0; }
#ns-btn:hover, #sl-btn:hover, #sg-btn:hover, #fp-btn:hover { background-position: 0 -15px; }
#ns-btn span, #sl-btn span, #sg-btn span, #fp-btn span { display: none; }

.NSF-bot { border-bottom: 1px solid #0261a3; margin: 30px 10px 20px 0; }

.jspbotmain { float: left; width: 800px; }
.definitionmain { background-image: url("../images/definition-main-low.gif"); background-position: bottom left; background-repeat:repeat-y; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color: #333333; font-weight: normal; padding: 1px 8px 16px 13px; margin:0; }
.jspbot { float: left; width: 590px; }
.probot { float: left; width: 230px; }
.noun { color: #E87605; font-weight: bold; }
.definition { background-image: url("../images/definition-line-low.gif"); background-position: bottom left; background-repeat:repeat-y; text-align:left; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333333; font-weight: normal; padding: 1px 8px 16px 13px; margin:0; }
.pro-hd { color: #0261A3; font-weight: bold; }
.pro-con { background-image: url("../images/products-low-line.gif"); background-position: bottom left; background-repeat:repeat-y; text-align:left; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #666666; font-weight: normal; padding: 1px 6px 16px 13px; margin:0; }

.copyrigtholder { margin: 0; padding:0; }
* html .copyrigtholder { margin-top/**/: -20px; padding: 0; }
*+html .copyrigtholder { margin-top/**/: -20px; padding: 0; }
.copyright { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: normal; margin: 40px 0 50px 0; }
.flt { text-align: left; float: left; vertical-align:top; margin: 30px 2px 50px 0; }

/* Second level pages */
.secondlevelnav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0261a3; text-align: left; padding-top: 12px; }
.sln { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0261a3; }
.sln-lt { float: left; width: 29%; font-size: 12px; text-align: left; padding-top: 12px; }
.sln-rt { float: right; width: 65%; font-size: 11px; text-align: right; padding-top: 13px; margin: 0 25px 0 0; }
.sln-rt a, .sln-lt a { color:#0261a3; text-decoration: none; }
.sln-rt a:hover, .sln-lt a:hover { color:#E87605; text-decoration: none; }
#secondlevel, #slnlev { background: url("/images/second-level/sec-menu-rt.gif") repeat-x top right; width: 100%; height: 65px; }
.secondlevel-lft { float: left; width: 20px; }
.secondlevel-rt { float: right; width: 795px;}
#secondlevel a { color:#0261a3 font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
#secondlevel a:hover { color:#E87605; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
.secondlevelon { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #E87605; }

#l2cntholder { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
.l2-scol { float: left; padding: 0 15px 0 18px; margin: 0; }
.l2-col1 { float: left; width: 486px; padding: 0 0 0 18px; margin: 0; }
.l2-col2 { float: right; width: 266px; }
.l2-col1wide { float: left; width: 620px; padding: 0 0 0 18px; margin: 0; }
.l2-try, .l2-buy, .l2-discover, .l2-related { height: 156px; margin: 0; padding: 0; text-align: left; }
.l2-try { background: url("/images/second-level/try_back.gif") no-repeat top right; }
.trybuy { font-size: 12px; font-style: normal; color: #FFFFFF; font-weight: bold; padding: 12px 15px 0 30px; }
.v3-leftheader{ font-size: 13px; font-style: normal; color: #6699C4; font-weight: bold; padding: 12px 15px 0 30px; }

.trybuy a:link{ color: #FFFFFF; text-decoration: none; }
.trybuy a:visited{ color: #FFFFFF; text-decoration: none; }
.trybuy a:active{ color: #E87605; text-decoration: none; }
.trybuy a:hover{ color: #E87605; text-decoration: none; }

.trybuylinks { font-size: 12px; color: #0261A3; font-weight: normal; padding: 17px 15px 0 35px; }
.trybuylinks p { font-size: 12px; color: #0261A3; font-weight: normal; padding-left: 8px; margin: 6px 0 8px 0; background: url("/images/second-level/tbd_arrow_bullet.gif") no-repeat left top; }


.trybuylinks p a:link { color: #0261a3; text-decoration: none; }
.trybuylinks p a:visited { color: #0261a3; text-decoration: none; }
.trybuylinks p a:active { color: #0261a3; text-decoration: none;  outline: none; }
.trybuylinks p a:hover { color: #E87605; text-decoration: none; }


.l2-buy { background: url("/images/second-level/buy_back.gif") no-repeat top right; }
.l2-discover { background: url("/images/second-level/discover_back.gif") no-repeat top right; }
.l2-related { background: url("/images/second-level/related_back.gif") no-repeat top right; }

.bodystyles { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0261A3; font-weight: 300; }
.callouttext { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; color: #5188AD; font-weight: normal; }
.callouttext-sm { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #5188AD; font-weight: normal; }
.newscallout { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 39px; color: #8EABD4; font-weight: normal; }
.newstrybuy { font-size: 11px; color: #0261A3; font-weight: normal; padding: 0; line-height: 23px; }
.bodytext {
	margin: 0;
	padding: 0;
	font-family: Calibri;
}
.bodytext p { font-size: 14px; line-height: 21px; color: #333333; padding: 5px 0 18px 0; margin: 0; }
.bodytext h3 { font-size: 13px; line-height: 21px; color: #6699C4; margin: 0; padding: 0; font-weight: bold; }
.bodytext h4 { font-size: 15px; line-height: 20px; color: #0261A3; margin: 0; padding: 0; font-weight: normal; }
.bodytext h5 {}
.bodytext ul { font-size: 13px; line-height: 21px; color: #333333; padding: 0 0 0 0; margin: 0 0 0 25px; }
.bodytdcon { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 21px; color: #333333; padding: 5px 0 18px 0;}
.tdimg { padding-top: 10px; }
.dottedline { border-bottom: 1px dotted #CCC; }
.strng { font-weight:bold; }
a.lnk:link { color: #0261a3; text-decoration: none; }
a.lnk:visited { color: #0261a3; text-decoration: none; }
a.lnk:active { color: #0261a3; text-decoration: none; }
a.lnk:hover { color: #E87605; text-decoration: none; }
a.lnk2 { color: #0261a3; text-decoration: none; cursor:default;	}
a.lnk2:hover { color: #E87605; text-decoration: none; cursor:default; }

.home { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; letter-spacing: 0.01em;  font-weight: normal}
.firstcasebg { background: url("/images/second-level/bg_product_cells.gif") repeat-x top left; }
.firstcasebg1 { background: url("/images/second-level/bg_jaspershop378_cells.gif") repeat-x top left; }
.firstcasebg2 { background: url("/images/second-level/bg_jaspershop_cells.gif") repeat-x top left; }
.border1 { border-bottom: 1px solid #CCCCCC; padding: 1px 2px 2px 2px; margin-bottom: 13px; vertical-align: top; }
.padlr { padding: 0 5px 0 5px; }
.padl10 { padding-left: 10px; }
.padr10 { padding-right: 10px; }

.thirdlevelcallout { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 31px; color: #666666; }
.quotedtext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 31px; font-weight: normal; color: #0261A3; }
.credits { font-size: 11px; font-weight: bold; color: #666666; }
.credits1 { color: #E87605; }

#content-wrapper { margin: 0; }
.jasperreport, .jasperserver, .jasperanalysis, .jasperetl, .jasperbabylon, .jaspershop { border-top: 1px solid #BBB; border-left: 1px solid #BBB; border-right: 1px solid #BBB; margin-top: 10px; }
.jasperreport, .jaspershop {  border-bottom: 5px solid #3892f2; }
.jasperserver { border-bottom: 5px solid #968513; }
.jasperanalysis { border-bottom: 5px solid #cc3300; }
.jasperetl { border-bottom: 5px solid #961d25; }
.jasperbabylon { border-bottom: 5px solid #bbbbbb; }

.textheader { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 39px; color: #0261A3; font-weight: normal; }
.newstd { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 21px; color: #333333; }
.bot25 { padding: 0; margin: 0 0 25px 0;}
.dlinks { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 23px; color: #0261A3; font-weight: normal; }
#dl-try { display: block; width: 62px; height: 26px; background: url("/images/second-level/try.gif") no-repeat 0 0; }
#dl-buy { display: block; width: 62px; height: 26px; background: url("/images/second-level/buy.gif") no-repeat 0 0; }
#dl-buynow { display: block; width: 102px; height: 25px; background: url("/images/second-level/buynow.gif") no-repeat 0 0; }
#dl-detail { display: block; width: 102px; height: 25px; background: url("/images/second-level/details.gif") no-repeat 0 0; }
#res-view { display: block; width: 62px; height: 26px; background: url("/images/second-level/view.gif") no-repeat 0 0; }
#opensrc { display: block; width: 102px; height: 24px; background: url("/images/second-level/opensource.gif") no-repeat 0 0; }
#dl-try:hover, #dl-buy:hover, #dl-buynow:hover, #dl-detail:hover, #res-view:hover { background-position: 0 -26px; }
#opensrc:hover { background-position: 0 -24px; } 
#dl-try span, #dl-buy span, #dl-buynow span, #dl-detail span, #res-view span, #opensrc span { display: none; }
.res-links { font-size: 12px; line-height: 23px; color: #0261A3; }

/* World Wide Sites */

#hmpeb-fr-btn1 { display: block; width: 299px; height: 32px; background: url("/images/worldwidesites/for_business_france.gif") no-repeat 0 0; }
#hmpeb-fr-btn2 { display: block; width: 299px; height: 32px; background: url("/images/worldwidesites/for_developers_france.gif") no-repeat 0 0; }
#hmpeb-fr-btn1:hover { background-position: 0 -36px; }
#hmpeb-fr-btn2:hover { background-position: 0 -36px; }
#hmpeb-fr-btn1 span, #hmpeb-fr-btn2 span { display: none; }

#hmpeb-de-btn1 { display: block; width: 299px; height: 32px; background: url("/images/worldwidesites/for_business_germany.gif") no-repeat 0 0; }
#hmpeb-de-btn2 { display: block; width: 299px; height: 32px; background: url("/images/worldwidesites/for_developers_germany.gif") no-repeat 0 0; }
#hmpeb-de-btn1:hover { background-position: 0 -36px; }
#hmpeb-de-btn2:hover { background-position: 0 -36px; }
#hmpeb-de-btn1 span, #hmpeb-de-btn2 span { display: none; }

.formbg { background-color: #609ddb; }
.formField { font-size: 9px; color: #000000; letter-spacing: 0.07em; font-weight: normal; }
.login-img { background:url(/images/bg_login.gif) no-repeat 0 0;}
.loginsupport-img { background:url(/images/bg_supportlogin.gif) no-repeat 0 0;}
.login-head { font-size: 13px; color: #FFF; padding: 8px 0 8px 15px; font-weight: bold; }
.l2-col1wide { float: left; width: 100%; padding: 0 0 0 18px; margin: 0; }
.l2-col1wideleft { float: left; width: 100%; padding: 0 0 0 6px; margin: 0; }

.bodytdconwt { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; color: #FFFFFF; padding: 5px 0 18px 0; font-weight: bold; }
.bodystylesHome { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #0261A3; font-weight: 400; }
.bodystylesHomesm {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E87605;
	font-weight: 400;
	line-height: 14pt;

}
.bodystylesHomeRed {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E87605;
	font-weight: 400;
}
.bodystylesHomeRedsm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E87605;
	font-weight: bold;
}
.bodystylesHomeRedsmm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E87605;
	font-weight: bold;
	line-height: 14pt;
}

