/*
** Zbigniew Pieœlak
** 2009/04/22
*/
html { height: 100%; margin-bottom: 1px; background: #fff url("../../images/header-bg.png") repeat-x 0 0; font-size: 100%; }
body { padding: 0; padding: 20px 0 44px; background: transparent url("../../images/site-footer-bg.png") repeat-x 0 100%; color: #002c48; font: .75em/1.5 "Trebuchet MS", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
textarea, input, select, option, optgroup, button, select { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { text-decoration: none; outline: none; cursor: pointer; color: #191e9b; }
a:hover { text-decoration: underline; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }
form input, form select, form textarea { background-color: #fff; }


/*
 * some globally used classes
 */
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

.bold { font-weight: bold; }

.wrapper { /*overflow: hidden;*/ width: 980px; margin: 0 auto; }

.hide { display: none; }
.clear { clear: both; }

/*
** header
*/
p.header-contact { font-family: "Arial", "Helvetica", sans-serif; }
p.header-contact a { padding: 0 2px; }
p.header-contact a, p.header-contact span { color: #3e5a6c; }
form.header-language { padding-left: 15px; }
form.header-language select { width: 140px; padding: 2px 0; border: 1px solid #d3d8d9; color: #6d808b; font-size: .75em; }
h1.header-logo { overflow: hidden; height: 97px; margin:0 20px 0 35px; background: transparent url("../../images/header.png") no-repeat 0 0; }
h1.header-logo a { overflow: hidden; float: left; width: 320px; height: 60px; border-right: 1px solid #e3e6e7; text-indent: -99em; }
h1.header-logo span { float: left; width: 584px; height: 97px; padding: 10px 0 0 20px; background: transparent url("../../images/header-street.png") no-repeat 100% 0; color: #3e5a6c; font-size: 1.5em; line-height: 1.2em; }
h1.header-logo span strong { color: #d85a0a; text-transform: uppercase; }

/*
** site-column-left
*/
.site-wrapper .left { width: 244px; }
.site-wrapper { margin-top: 35px; padding-top: 30px; background: transparent url("../../images/site-header.png") no-repeat 0 0; }
.site-wrapper .container { overflow: hidden; height: 100%; margin-left: 20px; margin-bottom: 20px; }
.site-wrapper h1 { padding: 0 0 35px 40px; color: #fff; font-size: 1.8em; }

ul.menu { padding: 35px 0 35px 25px; background: transparent url("../../images/site-menu.png") no-repeat 0 50%; font-family: "Arial", "Helvetica", sans-serif; list-style: none;  }
ul.menu li { display: block; background: transparent url("../../images/site-menu-sep.png") no-repeat 35px 100%; }
ul.menu li.last { background: none; }
ul.menu li.space { margin-bottom: 5px; }
ul.menu li a { display: block; color: #333168; }
ul.menu li a:hover { text-decoration: none; }
ul.menu li a.main { padding-left: 35px; background: transparent url("../../images/site-menu-icons.png") no-repeat 0 0; font-weight: bold; font-size: 1.33em; line-height: 31px; }
ul.menu li a.plan-types { background-position: 0 -57px; }
ul.menu li a.rapidplan-support { background-position: 0 -116px; }
ul.menu li a.order-rapidplan { background-position: 0 -177px; }
ul.menu li a.contact-invarion { background-position: 0 -237px; }
ul.menu ul { padding-left: 35px; list-style: none; }
ul.menu ul li { background: none; }
ul.menu ul li a { padding-left: 18px; background: transparent url("../../images/site-menu-link.png") no-repeat 0 0; line-height: 20px; }
ul.menu li ul li a:hover, .site-wrapper ul.menu li ul li.selected a { background-position: 0 -40px; }


.site-wrapper .left p { width: 139px; height: 85px; margin-top: 10px; padding: 18px 0 0 105px; }
.site-wrapper .left p span { display: block; color: #191e9b; line-height: .85em; }
.site-wrapper .left p span.header { font-size: 2em; }
.site-wrapper .left p span.content { padding-bottom: 5px; font-size: 1.5em; }
.site-wrapper .left p strong { display: inline-block; padding-left: 8px; background: transparent url("../../images/site-more.png") no-repeat 0 0; }
.site-wrapper .left p strong a { display: inline-block; height: 20px; padding-right: 8px; background: transparent url("../../images/site-more.png") no-repeat 100% 0; color: #fff; font: .75em/21px "Arial", "Helvetica", sans-serif; text-transform: uppercase; }
.site-wrapper .left p.order { background: transparent url("../../images/site-order.png") no-repeat 0 0; }
.site-wrapper .left p.country { padding-bottom: 20px; background: transparent url("../../images/site-globe.png") no-repeat 0 0; }


/*
** site-column-right
*/
p.breadcrumb { text-transform: uppercase; margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #a5a5a5; font: 0.75em "Arial", "Helvetica", sans-serif; }
p.breadcrumb a {  color: #436d86; }
.site-wrapper .right { width: 715px; padding-top: 20px; }
.text { font-family: "Arial", "Helvetica", sans-serif; }
.site-wrapper .right h2 { margin-bottom: 15px; padding-left: 20px; background: transparent url("../../images/site-arrow.png") no-repeat 0 50%; color: #d85a0a; font-size: 1.83em; font-weight: normal; }
.site-wrapper .right .leed { width: 268px; height: 265px; margin-left: 20px; padding: 35px 0 0 415px; background: transparent url("../../images/site-features-box.png") no-repeat 0 0; }
.site-wrapper .right .leed ul { padding: 0 55px 0 0; list-style: none; }
.site-wrapper .right .leed ul li { margin-bottom: 5px; padding: 0 0 5px 35px; border-bottom: 1px solid #e98849; background: transparent url("../../images/site-marker.png") no-repeat 0 2px; color: #fff; font-size: 1.5em; line-height: 1.2em; }
.site-wrapper .right .leed ul li.last { border-bottom: none; }
.site-wrapper .right ol { display: block; overflow: hidden; padding: 15px 0 0 30px; list-style: none; }
.site-wrapper .right ol li { float: left; width: 327px; margin: 0 15px 40px 0; padding-top: 195px; background: transparent none no-repeat 0 0; font-family: "Arial", "Helvetica", sans-serif; }
.site-wrapper .right ol li .header { display: block; color: #d85a0a; font-size: 1.4em; font-weight: bold; }
.site-wrapper .right ol li.first { background-image: url("../../images/site-features-01.png"); }
.site-wrapper .right ol li.second { background-image: url("../../images/site-features-02.png"); }
.site-wrapper .right ol li.third { background-image: url("../../images/site-features-03.png"); }
.site-wrapper .right ol li.fourth { background-image: url("../../images/site-features-04.png"); }
.site-wrapper .right ol li.fifth { margin-bottom: 0; background-image: url("../../images/site-features-05.png"); }
.site-wrapper .right ol li.sixth { margin-bottom: 0; background-image: url("../../images/site-features-06.png"); }

.site-wrapper .right ol.text, .site-wrapper .right ol.text ol { padding: 0 0 1em 2em; list-style: decimal; }
.site-wrapper .right ol.text li { float: none; width: auto; margin: 0; padding: 0; background: none; }

/*
** site-news
*/
.site-wrapper .right .news { clear: both; width: 695px; margin: 40px 0 0 20px; padding-top: 15px; border-top: 1px solid #ddd; color: #627d8e; font-family: "Arial", "Helvetica", sans-serif;  }
.site-wrapper .right .news a { color: #191e9b; }
.site-wrapper .right .news a.more { float: right; }
.site-wrapper .right .news p a { padding-right: 5px; font-weight: bold; text-decoration: underline; }
.site-wrapper .right .news p a:hover { text-decoration: none; }
.site-wrapper .right .news p strong { padding-right: 10px; text-transform: uppercase; }

/*
** site-features
*/
.wrapper ul.features { clear: both; overflow: hidden; list-style: none; width: 100%; height: 200px; padding: 20px 0 0 0; margin-top: 85px; background: transparent url("../../images/features-box.png") no-repeat 0 0; }
.wrapper ul.features li { position: relative; float: left; padding: 0 14px 0 25px; }
.wrapper ul.features li a { color: #191e9b; font: bold 1.33em "Arial", "Helvetica", sans-serif; text-align: center; }
.wrapper ul.features li a span.text { display: block; width: 205px; padding-top: 155px; background: #fff url("../../images/temp/feature-01.jpg") no-repeat 0 0; text-align: center; }
.wrapper ul.features li a span.autoroads { background-image: url("../../images/temp/features/autoroads-min.jpg"); }
.wrapper ul.features li a span.marker-tools { background-image: url("../../images/temp/features/marker-tools-min.jpg"); }
.wrapper ul.features li a span.sign-libraries { background-image: url("../../images/temp/features/sign-libraries-min.jpg"); }
.wrapper ul.features li a span.templates { background-image: url("../../images/temp/features/templates-min.jpg"); }
.wrapper ul.features li a span.import-capabilities { background-image: url("../../images/temp/features/import-min.jpg"); }
.wrapper ul.features li a span.flexibility { background-image: url("../../images/temp/features/flexibility-min.jpg"); }

.wrapper ul.features li a span.features-zoom { display: block; position: absolute; top: 14px; left: 90%; width: 23px; height: 23px; background: transparent url("../../images/features-zoom.png") no-repeat 1px 1px; }


/*
** site-whyrapidplan
*/
.site-wrapper .container blockquote { color: #406f8d; font-style: italic; }
.site-wrapper .container ul { padding-top: 10px; list-style: square; }
.site-wrapper .container ul a { color: #1a1b99; text-decoration: underline; }
.site-wrapper .container ul a:hover { text-decoration: none; }


/*
** site-aboutus
*/
.site-wrapper .logo { float: left; width: 205px; height: 155px; border: 1px solid #e6e6e6; background: #fff url("../../images/site-logo.png") no-repeat 30px 45px; }
.site-wrapper .container { font: normal 1em/1.5em "Arial", "Helvetica", sans-serif; }
.site-wrapper p.content { float: left; width: 410px; padding-left: 20px; }
.site-wrapper p.mission { display: block; margin: 0 0 30px 20px; padding: 25px 30px; background-color: #efefef; font: normal 1em/1.4em "Arial", "Helvetica", sans-serif; }
.site-wrapper p span.bold, .site-wrapper p span.text, .site-wrapper p span.text-bottom { display: block; font-size: 1.08em; }
.site-wrapper p span.header { display: block; padding-bottom: 5px; color: #d85a0a; font-size: 1.3em; }

/*
** site-formycountry
*/
.site-wrapper .container .globe-text { float: left; width: 260px; }
.site-wrapper .container .globe-logo { float: right; width: 380px; height: 253px; margin-right: 20px; background: transparent url("../../images/site-country.png") no-repeat 0 0; }
.site-wrapper .container p span.text-bottom { padding-top: 20px; }

/*
** site-plantypes
*/
.site-wrapper div.box { width: 237px; height: 192px; float: left; padding: 25px; margin: 0 14px 20px 20px; background: transparent url("../../images/main-types-box.png") no-repeat 0px 0px; color: #fff; }
.site-wrapper div.last { margin-right: 0; }
.site-wrapper div.box h2 { margin-bottom: 0; padding: 0 0 10px 25px; background: transparent url("../../images/main-types-marker.png") no-repeat 0 0; color: #fff; font-size: 1.75em; line-height: 1.05em; text-transform: uppercase;  }
.site-wrapper div.box p { padding-bottom: 0; }
.site-wrapper div.box strong.more { float: right; margin: -5px 3px 5px 0; padding-left: 10px; background: transparent url("../../images/main-types-more.png") no-repeat 0 0; font: .8em/22px "Arial", "Helvetica", sans-serif; }
.site-wrapper div.box strong.more a { display: inline-block; height: 22px; padding-right: 10px; background: transparent url("../../images/main-types-more.png") no-repeat 100% 0; color: #fff; text-transform: uppercase; }

#fancy_outer div#fancy_div, #fancy_outer #fancy_inner, #fancy_outer #fancy_bg * { background: none; }
#fancy_outer .box-content-wrapper-top { width: 697px; padding-top: 5px; background: transparent url("../../images/popup-top.png") no-repeat 30px 0; }
#fancy_outer .box-content-wrapper-bottom { padding: 0 30px 5px; background: transparent url("../../images/popup-bottom.png") no-repeat 30px 100%; }
#fancy_outer .box-content { position: relative; width: 627px; padding: 10px 20px; background-color: #fff; }
#fancy_outer .box-content h2 { padding-bottom: 10px; color: #d4500d; font-size: 1.833em; text-transform: uppercase; }
#fancy_outer .box-content a.close { position: relative; float: right; width: 22px; height: 22px; background: transparent url("../../images/popup-close.png") no-repeat 0 0; }
#fancy_outer a#fancy_left { position: absolute; top: 40%; width: 53px; height: 48px; background: transparent url("../../images/popup-prev.png") no-repeat 0 0; }
#fancy_outer a#fancy_right { position: absolute; top: 40%; width: 53px; height: 48px; background: transparent url("../../images/popup-next.png") no-repeat 0 0; }
#fancy_outer a#fancy_left span, #fancy_outer a#fancy_right span { display: none; }
#fancy_outer .box-content img { border: 3px solid #e2e2e2; }
#fancy_outer .box-content p { padding-top: 15px; color: #343434; font: 1em "Arial", "Helvetica", sans-serif; }

/*#watch-demo { display: none !important; }*/

/*
** site-faq
*/
dl.faq { position: relative; padding-left: 20px; font: normal 1em/1.5em "Arial", "Helvetica", sans-serif; }
dl.faq dt { padding-left: 30px; border-bottom: 1px solid #ddd; background: transparent url("../../images/site-faq.png") no-repeat 10px 50%; line-height: 2em; }
dl.faq dt.selected { border: none; }
dl.faq dt a { color: #191e9b; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
dl.faq dt a { color: #191e9b; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
dl.faq dd { height: auto; margin: 15px 0 10px 0; padding: 10px 30px 15px 10px; background-color: #f5f5f5; }
dl.faq dd .question { display: block; padding-bottom: 10px; }
dl.faq dd .question .text { color: #d85a0a; font-size: 1.2em; }
dl.faq dd .first-letter { font-weight: bold; font-size: 1.1em; text-transform: uppercase; }

/*
** site-contact
*/
.site-wrapper .right .contact-box { position: relative; overflow: hidden; margin-right: 25px; background-color: #efefef; }
.site-wrapper .right .contact-box p { position: absolute; top: 10px; left: 10px; color: #888; font-size: .8em; text-transform: uppercase; white-space: nowrap; }
.site-wrapper .right .contact-box form { float: left; width: 333px; padding: 15px 0 25px 0;  }
.site-wrapper .right .contact-box form input, .site-wrapper .right .contact-box form textarea { width: 220px; padding: 3px 0; border: 1px solid #d4d9da; }
.site-wrapper .right .contact-box form textarea { height: 120px; }
.site-wrapper .right .contact-box form dl dt { float: left; width: 95px; padding-right: 15px; line-height: 23px; text-align: right; }
.site-wrapper .right .contact-box form dl dd { float: left; padding-bottom: 15px; }
.site-wrapper .right .contact-box dl.contact-data { float: right; width: 240px; height: 380px; padding: 30px 20px 0 30px ; border: 4px solid #e5e5e5; background-color: #fff; }
.site-wrapper .right .contact-box dl.contact-data dt { padding-bottom: 5px; border-bottom: 1px solid #ddd; color: #d85a0a; font-size: 1.3em; }
.site-wrapper .right .contact-box dl.contact-data dd { padding: 10px 0 10px 50px; }
.site-wrapper .right .contact-box dl.contact-data dd ul { padding: 0; list-style: none; }
.site-wrapper .right .contact-box dl.contact-data dd ul li { line-height: 2em; }
.site-wrapper .right .contact-box dl.contact-data dd a { text-decoration: underline; color: #191e9b; }
.site-wrapper .right .contact-box dl.contact-data dd a:hover { text-decoration: none; }
.site-wrapper .right .contact-box form dd.submit { display: inline-block; float: right; padding-left: 10px; background: transparent url("../../images/site-action-button.png") no-repeat 0 0; /*line-height: 22px;*/ }
.site-wrapper .right .contact-box form dd.submit input { width: auto; height: 22px; padding-right: 10px; background: transparent url("../../images/site-action-button.png") no-repeat 100% 0; border: none; color: #fff; font-size: .8em; text-transform: uppercase;  }
.site-wrapper .right .contact-box p.rule { position: absolute; top: auto; bottom: 5px; left: 112px; }
.site-wrapper .right .contact-box ul.errors { display: none; }
.message { width: 205px; height: 58px; margin: 10px 0 0 30px; padding: 15px 25px 10px 75px; font: 1em "Arial", "Helvetica", sans-serif; }
.message-success { background: transparent url("../../images/site-message-success.png") no-repeat 0 0; color: #19709b; }
.message-success .bold { display: block; }
.message-error { padding-top: 30px; height: 43px; background: transparent url("../../images/site-message-error.png") no-repeat 0 15px; color: #d80a0a; }
.message-empty { height: 40px; }


/*
** site-sales-contact
*/
.sales-globe { position: relative; width: 100%; height: 325px; background: transparent url("../../images/site-map.png") no-repeat 0 0; font: 1em "Arial", "Helvetica", sans-serif; }
.sales-globe .company { position: absolute; z-index: 2; width: 245px; height: 150px; padding: 20px 20px 0 35px; background: transparent url("../../images/site-map-cloud.png") no-repeat 0 0; }
.sales-globe .company-first { top: -71px; left: 166px; }
.sales-globe .company-second { top: -44px; left: 180px; }
.sales-globe .company-third { top: -84px; left: 346px; }
.sales-globe .company-fourth { top: 52px; right: -145px; }
.sales-globe .company-fifth { top: 66px; right: -190px; }
.sales-globe .company-sixth { top: -80px; left: 323px; }
.sales-globe .company-seventh { top: 16px; left: 367px; }
.sales-globe .company h3 { color: #d85a0a; font-size: 1.3em; font-weight: normal; }
.sales-globe .company ul { padding: 10px 0 0 0; list-style: none; }
.sales-globe .company ul li { padding: 3px 0 3px 20px; border-bottom: 1px solid #ddd; background: transparent none no-repeat 0 50%; }
.sales-globe .company ul li.website { background-image: url("../../images/site-map-cloud-web.png"); }
.sales-globe .company ul li.telephone { background-image: url("../../images/site-map-cloud-tel.png"); }
.sales-globe .company ul li.fax { background-image: url("../../images/site-map-cloud-fax.png"); }
.sales-globe .company ul li.email { background-image: url("../../images/site-map-cloud-email.png"); }
.sales-globe .company ul li a { text-decoration: underline; }
.sales-globe .company ul li.last { border-bottom: none; }
.sales-globe .company ul li span { display: inline-block; width: 62px; }
.sales-globe .marker { position: absolute; z-index: 1; display: block; width: 24px; height: 21px; background: transparent url("../../images/site-map-marker.png") no-repeat 0 0; }
.sales-globe .marker-first { top: 88px; left: 150px; }
.sales-globe .marker-second { top: 115px; left: 165px; }
.sales-globe .marker-third { top: 80px; left: 327px; }
.sales-globe .marker-fourth { top: 212px; left: 544px; }
.sales-globe .marker-fifth { bottom: 76px; right: 105px; }
.sales-globe .marker-sixth { top: 84px; left: 304px; }
.sales-globe .marker-seventh { top: 178px; left: 350px; }

/*
** site-news-archive
*/
ul.news-menu li.main { padding-top: 5px; }
ul.news-menu li.news-archive  { background: transparent url("../../images/site-icon-news.png") no-repeat 0 0; }
ul.news-menu li ul { padding-top: 10px; }
ul.news-menu li ul li { padding: 2px 0; border-bottom: 1px solid #dcdcdd; background: transparent url("../../images/site-news.png") no-repeat 0 50%; }
ul.news-menu li ul li.last  { border-bottom: none; }
ul.news-menu li ul li a { background: transparent url("../../images/site-menu-marker.png") no-repeat 100% 50%; }
ul.news-menu li ul li a:hover { background: transparent url("../../images/site-menu-marker.png") no-repeat 100% 50%; font-weight: bold; }
ul.news-list { padding: 0 0 0 10px; list-style: none; font-family: "Arial", "Helvetica", sans-serif; }
ul.news-list li a { display: block; padding: 15px 0 15px 10px; border-bottom: 1px solid #efefef; }
ul.news-list li a.last { border-bottom: none; }
ul.news-list li a:hover { background-color: #efefef; text-decoration: none;  }
ul.news-list li span.date { padding-left: 15px; background: transparent url("../../images/site-news.png") no-repeat 0 50%; color: #627d8e; font-size: .9em; }
ul.news-list li span.header { padding-left: 5px; color: #191e9b; font-weight: bold; text-decoration: underline; }
ul.news-list li span.text { display: block; padding-top: 5px; color: #002c48; }
ul.news-list li span.more { color: #191e9b; font-size: .9em; }

/*
** site-news-read
*/
p.news-text { font: 1em "Arial", "Helvetica", sans-serif; }
p.news-text span.date { padding-left: 15px; background: transparent url("../../images/site-news.png") no-repeat 0 50%; color: #627d8e; font-size: .9em; }
p.news-text span.header { display: inline; padding-left: 5px; color: #191e9b; font-weight: bold; font-size: 1em; text-decoration: underline; }
p.news-text span.text { display: block; padding-top: 5px; color: #002c48; font-size: 1em; }

/*
** site-stemap
*/
ul.sitemap, ul.sitemap ul { list-style-type: square; font-family: "Arial", "Helvetica", sans-serif; }
ul.sitemap li a { color: #1a1b99; text-decoration: underline; }
ul.sitemap li a:hover { text-decoration: none; }

/*
** error404
*/
.site-wrapper .error { padding: 100px 0 0 145px; }
.site-wrapper .error .error-logo { float: left; width: 149px; height: 173px; padding-right: 20px; background: transparent url("../../images/icon404.png") no-repeat 0 0; }
.site-wrapper .error h3 { padding-top: 5px; color: #d85a0a; font-size: 2.3em; font-weight: normal; }
.site-wrapper .error p { padding: 20px 0 0 0 ; }
.site-wrapper .error .content { float: left; width: 280px; }

/*
** my box
*/
.mybox { position: absolute; top: 0; left: -9999em; width: 100%; margin-left: -9999em; }
.mybox-show { left: 0; margin-left: 0; }
.mybox-inner { width: 640px; margin: 5% auto; }
.mybox-inner a.close { float: right; width: 30px; height: 30px; background: transparent url("../../images/close.png") no-repeat 0 0; }
.mybox-inner a.close:hover { text-decoration: none; }

#demo, #tutorial, #transition { display: block; width: 640px; height: 480px; }
/*
** footer
*/
.footer { width: 100%; height: 160px; margin-top: 60px; padding-top: 30px; background: transparent url("../../images/site-footer-top.png") no-repeat 0 0; }
.footer p{ margin-top: 20px; background: transparent url("../../images/footer-logo.png") no-repeat 0 0; }
.footer p strong { display: block; height: 84px; padding: 20px 0 0 215px; background: transparent url("../../images/footer-man.png") no-repeat 795px 0; color: #244f6b; text-transform: uppercase; font: .9em/1.6em "Arial", "Helvetica", sans-serif; letter-spacing: .05em;}
.footer p strong span { color: #758a9f; font-size: .85em; }
.footer p strong a { color: #c3c9d9; }
.footer p strong span a { color: #758a9f; }


/*
** the end
*/