/*
RationalPlan
http://www.rationalplan.com
Author: Florin Tudoran
Version: 1.1
*/
html, body { height:100%; margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; line-height:1em; color:#444; }

a { outline:0; border:none; text-decoration:none; }
a:link { color:#0077b3; }
a:visited { color:#0077b3; }
a:active { color:#0077b3; }
a:hover { text-decoration:underline; }

h1 { color:#262626; font-size:2em; line-height:1.5em; font-weight:normal; }
h2 { color:#1b99b3; font-size:1.7em; line-height:1.5em; font-weight:700; }
h3 { color:#f08018; font-size:1.3em; line-height:1.5em; font-weight:700; }
h4 { color:#262626; font-size:1.4em; line-height:1.5em; font-weight:700; }

hr { border:none; border-top:1px solid #ccc; }

ul { list-style-type:none; padding:0px; margin:0px; }

#wrapper { margin:0; padding:0; min-height:100%; height:auto !important; height:100%; width:100%; }
#bookmarks { vertical-align:top; float:right; }
#header { height: 80px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: auto; }
.hcontent { display:block; height:80px; }

.rational #header { background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 2px solid #009FD9;
    border-top: 25px solid #009FD9; }

.multi-project #header { background:url("../images/header-bg-multi.png") repeat-x scroll left bottom transparent; }
.multi-project .hcontent { background:url("../images/logo-light-multi.png") no-repeat scroll 0px -5px transparent; }

.single-project #header { background:url("../images/header-bg-single.png") repeat-x scroll left bottom transparent; }
.single-project .hcontent { background:url("../images/logo-light-single.png") no-repeat scroll 0px -5px transparent; }

.project-viewer #header { background:url("../images/header-bg-viewer.png") repeat-x scroll left bottom transparent; }
.project-viewer .hcontent { background:url("../images/logo-light-viewer.png") no-repeat scroll 0px -5px transparent; }

.project-server #header { background:url("../images/header-bg-server.png") repeat-x scroll left bottom transparent; }
.project-server .hcontent { background:url("../images/logo-light-server.png") no-repeat scroll 0px -5px transparent; }

#main { padding:0 0 110px; position:relative; }
#footer { clear:both; margin:0; height:109px; margin-top:-110px; position:relative; background-color:#444; color:#888; overflow:hidden; }
.pageWidth { width:990px; margin:0 auto; }

ul#top-menu, ul#main-menu { list-style:none; padding:0; float:right; }
ul#top-menu { width:970px; margin:2px 0 0 0; overflow:hidden; }
ul#top-menu li { height:24px; float:right; position:relative; right:-1px; overflow:hidden; margin:0 0 0 2px; padding:0; background:none; }
ul#top-menu li.selected { background-color:#FFFFFF; border-radius:4px 4px 0 0; }
ul#top-menu li a { padding:0 12px; color:#B0E3EE; float:right; font-size:1.2em; line-height:25px; font-weight:700; }

.multi-project ul#top-menu li a { color:#afedaf; }
.single-project ul#top-menu li a { color:#e0e092; }
.project-viewer ul#top-menu li a { color:#f2dac2; }
.project-server ul#top-menu li a { color:#ebe6e1; }

ul#top-menu li a:hover { color:#FFF; text-decoration:none; }
ul#top-menu li.selected  a{ color:#1b99b3; text-decoration:none; }

.multi-project ul#top-menu li.selected  a { color:#269926; }
.single-project ul#top-menu li.selected  a { color:#8f8f0e; }
.project-viewer ul#top-menu li.selected  a { color:#cc751f; }
.project-server ul#top-menu li.selected a { color:#99938e; }

ul#main-menu { width:700px; margin:20px 0 0 0; height:59px; overflow:hidden; }
ul#main-menu li { height:56px; float:right; overflow:hidden; padding:0; background:none; }
ul#main-menu li a { height:39px; line-height:39px; padding:0 16px; color:#949494; float:right; font-size:1.6em; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; text-shadow:0px 1px 0px #FFF;  }
ul#main-menu li a:hover { color:#e04a00; text-decoration:none; }
ul#main-menu li.selected a { color:#262626; text-decoration:none; }

ul#main-menu li a.gray-button { color:#262626; font-weight:700; font-size:1.3em; background:url("../images/box-btn2.png") no-repeat scroll right top transparent; height:39px; line-height:37px; padding:0 38px 0 0; margin-left:20px; font-family:Arial, Helvetica, sans-serif; }
ul#main-menu li a.gray-button:hover { color:#e04a00; }
ul#main-menu li a.gray-button span { display:block; height:39px; width:20px; margin-left:-20px; float:left; background:url("../images/box-btn2.png") no-repeat scroll left top transparent; }

ul#main-menu li a.cyan-button { color:#fff; font-size:1.4em; background:url("../images/cyan-btn.png") no-repeat scroll right top transparent; height:33px; padding:0 24px 0 0; margin-left:24px; }
ul#main-menu li a.cyan-button span { display:block; height:33px; width:24px; margin-left:-24px; float:left; background:url("../images/cyan-btn.png") no-repeat scroll left top transparent; }

#logo { width:290px; height:45px; display:block; float:left; margin:15px 0 0 0; float:left; }
#logo h1{ display:none; }

.rational #logo { background:url("../images/logo.png") no-repeat scroll left top transparent; }
.multi-project #logo { background:url("../images/logo-multi.png") no-repeat scroll left top transparent; }
.single-project #logo { background:url("../images/logo-single.png") no-repeat scroll left top transparent; }
.project-viewer #logo { background:url("../images/logo-viewer.png") no-repeat scroll left top transparent; }
.project-server #logo { background:url("../images/logo-server.png") no-repeat scroll left top transparent; }

.quote-title { color:#198ea6; font-weight:normal; font-size:2.2em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:1.2em; margin:20px 0 0; text-align:center; }
.block-title { color:#555; font-weight:normal; font-size:2.4em; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.2em; margin:30px 0 10px; text-align:center; }
#piecemaker { margin:30px 0 25px; }

.showcase { background:url("../images/showcase-bg.png") repeat-x scroll left top transparent; font-size:1em; line-height:1.5em; padding:30px 0 0; }
ul.products { list-style:none; margin:30px 0 0; padding:0; width:990px; }
ul.products li { display:block; float:left; width:237px; margin-left:25px; padding:0; background:none; text-align:center; }
ul.products li a { margin:0 0 16px; display:block; }
ul.products li a:hover { margin:0 0 6px; padding:4px 0 0; }
ul.products li .p-title { margin:10px 0px 0px 0px; font-size:2em; line-height:1.5em; font-weight:normal; }
ul.products li .p-content { width:100%; height:355px; padding:28px 0 0; }
ul.products li .p-content a { margin:0 auto; }
ul.products li .p-content a:hover { padding:0; margin:0 auto; }
ul.products li .p-text { margin:0px 20px; font-size:1.2em; line-height:1.4em;}
ul.products li .p-text span { display:block; padding:0 5px; }
ul.products li .p-text strong { color:#FFF; font-weight:normal; }
ul.products li .p-text img { float:left; margin-top:0px; }

ul.products li#viewer .p-content { background: none no-repeat scroll left center #37bfd7;}
ul.products li#single .p-content { background: none no-repeat scroll left center #a1a125;}
ul.products li#multi .p-content { background: none no-repeat scroll left center #42a042;}
	
ul.products li#viewer .p-content, ul.products li#single .p-content, ul.products li#multi .p-content { border-radius: 7px 7px 7px 7px;
    box-shadow: 0 40px 30px -30px rgba(119, 119, 119, 0.7);
    cursor: pointer;
    height: 331px;}

ul.products li#server .p-content { background:url("../images/server-box2.png") no-repeat scroll right top transparent; height:300px; cursor: pointer;}

ul.products li#viewer .p-title { color:#C66E17; }
ul.products li#single .p-title { color:#8B8A00; }
ul.products li#multi  .p-title { color:#378a37; }
ul.products li#server .p-title { color:#99928a; font-size:1.8em; }

ul.products li#viewer .p-text { color:#d4f4ff;}
ul.products li#single .p-text { color:#dee196; }
ul.products li#multi  .p-text { color:#b0e59a; }
ul.products li#server .p-text { color:#f2eee9; }

ul.products li#viewer a { margin:0 0 10px; }
ul.products li#viewer a:hover { margin:0; }
ul.products li#viewer .p-content a { margin:0 auto; }

ul.products li#viewer { margin-left:100px; width:241px; }
ul.products li#single { margin-left:21px; }
ul.products li#server { margin-left:0px; padding-top:50px; height:350px; width:200px; }

ul.products li .p-btn {text-align:center; clear:both; padding-top:25px; }
ul.products li#server .p-btn {padding-top:10px; }
a.box-button {background:url("../images/box-btn.png") no-repeat scroll right top transparent; height:39px; width:133px; display:block; margin:0 auto; font-size:1.3em; line-height:38px; font-weight:700; color:#262626; }
a.box-button:hover { text-decoration:none }

a.right-panel-button { color:#166b7d; font-weight:700; margin-top:8px; font-size:1.3em; width:220px; float:left; text-align:center; background:url("../images/right-panel-btn.png") no-repeat scroll right top transparent; height:31px; line-height:32px; padding:0 20px 0 0; margin-left:20px; font-family:Arial, Helvetica, sans-serif; }
a.right-panel-button:hover { text-decoration:none }
a.right-panel-button span { display:block; height:31px; width:20px; margin-left:-20px; float:left; background:url("../images/right-panel-btn.png") no-repeat scroll left top transparent; }

a.inner-button { background:#d9d9d9 url("../images/inner-btn-bg2.png") repeat-x scroll left top; color:#262626; padding:5px 12px; line-height:1em; font-size:0.9em; 
font-weight:700; display:inline-block; text-decoration:none; border:1px solid #ddd; border-bottom-color:#bbb; border-radius:4px; box-shadow:0 0.1em 0.2em #ccc }
a.inner-button:hover {color:#e04a00; text-decoration:none}

.h-title { margin-bottom:0px; }
.h-subtitle { margin-top:0px; }

.text-block { padding:10px 30px; width:600px; float:left; }
.text-block ul li { background:url("../images/bullet3.png") no-repeat scroll 0px 0px transparent; padding-left:25px; font-size:1.3em; line-height:1.5em; margin-bottom:15px;}
.text-block p { font-size:1.3em; line-height:1.5em; margin-bottom:15px; }
.text-block ul { margin-left:40px; }
.text-block p { font-size:1.3em; margin-bottom:15px; margin:20px 0px; line-height:1.6em; }

.full-block {margin:10px 30px; width:930px}
.purchase .full-block { width:620px; float:left; margin:10px 0 30px 30px; }
.full-block div { margin-bottom:60px; }
.full-block ul li { background:url("../images/bullet3.png") no-repeat scroll 0px 0px transparent; padding-left:25px; font-size:1.3em; line-height:1.5em; margin-bottom:15px;}
.full-block ol li { padding-left:25px; font-size:1.3em; line-height:1.5em; margin-bottom:15px; }
.full-block ol li ol {margin-top:15px; }
.full-block ol li ol li { padding-left:25px; font-size:1em; line-height:1.5em; margin-bottom:15px; }
.full-block ul, .full-block ol { margin-left:40px; }
.full-block p { font-size:1.3em; margin-bottom:15px; margin:20px 0px; line-height:1.6em; }

.full-block table tr.alt-row td {background-color:#f5f5f5}
.full-block table td { font-size:1.3em; line-height:1.5em; text-align:center; padding:2px 2px 2px 14px; border-bottom:1px solid #eee }
.full-block table th { font-size:1.7em; line-height:1.9em; text-align:center; padding:2px 2px 2px 14px; border-bottom:1px solid #eee; color:#f08018; background-color:#f5f5f5}
.full-block table td.s4 {text-align:left; padding-left:40px}
.full-block table td.s2 {text-align:left}
.full-block table td h4 { font-size:1.1em; margin:10px 0}
.full-block table td h3 { font-size:2em; line-height:1em; margin:0; font-weight:normal }
.full-block table td h2 { font-size:1.5em; font-weight:normal; margin:10px 0 5px }

.full-block table td a.box-button {font-size:1em; text-align:left}
.full-block table td a.box-button img {margin:7px 7px 0 14px; float:left}

.form-block {margin:10px 30px; width:930px}
.form-block div { margin-bottom:60px; }
.form-block p { font-size:1.3em; margin:20px 0px; line-height:1.6em; }

.form-block table td { font-size:1.3em; line-height:1.5em; text-align:left; padding:2px 2px 2px 14px }

.form-block table td a.box-button {font-size:1em; text-align:left}
.form-block table td a.box-button img {margin:7px 7px 0 14px; float:left}

.news-block { padding:15px 0px 0px 15px; width:300px; float:right; }
.news-block div { font-size:1.2em; line-height:1.8em; margin-bottom:15px; }
.news-block div span { color:#888; }
.news-block h4 { margin-bottom:10px; }
.news-block .news { margin-bottom:8px; padding-top:8px; }

.purchase .news-block ul { margin-left: 20px; color:#999; }
.purchase .news-block ul li { list-style-type:disc; background:none; padding-left:0; }
.purchase .news-block h4 { font-size:1.2em; line-height:1em; margin-bottom:5px; }
.purchase .news-block h4 a { color:#262626; }
.purchase .news-block h4 a:hover { text-decoration:none; color:#666; }
.purchase td.s6 h3 { font-style:italic; font-size:1.4em; }
.purchase td.s6 h3 sup { font-size:0.7em; color:#aaa; text-decoration:line-through; }
.purchase td.s6 h3 sup.no-price { text-decoration:none; }
.purchase .discount30 { background:url("../images/discount30.png") no-repeat scroll left top transparent; }
.purchase td.s6 { padding-top:15px; padding-bottom:0px; }
.purchase td.s6 .inner-button { margin:5px 0 2px; width:50%; }
.purchase a.volume-discounts { font-size:0.85em; color:#666; text-decoration:underline; }

.quote-box-top { background:url("../images/q-top2.png") no-repeat scroll 0px 0px transparent; width:260px; height:55px; margin-top:30px; }
.quote-box-mid { background:url("../images/q-mid.png") repeat-y scroll 0px 0px transparent; width:210px; padding:0 20px 0 30px; }
.quote-box-btm { background:url("../images/q-btm.png") no-repeat scroll left bottom transparent; width:260px; height:36px; text-align:center; }

.news-block div.quote-box-top, .news-block div.quote-box-mid { margin-bottom:0; }

.support-box { width:180px; margin:5px 45px; float:left; height:240px; text-align:center; padding:10px; border:1px solid #4BC4DC }
.support-box-server { width:100px; margin:5px 15px; float:left; height:90px; text-align:center; padding:10px; border:1px solid #4BC4DC }

.downloads-box { width:250px; margin:0 40px; overflow:hidden; float:left; background:url("../images/download-bg.png") repeat-y scroll left top transparent; text-align:center; }
.downloads-box a { width:100%; display:block; float:left; text-align:center; }
.downloads-box a.box-button { width:133px; float:none; margin:5px auto 20px; }
.downloads-box p { font-size:1.2em; color:#666; }
.downloads-box .os-title { height:36px; margin-top:20px; }
.downloads-box .os-options { width:250px; margin-left:5px; }
.downloads-box ul li { background:none; padding-left:0; float:left; width:33%; height:66px; margin-top:8px; }

.downloads-top { background:url("../images/download-top.png") no-repeat scroll left top transparent; width:100%; height:100%; float:left; }
.downloads-bottom { background:url("../images/download-bottom.png") no-repeat scroll left bottom transparent; width:100%; height:100%; float:left; }

table#customer-quote { width:100%; border:none; }
table#customer-quote td { vertical-align:top; text-align:left; border:none; padding:0; }
table#customer-quote td div { font-size:1.2em; line-height:1.5em; margin-bottom:15px; }
table#customer-quote td div span { color:#888; }
table#customer-quote .quote-box-top { margin-top:0; }
table#customer-quote div.quote-box-top, table#customer-quote div.quote-box-mid { margin-bottom:0; }

.q-header {}
.q-name, .q-company { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
.q-company { font-size:0.85em; position:relative; top:-5px; }
.q-name { font-size:1.2em; }
.q-text { margin:0; }
.q-footer { text-align:center; margin:0; padding-top:15px; font-size:1em; }

#seo-links { background:url("../images/showcase-bg.png") repeat-x scroll left top transparent; color:#262626; font-size:1.2em; line-height:1.5em; padding:0; }
#seo-links table { width:100%; border:none; }
#seo-links td { vertical-align:top; text-align:left; border:none; padding:20px 10px; }
#seo-links strong { margin-bottom:10px; display:block; }
#seo-links a { }
#seo-links a:hover {  }

.social-icons { margin-right:32px; }
.social-icons li { background:none; padding:0; margin-right:8px; background-color:#eee; border:1px solid #ccc; border-radius:5px 5px 0 0; border-bottom:none; float:right; height:25px; overflow:hidden; line-height:26px; }
.social-icons a { display:block; width:30px; height:25px; padding:0; margin:0; border-radius:5px 5px 0 0; }
.social-icons a.link { width:auto; padding:0 6px; font-weight:700; font-size:1em; text-decoration:none; color:#666; }
.social-icons a.link:hover { text-decoration:none; color:#0077B3; }
.social-icons a.twitter { background:#eee url("../images/twitter.png") no-repeat scroll center 2px; }
.social-icons a.facebook { background:#eee url("../images/facebook.png") no-repeat scroll center 2px; }
.social-icons a.feed { background:#eee url("../images/feed.png") no-repeat scroll center 2px; }
.social-icons a.linkedin { background:#eee url("../images/linkedin.png") no-repeat scroll center 2px; }
.social-icons a.gplus { background:#eee url("../images/g_plus.png") no-repeat scroll center 2px; }

.social-icons a:hover { text-decoration:none; background-position:center -22px; }

.fcontent { margin-top:25px; font-size:1.1em; line-height:1.5em; }
.copyright { font-weight:700; font-size:1.1em; margin-bottom:10px; color:#aaa; }
#footer a { color:#777; }
#footer a:hover { color:#bbb; text-decoration:none; }

.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; line-height:1px; height:1px; overflow:hidden; }
.text-center { text-align:center; }
.required { color:#F30; font-size:1.2em; }

/* -- slider styles -- */

.product-slider {text-align:left; width:930px; height:520px; overflow:hidden; margin:0 auto; background:url("../images/slider-bg.png") no-repeat scroll 0px 0px transparent}
.product-slider h2#pagination-title {cursor:default; text-indent:-800px; margin:35px 0 10px 0; float:left; width:260px; height:80px; overflow:hidden}
.multi-project .product-slider h2#pagination-title {background:url("../images/multiSlider/panel-title.png") no-repeat scroll center center transparent}
.single-project .product-slider h2#pagination-title {background:url("../images/singleSlider/panel-title.png") no-repeat scroll center center transparent}

.sliderbutton {float:left; width:30px; padding-top:240px}
.sliderbutton img {cursor:pointer}

#slider {float:left; position:relative; overflow:auto; width:590px; height:480px; margin:20px 0 0 0}
#slider h1 {margin-top:0}
.multi-project #slider h1 {color:#f5af0c}
.single-project #slider h1 {color:#e67e17}

#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; height:460px; overflow:hidden; padding:10px; width:570px; background:none}
#slider li p {line-height:1.6em; font-size:1.2em}

.multi-project #slider li p img {border:1px solid #F0B426; border-radius:6px; background-color:#FFE098; padding:3px}
.single-project #slider li p img {border:1px solid #e67e17; border-radius:6px; background-color:#fac880; padding:3px}

.pagination {float:left; font-size:1.2em; list-style:none; margin:0 20px; width:220px}
.pagination li {cursor:pointer; padding:5px 8px; margin:0; text-align:center; background:none; font-weight:700}

.multi-project .pagination li:hover {color:#269926}
.multi-project li.current {color:#269926}

.single-project .pagination li:hover {color:#8f8f0e}
.single-project li.current {color:#8f8f0e}

/* -- end of slider styles --*/

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:0px 0px 0px 0px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:12px; font-weight: bold; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {padding:2px 0; text-indent:5px; width:58%; min-width:130px;}
#mc_embed_signup input.button { padding:2px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}